{"__symbolic":"module","version":4,"metadata":{"BixiColorPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":29,"character":39},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":29,"character":56}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"IRgb":{"__symbolic":"interface"},"IHsl":{"__symbolic":"interface"},"IHsv":{"__symbolic":"interface"},"IColorMode":{"__symbolic":"interface"},"IAnyColor":{"__symbolic":"interface"},"ICoordinatesEvent":{"__symbolic":"interface"},"convertColor":{"__symbolic":"function"},"mapColor":{"__symbolic":"function"},"getCheckboard":{"__symbolic":"function"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"bixi-color-alpha","exportAs":"bixiColorAlpha","host":{"[class.bixi-color-alpha]":"true","$quoted$":["[class.bixi-color-alpha]"]},"template":"\n    <div class=\"bixi-color-alpha-checkboard\" [ngStyle]=\"checkboardStyles\">\n    </div>\n    <div class=\"bixi-color-alpha-gradient\" [ngStyle]=\"gradientStyles\"></div>\n    <div bixi-coordinates (coordinatesChange)=\"onCoordinatesChange($event)\" class=\"bixi-color-alpha-slider\">\n      <div class=\"bixi-color-alpha-pointer\" [style.left.%]=\"pointerLeft\">\n        <div class=\"bixi-color-circle\"></div>\n      </div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"}}]}],"members":{"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"rgb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"onCoordinatesChange":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"bixi-color-block","exportAs":"bixiColorBlock","host":{"[class.bixi-color-block]":"true","[class.bixi-color-block-dark]":"isDarkColor","[class.bixi-color-block-light]":"!isDarkColor","[style.background-color]":"rgbString","$quoted$":["[class.bixi-color-block]","[class.bixi-color-block-dark]","[class.bixi-color-block-light]","[style.background-color]"]},"template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"bixi-color-fields","exportAs":"bixiColorFields","host":{"[class.bixi-color-fields]":"true","$quoted$":["[class.bixi-color-fields]"]},"template":"\n  <div class=\"bixi-color-fields-hex\">\n    <div class=\"bixi-color-field\">\n      <div class=\"bixi-color-field-input\">\n        <nz-input-group nzPrefix=\"#\" nzSize=\"small\">\n          <input type=\"text\" nz-input  [(ngModel)]=\"_hex\" maxlength='6' (ngModelChange)=\"onHexChange()\"/>\n        </nz-input-group>\n      </div>\n      <div class=\"bixi-color-field-title\">\n        HEX\n      </div>\n    </div>\n  </div>\n  <div class=\"bixi-color-fields-rgba\">\n    <div class=\"bixi-color-field\">\n      <div class=\"bixi-color-field-input\">\n        <input type=\"text\" nz-input  nzSize=\"small\" maxlength='3' [(ngModel)]=\"_rgb.r\"  (ngModelChange)=\"onRgbChange()\"/>\n      </div>\n      <div class=\"bixi-color-field-title\">\n        R\n      </div>\n    </div>\n    <div class=\"bixi-color-field\">\n      <div class=\"bixi-color-field-input\">\n        <input type=\"text\" nz-input  nzSize=\"small\" maxlength='3' [(ngModel)]=\"_rgb.g\" (ngModelChange)=\"onRgbChange()\"/>\n      </div>\n      <div class=\"bixi-color-field-title\">\n        G\n      </div>\n    </div>\n    <div class=\"bixi-color-field\">\n      <div class=\"bixi-color-field-input\">\n        <input type=\"text\" nz-input  nzSize=\"small\" maxlength='3' [(ngModel)]=\"_rgb.b\" (ngModelChange)=\"onRgbChange()\"/>\n      </div>\n      <div class=\"bixi-color-field-title\">\n        B\n      </div>\n    </div>\n    <div class=\"bixi-color-field bixi-color-field-alpha\" *ngIf=\"!hideAlpha\">\n      <div class=\"bixi-color-field-input\">\n        <input type=\"text\"  nz-input  nzSize=\"small\" maxlength='3' [(ngModel)]=\"_rgb.a\" (ngModelChange)=\"onRgbChange()\"/>\n      </div>\n      <div class=\"bixi-color-field-title\">\n        A\n      </div>\n    </div>\n  </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":65,"character":19},"member":"OnPush"}}]}],"members":{"hex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"rgb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"hideAlpha":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"parseInt":[{"__symbolic":"method"}],"onHexChange":[{"__symbolic":"method"}],"onRgbChange":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"bixi-color-hue","exportAs":"bixiColorHue","host":{"[class.bixi-color-hue]":"true","$quoted$":["[class.bixi-color-hue]"]},"template":"\n  <div class=\"bixi-color-hue-inner\" bixi-coordinates (coordinatesChange)=\"onCoordinatesChange($event)\">\n    <div class=\"bixi-color-hue-pointer\" [style.left.%]=\"pointerLeft\">\n      <div class=\"bixi-color-circle\"></div>\n    </div>\n  </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"}}]}],"members":{"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"onCoordinatesChange":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"bixi-color-panel","exportAs":"bixiColorPanel","host":{"[class.bixi-color-panel]":"true","[class.bixi-color-panel-borderless]":"borderless","$quoted$":["[class.bixi-color-panel]","[class.bixi-color-panel-borderless]"]},"template":"\n  <div class=\"bixi-color-panel-content\">\n    <bixi-color-saturation\n      [hsl]=\"hsl\"\n      [hsv]=\"hsv\"\n      (colorChange)=\"onChange($event)\"\n      >\n    </bixi-color-saturation>\n    <div class=\"bixi-color-controls\" [class.bixi-color-controls-hide-alpha]=\"hideAlpha\">\n      <div class=\"bixi-color-sliders\">\n        <bixi-color-hue\n          [hsl]=\"hsl\"\n          (colorChange)=\"onChange($event)\"\n        >\n        </bixi-color-hue>\n        <bixi-color-alpha\n          *ngIf=\"!hideAlpha\"\n          [hsl]=\"hsl\"\n          [rgb]=\"rgb\"\n          (colorChange)=\"onChange($event)\"\n          >\n        </bixi-color-alpha>\n      </div>\n      <div class=\"bixi-color-preview\">\n        <bixi-color-block [color]=\"color\"></bixi-color-block>\n      </div>\n    </div>\n    <bixi-color-fields\n      [hex]=\"hex\"\n      [rgb]=\"rgb\"\n      [hideAlpha]=\"hideAlpha\"\n      (colorChange)=\"onChange($event)\">\n    </bixi-color-fields>\n  </div>\n  <div class=\"bixi-color-panel-footer\">\n    <div\n      class=\"bixi-color-presetcolor-item\"\n      *ngFor=\"let color of _presetColors\">\n      <div\n        [style.border-color]=\"color.dark\"\n        [style.background-color]=\"color.light\"\n        (click)=\"onChange(color.dark)\"\n        [class.bixi-color-inactive]=\"!isActiveColor(color.dark)\"\n        class=\"bixi-color-presetcolor-wrap\">\n        <div\n          class=\"bixi-color-presetcolor-inner\"\n          [style.background-color]=\"color.dark\"\n          [style.border-color]=\"color.dark\">\n        </div>\n      </div>\n    </div>\n  </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":78,"character":19},"member":"OnPush"}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"alphaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"presetColors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"borderless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"isActiveColor":[{"__symbolic":"method"}],"initPresetColors":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"bixi-color-picker","exportAs":"bixiColorPicker","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":22,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵf"},"multi":true}],"host":{"[class.bixi-color-picker]":"true","$quoted$":["[class.bixi-color-picker]"]},"template":"\n    <div\n      class=\"bixi-color-picker-trigger\"\n      [class.bixi-color-picker-trigger-lg]=\"size ===  'large'\"\n      [class.bixi-color-picker-trigger-sm]=\"size ===  'small'\"\n      [class.bixi-color-picker-trigger-disabled]=\"disabled\"\n      nz-popover\n      [(nzPopoverVisible)]=\"visible\"\n      nzPopoverOverlayClassName=\"bixi-color-picker-popover-overlay\"\n      (nzPopoverVisibleChange)=\"onVisibleChange($event)\"\n      [nzPopoverTrigger]=\"disabled ? null : 'click'\"\n      nzPopoverPlacement=\"bottomLeft\"\n      [nzPopoverContent]=\"popoverContent\"\n    >\n      <bixi-color-block\n        class=\"bixi-color-picker-trigger-inner\"\n        [color]=\"color\">\n      </bixi-color-block>\n    </div>\n    <ng-template #popoverContent>\n      <bixi-color-panel\n        [mode]=\"mode\"\n        [color]=\"color\"\n        [alphaDisabled]=\"alphaDisabled\"\n        [presetColors]=\"presetColors\"\n        [borderless]=\"true\"\n        (colorChange)=\"onColorChange($event)\"\n      >\n      </bixi-color-panel>\n    </ng-template>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":61,"character":19},"member":"OnPush"}}]}],"members":{"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"alphaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"presetColors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"borderless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"openChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":75,"character":27}]}],"ngOnChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onVisibleChange":[{"__symbolic":"method"}],"onColorChange":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"bixi-color-saturation","exportAs":"bixiColorSaturation","host":{"[class.bixi-color-saturation]":"true","[style.background]":"background","$quoted$":["[class.bixi-color-saturation]","[style.background]"]},"template":"\n    <div class=\"bixi-color-saturation-white\" bixi-coordinates (coordinatesChange)=\"onCoordinatesChange($event)\">\n      <div class=\"bixi-color-saturation-black\"></div>\n      <div class=\"bixi-color-saturation-pointer\" [style.top.%]=\"pointerTop\" [style.left.%]=\"pointerLeft\">\n        <div class=\"bixi-color-circle\"></div>\n      </div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"}}]}],"members":{"hsv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"onCoordinatesChange":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[bixi-coordinates]"}]}],"members":{"coordinatesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"mousemove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":28,"character":3},"arguments":["window:mousemove",["$event","$event.pageX","$event.pageY"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["window:touchmove",["$event","$event.touches[0].clientX","$event.touches[0].clientY","true"]]}]}],"mouseup":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":41,"character":3},"arguments":["window:mouseup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":42,"character":3},"arguments":["window:touchend"]}]}],"mousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":46,"character":3},"arguments":["mousedown",["$event","$event.pageX","$event.pageY"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":47,"character":3},"arguments":["touchstart",["$event","$event.touches[0].clientX","$event.touches[0].clientY","true"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":59,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}}},"origins":{"BixiColorPickerModule":"./color-picker.module","IRgb":"./color-picker.type","IHsl":"./color-picker.type","IHsv":"./color-picker.type","IColorMode":"./color-picker.type","IAnyColor":"./color-picker.type","ICoordinatesEvent":"./color-picker.type","convertColor":"./utils","mapColor":"./utils","getCheckboard":"./utils","ɵa":"./color-alpha.component","ɵb":"./color-block.component","ɵc":"./color-fields.component","ɵd":"./color-hue.component","ɵe":"./color-panel.component","ɵf":"./color-picker.component","ɵg":"./color-saturation.component","ɵh":"./coordinates.directive"},"importAs":"@bixi/core/color-picker"}