You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
625 B
24 lines
625 B
4 years ago
|
import Picker from './picker';
|
||
|
|
|
||
|
|
|
||
|
|
class IconPicker extends Picker {
|
||
|
|
constructor(select, icons) {
|
||
|
|
super(select);
|
||
|
|
this.container.classList.add('ql-icon-picker');
|
||
|
|
[].forEach.call(this.container.querySelectorAll('.ql-picker-item'), (item) => {
|
||
|
|
item.innerHTML = icons[item.getAttribute('data-value') || ''];
|
||
|
|
});
|
||
|
|
this.defaultItem = this.container.querySelector('.ql-selected');
|
||
|
|
this.selectItem(this.defaultItem);
|
||
|
|
}
|
||
|
|
|
||
|
|
selectItem(item, trigger) {
|
||
|
|
super.selectItem(item, trigger);
|
||
|
|
item = item || this.defaultItem;
|
||
|
|
this.label.innerHTML = item.innerHTML;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
export default IconPicker;
|