| 1 | import Picker from './picker.js';
|
| 2 | class IconPicker extends Picker {
|
| 3 | constructor(select, icons) {
|
| 4 | super(select);
|
| 5 | this.container.classList.add('ql-icon-picker');
|
| 6 | Array.from(this.container.querySelectorAll('.ql-picker-item')).forEach(item => {
|
| 7 | item.innerHTML = icons[item.getAttribute('data-value') || ''];
|
| 8 | });
|
| 9 | this.defaultItem = this.container.querySelector('.ql-selected');
|
| 10 | this.selectItem(this.defaultItem);
|
| 11 | }
|
| 12 | selectItem(target, trigger) {
|
| 13 | super.selectItem(target, trigger);
|
| 14 | const item = target || this.defaultItem;
|
| 15 | if (item != null) {
|
| 16 | if (this.label.innerHTML === item.innerHTML) return;
|
| 17 | this.label.innerHTML = item.innerHTML;
|
| 18 | }
|
| 19 | }
|
| 20 | }
|
| 21 | export default IconPicker;
|
| 22 | |
| \ | No newline at end of file |