@acorex/components 20.1.4 → 20.1.6

package/fesm2022/acorex-components-color-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-color-box.mjs","sources":["../tmp-esm2022/color-box/lib/color-box.component.js","../tmp-esm2022/color-box/lib/color-box.module.js","../tmp-esm2022/color-box/acorex-components-color-box.js"],"sourcesContent":["import { AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXColorLookComponent, MXInputBaseValueComponent, } from '@acorex/cdk/common';\nimport { AXColorPaletteInputComponent, AXColorPalettePickerComponent, AXColorPaletteSwatchesComponent, AXColorPalleteComponent, } from '@acorex/components/color-palette';\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\nimport { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation, forwardRef, input, viewChild, } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\n/**\n * A color box component that handles color selection and triggers relevant events.\n *\n * @category Components\n */\nexport class AXColorBoxComponent extends classes(MXDropdownBoxBaseComponent, (MXInputBaseValueComponent), MXColorLookComponent) {\n    constructor() {\n        super(...arguments);\n        //TODO: implement the color input component\n        // @ViewChild(AXDateTimeInputComponent)\n        // protected input: AXDateTimeInputComponent;\n        this.showBadge = input(true);\n        this.showValue = input(true);\n        this.showClearButton = input(true);\n        this.showIcon = input(true);\n        this.palettePicker = viewChild(AXColorPalettePickerComponent);\n    }\n    /**\n     *  @ignore\n     */\n    _handleModelChange(value) {\n        this.commitValue(value, true);\n    }\n    /**\n     *  @ignore\n     */\n    _handleArrowClickEvent(e) {\n        e.stopPropagation();\n        this.toggle();\n    }\n    /**\n     *  @ignore\n     */\n    _handleInputClickEvent(e) {\n        e.stopPropagation();\n        this.toggle();\n        this.palettePicker().parentColorChanged();\n    }\n    /**\n     *  @ignore\n     */\n    _handleOnOpenedEvent(e) {\n        //this.picker?.refresh();\n    }\n    /**\n     *  @ignore\n     */\n    _handleOnClosedEvent(e) {\n        this.focus();\n    }\n    /**\n     * Handles changes to the internal value.\n     *\n     * @param value - The new value of the component.\n     * @ignore\n     */\n    internalValueChanged(value) {\n        //this.close();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.4\", type: AXColorBoxComponent, isStandalone: true, selector: \"ax-color-box\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: \"readonly\", publicName: \"readonly\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: \"placeholder\", publicName: \"placeholder\", isSignal: false, isRequired: false, transformFunction: null }, minValue: { classPropertyName: \"minValue\", publicName: \"minValue\", isSignal: false, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: \"maxValue\", publicName: \"maxValue\", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: \"state\", publicName: \"state\", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: \"name\", publicName: \"name\", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: \"id\", publicName: \"id\", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: \"type\", publicName: \"type\", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", isSignal: false, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: \"showBadge\", publicName: \"showBadge\", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: \"showValue\", publicName: \"showValue\", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: \"showClearButton\", publicName: \"showClearButton\", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: \"showIcon\", publicName: \"showIcon\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: \"valueChange\", stateChange: \"stateChange\", onValueChanged: \"onValueChanged\", onBlur: \"onBlur\", onFocus: \"onFocus\", readonlyChange: \"readonlyChange\", disabledChange: \"disabledChange\" }, host: { attributes: { \"ngSkipHydration\": \"true\" } }, providers: [\n            { provide: AXComponent, useExisting: AXColorBoxComponent },\n            { provide: AXFocusableComponent, useExisting: AXColorBoxComponent },\n            { provide: AXValuableComponent, useExisting: AXColorBoxComponent },\n            { provide: AXClearableComponent, useExisting: AXColorBoxComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXColorBoxComponent),\n                multi: true,\n            },\n        ], viewQueries: [{ propertyName: \"palettePicker\", first: true, predicate: AXColorPalettePickerComponent, descendants: true, isSignal: true }, { propertyName: \"picker\", first: true, predicate: AXColorPalleteComponent, descendants: true }, { propertyName: \"dropdown\", first: true, predicate: AXDropdownBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: \"<ax-dropdown-box\\n  [look]=\\\"look\\\"\\n  [disabled]=\\\"disabled\\\"\\n  (onOpened)=\\\"_handleOnOpenedEvent($event)\\\"\\n  (onClosed)=\\\"_handleOnClosedEvent($event)\\\"\\n>\\n  <ng-container input>\\n    <ng-content select=\\\"ax-prefix\\\"> </ng-content>\\n    <div class=\\\"ax-content\\\" (click)=\\\"_handleInputClickEvent($event)\\\" [tabindex]=\\\"tabIndex\\\">\\n      @if (value && showBadge()) {\\n        <div class=\\\"color-badge\\\" [ngStyle]=\\\"{ 'background-color': value }\\\"></div>\\n      } @else {\\n        <div class=\\\"color-placeholder\\\">{{ placeholder }}</div>\\n      }\\n      @if (showValue()) {\\n        <div class=\\\"color-value\\\">{{ value }}</div>\\n      }\\n    </div>\\n    @if (showClearButton()) {\\n      @if (value && !disabled && !readonly) {\\n        <ng-content select=\\\"ax-clear-button\\\"></ng-content>\\n      }\\n    }\\n    @if (showIcon()) {\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"ax-editor-button\\\"\\n        [tabIndex]=\\\"-1\\\"\\n        [disabled]=\\\"disabled\\\"\\n        (click)=\\\"_handleArrowClickEvent($event)\\\"\\n      >\\n        <span class=\\\"ax-icon ax-icon-color-palette\\\"></span>\\n      </button>\\n    }\\n    <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n    <ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n  </ng-container>\\n  <ng-container panel>\\n    <ax-color-palette\\n      [ngModel]=\\\"value\\\"\\n      (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n      [disabled]=\\\"disabled\\\"\\n      [readonly]=\\\"readonly\\\"\\n    >\\n      <ax-color-palette-picker></ax-color-palette-picker>\\n      <ax-color-palette-swatches></ax-color-palette-swatches>\\n      <ax-color-palette-input></ax-color-palette-input>\\n    </ax-color-palette>\\n  </ng-container>\\n</ax-dropdown-box>\\n\", styles: [\"ax-color-box{--ax-comp-editor-decorator-button-x: 0;--ax-comp-editor-decorator-padding-x: 0;display:flex;flex:1 1 0%}ax-color-box .ax-editor-container{width:var(--ax-comp-color-box-width, 100%);font-size:var(--ax-comp-color-box-font-size, var(--ax-comp-editor-font-size))}ax-color-box .ax-editor-container .ax-content{gap:var(--ax-comp-color-box-gap, .75rem);display:flex;height:100%;flex:1 1 0%;align-items:center;outline:0!important}ax-color-box .ax-editor-container .ax-content .color-badge{width:var(--ax-comp-color-box-badge-width, 2.5rem);height:calc(100% - var(--ax-comp-color-box-gap, .75rem));display:block;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-color-box .ax-editor-container .ax-content .color-placeholder{font-size:inherit;font-weight:400;color:rgb(var(--ax-sys-color-input-text),.5)}ax-color-box .ax-editor-container .ax-content .color-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-color-box .ax-editor-container .ax-clear-button{margin:0!important}\\n\"], dependencies: [{ kind: \"component\", type: AXDropdownBoxComponent, selector: \"ax-dropdown-box\", inputs: [\"disabled\", \"look\", \"hasInput\"], outputs: [\"disabledChange\", \"onBlur\", \"onFocus\", \"onClick\", \"onOpened\", \"onClosed\"] }, { kind: \"directive\", type: NgStyle, selector: \"[ngStyle]\", inputs: [\"ngStyle\"] }, { kind: \"component\", type: AXColorPalleteComponent, selector: \"ax-color-palette\", inputs: [\"disabled\", \"tabIndex\", \"readonly\", \"value\", \"state\", \"name\", \"checked\"], outputs: [\"onBlur\", \"onFocus\", \"valueChange\", \"stateChange\", \"onValueChanged\", \"readonlyChange\", \"disabledChange\"] }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: AXColorPalettePickerComponent, selector: \"ax-color-palette-picker\" }, { kind: \"component\", type: AXColorPaletteSwatchesComponent, selector: \"ax-color-palette-swatches, ax-color-palette-favorite\", inputs: [\"colors\"] }, { kind: \"component\", type: AXColorPaletteInputComponent, selector: \"ax-color-palette-input\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-color-box', inputs: [\n                        'disabled',\n                        'readonly',\n                        'tabIndex',\n                        'placeholder',\n                        'minValue',\n                        'maxValue',\n                        'value',\n                        'state',\n                        'name',\n                        'id',\n                        'type',\n                        'look',\n                    ], outputs: ['valueChange', 'stateChange', 'onValueChanged', 'onBlur', 'onFocus', 'readonlyChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n                        { provide: AXComponent, useExisting: AXColorBoxComponent },\n                        { provide: AXFocusableComponent, useExisting: AXColorBoxComponent },\n                        { provide: AXValuableComponent, useExisting: AXColorBoxComponent },\n                        { provide: AXClearableComponent, useExisting: AXColorBoxComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXColorBoxComponent),\n                            multi: true,\n                        },\n                    ], host: { ngSkipHydration: 'true' }, imports: [\n                        AXDropdownBoxComponent,\n                        NgStyle,\n                        AXColorPalleteComponent,\n                        FormsModule,\n                        AXColorPalettePickerComponent,\n                        AXColorPaletteSwatchesComponent,\n                        AXColorPaletteInputComponent,\n                    ], template: \"<ax-dropdown-box\\n  [look]=\\\"look\\\"\\n  [disabled]=\\\"disabled\\\"\\n  (onOpened)=\\\"_handleOnOpenedEvent($event)\\\"\\n  (onClosed)=\\\"_handleOnClosedEvent($event)\\\"\\n>\\n  <ng-container input>\\n    <ng-content select=\\\"ax-prefix\\\"> </ng-content>\\n    <div class=\\\"ax-content\\\" (click)=\\\"_handleInputClickEvent($event)\\\" [tabindex]=\\\"tabIndex\\\">\\n      @if (value && showBadge()) {\\n        <div class=\\\"color-badge\\\" [ngStyle]=\\\"{ 'background-color': value }\\\"></div>\\n      } @else {\\n        <div class=\\\"color-placeholder\\\">{{ placeholder }}</div>\\n      }\\n      @if (showValue()) {\\n        <div class=\\\"color-value\\\">{{ value }}</div>\\n      }\\n    </div>\\n    @if (showClearButton()) {\\n      @if (value && !disabled && !readonly) {\\n        <ng-content select=\\\"ax-clear-button\\\"></ng-content>\\n      }\\n    }\\n    @if (showIcon()) {\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"ax-editor-button\\\"\\n        [tabIndex]=\\\"-1\\\"\\n        [disabled]=\\\"disabled\\\"\\n        (click)=\\\"_handleArrowClickEvent($event)\\\"\\n      >\\n        <span class=\\\"ax-icon ax-icon-color-palette\\\"></span>\\n      </button>\\n    }\\n    <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n    <ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n  </ng-container>\\n  <ng-container panel>\\n    <ax-color-palette\\n      [ngModel]=\\\"value\\\"\\n      (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n      [disabled]=\\\"disabled\\\"\\n      [readonly]=\\\"readonly\\\"\\n    >\\n      <ax-color-palette-picker></ax-color-palette-picker>\\n      <ax-color-palette-swatches></ax-color-palette-swatches>\\n      <ax-color-palette-input></ax-color-palette-input>\\n    </ax-color-palette>\\n  </ng-container>\\n</ax-dropdown-box>\\n\", styles: [\"ax-color-box{--ax-comp-editor-decorator-button-x: 0;--ax-comp-editor-decorator-padding-x: 0;display:flex;flex:1 1 0%}ax-color-box .ax-editor-container{width:var(--ax-comp-color-box-width, 100%);font-size:var(--ax-comp-color-box-font-size, var(--ax-comp-editor-font-size))}ax-color-box .ax-editor-container .ax-content{gap:var(--ax-comp-color-box-gap, .75rem);display:flex;height:100%;flex:1 1 0%;align-items:center;outline:0!important}ax-color-box .ax-editor-container .ax-content .color-badge{width:var(--ax-comp-color-box-badge-width, 2.5rem);height:calc(100% - var(--ax-comp-color-box-gap, .75rem));display:block;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-color-box .ax-editor-container .ax-content .color-placeholder{font-size:inherit;font-weight:400;color:rgb(var(--ax-sys-color-input-text),.5)}ax-color-box .ax-editor-container .ax-content .color-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-color-box .ax-editor-container .ax-clear-button{margin:0!important}\\n\"] }]\n        }], propDecorators: { picker: [{\n                type: ViewChild,\n                args: [AXColorPalleteComponent]\n            }], dropdown: [{\n                type: ViewChild,\n                args: [AXDropdownBoxComponent]\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29sb3ItYm94L3NyYy9saWIvY29sb3ItYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29sb3ItYm94L3NyYy9saWIvY29sb3ItYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsV0FBVyxFQUVYLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIsb0JBQW9CLEVBQ3BCLHlCQUF5QixHQUMxQixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFDTCw0QkFBNEIsRUFDNUIsNkJBQTZCLEVBQzdCLCtCQUErQixFQUMvQix1QkFBdUIsR0FDeEIsTUFBTSxrQ0FBa0MsQ0FBQztBQUMxQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBRW5DOzs7O0dBSUc7QUE0Q0gsTUFBTSxPQUFPLG1CQUFvQixTQUFRLE9BQU8sQ0FDOUMsMEJBQTBCLEVBQzFCLENBQUEseUJBQWlDLENBQUEsRUFDakMsb0JBQW9CLENBQ3JCO0lBL0NEOztRQWdERSwyQ0FBMkM7UUFDM0MsdUNBQXVDO1FBQ3ZDLDZD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QUFxQixFQUFFO3dCQUNuRTs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsUUFDSyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsV0FDeEI7d0JBQ1Asc0JBQXNCO3dCQUN0QixPQUFPO3dCQUNQLHVCQUF1Qjt3QkFDdkIsV0FBVzt3QkFDWCw2QkFBNkI7d0JBQzdCLCtCQUErQjt3QkFDL0IsNEJBQTRCO3FCQUM3Qjs4QkFtQlMsTUFBTTtzQkFEZixTQUFTO3VCQUFDLHVCQUF1QjtnQkFTeEIsUUFBUTtzQkFEakIsU0FBUzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWENsZWFyYWJsZUNvbXBvbmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYRXZlbnQsXG4gIEFYRm9jdXNhYmxlQ29tcG9uZW50LFxuICBBWFZhbHVhYmxlQ29tcG9uZW50LFxuICBNWENvbG9yTG9va0NvbXBvbmVudCxcbiAgTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7XG4gIEFYQ29sb3JQYWxldHRlSW5wdXRDb21wb25lbnQsXG4gIEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50LFxuICBBWENvbG9yUGFsZXR0ZVN3YXRjaGVzQ29tcG9uZW50LFxuICBBWENvbG9yUGFsbGV0ZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUnO1xuaW1wb3J0IHsgQVhEcm9wZG93bkJveENvbXBvbmVudCwgTVhEcm9wZG93bkJveEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJvcGRvd24nO1xuaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBpbnB1dCxcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbi8qKlxuICogQSBjb2xvciBib3ggY29tcG9uZW50IHRoYXQgaGFuZGxlcyBjb2xvciBzZWxlY3Rpb24gYW5kIHRyaWdnZXJzIHJlbGV2YW50IGV2ZW50cy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb2xvci1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29sb3ItYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogW1xuICAgICdkaXNhYmxlZCcsXG4gICAgJ3JlYWRvbmx5JyxcbiAgICAndGFiSW5kZXgnLFxuICAgICdwbGFjZWhvbGRlcicsXG4gICAgJ21pblZhbHVlJyxcbiAgICAnbWF4VmFsdWUnLFxuICAgICd2YWx1ZScsXG4gICAgJ3N0YXRlJyxcbiAgICAnbmFtZScsXG4gICAgJ2lkJyxcbiAgICAndHlwZScsXG4gICAgJ2xvb2snLFxuICBdLFxuICBvdXRwdXRzOiBbJ3ZhbHVlQ2hhbmdlJywgJ3N0YXRlQ2hhbmdlJywgJ29uVmFsdWVDaGFuZ2VkJywgJ29uQmx1cicsICdvbkZvY3VzJywgJ3JlYWRvbmx5Q2hhbmdlJywgJ2Rpc2FibGVkQ2hhbmdlJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDb2xvckJveENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbG9yQm94Q29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWFZhbHVhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDb2xvckJveENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhDbGVhcmFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbG9yQm94Q29tcG9uZW50IH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWENvbG9yQm94Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG4gIGhvc3Q6IHsgbmdTa2lwSHlkcmF0aW9uOiAndHJ1ZScgfSxcbiAgaW1wb3J0czogW1xuICAgIEFYRHJvcGRvd25Cb3hDb21wb25lbnQsXG4gICAgTmdTdHlsZSxcbiAgICBBWENvbG9yUGFsbGV0ZUNvbXBvbmVudCxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBBWENvbG9yUGFsZXR0ZVBpY2tlckNvbXBvbmVudCxcbiAgICBBWENvbG9yUGFsZXR0ZVN3YXRjaGVzQ29tcG9uZW50LFxuICAgIEFYQ29sb3JQYWxldHRlSW5wdXRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29sb3JCb3hDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKFxuICBNWERyb3Bkb3duQm94QmFzZUNvbXBvbmVudCxcbiAgTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudDxzdHJpbmc+LFxuICBNWENvbG9yTG9va0NvbXBvbmVudCxcbikge1xuICAvL1RPRE86IGltcGxlbWVudCB0aGUgY29sb3IgaW5wdXQgY29tcG9uZW50XG4gIC8vIEBWaWV3Q2hpbGQoQVhEYXRlVGltZUlucHV0Q29tcG9uZW50KVxuICAvLyBwcm90ZWN0ZWQgaW5wdXQ6IEFYRGF0ZVRpbWVJbnB1dENvbXBvbmVudDtcblxuICBzaG93QmFkZ2UgPSBpbnB1dCh0cnVlKTtcbiAgc2hvd1ZhbHVlID0gaW5wdXQodHJ1ZSk7XG4gIHNob3dDbGVhckJ1dHRvbiA9IGlucHV0KHRydWUpO1xuICBzaG93SWNvbiA9IGlucHV0KHRydWUpO1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBWaWV3Q2hpbGQoQVhDb2xvclBhbGxldGVDb21wb25lbnQpXG4gIHByb3RlY3RlZCBwaWNrZXI6IEFYQ29sb3JQYWxsZXRlQ29tcG9uZW50O1xuXG4gIHByb3RlY3RlZCBwYWxldHRlUGlja2VyID0gdmlld0NoaWxkKEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50KTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBWaWV3Q2hpbGQoQVhEcm9wZG93bkJveENvbXBvbmVudClcbiAgcHJvdGVjdGVkIGRyb3Bkb3duOiBBWERyb3Bkb3duQm94Q29tcG9uZW50O1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVNb2RlbENoYW5nZSh2YWx1ZTogc3RyaW5nIHwgbnVsbCkge1xuICAgIHRoaXMuY29tbWl0VmFsdWUodmFsdWUsIHRydWUpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZUFycm93Q2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZUlucHV0Q2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICAgIHRoaXMucGFsZXR0ZVBpY2tlcigpLnBhcmVudENvbG9yQ2hhbmdlZCgpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZU9uT3BlbmVkRXZlbnQoZTogQVhFdmVudCkge1xuICAgIC8vdGhpcy5waWNrZXI/LnJlZnJlc2goKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVPbkNsb3NlZEV2ZW50KGU6IEFYRXZlbnQpIHtcbiAgICB0aGlzLmZvY3VzKCk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyBjaGFuZ2VzIHRvIHRoZSBpbnRlcm5hbCB2YWx1ZS5cbiAgICpcbiAgICogQHBhcmFtIHZhbHVlIC0gVGhlIG5ldyB2YWx1ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvdmVycmlkZSBpbnRlcm5hbFZhbHVlQ2hhbmdlZCh2YWx1ZT86IERhdGUpOiB2b2lkIHtcbiAgICAvL3RoaXMuY2xvc2UoKTtcbiAgfVxufVxuIiwiPGF4LWRyb3Bkb3duLWJveFxuICBbbG9va109XCJsb29rXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKG9uT3BlbmVkKT1cIl9oYW5kbGVPbk9wZW5lZEV2ZW50KCRldmVudClcIlxuICAob25DbG9zZWQpPVwiX2hhbmRsZU9uQ2xvc2VkRXZlbnQoJGV2ZW50KVwiXG4+XG4gIDxuZy1jb250YWluZXIgaW5wdXQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+IDwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29udGVudFwiIChjbGljayk9XCJfaGFuZGxlSW5wdXRDbGlja0V2ZW50KCRldmVudClcIiBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIj5cbiAgICAgIEBpZiAodmFsdWUgJiYgc2hvd0JhZGdlKCkpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbG9yLWJhZGdlXCIgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IHZhbHVlIH1cIj48L2Rpdj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sb3ItcGxhY2Vob2xkZXJcIj57eyBwbGFjZWhvbGRlciB9fTwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChzaG93VmFsdWUoKSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sb3ItdmFsdWVcIj57eyB2YWx1ZSB9fTwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIEBpZiAoc2hvd0NsZWFyQnV0dG9uKCkpIHtcbiAgICAgIEBpZiAodmFsdWUgJiYgIWRpc2FibGVkICYmICFyZWFkb25seSkge1xuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jbGVhci1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgICB9XG4gICAgfVxuICAgIEBpZiAoc2hvd0ljb24oKSkge1xuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJheC1lZGl0b3ItYnV0dG9uXCJcbiAgICAgICAgW3RhYkluZGV4XT1cIi0xXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgKGNsaWNrKT1cIl9oYW5kbGVBcnJvd0NsaWNrRXZlbnQoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNvbG9yLXBhbGV0dGVcIj48L3NwYW4+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+IDwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj4gPC9uZy1jb250ZW50PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciBwYW5lbD5cbiAgICA8YXgtY29sb3ItcGFsZXR0ZVxuICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiX2hhbmRsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgPlxuICAgICAgPGF4LWNvbG9yLXBhbGV0dGUtcGlja2VyPjwvYXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1zd2F0Y2hlcz48L2F4LWNvbG9yLXBhbGV0dGUtc3dhdGNoZXM+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1pbnB1dD48L2F4LWNvbG9yLXBhbGV0dGUtaW5wdXQ+XG4gICAgPC9heC1jb2xvci1wYWxldHRlPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvYXgtZHJvcGRvd24tYm94PlxuIl19","import { AXColorPaletteModule } from '@acorex/components/color-palette';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXColorBoxComponent } from './color-box.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXColorBoxComponent];\nconst MODULES = [CommonModule, FormsModule, AXColorPaletteModule, AXDropdownModule];\nexport class AXColorBoxModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, imports: [CommonModule, FormsModule, AXColorPaletteModule, AXDropdownModule, AXColorBoxComponent], exports: [AXColorBoxComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, imports: [MODULES, COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [...MODULES, ...COMPONENT],\n                    exports: [...COMPONENT],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29sb3ItYm94L3NyYy9saWIvY29sb3ItYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTVELE1BQU0sU0FBUyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQztBQUN4QyxNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQU9wRixNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixZQVBaLFlBQVksRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBRC9ELG1CQUFtQixhQUFuQixtQkFBbUI7K0dBUXpCLGdCQUFnQixZQUpkLE9BQU8sRUFBSyxTQUFTOzsyRkFJdkIsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxFQUFFLEdBQUcsU0FBUyxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbG9yUGFsZXR0ZU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb2xvci1wYWxldHRlJztcbmltcG9ydCB7IEFYRHJvcGRvd25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJvcGRvd24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFYQ29sb3JCb3hDb21wb25lbnQgfSBmcm9tICcuL2NvbG9yLWJveC5jb21wb25lbnQnO1xuXG5jb25zdCBDT01QT05FTlQgPSBbQVhDb2xvckJveENvbXBvbmVudF07XG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYQ29sb3JQYWxldHRlTW9kdWxlLCBBWERyb3Bkb3duTW9kdWxlXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogWy4uLk1PRFVMRVMsIC4uLkNPTVBPTkVOVF0sXG4gIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbG9yQm94TW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY29sb3ItYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2xvci1ib3gvc3JjL2Fjb3JleC1jb21wb25lbnRzLWNvbG9yLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-color-box.mjs","sources":["../tmp-esm2022/color-box/lib/color-box.component.js","../tmp-esm2022/color-box/lib/color-box.module.js","../tmp-esm2022/color-box/acorex-components-color-box.js"],"sourcesContent":["import { AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXColorLookComponent, MXInputBaseValueComponent, } from '@acorex/cdk/common';\nimport { AXColorPaletteInputComponent, AXColorPalettePickerComponent, AXColorPaletteSwatchesComponent, AXColorPalleteComponent, } from '@acorex/components/color-palette';\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\nimport { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostListener, ViewChild, ViewEncapsulation, forwardRef, input, viewChild, } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\n/**\n * A color box component that handles color selection and triggers relevant events.\n *\n * @category Components\n */\nexport class AXColorBoxComponent extends classes(MXDropdownBoxBaseComponent, (MXInputBaseValueComponent), MXColorLookComponent) {\n    constructor() {\n        super(...arguments);\n        //TODO: implement the color input component\n        // @ViewChild(AXDateTimeInputComponent)\n        // protected input: AXDateTimeInputComponent;\n        this.showBadge = input(true);\n        this.showValue = input(true);\n        this.showClearButton = input(true);\n        this.showIcon = input(true);\n        this.palettePicker = viewChild(AXColorPalettePickerComponent);\n    }\n    /**\n     *  @ignore\n     */\n    _handleModelChange(value) {\n        this.commitValue(value, true);\n    }\n    /**\n     *  @ignore\n     */\n    _handleArrowClickEvent(e) {\n        e.stopPropagation();\n        this.toggle();\n    }\n    /**\n     *  @ignore\n     */\n    _handleInputClickEvent(e) {\n        e.stopPropagation();\n        this.toggle();\n        this.palettePicker().parentColorChanged();\n    }\n    /**\n     *  @ignore\n     */\n    _handleOnOpenedEvent(e) {\n        //this.picker?.refresh();\n    }\n    /**\n     *  @ignore\n     */\n    _handleOnClosedEvent(e) {\n        this.focus();\n    }\n    /**\n     * Handles changes to the internal value.\n     *\n     * @param value - The new value of the component.\n     * @ignore\n     */\n    internalValueChanged(value) {\n        //this.close();\n    }\n    handleKeyboardEvent(event) {\n        if (event.key !== 'Enter' && event.code !== 'Space')\n            return;\n        this.toggle();\n        this.palettePicker().parentColorChanged();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.4\", type: AXColorBoxComponent, isStandalone: true, selector: \"ax-color-box\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: \"readonly\", publicName: \"readonly\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: \"placeholder\", publicName: \"placeholder\", isSignal: false, isRequired: false, transformFunction: null }, minValue: { classPropertyName: \"minValue\", publicName: \"minValue\", isSignal: false, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: \"maxValue\", publicName: \"maxValue\", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: \"state\", publicName: \"state\", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: \"name\", publicName: \"name\", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: \"id\", publicName: \"id\", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: \"type\", publicName: \"type\", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", isSignal: false, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: \"showBadge\", publicName: \"showBadge\", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: \"showValue\", publicName: \"showValue\", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: \"showClearButton\", publicName: \"showClearButton\", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: \"showIcon\", publicName: \"showIcon\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: \"valueChange\", stateChange: \"stateChange\", onValueChanged: \"onValueChanged\", onBlur: \"onBlur\", onFocus: \"onFocus\", readonlyChange: \"readonlyChange\", disabledChange: \"disabledChange\" }, host: { attributes: { \"ngSkipHydration\": \"true\" }, listeners: { \"keydown\": \"handleKeyboardEvent($event)\" } }, providers: [\n            { provide: AXComponent, useExisting: AXColorBoxComponent },\n            { provide: AXFocusableComponent, useExisting: AXColorBoxComponent },\n            { provide: AXValuableComponent, useExisting: AXColorBoxComponent },\n            { provide: AXClearableComponent, useExisting: AXColorBoxComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXColorBoxComponent),\n                multi: true,\n            },\n        ], viewQueries: [{ propertyName: \"palettePicker\", first: true, predicate: AXColorPalettePickerComponent, descendants: true, isSignal: true }, { propertyName: \"picker\", first: true, predicate: AXColorPalleteComponent, descendants: true }, { propertyName: \"dropdown\", first: true, predicate: AXDropdownBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: \"<ax-dropdown-box\\n  [look]=\\\"look\\\"\\n  [disabled]=\\\"disabled\\\"\\n  (onOpened)=\\\"_handleOnOpenedEvent($event)\\\"\\n  (onClosed)=\\\"_handleOnClosedEvent($event)\\\"\\n>\\n  <ng-container input>\\n    <ng-content select=\\\"ax-prefix\\\"> </ng-content>\\n    <div class=\\\"ax-content\\\" (click)=\\\"_handleInputClickEvent($event)\\\" [tabindex]=\\\"tabIndex\\\">\\n      @if (value && showBadge()) {\\n        <div class=\\\"color-badge\\\" [ngStyle]=\\\"{ 'background-color': value }\\\"></div>\\n      } @else {\\n        <div class=\\\"color-placeholder\\\">{{ placeholder }}</div>\\n      }\\n      @if (showValue()) {\\n        <div class=\\\"color-value\\\">{{ value }}</div>\\n      }\\n    </div>\\n    @if (showClearButton()) {\\n      @if (value && !disabled && !readonly) {\\n        <ng-content select=\\\"ax-clear-button\\\"></ng-content>\\n      }\\n    }\\n    @if (showIcon()) {\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"ax-editor-button\\\"\\n        [tabIndex]=\\\"-1\\\"\\n        [disabled]=\\\"disabled\\\"\\n        (click)=\\\"_handleArrowClickEvent($event)\\\"\\n      >\\n        <span class=\\\"ax-icon ax-icon-color-palette\\\"></span>\\n      </button>\\n    }\\n    <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n    <ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n  </ng-container>\\n  <ng-container panel>\\n    <ax-color-palette\\n      [ngModel]=\\\"value\\\"\\n      (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n      [disabled]=\\\"disabled\\\"\\n      [readonly]=\\\"readonly\\\"\\n    >\\n      <ax-color-palette-picker></ax-color-palette-picker>\\n      <ax-color-palette-swatches></ax-color-palette-swatches>\\n      <ax-color-palette-input></ax-color-palette-input>\\n    </ax-color-palette>\\n  </ng-container>\\n</ax-dropdown-box>\\n\", styles: [\"ax-color-box{--ax-comp-editor-decorator-button-x: 0;--ax-comp-editor-decorator-padding-x: 0;display:flex;flex:1 1 0%}ax-color-box .ax-editor-container{width:var(--ax-comp-color-box-width, 100%);font-size:var(--ax-comp-color-box-font-size, var(--ax-comp-editor-font-size))}ax-color-box .ax-editor-container .ax-content{gap:var(--ax-comp-color-box-gap, .75rem);display:flex;height:100%;flex:1 1 0%;align-items:center;outline:0!important}ax-color-box .ax-editor-container .ax-content .color-badge{width:var(--ax-comp-color-box-badge-width, 2.5rem);height:calc(100% - var(--ax-comp-color-box-gap, .75rem));display:block;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-color-box .ax-editor-container .ax-content .color-placeholder{font-size:inherit;font-weight:400;color:rgb(var(--ax-sys-color-input-text),.5)}ax-color-box .ax-editor-container .ax-content .color-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-color-box .ax-editor-container .ax-clear-button{margin:0!important}\\n\"], dependencies: [{ kind: \"component\", type: AXDropdownBoxComponent, selector: \"ax-dropdown-box\", inputs: [\"disabled\", \"look\", \"hasInput\"], outputs: [\"disabledChange\", \"onBlur\", \"onFocus\", \"onClick\", \"onOpened\", \"onClosed\"] }, { kind: \"directive\", type: NgStyle, selector: \"[ngStyle]\", inputs: [\"ngStyle\"] }, { kind: \"component\", type: AXColorPalleteComponent, selector: \"ax-color-palette\", inputs: [\"disabled\", \"tabIndex\", \"readonly\", \"value\", \"state\", \"name\", \"checked\"], outputs: [\"onBlur\", \"onFocus\", \"valueChange\", \"stateChange\", \"onValueChanged\", \"readonlyChange\", \"disabledChange\"] }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: AXColorPalettePickerComponent, selector: \"ax-color-palette-picker\" }, { kind: \"component\", type: AXColorPaletteSwatchesComponent, selector: \"ax-color-palette-swatches, ax-color-palette-favorite\", inputs: [\"colors\"] }, { kind: \"component\", type: AXColorPaletteInputComponent, selector: \"ax-color-palette-input\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-color-box', inputs: [\n                        'disabled',\n                        'readonly',\n                        'tabIndex',\n                        'placeholder',\n                        'minValue',\n                        'maxValue',\n                        'value',\n                        'state',\n                        'name',\n                        'id',\n                        'type',\n                        'look',\n                    ], outputs: ['valueChange', 'stateChange', 'onValueChanged', 'onBlur', 'onFocus', 'readonlyChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n                        { provide: AXComponent, useExisting: AXColorBoxComponent },\n                        { provide: AXFocusableComponent, useExisting: AXColorBoxComponent },\n                        { provide: AXValuableComponent, useExisting: AXColorBoxComponent },\n                        { provide: AXClearableComponent, useExisting: AXColorBoxComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXColorBoxComponent),\n                            multi: true,\n                        },\n                    ], host: { ngSkipHydration: 'true' }, imports: [\n                        AXDropdownBoxComponent,\n                        NgStyle,\n                        AXColorPalleteComponent,\n                        FormsModule,\n                        AXColorPalettePickerComponent,\n                        AXColorPaletteSwatchesComponent,\n                        AXColorPaletteInputComponent,\n                    ], template: \"<ax-dropdown-box\\n  [look]=\\\"look\\\"\\n  [disabled]=\\\"disabled\\\"\\n  (onOpened)=\\\"_handleOnOpenedEvent($event)\\\"\\n  (onClosed)=\\\"_handleOnClosedEvent($event)\\\"\\n>\\n  <ng-container input>\\n    <ng-content select=\\\"ax-prefix\\\"> </ng-content>\\n    <div class=\\\"ax-content\\\" (click)=\\\"_handleInputClickEvent($event)\\\" [tabindex]=\\\"tabIndex\\\">\\n      @if (value && showBadge()) {\\n        <div class=\\\"color-badge\\\" [ngStyle]=\\\"{ 'background-color': value }\\\"></div>\\n      } @else {\\n        <div class=\\\"color-placeholder\\\">{{ placeholder }}</div>\\n      }\\n      @if (showValue()) {\\n        <div class=\\\"color-value\\\">{{ value }}</div>\\n      }\\n    </div>\\n    @if (showClearButton()) {\\n      @if (value && !disabled && !readonly) {\\n        <ng-content select=\\\"ax-clear-button\\\"></ng-content>\\n      }\\n    }\\n    @if (showIcon()) {\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"ax-editor-button\\\"\\n        [tabIndex]=\\\"-1\\\"\\n        [disabled]=\\\"disabled\\\"\\n        (click)=\\\"_handleArrowClickEvent($event)\\\"\\n      >\\n        <span class=\\\"ax-icon ax-icon-color-palette\\\"></span>\\n      </button>\\n    }\\n    <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n    <ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n  </ng-container>\\n  <ng-container panel>\\n    <ax-color-palette\\n      [ngModel]=\\\"value\\\"\\n      (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n      [disabled]=\\\"disabled\\\"\\n      [readonly]=\\\"readonly\\\"\\n    >\\n      <ax-color-palette-picker></ax-color-palette-picker>\\n      <ax-color-palette-swatches></ax-color-palette-swatches>\\n      <ax-color-palette-input></ax-color-palette-input>\\n    </ax-color-palette>\\n  </ng-container>\\n</ax-dropdown-box>\\n\", styles: [\"ax-color-box{--ax-comp-editor-decorator-button-x: 0;--ax-comp-editor-decorator-padding-x: 0;display:flex;flex:1 1 0%}ax-color-box .ax-editor-container{width:var(--ax-comp-color-box-width, 100%);font-size:var(--ax-comp-color-box-font-size, var(--ax-comp-editor-font-size))}ax-color-box .ax-editor-container .ax-content{gap:var(--ax-comp-color-box-gap, .75rem);display:flex;height:100%;flex:1 1 0%;align-items:center;outline:0!important}ax-color-box .ax-editor-container .ax-content .color-badge{width:var(--ax-comp-color-box-badge-width, 2.5rem);height:calc(100% - var(--ax-comp-color-box-gap, .75rem));display:block;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-color-box .ax-editor-container .ax-content .color-placeholder{font-size:inherit;font-weight:400;color:rgb(var(--ax-sys-color-input-text),.5)}ax-color-box .ax-editor-container .ax-content .color-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-color-box .ax-editor-container .ax-clear-button{margin:0!important}\\n\"] }]\n        }], propDecorators: { picker: [{\n                type: ViewChild,\n                args: [AXColorPalleteComponent]\n            }], dropdown: [{\n                type: ViewChild,\n                args: [AXDropdownBoxComponent]\n            }], handleKeyboardEvent: [{\n                type: HostListener,\n                args: ['keydown', ['$event']]\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29sb3ItYm94L3NyYy9saWIvY29sb3ItYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29sb3ItYm94L3NyYy9saWIvY29sb3ItYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsV0FBVyxFQUVYLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIsb0JBQW9CLEVBQ3BCLHlCQUF5QixHQUMxQixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFDTCw0QkFBNEIsRUFDNUIsNkJBQTZCLEVBQzdCLCtCQUErQixFQUMvQix1QkFBdUIsR0FDeEIsTUFBTSxrQ0FBa0MsQ0FBQztBQUMxQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsVUFBVSxFQUNWLEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7OztBQUVuQzs7OztHQUlHO0FBNENILE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxPQUFPLENBQzlDLDBCQUEwQixFQUMxQixDQUFBLHlCQUFpQyxDQUFBLEVBQ2pDLG9CQUFvQixDQUNyQjtJQS9DRDs7UUFnREUsMkNBQTJDO1FBQzNDLHVDQUF1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LGFBQzFCO3dCQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3dCQUMxRCxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3dCQUNuRSxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3dCQUNsRSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3dCQUNuRTs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsUUFDSyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsV0FDeEI7d0JBQ1Asc0JBQXNCO3dCQUN0QixPQUFPO3dCQUNQLHVCQUF1Qjt3QkFDdkIsV0FBVzt3QkFDWCw2QkFBNkI7d0JBQzdCLCtCQUErQjt3QkFDL0IsNEJBQTRCO3FCQUM3Qjs4QkFtQlMsTUFBTTtzQkFEZixTQUFTO3VCQUFDLHVCQUF1QjtnQkFTeEIsUUFBUTtzQkFEakIsU0FBUzt1QkFBQyxzQkFBc0I7Z0JBb0RqQyxtQkFBbUI7c0JBRGxCLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhDbGVhcmFibGVDb21wb25lbnQsXG4gIEFYQ29tcG9uZW50LFxuICBBWEV2ZW50LFxuICBBWEZvY3VzYWJsZUNvbXBvbmVudCxcbiAgQVhWYWx1YWJsZUNvbXBvbmVudCxcbiAgTVhDb2xvckxvb2tDb21wb25lbnQsXG4gIE1YSW5wdXRCYXNlVmFsdWVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQge1xuICBBWENvbG9yUGFsZXR0ZUlucHV0Q29tcG9uZW50LFxuICBBWENvbG9yUGFsZXR0ZVBpY2tlckNvbXBvbmVudCxcbiAgQVhDb2xvclBhbGV0dGVTd2F0Y2hlc0NvbXBvbmVudCxcbiAgQVhDb2xvclBhbGxldGVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb2xvci1wYWxldHRlJztcbmltcG9ydCB7IEFYRHJvcGRvd25Cb3hDb21wb25lbnQsIE1YRHJvcGRvd25Cb3hCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Ryb3Bkb3duJztcbmltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdExpc3RlbmVyLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBpbnB1dCxcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbi8qKlxuICogQSBjb2xvciBib3ggY29tcG9uZW50IHRoYXQgaGFuZGxlcyBjb2xvciBzZWxlY3Rpb24gYW5kIHRyaWdnZXJzIHJlbGV2YW50IGV2ZW50cy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb2xvci1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29sb3ItYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogW1xuICAgICdkaXNhYmxlZCcsXG4gICAgJ3JlYWRvbmx5JyxcbiAgICAndGFiSW5kZXgnLFxuICAgICdwbGFjZWhvbGRlcicsXG4gICAgJ21pblZhbHVlJyxcbiAgICAnbWF4VmFsdWUnLFxuICAgICd2YWx1ZScsXG4gICAgJ3N0YXRlJyxcbiAgICAnbmFtZScsXG4gICAgJ2lkJyxcbiAgICAndHlwZScsXG4gICAgJ2xvb2snLFxuICBdLFxuICBvdXRwdXRzOiBbJ3ZhbHVlQ2hhbmdlJywgJ3N0YXRlQ2hhbmdlJywgJ29uVmFsdWVDaGFuZ2VkJywgJ29uQmx1cicsICdvbkZvY3VzJywgJ3JlYWRvbmx5Q2hhbmdlJywgJ2Rpc2FibGVkQ2hhbmdlJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDb2xvckJveENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbG9yQm94Q29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWFZhbHVhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDb2xvckJveENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhDbGVhcmFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbG9yQm94Q29tcG9uZW50IH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWENvbG9yQm94Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG4gIGhvc3Q6IHsgbmdTa2lwSHlkcmF0aW9uOiAndHJ1ZScgfSxcbiAgaW1wb3J0czogW1xuICAgIEFYRHJvcGRvd25Cb3hDb21wb25lbnQsXG4gICAgTmdTdHlsZSxcbiAgICBBWENvbG9yUGFsbGV0ZUNvbXBvbmVudCxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBBWENvbG9yUGFsZXR0ZVBpY2tlckNvbXBvbmVudCxcbiAgICBBWENvbG9yUGFsZXR0ZVN3YXRjaGVzQ29tcG9uZW50LFxuICAgIEFYQ29sb3JQYWxldHRlSW5wdXRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29sb3JCb3hDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKFxuICBNWERyb3Bkb3duQm94QmFzZUNvbXBvbmVudCxcbiAgTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudDxzdHJpbmc+LFxuICBNWENvbG9yTG9va0NvbXBvbmVudCxcbikge1xuICAvL1RPRE86IGltcGxlbWVudCB0aGUgY29sb3IgaW5wdXQgY29tcG9uZW50XG4gIC8vIEBWaWV3Q2hpbGQoQVhEYXRlVGltZUlucHV0Q29tcG9uZW50KVxuICAvLyBwcm90ZWN0ZWQgaW5wdXQ6IEFYRGF0ZVRpbWVJbnB1dENvbXBvbmVudDtcblxuICBzaG93QmFkZ2UgPSBpbnB1dCh0cnVlKTtcbiAgc2hvd1ZhbHVlID0gaW5wdXQodHJ1ZSk7XG4gIHNob3dDbGVhckJ1dHRvbiA9IGlucHV0KHRydWUpO1xuICBzaG93SWNvbiA9IGlucHV0KHRydWUpO1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBWaWV3Q2hpbGQoQVhDb2xvclBhbGxldGVDb21wb25lbnQpXG4gIHByb3RlY3RlZCBwaWNrZXI6IEFYQ29sb3JQYWxsZXRlQ29tcG9uZW50O1xuXG4gIHByb3RlY3RlZCBwYWxldHRlUGlja2VyID0gdmlld0NoaWxkKEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50KTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBWaWV3Q2hpbGQoQVhEcm9wZG93bkJveENvbXBvbmVudClcbiAgcHJvdGVjdGVkIGRyb3Bkb3duOiBBWERyb3Bkb3duQm94Q29tcG9uZW50O1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVNb2RlbENoYW5nZSh2YWx1ZTogc3RyaW5nIHwgbnVsbCkge1xuICAgIHRoaXMuY29tbWl0VmFsdWUodmFsdWUsIHRydWUpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZUFycm93Q2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZUlucHV0Q2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICAgIHRoaXMucGFsZXR0ZVBpY2tlcigpLnBhcmVudENvbG9yQ2hhbmdlZCgpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZU9uT3BlbmVkRXZlbnQoZTogQVhFdmVudCkge1xuICAgIC8vdGhpcy5waWNrZXI/LnJlZnJlc2goKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVPbkNsb3NlZEV2ZW50KGU6IEFYRXZlbnQpIHtcbiAgICB0aGlzLmZvY3VzKCk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyBjaGFuZ2VzIHRvIHRoZSBpbnRlcm5hbCB2YWx1ZS5cbiAgICpcbiAgICogQHBhcmFtIHZhbHVlIC0gVGhlIG5ldyB2YWx1ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvdmVycmlkZSBpbnRlcm5hbFZhbHVlQ2hhbmdlZCh2YWx1ZT86IERhdGUpOiB2b2lkIHtcbiAgICAvL3RoaXMuY2xvc2UoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICBoYW5kbGVLZXlib2FyZEV2ZW50KGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKGV2ZW50LmtleSAhPT0gJ0VudGVyJyAmJiBldmVudC5jb2RlICE9PSAnU3BhY2UnKSByZXR1cm47XG4gICAgdGhpcy50b2dnbGUoKTtcbiAgICB0aGlzLnBhbGV0dGVQaWNrZXIoKS5wYXJlbnRDb2xvckNoYW5nZWQoKTtcbiAgfVxufVxuIiwiPGF4LWRyb3Bkb3duLWJveFxuICBbbG9va109XCJsb29rXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKG9uT3BlbmVkKT1cIl9oYW5kbGVPbk9wZW5lZEV2ZW50KCRldmVudClcIlxuICAob25DbG9zZWQpPVwiX2hhbmRsZU9uQ2xvc2VkRXZlbnQoJGV2ZW50KVwiXG4+XG4gIDxuZy1jb250YWluZXIgaW5wdXQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+IDwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29udGVudFwiIChjbGljayk9XCJfaGFuZGxlSW5wdXRDbGlja0V2ZW50KCRldmVudClcIiBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIj5cbiAgICAgIEBpZiAodmFsdWUgJiYgc2hvd0JhZGdlKCkpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbG9yLWJhZGdlXCIgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IHZhbHVlIH1cIj48L2Rpdj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sb3ItcGxhY2Vob2xkZXJcIj57eyBwbGFjZWhvbGRlciB9fTwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChzaG93VmFsdWUoKSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sb3ItdmFsdWVcIj57eyB2YWx1ZSB9fTwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIEBpZiAoc2hvd0NsZWFyQnV0dG9uKCkpIHtcbiAgICAgIEBpZiAodmFsdWUgJiYgIWRpc2FibGVkICYmICFyZWFkb25seSkge1xuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jbGVhci1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgICB9XG4gICAgfVxuICAgIEBpZiAoc2hvd0ljb24oKSkge1xuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJheC1lZGl0b3ItYnV0dG9uXCJcbiAgICAgICAgW3RhYkluZGV4XT1cIi0xXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgKGNsaWNrKT1cIl9oYW5kbGVBcnJvd0NsaWNrRXZlbnQoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNvbG9yLXBhbGV0dGVcIj48L3NwYW4+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+IDwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj4gPC9uZy1jb250ZW50PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciBwYW5lbD5cbiAgICA8YXgtY29sb3ItcGFsZXR0ZVxuICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiX2hhbmRsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgPlxuICAgICAgPGF4LWNvbG9yLXBhbGV0dGUtcGlja2VyPjwvYXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1zd2F0Y2hlcz48L2F4LWNvbG9yLXBhbGV0dGUtc3dhdGNoZXM+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1pbnB1dD48L2F4LWNvbG9yLXBhbGV0dGUtaW5wdXQ+XG4gICAgPC9heC1jb2xvci1wYWxldHRlPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvYXgtZHJvcGRvd24tYm94PlxuIl19","import { AXColorPaletteModule } from '@acorex/components/color-palette';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXColorBoxComponent } from './color-box.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXColorBoxComponent];\nconst MODULES = [CommonModule, FormsModule, AXColorPaletteModule, AXDropdownModule];\nexport class AXColorBoxModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, imports: [CommonModule, FormsModule, AXColorPaletteModule, AXDropdownModule, AXColorBoxComponent], exports: [AXColorBoxComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, imports: [MODULES, COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXColorBoxModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [...MODULES, ...COMPONENT],\n                    exports: [...COMPONENT],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29sb3ItYm94L3NyYy9saWIvY29sb3ItYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTVELE1BQU0sU0FBUyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQztBQUN4QyxNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQU9wRixNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixZQVBaLFlBQVksRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBRC9ELG1CQUFtQixhQUFuQixtQkFBbUI7K0dBUXpCLGdCQUFnQixZQUpkLE9BQU8sRUFBSyxTQUFTOzsyRkFJdkIsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxFQUFFLEdBQUcsU0FBUyxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbG9yUGFsZXR0ZU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb2xvci1wYWxldHRlJztcbmltcG9ydCB7IEFYRHJvcGRvd25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZHJvcGRvd24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFYQ29sb3JCb3hDb21wb25lbnQgfSBmcm9tICcuL2NvbG9yLWJveC5jb21wb25lbnQnO1xuXG5jb25zdCBDT01QT05FTlQgPSBbQVhDb2xvckJveENvbXBvbmVudF07XG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYQ29sb3JQYWxldHRlTW9kdWxlLCBBWERyb3Bkb3duTW9kdWxlXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogWy4uLk1PRFVMRVMsIC4uLkNPTVBPTkVOVF0sXG4gIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbG9yQm94TW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY29sb3ItYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2xvci1ib3gvc3JjL2Fjb3JleC1jb21wb25lbnRzLWNvbG9yLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-color-palette.mjs

@@ -320,6 +320,17 @@ const AXDefaultColorPalette = [
     { code: 'rgb(12,10,9)' },
 ];
 
+class AXColorPaletteService {
+    constructor() {
+        this.colorMode = 'hex';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXColorPaletteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXColorPaletteService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXColorPaletteService, decorators: [{
+            type: Injectable
+        }] });
+
 /**
  * Component for selecting colors from a palette.
  *
@@ -333,6 +344,7 @@ class AXColorPaletteInputComponent extends MXBaseComponent {
         super();
         this._parent = inject(AXColorPaletteParentComponent);
         this._unsubscriber = inject(AXUnsubscriber);
+        this.colorService = inject(AXColorPaletteService);
         this.isValid = true;
         this._rgba = {
             r: 0,
@@ -398,6 +410,7 @@ class AXColorPaletteInputComponent extends MXBaseComponent {
      *  @ignore
      */
     _handleChangeInputMode() {
+        this.colorService.colorMode = this._colorMode;
         this.applyParent(true);
     }
     /**
@@ -469,6 +482,7 @@ class AXColorPalettePickerComponent extends MXBaseComponent {
         super();
         this._parent = inject(AXColorPaletteParentComponent);
         this._unsubscriber = inject(AXUnsubscriber);
+        this.colorService = inject(AXColorPaletteService);
         this.render = inject(Renderer2);
         this.zone = inject(NgZone);
         this._rgba = {
@@ -575,7 +589,7 @@ class AXColorPalettePickerComponent extends MXBaseComponent {
         if (e != this._rgba.a) {
             const { r, g, b } = this._rgba;
             const _color = `rgba(${r},${g},${b},${e})`;
-            this._parent.commitValue(AXColorUtil.toString(_color, 'rgba'), true);
+            this._parent.commitValue(AXColorUtil.toString(_color, this.colorService.colorMode), true);
         }
     }
     /**
@@ -585,7 +599,7 @@ class AXColorPalettePickerComponent extends MXBaseComponent {
         if (e != this._gradient) {
             const { s, v } = AXColorUtil.to(this._rgba, 'hsva');
             const { h } = this._colors[e].toHsv();
-            this._parent.commitValue(AXColorUtil.toString({ h, s, v, a: this._rgba.a }, 'rgba'), true);
+            this._parent.commitValue(AXColorUtil.toString({ h, s, v, a: this._rgba.a }, this.colorService.colorMode), true);
             this._bgColor = AXColorUtil.toString({ h, s: 1, v: 1, a: this._rgba.a }, 'rgba');
             const rgbaColor = this._bgColor.match(/\d+/g);
             this.colorBoxGradientBG.set(rgbaColor[0] + ',' + rgbaColor[1] + ',' + rgbaColor[2]);
@@ -605,7 +619,7 @@ class AXColorPalettePickerComponent extends MXBaseComponent {
             v: (sb.height - y) / sb.height,
             a,
         };
-        this._parent.commitValue(AXColorUtil.toString(hsva, 'rgba'), true);
+        this._parent.commitValue(AXColorUtil.toString(hsva, this.colorService.colorMode), true);
         const circleElement = this.circle().nativeElement;
         const parentStats = circleElement.parentElement.getBoundingClientRect();
         this.setPointerByPercent((x / parentStats.width) * 100, 100 - (y / parentStats.height) * 100);
@@ -728,20 +742,20 @@ class AXColorPalettePreviewComponent extends MXBaseComponent {
         return `ax-color-palette-preview`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXColorPalettePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: AXColorPalettePreviewComponent, isStandalone: true, selector: "ax-color-palette-preview", host: { properties: { "classs": "this.__hostClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: AXColorPalettePreviewComponent, isStandalone: true, selector: "ax-color-palette-preview", host: { properties: { "class": "this.__hostClass" } }, providers: [
             {
                 provide: AXColorPaletteChildComponent,
                 useExisting: AXColorPalettePreviewComponent,
             },
             AXUnsubscriber,
             { provide: AXComponent, useExisting: AXColorPalettePreviewComponent },
-        ], usesInheritance: true, ngImport: i0, template: `<div class="palette-preview-overlay" [class.ax-state-disabled]="_parent.disabled"></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: ` <div class="palette-preview-overlay" [class.ax-state-disabled]="_parent.disabled"></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXColorPalettePreviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-color-palette-preview',
-                    template: `<div class="palette-preview-overlay" [class.ax-state-disabled]="_parent.disabled"></div>`,
+                    template: ` <div class="palette-preview-overlay" [class.ax-state-disabled]="_parent.disabled"></div>`,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -755,7 +769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { __hostClass: [{
                 type: HostBinding,
-                args: ['classs']
+                args: ['class']
             }] } });
 
 /**
@@ -897,6 +911,7 @@ class AXColorPalleteComponent extends MXValueComponent {
                 useExisting: AXColorPalleteComponent,
             },
             { provide: AXComponent, useExisting: AXColorPalleteComponent },
+            AXColorPaletteService,
         ], queries: [{ propertyName: "_children", predicate: AXColorPaletteChildComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"></ng-content>\n\n@if (_children?.length) {\n  <ng-container [ngTemplateOutlet]=\"custom\"></ng-container>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n}\n<ng-template #custom>\n  <ng-content select=\"ax-color-palette-preview\"></ng-content>\n  <ng-content select=\"ax-color-palette-picker\"></ng-content>\n  <ng-content select=\"ax-color-palette-swatches\"></ng-content>\n  <ng-content select=\"ax-color-palette-favorite\"></ng-content>\n  <ng-content select=\"ax-color-palette-input\"></ng-content>\n</ng-template>\n<ng-template #default>\n  <ax-color-palette-preview></ax-color-palette-preview>\n  <ax-color-palette-picker></ax-color-palette-picker>\n  <ax-color-palette-swatches></ax-color-palette-swatches>\n  <ax-color-palette-input></ax-color-palette-input>\n</ng-template>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-color-palette{display:flex;width:100%;flex-direction:column;padding:.5rem;gap:.5rem}@media (min-width: 768px){ax-color-palette{width:20rem}}ax-color-palette.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-color-palette.ax-state-disabled ax-color-palette-swatches div:hover,ax-color-palette.ax-state-disabled ax-color-palette-swatches div.ax-state-selected,ax-color-palette.ax-state-disabled ax-color-palette-favorite div:hover,ax-color-palette.ax-state-disabled ax-color-palette-favorite div.ax-state-selected{cursor:not-allowed;opacity:.5}ax-color-palette ax-header,ax-color-palette ax-footer{display:flex}ax-color-palette ax-color-palette-preview{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;position:relative;height:6rem;width:100%;gap:.5rem}ax-color-palette ax-color-palette-preview .palette-preview-overlay{position:absolute;inset-inline-start:0px;display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-bottom-width:1px;text-transform:uppercase}ax-color-palette ax-color-palette-favorite{display:block}ax-color-palette ax-color-palette-swatches,ax-color-palette ax-color-palette-favorite{display:grid;max-height:9rem;grid-template-columns:repeat(11,minmax(0,1fr));gap:.5rem;overflow-y:auto;overflow-x:hidden;padding:.5rem;scrollbar-width:thin}ax-color-palette ax-color-palette-swatches div,ax-color-palette ax-color-palette-favorite div{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-color-palette ax-color-palette-swatches div:before,ax-color-palette ax-color-palette-swatches div:after,ax-color-palette ax-color-palette-favorite div:before,ax-color-palette ax-color-palette-favorite div:after{content:\"\"}ax-color-palette ax-color-palette-swatches div:before,ax-color-palette ax-color-palette-favorite div:before{float:left;padding-top:100%}ax-color-palette ax-color-palette-swatches div:after,ax-color-palette ax-color-palette-favorite div:after{clear:both;display:block}ax-color-palette ax-color-palette-swatches div:hover,ax-color-palette ax-color-palette-swatches div.ax-state-selected,ax-color-palette ax-color-palette-favorite div:hover,ax-color-palette ax-color-palette-favorite div.ax-state-selected{border-color:rgba(var(--ax-sys-color-border-lighter-surface));border-width:2px}ax-color-palette ax-color-palette-input{display:flex;gap:.5rem}ax-color-palette ax-color-palette-input .palette-inputs{display:flex;flex:1 1 0%;gap:.5rem}ax-color-palette ax-color-palette-input .palette-inputs .select-box-container{width:fit-content}ax-color-palette ax-color-palette-input .palette-inputs div{width:100%;text-align:center}ax-color-palette ax-color-palette-input .palette-inputs .ax-editor-container .ax-input{padding:0;text-align:center}ax-color-palette ax-color-palette-picker{display:flex;flex-direction:column;gap:.5rem}ax-color-palette ax-color-palette-picker .ax-color-box-overlay-trans{overflow:hidden;border-radius:.25rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=);touch-action:none}ax-color-palette ax-color-palette-picker .ax-color-box-overlay{position:relative;display:flex;height:8rem;width:100%}ax-color-palette ax-color-palette-picker .ax-color-box-overlay .ax-color-box-pointer{position:relative;z-index:10;height:1rem;width:1rem;border-radius:9999px;border-width:.25rem;background-color:transparent;box-shadow:#00000080 0 0 5px;border-color:rgba(var(--ax-sys-color-light))}ax-color-palette ax-color-palette-picker .ax-color-box-overlay .ax-color-box-overlay-g1,ax-color-palette ax-color-palette-picker .ax-color-box-overlay .ax-color-box-overlay-g2{position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0;height:100%;width:100%}ax-color-palette ax-color-palette-picker .ax-color-box-overlay .ax-color-box-overlay-g1{background:linear-gradient(to right,#fff,#fff0);z-index:0}ax-color-palette ax-color-palette-picker .ax-color-box-overlay .ax-color-box-overlay-g2{z-index:10;background:linear-gradient(to bottom,transparent 0%,#000 100%)}ax-color-palette ax-color-palette-picker .ax-pickers-container{gap:1rem;display:flex}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container{width:100%;gap:.5rem;display:flex;flex-direction:column}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider{--ax-comp-range-slider-ring-size: 0;--ax-comp-range-slider-bar-height: 1rem;--ax-comp-range-slider-handler-size: 1rem;--ax-comp-range-slider-ring-color: var(--ax-sys-color-border-surface);padding:0}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider .ax-range-slider-handler{border-width:.25rem;border-color:rgba(var(--ax-sys-color-light));box-shadow:#00000080 0 0 5px}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider .ax-range-slider-handler:hover{box-shadow:#00000080 0 0 7px}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider.ax-color-box-gradient .ax-range-slider-bar{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider.ax-color-box-gradient .ax-range-slider-highlight{background:transparent!important}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider.ax-color-box-transparent .ax-range-slider-bar{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--ax-comp-color-palette-transparent-color)),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=)}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-slider-container ax-range-slider.ax-color-box-transparent .ax-range-slider-highlight{background:transparent!important}ax-color-palette ax-color-palette-picker .ax-pickers-container .ax-color-sample{width:var(--ax-comp-color-palette-color-sample-width, 3.5rem);border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: AXColorPaletteSwatchesComponent, selector: "ax-color-palette-swatches, ax-color-palette-favorite", inputs: ["colors"] }, { kind: "component", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXColorPalleteComponent, decorators: [{
@@ -913,6 +928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                             useExisting: AXColorPalleteComponent,
                         },
                         { provide: AXComponent, useExisting: AXColorPalleteComponent },
+                        AXColorPaletteService,
                     ], imports: [
                         NgTemplateOutlet,
                         AXColorPalettePreviewComponent,