/**
 * A simple color swatch that can be clicked to bring up the color selector.
 *
 * The selected color is configurable via {@link #value} and
 * The Format is configurable via {@link #format}.
 *
 *            @example packages=[extangular]
 *            import { Component } from '@angular/core'
 *            declare var Ext: any;
 *
 *            @Component({
 *                selector: 'app-root-1',
 *                styles: [`
 *                        `],
 *                template: `
 *                    <colorbutton #item
 *                          (change)="onChange($event)"
 *                          format="hex6" 
 *                          value="00f"
 *                    ></colorbutton>
 *                `
 *            })
 *            export class AppComponent {
 *                onChange = ({picker, color, previousColor}) => {
 *                    Ext.Msg.alert('Color', color);
 *                }
 *            }
 */
 /**
 * @cfg {Object} popup
 * This object configures the popup window and colorselector component displayed
 * when this button is clicked. Applications should not need to configure this.
 * @private
 */
 /**
 * @event change
 * Fires when a color is selected.
 * @param {Ext.ux.colorpick.Selector} this 
 * @param {String} color The value of the selected color as per specified {@link #format}.
 * @param {String} previousColor The previous color value.
 */