Я работаю над набором компонентов в Polymer 2.0.
Я хочу, чтобы у них у всех была определенная функциональность, при определенных условиях они должны становиться недоступными для нажатия, выделяться серым цветом и иметь плавающий индикатор загрузкивыше их мертвой точки.
У меня нет проблем с этим с помощью CSS
.disabledPlaceHolder {
position: relative;
pointer-events: none;
opacity: 0.4;
}
Дело в том, чтобы применить этот класс ко всему компоненту, мне нужен какой-то способ узнать о немопределенный содержащий элемент.Но я не могу «доверять» тем, кто расширяет мой компонент, чтобы инкапсулировать весь его элемент в div с определенным идентификатором (или любым другим выбираемым объектом).
Я думал о том, чтобы сначала мой код создал эту инкапсуляциюсам, создавая div, который будет содержать весь текущий контент и только применить класс css к моему созданному div (скажите, если у вас есть идея получше).
Я также собирался добавить это поведение в качестве миксиначтобы сделать его применимым к любым компонентам, созданным в будущем.
Есть ли способ ссылаться на шаблон компонентов во время выполнения и добавлять этот инкапсулирующий div?Есть ли способ сделать это через mixin?
Спасибо, Ги Х.