У вас действительно там прям много принципиально разных логик для форматирования значений?
window.helpers[/* тут значение data-format-value */](value, maxValue)
например, подкорректировать множители на основе введенных значений пользователем
злоумышленнику надо иметь возможность внедрять HTML
В этом случае злоумышленнику уже не надо иметь возможность произвольно внедрять HTML, ему нужно докопаться то этого поля, и там уже делать JS инъекцию.
В вашем случае скорее всего можно поделить формулы на части. Сделать отдельно число-масштаб, отдельно число-смещение. В вопросах фоматирования данных обычно есть разнообразие значений коэффициентов в формулах, но при этом мало различных смыслов этих самых коэффициентов. Так что именно отдельная формула на каждый чих обычно не нужна, нужны просто разные числа.
ты хочешь при dropdown отследить элемент какими-то необычными способами.
в 99.99999999999999999999999999999999999999999% - нет той задачи, которая бы требовала отслеживать изменение gap ( стиль )
вообще отслеживание одновременно, стили у контейнера, тот же gap, и всех потомков а точнее все их стили, типа margin, width и т.д ( ну тут до бесконечности можно перечислять )
это невероятно, очень трудозатратная операция для браузера, той же оперативки, у тебя не то что сайт будет лагать, а целый браузер.
ты не верно подходишь к решению задачи, которая стоит перед тобой.