| 1234567891011121314151617181920212223242526272829303132333435 | 
							- import Picker from './picker';
 
- class ColorPicker extends Picker {
 
-   constructor(select, label) {
 
-     super(select);
 
-     this.label.innerHTML = label;
 
-     this.container.classList.add('ql-color-picker');
 
-     [].slice.call(this.container.querySelectorAll('.ql-picker-item'), 0, 7).forEach(function(item) {
 
-       item.classList.add('ql-primary');
 
-     });
 
-   }
 
-   buildItem(option) {
 
-     let item = super.buildItem(option);
 
-     item.style.backgroundColor = option.getAttribute('value') || '';
 
-     return item;
 
-   }
 
-   selectItem(item, trigger) {
 
-     super.selectItem(item, trigger);
 
-     let colorLabel = this.label.querySelector('.ql-color-label');
 
-     let value = item ? item.getAttribute('data-value') || '' : '';
 
-     if (colorLabel) {
 
-       if (colorLabel.tagName === 'line') {
 
-         colorLabel.style.stroke = value;
 
-       } else {
 
-         colorLabel.style.fill = value;
 
-       }
 
-     }
 
-   }
 
- }
 
- export default ColorPicker;
 
 
  |