@acorex/components 18.14.1-next.3 → 18.14.1-next.4

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

@@ -3,12 +3,11 @@ import { AXLabelComponent } from '@acorex/components/label';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Input, HostListener, HostBinding, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { classes } from 'polytype';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { AXDecoratorModule } from '@acorex/components/decorators';
+import { CommonModule } from '@angular/common';
 
 /**
  * A checkbox component that allows users to select or deselect an option.
@@ -69,33 +68,25 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
         this.registerValidation();
     }
     /**
-     *  @ignore
+     * @ignore
      */
-    // ngAfterViewInit() {
-    //   this._labels?.forEach((c) => {
-    //     //TODO: remove listener
-    //     c.getHostElement().addEventListener('click', () => {
-    //       if (!this.readonly && !this.disabled) {
-    //         this.commitValue(!this.value, true);
-    //       }
-    //     });
-    //   });
-    // }
+    ngAfterViewInit() {
+        this._labels?.forEach((c) => {
+            //TODO: remove listener
+            c.getHostElement().addEventListener('click', () => {
+                this.changeValue();
+            });
+        });
+    }
     /**
-     *  @ignore
+     * @ignore
      */
-    _handleClick(event) {
-        event.stopPropagation();
+    _handleClick(e) {
+        e.stopPropagation();
         if (this.readonly || this.disabled) {
-            event.preventDefault();
-            return false;
-        }
-        const allowedTags = ['label', 'svg', 'path', 'input'];
-        const targetTag = event.target.tagName.toLowerCase();
-        if (!allowedTags.includes(targetTag)) {
+            e.preventDefault();
             return false;
         }
-        this.commitValue(!this.value, true);
         return true;
     }
     /**
@@ -110,15 +101,20 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
     get __hostClass() {
         return `ax-${this.color ? this.color : 'primary'}-solid`;
     }
+    changeValue() {
+        if (!this.readonly && !this.disabled) {
+            this.commitValue(!this.value, true);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", color: "color", value: "value", name: "name", id: "id", checked: "checked", indeterminate: "indeterminate" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", color: "color", value: "value", name: "name", id: "id", checked: "checked", indeterminate: "indeterminate" }, 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,
                 useExisting: forwardRef(() => AXCheckBoxComponent),
                 multi: true,
             },
-        ], 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    <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\">\n      <svg\n        *ngIf=\"cb.indeterminate\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n      >\n        <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n      </svg>\n      <svg *ngIf=\"cb.checked\" 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    </div>\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-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.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{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.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-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box .ax-check-box:checked,.ax-ghost-solid .ax-check-box .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], 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    <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  </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-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.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{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.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-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box:checked,.ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
             type: Component,
@@ -129,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => AXCheckBoxComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\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\">\n      <svg\n        *ngIf=\"cb.indeterminate\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n      >\n        <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n      </svg>\n      <svg *ngIf=\"cb.checked\" 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    </div>\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-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.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{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.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-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box .ax-check-box:checked,.ax-ghost-solid .ax-check-box .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"] }]
+                    ], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\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  </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-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.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{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.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-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box:checked,.ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"] }]
         }], propDecorators: { _labels: [{
                 type: ContentChildren,
                 args: [AXLabelComponent]

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-check-box.mjs","sources":["../../../../libs/components/check-box/src/lib/check-box.component.ts","../../../../libs/components/check-box/src/lib/check-box.component.html","../../../../libs/components/check-box/src/lib/check-box.module.ts","../../../../libs/components/check-box/src/acorex-components-check-box.ts"],"sourcesContent":["import { AXValuableComponent, MXColorComponent, MXValueComponent } from '@acorex/components/common';\n\nimport { AXLabelComponent } from '@acorex/components/label';\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} from '@angular/core';\nimport { 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.scss'],\n  inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id', 'checked'],\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  ],\n})\nexport class AXCheckBoxComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\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  // ngAfterViewInit() {\n  //   this._labels?.forEach((c) => {\n  //     //TODO: remove listener\n  //     c.getHostElement().addEventListener('click', () => {\n  //       if (!this.readonly && !this.disabled) {\n  //         this.commitValue(!this.value, true);\n  //       }\n  //     });\n  //   });\n  // }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private _handleClick(event: UIEvent): boolean {\n    event.stopPropagation();\n\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return false;\n    }\n\n    const allowedTags = ['label', 'svg', 'path', 'input'];\n    const targetTag = (event.target as HTMLElement).tagName.toLowerCase();\n\n    if (!allowedTags.includes(targetTag)) {\n      return false;\n    }\n    this.commitValue(!this.value, true);\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 `ax-${this.color ? this.color : 'primary'}-solid`;\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    <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\">\n      <svg\n        *ngIf=\"cb.indeterminate\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n      >\n        <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n      </svg>\n      <svg *ngIf=\"cb.checked\" 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    </div>\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 { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXCheckBoxComponent } from './check-box.component';\n@NgModule({\n  declarations: [AXCheckBoxComponent],\n  imports: [CommonModule, FormsModule, AXDecoratorModule],\n  exports: [AXCheckBoxComponent],\n  providers: [],\n})\nexport class AXCheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-check-box.mjs","sources":["../../../../libs/components/check-box/src/lib/check-box.component.ts","../../../../libs/components/check-box/src/lib/check-box.component.html","../../../../libs/components/check-box/src/lib/check-box.module.ts","../../../../libs/components/check-box/src/acorex-components-check-box.ts"],"sourcesContent":["import { AXValuableComponent, MXColorComponent, MXValueComponent } from '@acorex/components/common';\n\nimport { AXLabelComponent } from '@acorex/components/label';\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} from '@angular/core';\nimport { 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.scss'],\n  inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id', 'checked'],\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  ],\n})\nexport class AXCheckBoxComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\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) {\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 `ax-${this.color ? this.color : 'primary'}-solid`;\n  }\n\n  protected changeValue() {\n    if (!this.readonly && !this.disabled) {\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    <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  </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 { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXCheckBoxComponent } from './check-box.component';\n@NgModule({\n  declarations: [AXCheckBoxComponent],\n  imports: [CommonModule, FormsModule, AXDecoratorModule],\n  exports: [AXCheckBoxComponent],\n  providers: [],\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-common.mjs

@@ -1779,6 +1779,10 @@ class MXSelectionValueComponent extends MXValueComponent {
         this.dataService.selectedItems = [];
         this.cdr.markForCheck();
     }
+    softClearSelectionCache() {
+        this.dataService.cacheList = {};
+        this.cdr.markForCheck();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MXSelectionValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MXSelectionValueComponent }); }
 }