@acorex/components 21.0.0-next.30 → 21.0.0-next.32

package/fesm2022/acorex-components-check-box.mjs

@@ -99,15 +99,15 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
      * @ignore
      */
     get __hostClass() {
-        return `ax-${this.color ? this.color : 'primary'}`;
+        return `${this.color ? this.color : 'ax-primary'}`;
     }
     changeValue() {
         if (!this.readonly && !this.disabled && !this.isLoading()) {
             this.commitValue(!this.value, true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXCheckBoxComponent, isStandalone: true, selector: "ax-check-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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 }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXCheckBoxComponent, isStandalone: true, selector: "ax-check-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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 }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -115,9 +115,9 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
                 multi: true,
             },
             { provide: AXComponent, useExisting: AXCheckBoxComponent },
-        ], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    @if (isLoading()) {\n      <div class=\"ax-loading-container\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else {\n      <input\n        [id]=\"id\"\n        class=\"ax-check-box\"\n        type=\"checkbox\"\n        [indeterminate]=\"_stateIndeterminate\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"_handleModelChange($event)\"\n        [checked]=\"value\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [tabindex]=\"tabIndex\"\n        (focus)=\"emitOnFocusEvent($event)\"\n        (blur)=\"emitOnBlurEvent($event)\"\n        #cb\n      />\n      <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n        @if (cb.indeterminate) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n          </svg>\n        }\n        @if (cb.checked) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n            />\n          </svg>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: ["ax-check-box{--ax-comp-checkbox-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-checkbox-border-color: var(--ax-sys-color-border-surface)}ax-check-box.ax-primary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-primary-surface)}ax-check-box.ax-secondary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-secondary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-secondary-surface)}ax-check-box.ax-success{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-success-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-success-surface)}ax-check-box.ax-warning{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-warning-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-warning-surface)}ax-check-box.ax-danger{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-danger-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-danger-surface)}ax-check-box.ax-accent1{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent1-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent1-surface)}ax-check-box.ax-accent2{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent2-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent2-surface)}ax-check-box.ax-accent3{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent3-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent3-surface)}ax-check-box.ax-accent4{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent4-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent4-surface)}ax-check-box.ax-accent5{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent5-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent5-surface)}ax-check-box.ax-accent6{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent6-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent6-surface)}ax-check-box.ax-accent7{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent7-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent7-surface)}ax-check-box.ax-default{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface)}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:var(--ax-comp-checkbox-font-size, .875rem);line-height:var(--ax-comp-checkbox-line-height, 1.25rem)}.ax-checkbox-label.ax-state-readonly{opacity:var(--ax-comp-checkbox-readonly-opacity, .75)}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;position:relative;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:1rem}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;outline-offset:2px;vertical-align:middle;outline:2px solid transparent;border-width:var(--ax-comp-checkbox-border-width, 1px);border-color:rgba(var(--ax-comp-checkbox-border-color));border-radius:var(--ax-comp-checkbox-border-radius, .25rem);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-checkbox-bg-color));transition-timing-function:var(--ax-sys-transition-timing-function)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{background-size:contain;background-repeat:no-repeat;border-color:rgba(var(--ax-comp-checkbox-checked-border-color))!important;background-color:rgba(var(--ax-comp-checkbox-checked-bg-color))!important}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-comp-checkbox-checked-box-shadow-outline-color))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:rgba(var(--ax-comp-checkbox-checked-bg-svg-fill))}.ax-checkbox-label .ax-checkbox-end-side{display:flex;flex-direction:column;gap:var(--ax-comp-checkbox-end-side-gap, .25rem)}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin:0;cursor:text;-webkit-user-select:text;user-select:text}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:var(--ax-comp-checkbox-end-side-padding-s, .75rem)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    @if (isLoading()) {\n      <div class=\"ax-loading-container\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else {\n      <input\n        [id]=\"id\"\n        class=\"ax-check-box\"\n        type=\"checkbox\"\n        [indeterminate]=\"_stateIndeterminate\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"_handleModelChange($event)\"\n        [checked]=\"value\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [tabindex]=\"tabIndex\"\n        (focus)=\"emitOnFocusEvent($event)\"\n        (blur)=\"emitOnBlurEvent($event)\"\n        #cb\n      />\n      <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n        @if (cb.indeterminate) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n          </svg>\n        }\n        @if (cb.checked) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n            />\n          </svg>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{.ax-checkbox-label{cursor:pointer;width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);-webkit-user-select:none;user-select:none;align-items:flex-start;display:flex}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);align-items:center;display:flex;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:calc(var(--spacing,.25rem)*4)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);min-width:calc(var(--spacing,.25rem)*4);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-default);background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:where(.dark,.dark *){background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{border-color:var(--ax-comp-bg,var(--color-primary));background-color:var(--ax-comp-bg,var(--color-primary));background-repeat:no-repeat;background-size:contain}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{border-color:var(--ax-comp-bg,var(--color-primary));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ax-comp-border,rgba(var(--ax-sys-color-primary-surface)))}@supports (color:color-mix(in lab,red,red)){.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{--tw-ring-color:color-mix(in oklab,var(--ax-comp-border,var(--color-primary))30%,transparent)}}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{--tw-outline-style:none;outline-style:none}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:var(--ax-comp-text,var(--color-on-primary))}.ax-checkbox-label .ax-checkbox-end-side{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:calc(var(--spacing,.25rem)*0)!important}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{cursor:text;-webkit-user-select:text;user-select:text;margin:calc(var(--spacing,.25rem)*0)!important}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:calc(var(--spacing,.25rem)*3)}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-check-box', inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },
@@ -127,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                             multi: true,
                         },
                         { provide: AXComponent, useExisting: AXCheckBoxComponent },
-                    ], imports: [FormsModule, AXLoadingComponent], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    @if (isLoading()) {\n      <div class=\"ax-loading-container\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else {\n      <input\n        [id]=\"id\"\n        class=\"ax-check-box\"\n        type=\"checkbox\"\n        [indeterminate]=\"_stateIndeterminate\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"_handleModelChange($event)\"\n        [checked]=\"value\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [tabindex]=\"tabIndex\"\n        (focus)=\"emitOnFocusEvent($event)\"\n        (blur)=\"emitOnBlurEvent($event)\"\n        #cb\n      />\n      <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n        @if (cb.indeterminate) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n          </svg>\n        }\n        @if (cb.checked) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n            />\n          </svg>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: ["ax-check-box{--ax-comp-checkbox-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-checkbox-border-color: var(--ax-sys-color-border-surface)}ax-check-box.ax-primary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-primary-surface)}ax-check-box.ax-secondary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-secondary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-secondary-surface)}ax-check-box.ax-success{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-success-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-success-surface)}ax-check-box.ax-warning{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-warning-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-warning-surface)}ax-check-box.ax-danger{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-danger-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-danger-surface)}ax-check-box.ax-accent1{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent1-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent1-surface)}ax-check-box.ax-accent2{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent2-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent2-surface)}ax-check-box.ax-accent3{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent3-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent3-surface)}ax-check-box.ax-accent4{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent4-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent4-surface)}ax-check-box.ax-accent5{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent5-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent5-surface)}ax-check-box.ax-accent6{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent6-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent6-surface)}ax-check-box.ax-accent7{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent7-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent7-surface)}ax-check-box.ax-default{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface)}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:var(--ax-comp-checkbox-font-size, .875rem);line-height:var(--ax-comp-checkbox-line-height, 1.25rem)}.ax-checkbox-label.ax-state-readonly{opacity:var(--ax-comp-checkbox-readonly-opacity, .75)}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;position:relative;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:1rem}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;outline-offset:2px;vertical-align:middle;outline:2px solid transparent;border-width:var(--ax-comp-checkbox-border-width, 1px);border-color:rgba(var(--ax-comp-checkbox-border-color));border-radius:var(--ax-comp-checkbox-border-radius, .25rem);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-checkbox-bg-color));transition-timing-function:var(--ax-sys-transition-timing-function)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{background-size:contain;background-repeat:no-repeat;border-color:rgba(var(--ax-comp-checkbox-checked-border-color))!important;background-color:rgba(var(--ax-comp-checkbox-checked-bg-color))!important}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-comp-checkbox-checked-box-shadow-outline-color))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:rgba(var(--ax-comp-checkbox-checked-bg-svg-fill))}.ax-checkbox-label .ax-checkbox-end-side{display:flex;flex-direction:column;gap:var(--ax-comp-checkbox-end-side-gap, .25rem)}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin:0;cursor:text;-webkit-user-select:text;user-select:text}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:var(--ax-comp-checkbox-end-side-padding-s, .75rem)}\n"] }]
+                    ], imports: [FormsModule, AXLoadingComponent], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    @if (isLoading()) {\n      <div class=\"ax-loading-container\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else {\n      <input\n        [id]=\"id\"\n        class=\"ax-check-box\"\n        type=\"checkbox\"\n        [indeterminate]=\"_stateIndeterminate\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"_handleModelChange($event)\"\n        [checked]=\"value\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [tabindex]=\"tabIndex\"\n        (focus)=\"emitOnFocusEvent($event)\"\n        (blur)=\"emitOnBlurEvent($event)\"\n        #cb\n      />\n      <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n        @if (cb.indeterminate) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n          </svg>\n        }\n        @if (cb.checked) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n            />\n          </svg>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{.ax-checkbox-label{cursor:pointer;width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);-webkit-user-select:none;user-select:none;align-items:flex-start;display:flex}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);align-items:center;display:flex;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:calc(var(--spacing,.25rem)*4)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);min-width:calc(var(--spacing,.25rem)*4);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-default);background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:where(.dark,.dark *){background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{border-color:var(--ax-comp-bg,var(--color-primary));background-color:var(--ax-comp-bg,var(--color-primary));background-repeat:no-repeat;background-size:contain}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{border-color:var(--ax-comp-bg,var(--color-primary));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ax-comp-border,rgba(var(--ax-sys-color-primary-surface)))}@supports (color:color-mix(in lab,red,red)){.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{--tw-ring-color:color-mix(in oklab,var(--ax-comp-border,var(--color-primary))30%,transparent)}}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{--tw-outline-style:none;outline-style:none}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:var(--ax-comp-text,var(--color-on-primary))}.ax-checkbox-label .ax-checkbox-end-side{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:calc(var(--spacing,.25rem)*0)!important}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{cursor:text;-webkit-user-select:text;user-select:text;margin:calc(var(--spacing,.25rem)*0)!important}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:calc(var(--spacing,.25rem)*3)}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], _labels: [{
                 type: ContentChildren,
                 args: [AXLabelComponent]
@@ -142,11 +142,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
             }] } });
 
 class AXCheckBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent], exports: [AXCheckBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent], exports: [AXCheckBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCheckBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCheckBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXCheckBoxComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-check-box.mjs","sources":["../tmp-esm2022/check-box/lib/check-box.component.js","../tmp-esm2022/check-box/lib/check-box.module.js","../tmp-esm2022/check-box/acorex-components-check-box.js"],"sourcesContent":["import { AXComponent, AXValuableComponent, MXColorComponent, MXValueComponent } from '@acorex/cdk/common';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, ContentChildren, HostBinding, HostListener, Input, QueryList, ViewEncapsulation, forwardRef, input, } 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 checkbox component that allows users to select or deselect an option.\n *\n * @category Components\n */\nexport class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent) {\n    constructor() {\n        super(...arguments);\n        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: \"isLoading\" }] : []));\n        /**\n         * Sets the checkbox to an indeterminate state.\n         *\n         * @defaultValue false\n         */\n        this.indeterminate = false;\n        /**\n         *  @ignore\n         */\n        this._stateIndeterminate = false;\n    }\n    /**\n     *  @ignore\n     */\n    internalGetValue(value) {\n        if (!this.indeterminate && value == null) {\n            return false;\n        }\n        if (this.indeterminate && value == null) {\n            return null;\n        }\n        return coerceBooleanProperty(value);\n    }\n    /**\n     * Sets the checkbox state based on the provided value.\n     *\n     * @param value - `boolean` or `null`. Determines if the checkbox is checked, unchecked, or indeterminate.\n     */\n    internalSetValue(value) {\n        if (this.indeterminate && value == null) {\n            this._stateIndeterminate = true;\n            return null;\n        }\n        else if (!this.indeterminate && value == null) {\n            this._stateIndeterminate = false;\n            return false;\n        }\n        else {\n            this._stateIndeterminate = false;\n            return value == true ? true : false;\n        }\n    }\n    /**\n     *  @ignore\n     */\n    ngOnInit() {\n        super.ngOnInit();\n        //\n        this.registerValidation();\n    }\n    /**\n     * @ignore\n     */\n    ngAfterViewInit() {\n        this._labels?.forEach((c) => {\n            //TODO: remove listener\n            c.getHostElement().addEventListener('click', () => {\n                this.changeValue();\n            });\n        });\n    }\n    /**\n     * @ignore\n     */\n    _handleClick(e) {\n        e.stopPropagation();\n        if (this.readonly || this.disabled || this.isLoading()) {\n            e.preventDefault();\n            return false;\n        }\n        return true;\n    }\n    /**\n     *  @ignore\n     */\n    _handleModelChange(value) {\n        this.commitValue(value, true);\n    }\n    /**\n     * @ignore\n     */\n    get __hostClass() {\n        return `ax-${this.color ? this.color : 'primary'}`;\n    }\n    changeValue() {\n        if (!this.readonly && !this.disabled && !this.isLoading()) {\n            this.commitValue(!this.value, true);\n        }\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.9\", type: AXCheckBoxComponent, isStandalone: true, selector: \"ax-check-box\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: \"readonly\", publicName: \"readonly\", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", 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 }, isLoading: { classPropertyName: \"isLoading\", publicName: \"isLoading\", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: \"indeterminate\", publicName: \"indeterminate\", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", valueChange: \"valueChange\", onValueChanged: \"onValueChanged\" }, host: { listeners: { \"click\": \"_handleClick($event)\" }, properties: { \"class\": \"this.__hostClass\" } }, providers: [\n            { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXCheckBoxComponent),\n                multi: true,\n            },\n            { provide: AXComponent, useExisting: AXCheckBoxComponent },\n        ], queries: [{ propertyName: \"_labels\", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-checkbox-label\\\" [class.ax-state-readonly]=\\\"readonly\\\" [class.ax-state-disabled]=\\\"disabled\\\">\\n  <div class=\\\"ax-checkbox-start-side\\\">\\n    @if (isLoading()) {\\n      <div class=\\\"ax-loading-container\\\">\\n        <ax-loading></ax-loading>\\n      </div>\\n    } @else {\\n      <input\\n        [id]=\\\"id\\\"\\n        class=\\\"ax-check-box\\\"\\n        type=\\\"checkbox\\\"\\n        [indeterminate]=\\\"_stateIndeterminate\\\"\\n        [ngModel]=\\\"value\\\"\\n        (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n        [checked]=\\\"value\\\"\\n        [disabled]=\\\"disabled\\\"\\n        [readonly]=\\\"readonly\\\"\\n        [tabindex]=\\\"tabIndex\\\"\\n        (focus)=\\\"emitOnFocusEvent($event)\\\"\\n        (blur)=\\\"emitOnBlurEvent($event)\\\"\\n        #cb\\n      />\\n      <div class=\\\"ax-checkbox-background\\\" (click)=\\\"changeValue()\\\">\\n        @if (cb.indeterminate) {\\n          <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n            <rect x=\\\"3\\\" y=\\\"7\\\" width=\\\"10\\\" height=\\\"2\\\" />\\n          </svg>\\n        }\\n        @if (cb.checked) {\\n          <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n            <path\\n              d=\\\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\\\"\\n            />\\n          </svg>\\n        }\\n      </div>\\n    }\\n  </div>\\n  <div class=\\\"ax-checkbox-end-side\\\">\\n    <ng-content select=\\\"ax-label\\\"></ng-content>\\n    <ng-content select=\\\"ax-form-hint\\\"></ng-content>\\n    <span class=\\\"ax-error-container\\\"></span>\\n  </div>\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"></ng-content>\\n\", styles: [\"ax-check-box{--ax-comp-checkbox-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-checkbox-border-color: var(--ax-sys-color-border-surface)}ax-check-box.ax-primary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-primary-surface)}ax-check-box.ax-secondary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-secondary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-secondary-surface)}ax-check-box.ax-success{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-success-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-success-surface)}ax-check-box.ax-warning{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-warning-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-warning-surface)}ax-check-box.ax-danger{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-danger-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-danger-surface)}ax-check-box.ax-accent1{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent1-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent1-surface)}ax-check-box.ax-accent2{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent2-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent2-surface)}ax-check-box.ax-accent3{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent3-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent3-surface)}ax-check-box.ax-accent4{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent4-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent4-surface)}ax-check-box.ax-accent5{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent5-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent5-surface)}ax-check-box.ax-accent6{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent6-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent6-surface)}ax-check-box.ax-accent7{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent7-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent7-surface)}ax-check-box.ax-default{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface)}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:var(--ax-comp-checkbox-font-size, .875rem);line-height:var(--ax-comp-checkbox-line-height, 1.25rem)}.ax-checkbox-label.ax-state-readonly{opacity:var(--ax-comp-checkbox-readonly-opacity, .75)}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;position:relative;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:1rem}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;outline-offset:2px;vertical-align:middle;outline:2px solid transparent;border-width:var(--ax-comp-checkbox-border-width, 1px);border-color:rgba(var(--ax-comp-checkbox-border-color));border-radius:var(--ax-comp-checkbox-border-radius, .25rem);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-checkbox-bg-color));transition-timing-function:var(--ax-sys-transition-timing-function)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{background-size:contain;background-repeat:no-repeat;border-color:rgba(var(--ax-comp-checkbox-checked-border-color))!important;background-color:rgba(var(--ax-comp-checkbox-checked-bg-color))!important}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-comp-checkbox-checked-box-shadow-outline-color))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:rgba(var(--ax-comp-checkbox-checked-bg-svg-fill))}.ax-checkbox-label .ax-checkbox-end-side{display:flex;flex-direction:column;gap:var(--ax-comp-checkbox-end-side-gap, .25rem)}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin:0;cursor:text;-webkit-user-select:text;user-select:text}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:var(--ax-comp-checkbox-end-side-padding-s, .75rem)}\\n\"], dependencies: [{ kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i1.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { 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: AXLoadingComponent, selector: \"ax-loading\", inputs: [\"visible\", \"type\", \"context\"], outputs: [\"visibleChange\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-check-box', inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [\n                        { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXCheckBoxComponent),\n                            multi: true,\n                        },\n                        { provide: AXComponent, useExisting: AXCheckBoxComponent },\n                    ], imports: [FormsModule, AXLoadingComponent], template: \"<div class=\\\"ax-checkbox-label\\\" [class.ax-state-readonly]=\\\"readonly\\\" [class.ax-state-disabled]=\\\"disabled\\\">\\n  <div class=\\\"ax-checkbox-start-side\\\">\\n    @if (isLoading()) {\\n      <div class=\\\"ax-loading-container\\\">\\n        <ax-loading></ax-loading>\\n      </div>\\n    } @else {\\n      <input\\n        [id]=\\\"id\\\"\\n        class=\\\"ax-check-box\\\"\\n        type=\\\"checkbox\\\"\\n        [indeterminate]=\\\"_stateIndeterminate\\\"\\n        [ngModel]=\\\"value\\\"\\n        (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n        [checked]=\\\"value\\\"\\n        [disabled]=\\\"disabled\\\"\\n        [readonly]=\\\"readonly\\\"\\n        [tabindex]=\\\"tabIndex\\\"\\n        (focus)=\\\"emitOnFocusEvent($event)\\\"\\n        (blur)=\\\"emitOnBlurEvent($event)\\\"\\n        #cb\\n      />\\n      <div class=\\\"ax-checkbox-background\\\" (click)=\\\"changeValue()\\\">\\n        @if (cb.indeterminate) {\\n          <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n            <rect x=\\\"3\\\" y=\\\"7\\\" width=\\\"10\\\" height=\\\"2\\\" />\\n          </svg>\\n        }\\n        @if (cb.checked) {\\n          <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n            <path\\n              d=\\\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\\\"\\n            />\\n          </svg>\\n        }\\n      </div>\\n    }\\n  </div>\\n  <div class=\\\"ax-checkbox-end-side\\\">\\n    <ng-content select=\\\"ax-label\\\"></ng-content>\\n    <ng-content select=\\\"ax-form-hint\\\"></ng-content>\\n    <span class=\\\"ax-error-container\\\"></span>\\n  </div>\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"></ng-content>\\n\", styles: [\"ax-check-box{--ax-comp-checkbox-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-checkbox-border-color: var(--ax-sys-color-border-surface)}ax-check-box.ax-primary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-primary-surface)}ax-check-box.ax-secondary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-secondary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-secondary-surface)}ax-check-box.ax-success{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-success-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-success-surface)}ax-check-box.ax-warning{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-warning-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-warning-surface)}ax-check-box.ax-danger{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-danger-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-danger-surface)}ax-check-box.ax-accent1{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent1-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent1-surface)}ax-check-box.ax-accent2{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent2-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent2-surface)}ax-check-box.ax-accent3{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent3-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent3-surface)}ax-check-box.ax-accent4{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent4-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent4-surface)}ax-check-box.ax-accent5{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent5-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent5-surface)}ax-check-box.ax-accent6{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent6-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent6-surface)}ax-check-box.ax-accent7{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent7-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent7-surface)}ax-check-box.ax-default{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface)}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:var(--ax-comp-checkbox-font-size, .875rem);line-height:var(--ax-comp-checkbox-line-height, 1.25rem)}.ax-checkbox-label.ax-state-readonly{opacity:var(--ax-comp-checkbox-readonly-opacity, .75)}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;position:relative;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:1rem}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;outline-offset:2px;vertical-align:middle;outline:2px solid transparent;border-width:var(--ax-comp-checkbox-border-width, 1px);border-color:rgba(var(--ax-comp-checkbox-border-color));border-radius:var(--ax-comp-checkbox-border-radius, .25rem);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-checkbox-bg-color));transition-timing-function:var(--ax-sys-transition-timing-function)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{background-size:contain;background-repeat:no-repeat;border-color:rgba(var(--ax-comp-checkbox-checked-border-color))!important;background-color:rgba(var(--ax-comp-checkbox-checked-bg-color))!important}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-comp-checkbox-checked-box-shadow-outline-color))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:rgba(var(--ax-comp-checkbox-checked-bg-svg-fill))}.ax-checkbox-label .ax-checkbox-end-side{display:flex;flex-direction:column;gap:var(--ax-comp-checkbox-end-side-gap, .25rem)}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin:0;cursor:text;-webkit-user-select:text;user-select:text}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:var(--ax-comp-checkbox-end-side-padding-s, .75rem)}\\n\"] }]\n        }], propDecorators: { isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: \"isLoading\", required: false }] }], _labels: [{\n                type: ContentChildren,\n                args: [AXLabelComponent]\n            }], indeterminate: [{\n                type: Input\n            }], _handleClick: [{\n                type: HostListener,\n                args: ['click', ['$event']]\n            }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2stYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hlY2stYm94L3NyYy9saWIvY2hlY2stYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hlY2stYm94L3NyYy9saWIvY2hlY2stYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUUxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7QUFFbkM7Ozs7R0FJRztBQW9CSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsT0FBTyxDQUFDLENBQUEsZ0JBQXlCLENBQUEsRUFBRSxnQkFBZ0IsQ0FBQztJQW5CN0Y7O1FBb0JFLGNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxxREFBQyxDQUFDO1FBUXpCOzs7O1dBSUc7UUFFSSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUU3Qjs7V0FFRztRQUNP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QUFFO1lBQ2xFO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ2xELEtBQUssRUFBRSxJQUFJO2FBQ1o7WUFDRCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1NBQzNELGtEQVNnQixnQkFBZ0Isb0RDbERuQyw2cERBNkNBLGdxT0RIWSxXQUFXLGdoQkFBRSxrQkFBa0I7OzJGQUU5QixtQkFBbUI7a0JBbkIvQixTQUFTOytCQUNFLGNBQWMsVUFHaEIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FDbkUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxpQkFDaEQsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3dCQUNsRTs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7d0JBQ0QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcscUJBQXFCLEVBQUU7cUJBQzNELFdBQ1EsQ0FBQyxXQUFXLEVBQUUsa0JBQWtCLENBQUM7O3NCQVF6QyxlQUFlO3VCQUFDLGdCQUFnQjs7c0JBUWhDLEtBQUs7O3NCQWdFTCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQzs7c0JBb0JoQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgQVhWYWx1YWJsZUNvbXBvbmVudCwgTVhDb2xvckNvbXBvbmVudCwgTVhWYWx1ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5cbmltcG9ydCB7IEFYTGFiZWxDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xuaW1wb3J0IHsgQVhMb2FkaW5nQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xvYWRpbmcnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGZvcndhcmRSZWYsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbi8qKlxuICogQSBjaGVja2JveCBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VsZWN0IG9yIGRlc2VsZWN0IGFuIG9wdGlvbi5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jaGVjay1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2stYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2stYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICd0YWJJbmRleCcsICdyZWFkb25seScsICdjb2xvcicsICd2YWx1ZScsICduYW1lJywgJ2lkJ10sXG4gIG91dHB1dHM6IFsnb25CbHVyJywgJ29uRm9jdXMnLCAndmFsdWVDaGFuZ2UnLCAnb25WYWx1ZUNoYW5nZWQnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhWYWx1YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQ2hlY2tCb3hDb21wb25lbnQgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFYQ2hlY2tCb3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDaGVja0JveENvbXBvbmVudCB9LFxuICBdLFxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIEFYTG9hZGluZ0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ2hlY2tCb3hDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKE1YVmFsdWVDb21wb25lbnQ8Ym9vbGVhbj4sIE1YQ29sb3JDb21wb25lbnQpIHtcbiAgaXNMb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihBWExhYmVsQ29tcG9uZW50KVxuICBwcml2YXRlIF9sYWJlbHM6IFF1ZXJ5TGlzdDxBWExhYmVsQ29tcG9uZW50PjtcblxuICAvKipcbiAgICogU2V0cyB0aGUgY2hlY2tib3ggdG8gYW4gaW5kZXRlcm1pbmF0ZSBzdGF0ZS5cbiAgICpcbiAgICogQGRlZmF1bHRWYWx1ZSBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfc3RhdGVJbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaW50ZXJuYWxHZXRWYWx1ZSh2YWx1ZTogdW5rbm93bik6IGJvb2xlYW4gfCBudWxsIHtcbiAgICBpZiAoIXRoaXMuaW5kZXRlcm1pbmF0ZSAmJiB2YWx1ZSA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmICh0aGlzLmluZGV0ZXJtaW5hdGUgJiYgdmFsdWUgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNoZWNrYm94IHN0YXRlIGJhc2VkIG9uIHRoZSBwcm92aWRlZCB2YWx1ZS5cbiAgICpcbiAgICogQHBhcmFtIHZhbHVlIC0gYGJvb2xlYW5gIG9yIGBudWxsYC4gRGV0ZXJtaW5lcyBpZiB0aGUgY2hlY2tib3ggaXMgY2hlY2tlZCwgdW5jaGVja2VkLCBvciBpbmRldGVybWluYXRlLlxuICAgKi9cbiAgb3ZlcnJpZGUgaW50ZXJuYWxTZXRWYWx1ZSh2YWx1ZTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5pbmRldGVybWluYXRlICYmIHZhbHVlID09IG51bGwpIHtcbiAgICAgIHRoaXMuX3N0YXRlSW5kZXRlcm1pbmF0ZSA9IHRydWU7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLmluZGV0ZXJtaW5hdGUgJiYgdmFsdWUgPT0gbnVsbCkge1xuICAgICAgdGhpcy5fc3RhdGVJbmRldGVybWluYXRlID0gZmFsc2U7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3N0YXRlSW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgICAgcmV0dXJuIHZhbHVlID09IHRydWUgPyB0cnVlIDogZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAvL1xuICAgIHRoaXMucmVnaXN0ZXJWYWxpZGF0aW9uKCk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5fbGFiZWxzPy5mb3JFYWNoKChjKSA9PiB7XG4gICAgICAvL1RPRE86IHJlbW92ZSBsaXN0ZW5lclxuICAgICAgYy5nZXRIb3N0RWxlbWVudCgpLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgICB0aGlzLmNoYW5nZVZhbHVlKCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX2hhbmRsZUNsaWNrKGU6IFVJRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICh0aGlzLnJlYWRvbmx5IHx8IHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5pc0xvYWRpbmcoKSkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVNb2RlbENoYW5nZSh2YWx1ZTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICB0aGlzLmNvbW1pdFZhbHVlKHZhbHVlLCB0cnVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LSR7dGhpcy5jb2xvciA/IHRoaXMuY29sb3IgOiAncHJpbWFyeSd9YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBjaGFuZ2VWYWx1ZSgpIHtcbiAgICBpZiAoIXRoaXMucmVhZG9ubHkgJiYgIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuaXNMb2FkaW5nKCkpIHtcbiAgICAgIHRoaXMuY29tbWl0VmFsdWUoIXRoaXMudmFsdWUsIHRydWUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LWNoZWNrYm94LWxhYmVsXCIgW2NsYXNzLmF4LXN0YXRlLXJlYWRvbmx5XT1cInJlYWRvbmx5XCIgW2NsYXNzLmF4LXN0YXRlLWRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxkaXYgY2xhc3M9XCJheC1jaGVja2JveC1zdGFydC1zaWRlXCI+XG4gICAgQGlmIChpc0xvYWRpbmcoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cImF4LWxvYWRpbmctY29udGFpbmVyXCI+XG4gICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgIDwvZGl2PlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGlucHV0XG4gICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgIGNsYXNzPVwiYXgtY2hlY2stYm94XCJcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgW2luZGV0ZXJtaW5hdGVdPVwiX3N0YXRlSW5kZXRlcm1pbmF0ZVwiXG4gICAgICAgIFtuZ01vZGVsXT1cInZhbHVlXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiX2hhbmRsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgICBbY2hlY2tlZF09XCJ2YWx1ZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXG4gICAgICAgIChmb2N1cyk9XCJlbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIlxuICAgICAgICAoYmx1cik9XCJlbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiXG4gICAgICAgICNjYlxuICAgICAgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jaGVja2JveC1iYWNrZ3JvdW5kXCIgKGNsaWNrKT1cImNoYW5nZVZhbHVlKClcIj5cbiAgICAgICAgQGlmIChjYi5pbmRldGVybWluYXRlKSB7XG4gICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiPlxuICAgICAgICAgICAgPHJlY3QgeD1cIjNcIiB5PVwiN1wiIHdpZHRoPVwiMTBcIiBoZWlnaHQ9XCIyXCIgLz5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGNiLmNoZWNrZWQpIHtcbiAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCI+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBkPVwiTTEyLjIwNyA0Ljc5M2ExIDEgMCAwMTAgMS40MTRsLTUgNWExIDEgMCAwMS0xLjQxNCAwbC0yLTJhMSAxIDAgMDExLjQxNC0xLjQxNEw2LjUgOS4wODZsNC4yOTMtNC4yOTNhMSAxIDAgMDExLjQxNCAwelwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXgtY2hlY2tib3gtZW5kLXNpZGVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1sYWJlbFwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1mb3JtLWhpbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgPHNwYW4gY2xhc3M9XCJheC1lcnJvci1jb250YWluZXJcIj48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj48L25nLWNvbnRlbnQ+XG4iXX0=","import { NgModule } from '@angular/core';\nimport { AXCheckBoxComponent } from './check-box.component';\nimport * as i0 from \"@angular/core\";\nexport class AXCheckBoxModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent], exports: [AXCheckBoxComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [AXCheckBoxComponent],\n                    exports: [AXCheckBoxComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2stYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hlY2stYm94L3NyYy9saWIvY2hlY2stYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU01RCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixZQUhqQixtQkFBbUIsYUFDbkIsbUJBQW1COytHQUVsQixnQkFBZ0IsWUFIakIsbUJBQW1COzsyRkFHbEIsZ0JBQWdCO2tCQUo1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhDaGVja0JveENvbXBvbmVudCB9IGZyb20gJy4vY2hlY2stYm94LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtBWENoZWNrQm94Q29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FYQ2hlY2tCb3hDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENoZWNrQm94TW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY2hlY2stYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaGVjay1ib3gvc3JjL2Fjb3JleC1jb21wb25lbnRzLWNoZWNrLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-check-box.mjs","sources":["../../../../packages/components/check-box/src/lib/check-box.component.ts","../../../../packages/components/check-box/src/lib/check-box.component.html","../../../../packages/components/check-box/src/lib/check-box.module.ts","../../../../packages/components/check-box/src/acorex-components-check-box.ts"],"sourcesContent":["import { AXComponent, AXValuableComponent, MXColorComponent, MXValueComponent } from '@acorex/cdk/common';\n\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostBinding,\n  HostListener,\n  Input,\n  QueryList,\n  ViewEncapsulation,\n  forwardRef,\n  input,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * A checkbox component that allows users to select or deselect an option.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-check-box',\n  templateUrl: './check-box.component.html',\n  styleUrls: ['./check-box.component.compiled.css'],\n  inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXCheckBoxComponent),\n      multi: true,\n    },\n    { provide: AXComponent, useExisting: AXCheckBoxComponent },\n  ],\n  imports: [FormsModule, AXLoadingComponent],\n})\nexport class AXCheckBoxComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\n  isLoading = input(false);\n\n  /**\n   *  @ignore\n   */\n  @ContentChildren(AXLabelComponent)\n  private _labels: QueryList<AXLabelComponent>;\n\n  /**\n   * Sets the checkbox to an indeterminate state.\n   *\n   * @defaultValue false\n   */\n  @Input()\n  public indeterminate = false;\n\n  /**\n   *  @ignore\n   */\n  protected _stateIndeterminate = false;\n\n  /**\n   *  @ignore\n   */\n  protected override internalGetValue(value: unknown): boolean | null {\n    if (!this.indeterminate && value == null) {\n      return false;\n    }\n    if (this.indeterminate && value == null) {\n      return null;\n    }\n    return coerceBooleanProperty(value);\n  }\n\n  /**\n   * Sets the checkbox state based on the provided value.\n   *\n   * @param value - `boolean` or `null`. Determines if the checkbox is checked, unchecked, or indeterminate.\n   */\n  override internalSetValue(value: boolean | null) {\n    if (this.indeterminate && value == null) {\n      this._stateIndeterminate = true;\n      return null;\n    } else if (!this.indeterminate && value == null) {\n      this._stateIndeterminate = false;\n      return false;\n    } else {\n      this._stateIndeterminate = false;\n      return value == true ? true : false;\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  protected override ngOnInit(): void {\n    super.ngOnInit();\n    //\n    this.registerValidation();\n  }\n\n  /**\n   * @ignore\n   */\n\n  ngAfterViewInit() {\n    this._labels?.forEach((c) => {\n      //TODO: remove listener\n      c.getHostElement().addEventListener('click', () => {\n        this.changeValue();\n      });\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @HostListener('click', ['$event'])\n  private _handleClick(e: UIEvent) {\n    e.stopPropagation();\n    if (this.readonly || this.disabled || this.isLoading()) {\n      e.preventDefault();\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleModelChange(value: boolean | null) {\n    this.commitValue(value, true);\n  }\n\n  /**\n   * @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.color ? this.color : 'ax-primary'}`;\n  }\n\n  protected changeValue() {\n    if (!this.readonly && !this.disabled && !this.isLoading()) {\n      this.commitValue(!this.value, true);\n    }\n  }\n}\n","<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    @if (isLoading()) {\n      <div class=\"ax-loading-container\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else {\n      <input\n        [id]=\"id\"\n        class=\"ax-check-box\"\n        type=\"checkbox\"\n        [indeterminate]=\"_stateIndeterminate\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"_handleModelChange($event)\"\n        [checked]=\"value\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [tabindex]=\"tabIndex\"\n        (focus)=\"emitOnFocusEvent($event)\"\n        (blur)=\"emitOnBlurEvent($event)\"\n        #cb\n      />\n      <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n        @if (cb.indeterminate) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n          </svg>\n        }\n        @if (cb.checked) {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n            />\n          </svg>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXCheckBoxComponent } from './check-box.component';\n\n@NgModule({\n  imports: [AXCheckBoxComponent],\n  exports: [AXCheckBoxComponent],\n})\nexport class AXCheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-chips.mjs

@@ -1,5 +1,5 @@
 import * as i1 from '@acorex/cdk/common';
-import { MXColorComponent, AXComponent, AXRippleDirective } from '@acorex/cdk/common';
+import { MXColorLookComponent, AXComponent, AXRippleDirective } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { model, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 
@@ -8,7 +8,7 @@ import { model, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Compone
  *
  * @category Components
  */
-class AXChipsComponent extends MXColorComponent {
+class AXChipsComponent extends MXColorLookComponent {
     constructor() {
         super(...arguments);
         /**
@@ -17,32 +17,30 @@ class AXChipsComponent extends MXColorComponent {
          * @defaultValue ''
          */
         this.text = model('', ...(ngDevMode ? [{ debugName: "text" }] : []));
-        this.look = model('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
-        this.size = model('ax-md', ...(ngDevMode ? [{ debugName: "size" }] : []));
     }
     /**
      *  @ignore
      */
     get __hostClass() {
-        return `ax-${this.color} ax-${this.look()} ${this.size()}`;
+        return `${this.color} ${this.interactiveLook} `;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXChipsComponent, isStandalone: true, selector: "ax-chips", inputs: { tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange", look: "lookChange", size: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: [".ax-sm ax-chips,ax-chips.ax-sm{--ax-comp-chips-gap: .375rem;--ax-comp-chips-padding-y: 0;--ax-comp-chips-padding-x: .5rem;--ax-comp-chips-font-size: .75rem;--ax-comp-chips-decorator-font-size: .75rem}.ax-md ax-chips,ax-chips{--ax-comp-chips-gap: .5rem;--ax-comp-chips-padding-y: .125rem;--ax-comp-chips-padding-x: .75rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}.ax-lg ax-chips,ax-chips.ax-lg{--ax-comp-chips-gap: .75rem;--ax-comp-chips-padding-y: .25rem;--ax-comp-chips-padding-x: 1rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}ax-chips.ax-outline.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-outline.ax-primary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-primary-dark-surface)}ax-chips.ax-outline.ax-secondary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-chips.ax-outline.ax-success{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-success-surface);--ax-comp-chips-border-color: var(--ax-sys-color-success-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-success-dark-surface)}ax-chips.ax-outline.ax-warning{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-border-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-warning-dark-surface)}ax-chips.ax-outline.ax-danger{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-border-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-danger-dark-surface)}ax-chips.ax-outline.ax-accent1{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-chips.ax-outline.ax-accent2{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-chips.ax-outline.ax-accent3{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-chips.ax-outline.ax-accent4{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-chips.ax-outline.ax-accent5{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-chips.ax-outline.ax-accent6{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-chips.ax-outline.ax-accent7{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent7-dark-surface)}ax-chips.ax-solid.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-solid.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-dark-surface)}ax-chips.ax-solid.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface)}ax-chips.ax-solid.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-dark-surface)}ax-chips.ax-solid.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-dark-surface)}ax-chips.ax-solid.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-dark-surface)}ax-chips.ax-solid.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface)}ax-chips.ax-solid.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface)}ax-chips.ax-solid.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface)}ax-chips.ax-solid.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface)}ax-chips.ax-solid.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface)}ax-chips.ax-solid.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface)}ax-chips.ax-solid.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-dark-surface)}ax-chips.ax-twotone.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface)}ax-chips.ax-twotone.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface)}ax-chips.ax-twotone.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-lighter-surface)}ax-chips.ax-twotone.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface)}ax-chips.ax-twotone.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface)}ax-chips.ax-twotone.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface)}ax-chips.ax-twotone.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface)}ax-chips.ax-twotone.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface)}ax-chips.ax-twotone.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface)}ax-chips.ax-twotone.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface)}ax-chips.ax-twotone.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface)}ax-chips.ax-twotone.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface)}ax-chips{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;gap:var(--ax-comp-chips-gap);font-size:var(--ax-comp-chips-font-size);color:rgba(var(--ax-comp-chips-text-color));padding-left:var(--ax-comp-chips-padding-x);padding-right:var(--ax-comp-chips-padding-x);padding-top:var(--ax-comp-chips-padding-y);padding-bottom:var(--ax-comp-chips-padding-y);line-height:var(--ax-comp-chips-line-height, 1.25rem);font-weight:var(--ax-comp-chips-font-weight, 500);border-radius:var(--ax-comp-chips-border-radius, 9999px);border-width:var(--ax-comp-chips-border-width, 0);border-color:rgba(var(--ax-comp-chips-border-color));background-color:rgba(var(--ax-comp-chips-bg-color));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}ax-chips:focus-visible{outline-width:var(--ax-comp-chips-focus-outline-width, 2px);outline-color:var(--ax-comp-chips-focus-outline-color, rgba(0, 0, 0, .5));outline-offset:var(--ax-comp-chips-focus-outline-offset, 2px)}ax-chips:hover{color:rgba(var(--ax-comp-chips-hover-text-color, var(--ax-comp-chips-text-color)));background-color:rgba(var(--ax-comp-chips-hover-bg-color, var(--ax-comp-chips-bg-color)));border-color:rgba(var(--ax-comp-chips-hover-border-color, var(--ax-comp-chips-border-color)))}ax-chips .ax-chips-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:var(--ax-comp-chips-decorator-font-size);line-height:var(--ax-comp-chips-decorator-line-height, 1.75rem)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXChipsComponent, isStandalone: true, selector: "ax-chips", inputs: { tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{ax-chips{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;border-width:1px;border-radius:3.40282e38px;display:flex;position:relative}ax-chips .ax-chips-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{align-items:center;display:flex}ax-chips.ax-xs{gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}ax-chips.ax-sm{gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-chips.ax-md{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-chips.ax-lg{gap:calc(var(--spacing,.25rem)*2.5);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}ax-chips.ax-xl{gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], hostDirectives: [AXRippleDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: [".ax-sm ax-chips,ax-chips.ax-sm{--ax-comp-chips-gap: .375rem;--ax-comp-chips-padding-y: 0;--ax-comp-chips-padding-x: .5rem;--ax-comp-chips-font-size: .75rem;--ax-comp-chips-decorator-font-size: .75rem}.ax-md ax-chips,ax-chips{--ax-comp-chips-gap: .5rem;--ax-comp-chips-padding-y: .125rem;--ax-comp-chips-padding-x: .75rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}.ax-lg ax-chips,ax-chips.ax-lg{--ax-comp-chips-gap: .75rem;--ax-comp-chips-padding-y: .25rem;--ax-comp-chips-padding-x: 1rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}ax-chips.ax-outline.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-outline.ax-primary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-primary-dark-surface)}ax-chips.ax-outline.ax-secondary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-chips.ax-outline.ax-success{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-success-surface);--ax-comp-chips-border-color: var(--ax-sys-color-success-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-success-dark-surface)}ax-chips.ax-outline.ax-warning{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-border-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-warning-dark-surface)}ax-chips.ax-outline.ax-danger{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-border-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-danger-dark-surface)}ax-chips.ax-outline.ax-accent1{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-chips.ax-outline.ax-accent2{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-chips.ax-outline.ax-accent3{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-chips.ax-outline.ax-accent4{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-chips.ax-outline.ax-accent5{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-chips.ax-outline.ax-accent6{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-chips.ax-outline.ax-accent7{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent7-dark-surface)}ax-chips.ax-solid.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-solid.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-dark-surface)}ax-chips.ax-solid.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface)}ax-chips.ax-solid.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-dark-surface)}ax-chips.ax-solid.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-dark-surface)}ax-chips.ax-solid.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-dark-surface)}ax-chips.ax-solid.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface)}ax-chips.ax-solid.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface)}ax-chips.ax-solid.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface)}ax-chips.ax-solid.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface)}ax-chips.ax-solid.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface)}ax-chips.ax-solid.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface)}ax-chips.ax-solid.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-dark-surface)}ax-chips.ax-twotone.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface)}ax-chips.ax-twotone.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface)}ax-chips.ax-twotone.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-lighter-surface)}ax-chips.ax-twotone.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface)}ax-chips.ax-twotone.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface)}ax-chips.ax-twotone.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface)}ax-chips.ax-twotone.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface)}ax-chips.ax-twotone.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface)}ax-chips.ax-twotone.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface)}ax-chips.ax-twotone.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface)}ax-chips.ax-twotone.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface)}ax-chips.ax-twotone.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface)}ax-chips{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;gap:var(--ax-comp-chips-gap);font-size:var(--ax-comp-chips-font-size);color:rgba(var(--ax-comp-chips-text-color));padding-left:var(--ax-comp-chips-padding-x);padding-right:var(--ax-comp-chips-padding-x);padding-top:var(--ax-comp-chips-padding-y);padding-bottom:var(--ax-comp-chips-padding-y);line-height:var(--ax-comp-chips-line-height, 1.25rem);font-weight:var(--ax-comp-chips-font-weight, 500);border-radius:var(--ax-comp-chips-border-radius, 9999px);border-width:var(--ax-comp-chips-border-width, 0);border-color:rgba(var(--ax-comp-chips-border-color));background-color:rgba(var(--ax-comp-chips-bg-color));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}ax-chips:focus-visible{outline-width:var(--ax-comp-chips-focus-outline-width, 2px);outline-color:var(--ax-comp-chips-focus-outline-color, rgba(0, 0, 0, .5));outline-offset:var(--ax-comp-chips-focus-outline-offset, 2px)}ax-chips:hover{color:rgba(var(--ax-comp-chips-hover-text-color, var(--ax-comp-chips-text-color)));background-color:rgba(var(--ax-comp-chips-hover-bg-color, var(--ax-comp-chips-bg-color)));border-color:rgba(var(--ax-comp-chips-hover-border-color, var(--ax-comp-chips-border-color)))}ax-chips .ax-chips-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:var(--ax-comp-chips-decorator-font-size);line-height:var(--ax-comp-chips-decorator-line-height, 1.75rem)}\n"] }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }, { type: i0.Output, args: ["textChange"] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }, { type: i0.Output, args: ["lookChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], __hostClass: [{
+            args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color', 'look'], hostDirectives: [AXRippleDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{ax-chips{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;border-width:1px;border-radius:3.40282e38px;display:flex;position:relative}ax-chips .ax-chips-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{align-items:center;display:flex}ax-chips.ax-xs{gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}ax-chips.ax-sm{gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-chips.ax-md{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-chips.ax-lg{gap:calc(var(--spacing,.25rem)*2.5);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}ax-chips.ax-xl{gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }, { type: i0.Output, args: ["textChange"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
 class AXChipsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXChipsModule, imports: [AXChipsComponent], exports: [AXChipsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXChipsModule, imports: [AXChipsComponent], exports: [AXChipsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXChipsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXChipsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXChipsComponent],