Очень наивное решение, которое не связано с регулярным выражением, состояло в том, чтобы выполнить замену строки на вашем разделителе по строкам (предполагая запятую для разделителя):
string.replace(FullString, "," , "~,~")
Где вы можете заменить тильду (~) с соответствующим уникальным разделителем.
Тогда, если вы разделите свой новый разделитель, я верю, что вы получите желаемый результат.
Вам необходимо переместить ваш <clr-modal></clr-modal>
div так, чтобы он находился под <div class="main-container"></div>
div. Это выведет его из внутренних элементов и наложит модальное поверх всего. Установка z-index
для дочерних элементов не будет работать.