@acorex/components 7.8.13 → 7.8.15

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

@@ -60,7 +60,7 @@ class AXCheckBoxComponent extends MXValueComponent {
                 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 [id]=\"id\" class=\"ax-checkbox\" type=\"checkbox\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n            (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n            [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\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>", styles: [".ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\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 }); }
+        ], 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-checkbox\"\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    />\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-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\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: "16.2.6", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
             type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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 [id]=\"id\" class=\"ax-checkbox\" type=\"checkbox\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n            (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n            [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\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>", styles: [".ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\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-checkbox\"\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    />\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-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\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 { MXValueComponent } from '@acorex/components/common';\n\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  AfterViewChecked,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostListener,\n  Input,\n  QueryList,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\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', 'value', 'name', 'id', 'checked'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXCheckBoxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXCheckBoxComponent extends MXValueComponent<boolean | null> implements AfterViewChecked {\n  @ContentChildren(AXLabelComponent)\n  private _labels: QueryList<AXLabelComponent>;\n\n  @Input()\n  public indeterminate = false;\n\n  protected _stateIndeterminate = false;\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  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  ngAfterViewChecked() {\n    this._labels?.forEach((c) => {\n      c.target = this.id;\n    });\n  }\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  protected _handleModelChange(value: boolean | null) {\n    this.commitValue(value, true);\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 [id]=\"id\" class=\"ax-checkbox\" type=\"checkbox\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n            (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n            [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\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>","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 { MXValueComponent } from '@acorex/components/common';\n\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  AfterViewChecked,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostListener,\n  Input,\n  QueryList,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\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', 'value', 'name', 'id', 'checked'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXCheckBoxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXCheckBoxComponent extends MXValueComponent<boolean | null> implements AfterViewChecked {\n  @ContentChildren(AXLabelComponent)\n  private _labels: QueryList<AXLabelComponent>;\n\n  @Input()\n  public indeterminate = false;\n\n  protected _stateIndeterminate = false;\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  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  ngAfterViewChecked() {\n    this._labels?.forEach((c) => {\n      c.target = this.id;\n    });\n  }\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  protected _handleModelChange(value: boolean | null) {\n    this.commitValue(value, true);\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-checkbox\"\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    />\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-chips.mjs

@@ -15,11 +15,11 @@ class AXChipsComponent extends MXColorComponent {
         return `ax-${this.color}-${this.look}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", color: "color", look: "look", text: "text" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", color: "color", look: "look", text: "text" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost-fore),.16);border:1px solid;border-color:rgba(var(--ax-color-ghost-fore),0);color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-300));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-300));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-300));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-300));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-300));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"] }]
+            args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost-fore),.16);border:1px solid;border-color:rgba(var(--ax-color-ghost-fore),0);color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-300));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-300));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-300));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-300));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-300));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { look: [{
                 type: Input
             }], text: [{

package/fesm2022/acorex-components-chips.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-chips.mjs","sources":["../../../../libs/components/chips/src/lib/chips.component.ts","../../../../libs/components/chips/src/lib/chips.component.html","../../../../libs/components/chips/src/lib/chips.module.ts","../../../../libs/components/chips/src/acorex-components-chips.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n// TODO : is this an interactive compnent?\n@Component({\n  selector: 'ax-chips',\n  templateUrl: './chips.component.html',\n  styleUrls: ['./chips.component.scss'],\n  inputs: ['tabIndex', 'color'],\n  outputs: ['colorChange'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXChipsComponent extends MXColorComponent {\n  @Input()\n  look: 'solid' | 'outline' | 'twotone' = 'solid';\n\n  @Input()\n  text = '';\n\n  constructor() {\n    super();\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-${this.look}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXChipsComponent } from './chips.component';\n\n@NgModule({\n  declarations: [AXChipsComponent],\n  imports: [CommonModule],\n  exports: [AXChipsComponent],\n  providers: [],\n})\nexport class AXChipsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAGA;AAUM,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AAOpD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;QANV,IAAI,CAAA,IAAA,GAAoC,OAAO,CAAC;QAGhD,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;KAIT;AAED,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;KACxC;8GAdU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,qPCb7B,4JAE4C,EAAA,MAAA,EAAA,CAAA,mqeAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDW/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,UAGZ,CAAC,UAAU,EAAE,OAAO,CAAC,EACpB,OAAA,EAAA,CAAC,aAAa,CAAC,mBACP,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4JAAA,EAAA,MAAA,EAAA,CAAA,mqeAAA,CAAA,EAAA,CAAA;0EAIrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MEdT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-chips.mjs","sources":["../../../../libs/components/chips/src/lib/chips.component.ts","../../../../libs/components/chips/src/lib/chips.component.html","../../../../libs/components/chips/src/lib/chips.module.ts","../../../../libs/components/chips/src/acorex-components-chips.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n// TODO : is this an interactive compnent?\n@Component({\n  selector: 'ax-chips',\n  templateUrl: './chips.component.html',\n  styleUrls: ['./chips.component.scss'],\n  inputs: ['tabIndex', 'color'],\n  outputs: ['colorChange'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXChipsComponent extends MXColorComponent {\n  @Input()\n  look: 'solid' | 'outline' | 'twotone' = 'solid';\n\n  @Input()\n  text = '';\n\n  constructor() {\n    super();\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-${this.look}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXChipsComponent } from './chips.component';\n\n@NgModule({\n  declarations: [AXChipsComponent],\n  imports: [CommonModule],\n  exports: [AXChipsComponent],\n  providers: [],\n})\nexport class AXChipsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAGA;AAUM,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AAOpD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;QANV,IAAI,CAAA,IAAA,GAAoC,OAAO,CAAC;QAGhD,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;KAIT;AAED,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;KACxC;8GAdU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,qPCb7B,4JAE4C,EAAA,MAAA,EAAA,CAAA,iqmBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDW/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,UAGZ,CAAC,UAAU,EAAE,OAAO,CAAC,EACpB,OAAA,EAAA,CAAC,aAAa,CAAC,mBACP,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4JAAA,EAAA,MAAA,EAAA,CAAA,iqmBAAA,CAAA,EAAA,CAAA;0EAIrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MEdT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/acorex-components-collapse.mjs

@@ -2,6 +2,7 @@ import { AXClickEvent, MXInteractiveComponent, MXBaseComponent, MXLookComponent
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Output, Input, HostBinding, ContentChildren, NgModule } from '@angular/core';
 import { classes } from 'polytype';
+import { trigger, state, style, AUTO_STYLE, transition, animate } from '@angular/animations';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@acorex/components/loading';
@@ -84,11 +85,25 @@ class AXCollapseComponent extends MXInteractiveComponent {
         return [`${this.disabled ? 'ax-state-disabled' : ''}`];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCollapseComponent, selector: "ax-collapse", inputs: { disabled: "disabled", isCollapsed: "isCollapsed", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n  <ng-container *ngIf=\"headerTemplate; else default\">\n    <div class=\"ax-collapse-custom-header-container\">\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #default>\n    <div class=\"ax-collapse-header-container\">\n      <div class=\"ax-collapse-header-start\">\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n        <span>\n          {{ caption }}\n        </span>\n      </div>\n      <ng-container *ngIf=\"isLoading; else elseTemplate\">\n        <ax-loading></ax-loading>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <span\n          class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n          [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n        ></span>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n  <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem;font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCollapseComponent, selector: "ax-collapse", inputs: { disabled: "disabled", isCollapsed: "isCollapsed", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n  <ng-container *ngIf=\"headerTemplate; else default\">\n    <div class=\"ax-collapse-custom-header-container\">\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #default>\n    <div class=\"ax-collapse-header-container\">\n      <div class=\"ax-collapse-header-start\">\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n        <span>\n          {{ caption }}\n        </span>\n      </div>\n      <ng-container *ngIf=\"isLoading; else elseTemplate\">\n        <ax-loading></ax-loading>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <span\n          class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n          [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n        ></span>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n<div class=\"ax-collapse-body\" [@collapse]=\"isCollapsed\">\n  <div class=\"ax-collapse-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], animations: [
+            trigger('collapse', [
+                state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
+                state('true', style({ height: '0', visibility: 'hidden' })),
+                transition('false => true', animate(150 + 'ms ease-in')),
+                transition('true => false', animate(150 + 'ms ease-out')),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-collapse', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n  <ng-container *ngIf=\"headerTemplate; else default\">\n    <div class=\"ax-collapse-custom-header-container\">\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #default>\n    <div class=\"ax-collapse-header-container\">\n      <div class=\"ax-collapse-header-start\">\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n        <span>\n          {{ caption }}\n        </span>\n      </div>\n      <ng-container *ngIf=\"isLoading; else elseTemplate\">\n        <ax-loading></ax-loading>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <span\n          class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n          [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n        ></span>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n  <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem;font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}\n"] }]
+            args: [{ selector: 'ax-collapse', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
+                        trigger('collapse', [
+                            state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
+                            state('true', style({ height: '0', visibility: 'hidden' })),
+                            transition('false => true', animate(150 + 'ms ease-in')),
+                            transition('true => false', animate(150 + 'ms ease-out')),
+                        ]),
+                    ], template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n  <ng-container *ngIf=\"headerTemplate; else default\">\n    <div class=\"ax-collapse-custom-header-container\">\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #default>\n    <div class=\"ax-collapse-header-container\">\n      <div class=\"ax-collapse-header-start\">\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n        <span>\n          {{ caption }}\n        </span>\n      </div>\n      <ng-container *ngIf=\"isLoading; else elseTemplate\">\n        <ax-loading></ax-loading>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <span\n          class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n          [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n        ></span>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n<div class=\"ax-collapse-body\" [@collapse]=\"isCollapsed\">\n  <div class=\"ax-collapse-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem 1.25rem}\n"] }]
         }], propDecorators: { onClick: [{
                 type: Output
             }], isCollapsedChange: [{

package/fesm2022/acorex-components-collapse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-collapse.mjs","sources":["../../../../libs/components/collapse/src/lib/collapse.component.ts","../../../../libs/components/collapse/src/lib/collapse.component.html","../../../../libs/components/collapse/src/lib/collapse-group.component.ts","../../../../libs/components/collapse/src/lib/collapse.module.ts","../../../../libs/components/collapse/src/acorex-components-collapse.ts"],"sourcesContent":["import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nexport class AXCollapseClickEvent extends AXClickEvent {\n  handled = false;\n}\n\n@Component({\n  selector: 'ax-collapse',\n  templateUrl: './collapse.component.html',\n  inputs: ['disabled'],\n  styleUrls: ['./collapse.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXCollapseComponent extends MXInteractiveComponent {\n  /**\n   *  Fires each time the user clicks the panel header.\n   *  @event\n   */\n  @Output()\n  onClick: EventEmitter<AXCollapseClickEvent> = new EventEmitter<AXCollapseClickEvent>();\n\n  @Output()\n  isCollapsedChange: EventEmitter<any> = new EventEmitter<any>();\n\n  private _isCollapsed = false;\n  /**\n   *  Providing a boolean value for its collapse state\n   */\n  @Input()\n  public get isCollapsed(): boolean {\n    return this._isCollapsed;\n  }\n  public set isCollapsed(v: boolean) {\n    this.setOption({\n      name: 'isCollapsed',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  @Input()\n  caption = '';\n\n  @Input()\n  icon = '';\n\n  private _isLoading = false;\n  /**\n   *  Providing a boolean value for its collapse state\n   */\n  @Input()\n  public get isLoading(): boolean {\n    return this._isLoading;\n  }\n  public set isLoading(v: boolean) {\n    this.setOption({\n      name: 'isLoading',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  @Input()\n  headerTemplate: TemplateRef<any>;\n\n  handleHeaderClick(e: MouseEvent) {\n    if (this.disabled || this.isLoading) return;\n    const event = {\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      handled: false,\n    };\n    this.onClick.emit(event);\n    if (!event.handled) {\n      this.toggle();\n    }\n  }\n\n  open() {\n    this.isCollapsed = false;\n  }\n\n  close() {\n    this.isCollapsed = true;\n  }\n\n  toggle() {\n    this.isCollapsed = !this.isCollapsed;\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [`${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n  <ng-container *ngIf=\"headerTemplate; else default\">\n    <div class=\"ax-collapse-custom-header-container\">\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #default>\n    <div class=\"ax-collapse-header-container\">\n      <div class=\"ax-collapse-header-start\">\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n        <span>\n          {{ caption }}\n        </span>\n      </div>\n      <ng-container *ngIf=\"isLoading; else elseTemplate\">\n        <ax-loading></ax-loading>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <span\n          class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n          [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n        ></span>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n  <ng-content></ng-content>\n</div>\n","import { MXBaseComponent, MXLookComponent } from '@acorex/components/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { Subscription } from 'rxjs';\nimport { AXCollapseComponent } from './collapse.component';\n\n@Component({\n  selector: 'ax-collapse-group',\n  inputs: ['look'],\n  template: `<ng-content select=\"ax-collapse\"></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXCollapseGroupComponent\n  extends classes(MXBaseComponent, MXLookComponent)\n  implements AfterViewInit, OnDestroy\n{\n  @Output()\n  accordionChange: EventEmitter<boolean> = new EventEmitter();\n  private _accordion?: boolean = false;\n\n  /**\n   *  Enables accordion behavior, allowing only one collapsible item to be expanded at a time\n   */\n  @Input()\n  get accordion(): boolean {\n    return this._accordion;\n  }\n  set accordion(value: boolean) {\n    this.setOption({\n      name: 'accordion',\n      value,\n      afterCallback: (oldValue, newValue) => {\n        if (newValue) this.applyAccordion();\n        else this.removeAccordion();\n      },\n    });\n  }\n\n  @Output()\n  activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n  private _activeIndex = 0;\n  /**\n   *  Index of the currently active item within the group\n   */\n  @Input()\n  get activeIndex(): number {\n    return this._activeIndex;\n  }\n  set activeIndex(value: number) {\n    this.setOption({\n      name: 'activeIndex',\n      value,\n      beforeCallback: (oldValue, newValue) => {\n        const len = this._items?.length || 0;\n        if (newValue < 0) newValue = 0;\n        if (len > 0 && newValue >= len) {\n          newValue = len - 1;\n        }\n        return newValue;\n      },\n      afterCallback: () => {\n        this.applyAccordion();\n      },\n    });\n  }\n\n  @ContentChildren(AXCollapseComponent)\n  private _items: QueryList<AXCollapseComponent>;\n\n  private _subs: Subscription[] = [];\n\n  ngAfterViewInit(): void {\n    this.applyAccordion();\n  }\n\n  private applyAccordion() {\n    if (!this.accordion) return;\n    if (this._items && this._items.length > 1) {\n      const activeIndex = this._items.get(this.activeIndex) || this._items[0];\n      this._items.forEach((c) => (c.isCollapsed = true));\n      if (activeIndex) activeIndex.isCollapsed = false;\n      this._items.forEach((c1: AXCollapseComponent) => {\n        const list = this._items.toArray();\n\n        this._subs.push(\n          // TODO: add and use a new event for status changes\n          c1.onClick.subscribe((e) => {\n            if (!e.handled) {\n              this._activeIndex = list.indexOf(c1);\n              list.filter((c2) => c2 != c1).forEach((c) => (c.isCollapsed = true));\n            }\n          }),\n        );\n      });\n    }\n  }\n\n  private removeAccordion() {\n    this._subs.forEach((s) => s.unsubscribe());\n    this._subs = [];\n  }\n\n  ngOnDestroy(): void {\n    this.removeAccordion();\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return ['ax-collapse-group', `ax-look-${this.look}`];\n  }\n}\n","import { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXCollapseGroupComponent } from './collapse-group.component';\nimport { AXCollapseComponent } from './collapse.component';\n\n@NgModule({\n  declarations: [AXCollapseComponent, AXCollapseGroupComponent],\n  imports: [CommonModule, AXLoadingModule],\n  exports: [AXCollapseComponent, AXCollapseGroupComponent],\n  providers: [],\n})\nexport class AXCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAYM,MAAO,oBAAqB,SAAQ,YAAY,CAAA;AAAtD,IAAA,WAAA,GAAA;;QACE,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KACjB;AAAA,CAAA;AAUK,MAAO,mBAAoB,SAAQ,sBAAsB,CAAA;AAR/D,IAAA,WAAA,GAAA;;AASE;;;AAGG;AAEH,QAAA,IAAA,CAAA,OAAO,GAAuC,IAAI,YAAY,EAAwB,CAAC;AAGvF,QAAA,IAAA,CAAA,iBAAiB,GAAsB,IAAI,YAAY,EAAO,CAAC;QAEvD,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAmB7B,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;QAGb,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAEF,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAmD5B,KAAA;AA1EC;;AAEG;AACH,IAAA,IACW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;IACD,IAAW,WAAW,CAAC,CAAU,EAAA;QAC/B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;aAC1B;AACF,SAAA,CAAC,CAAC;KACJ;AASD;;AAEG;AACH,IAAA,IACW,SAAS,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;IACD,IAAW,SAAS,CAAC,CAAU,EAAA;QAC7B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;aAC1B;AACF,SAAA,CAAC,CAAC;KACJ;AAKD,IAAA,iBAAiB,CAAC,CAAa,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;AAC5C,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,OAAO,EAAE,KAAK;SACf,CAAC;AACF,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,MAAM,EAAE,CAAC;AACf,SAAA;KACF;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC1B;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;KACtC;AAED,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,CAAC,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAA,CAAE,CAAC,CAAC;KACxD;8GArFU,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,oWCxBhC,irCAgCA,EAAA,MAAA,EAAA,CAAA,q/EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDRa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACE,aAAa,EAAA,MAAA,EAEf,CAAC,UAAU,CAAC,EAAA,eAAA,EAEH,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,irCAAA,EAAA,MAAA,EAAA,CAAA,q/EAAA,CAAA,EAAA,CAAA;8BAQrC,OAAO,EAAA,CAAA;sBADN,MAAM;gBAIP,iBAAiB,EAAA,CAAA;sBADhB,MAAM;gBAQI,WAAW,EAAA,CAAA;sBADrB,KAAK;gBAeN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQK,SAAS,EAAA,CAAA;sBADnB,KAAK;gBAeN,cAAc,EAAA,CAAA;sBADb,KAAK;gBA8BF,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO,CAAA;;;AEjFhB,MAAO,wBACX,SAAQ,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AARnD,IAAA,WAAA,GAAA;;AAYE,QAAA,IAAA,CAAA,eAAe,GAA0B,IAAI,YAAY,EAAE,CAAC;QACpD,IAAU,CAAA,UAAA,GAAa,KAAK,CAAC;AAqBrC,QAAA,IAAA,CAAA,iBAAiB,GAAyB,IAAI,YAAY,EAAU,CAAC;QAC7D,IAAY,CAAA,YAAA,GAAG,CAAC,CAAC;QA6BjB,IAAK,CAAA,KAAA,GAAmB,EAAE,CAAC;AAyCpC,KAAA;AA1FC;;AAEG;AACH,IAAA,IACI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;IACD,IAAI,SAAS,CAAC,KAAc,EAAA;QAC1B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,WAAW;YACjB,KAAK;AACL,YAAA,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAI;AACpC,gBAAA,IAAI,QAAQ;oBAAE,IAAI,CAAC,cAAc,EAAE,CAAC;;oBAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;aAC7B;AACF,SAAA,CAAC,CAAC;KACJ;AAKD;;AAEG;AACH,IAAA,IACI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;IACD,IAAI,WAAW,CAAC,KAAa,EAAA;QAC3B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,aAAa;YACnB,KAAK;AACL,YAAA,cAAc,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAI;gBACrC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;gBACrC,IAAI,QAAQ,GAAG,CAAC;oBAAE,QAAQ,GAAG,CAAC,CAAC;AAC/B,gBAAA,IAAI,GAAG,GAAG,CAAC,IAAI,QAAQ,IAAI,GAAG,EAAE;AAC9B,oBAAA,QAAQ,GAAG,GAAG,GAAG,CAAC,CAAC;AACpB,iBAAA;AACD,gBAAA,OAAO,QAAQ,CAAC;aACjB;YACD,aAAa,EAAE,MAAK;gBAClB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;AACF,SAAA,CAAC,CAAC;KACJ;IAOD,eAAe,GAAA;QACb,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAEO,cAAc,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACzC,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACxE,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;AACnD,YAAA,IAAI,WAAW;AAAE,gBAAA,WAAW,CAAC,WAAW,GAAG,KAAK,CAAC;YACjD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAuB,KAAI;gBAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAEnC,IAAI,CAAC,KAAK,CAAC,IAAI;;gBAEb,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;AACzB,oBAAA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;wBACd,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACrC,wBAAA,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;AACtE,qBAAA;iBACF,CAAC,CACH,CAAC;AACJ,aAAC,CAAC,CAAC;AACJ,SAAA;KACF;IAEO,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC3C,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACjB;IAED,WAAW,GAAA;QACT,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;AAED,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAC,mBAAmB,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC,CAAC;KACtD;8GAjGU,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EAsDlB,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1D1B,CAAgD,8CAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAI/C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,MAAM,EAAE,CAAC,MAAM,CAAC;AAChB,oBAAA,QAAQ,EAAE,CAAgD,8CAAA,CAAA;oBAC1D,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA,CAAA;8BAMC,eAAe,EAAA,CAAA;sBADd,MAAM;gBAQH,SAAS,EAAA,CAAA;sBADZ,KAAK;gBAgBN,iBAAiB,EAAA,CAAA;sBADhB,MAAM;gBAOH,WAAW,EAAA,CAAA;sBADd,KAAK;gBAuBE,MAAM,EAAA,CAAA;sBADb,eAAe;uBAAC,mBAAmB,CAAA;gBAyCxB,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MC3GT,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAhB,gBAAgB,EAAA,YAAA,EAAA,CALZ,mBAAmB,EAAE,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAClD,YAAY,EAAE,eAAe,CAAA,EAAA,OAAA,EAAA,CAC7B,mBAAmB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAG5C,gBAAgB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAI5B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC;AAC7D,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;AACxC,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC;AACxD,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-collapse.mjs","sources":["../../../../libs/components/collapse/src/lib/collapse.component.ts","../../../../libs/components/collapse/src/lib/collapse.component.html","../../../../libs/components/collapse/src/lib/collapse-group.component.ts","../../../../libs/components/collapse/src/lib/collapse.module.ts","../../../../libs/components/collapse/src/acorex-components-collapse.ts"],"sourcesContent":["import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nexport class AXCollapseClickEvent extends AXClickEvent {\n  handled = false;\n}\n\n@Component({\n  selector: 'ax-collapse',\n  templateUrl: './collapse.component.html',\n  inputs: ['disabled'],\n  styleUrls: ['./collapse.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  animations: [\n    trigger('collapse', [\n      state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),\n      state('true', style({ height: '0', visibility: 'hidden' })),\n      transition('false => true', animate(150 + 'ms ease-in')),\n      transition('true => false', animate(150 + 'ms ease-out')),\n    ]),\n  ],\n})\nexport class AXCollapseComponent extends MXInteractiveComponent {\n  /**\n   *  Fires each time the user clicks the panel header.\n   *  @event\n   */\n  @Output()\n  onClick: EventEmitter<AXCollapseClickEvent> = new EventEmitter<AXCollapseClickEvent>();\n\n  @Output()\n  isCollapsedChange: EventEmitter<any> = new EventEmitter<any>();\n\n  private _isCollapsed = false;\n  /**\n   *  Providing a boolean value for its collapse state\n   */\n  @Input()\n  public get isCollapsed(): boolean {\n    return this._isCollapsed;\n  }\n  public set isCollapsed(v: boolean) {\n    this.setOption({\n      name: 'isCollapsed',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  @Input()\n  caption = '';\n\n  @Input()\n  icon = '';\n\n  private _isLoading = false;\n  /**\n   *  Providing a boolean value for its collapse state\n   */\n  @Input()\n  public get isLoading(): boolean {\n    return this._isLoading;\n  }\n  public set isLoading(v: boolean) {\n    this.setOption({\n      name: 'isLoading',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  @Input()\n  headerTemplate: TemplateRef<any>;\n\n  handleHeaderClick(e: MouseEvent) {\n    if (this.disabled || this.isLoading) return;\n    const event = {\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      handled: false,\n    };\n    this.onClick.emit(event);\n    if (!event.handled) {\n      this.toggle();\n    }\n  }\n\n  open() {\n    this.isCollapsed = false;\n  }\n\n  close() {\n    this.isCollapsed = true;\n  }\n\n  toggle() {\n    this.isCollapsed = !this.isCollapsed;\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [`${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n  <ng-container *ngIf=\"headerTemplate; else default\">\n    <div class=\"ax-collapse-custom-header-container\">\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #default>\n    <div class=\"ax-collapse-header-container\">\n      <div class=\"ax-collapse-header-start\">\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n        <span>\n          {{ caption }}\n        </span>\n      </div>\n      <ng-container *ngIf=\"isLoading; else elseTemplate\">\n        <ax-loading></ax-loading>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <span\n          class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n          [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n        ></span>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n<div class=\"ax-collapse-body\" [@collapse]=\"isCollapsed\">\n  <div class=\"ax-collapse-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { MXBaseComponent, MXLookComponent } from '@acorex/components/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { Subscription } from 'rxjs';\nimport { AXCollapseComponent } from './collapse.component';\n\n@Component({\n  selector: 'ax-collapse-group',\n  inputs: ['look'],\n  template: `<ng-content select=\"ax-collapse\"></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXCollapseGroupComponent\n  extends classes(MXBaseComponent, MXLookComponent)\n  implements AfterViewInit, OnDestroy\n{\n  @Output()\n  accordionChange: EventEmitter<boolean> = new EventEmitter();\n  private _accordion?: boolean = false;\n\n  /**\n   *  Enables accordion behavior, allowing only one collapsible item to be expanded at a time\n   */\n  @Input()\n  get accordion(): boolean {\n    return this._accordion;\n  }\n  set accordion(value: boolean) {\n    this.setOption({\n      name: 'accordion',\n      value,\n      afterCallback: (oldValue, newValue) => {\n        if (newValue) this.applyAccordion();\n        else this.removeAccordion();\n      },\n    });\n  }\n\n  @Output()\n  activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n  private _activeIndex = 0;\n  /**\n   *  Index of the currently active item within the group\n   */\n  @Input()\n  get activeIndex(): number {\n    return this._activeIndex;\n  }\n  set activeIndex(value: number) {\n    this.setOption({\n      name: 'activeIndex',\n      value,\n      beforeCallback: (oldValue, newValue) => {\n        const len = this._items?.length || 0;\n        if (newValue < 0) newValue = 0;\n        if (len > 0 && newValue >= len) {\n          newValue = len - 1;\n        }\n        return newValue;\n      },\n      afterCallback: () => {\n        this.applyAccordion();\n      },\n    });\n  }\n\n  @ContentChildren(AXCollapseComponent)\n  private _items: QueryList<AXCollapseComponent>;\n\n  private _subs: Subscription[] = [];\n\n  ngAfterViewInit(): void {\n    this.applyAccordion();\n  }\n\n  private applyAccordion() {\n    if (!this.accordion) return;\n    if (this._items && this._items.length > 1) {\n      const activeIndex = this._items.get(this.activeIndex) || this._items[0];\n      this._items.forEach((c) => (c.isCollapsed = true));\n      if (activeIndex) activeIndex.isCollapsed = false;\n      this._items.forEach((c1: AXCollapseComponent) => {\n        const list = this._items.toArray();\n\n        this._subs.push(\n          // TODO: add and use a new event for status changes\n          c1.onClick.subscribe((e) => {\n            if (!e.handled) {\n              this._activeIndex = list.indexOf(c1);\n              list.filter((c2) => c2 != c1).forEach((c) => (c.isCollapsed = true));\n            }\n          }),\n        );\n      });\n    }\n  }\n\n  private removeAccordion() {\n    this._subs.forEach((s) => s.unsubscribe());\n    this._subs = [];\n  }\n\n  ngOnDestroy(): void {\n    this.removeAccordion();\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return ['ax-collapse-group', `ax-look-${this.look}`];\n  }\n}\n","import { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXCollapseGroupComponent } from './collapse-group.component';\nimport { AXCollapseComponent } from './collapse.component';\n\n@NgModule({\n  declarations: [AXCollapseComponent, AXCollapseGroupComponent],\n  imports: [CommonModule, AXLoadingModule],\n  exports: [AXCollapseComponent, AXCollapseGroupComponent],\n  providers: [],\n})\nexport class AXCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-form.mjs

@@ -17,11 +17,11 @@ import * as i1$1 from '@acorex/components/toast';
 
 class AXFormFieldComponent extends MXBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXFormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXFormFieldComponent, selector: "ax-form-field", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-dark ax-form form.ax-float-error .ax-error-message{background:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-950))}.ax-dark ax-form form.ax-float-error .ax-error-message:before,.ax-dark ax-form form.ax-float-error .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-800))}.ax-dark ax-form form.ax-float-error .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-800))}ax-form-field{position:relative;display:block}ax-form-field .ax-error-message{display:block;font-size:.75rem;margin:.25rem 0}form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-float-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-700));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.5rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-float-error .ax-error-message:before,form.ax-float-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-100))}form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-float-error .ax-error-message:after{border-width:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXFormFieldComponent, selector: "ax-form-field", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".ax-dark ax-form{width:100%}.ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-dark ax-form form.ax-float-error .ax-error-message{background:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-950))}.ax-dark ax-form form.ax-float-error .ax-error-message:before,.ax-dark ax-form form.ax-float-error .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-800))}.ax-dark ax-form form.ax-float-error .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-800))}ax-form-field{position:relative;display:block;width:100%}ax-form-field .ax-error-message{display:block;font-size:.75rem;margin:.25rem 0}form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-float-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-700));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.5rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-float-error .ax-error-message:before,form.ax-float-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-100))}form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-float-error .ax-error-message:after{border-width:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXFormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-form-field', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-dark ax-form form.ax-float-error .ax-error-message{background:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-950))}.ax-dark ax-form form.ax-float-error .ax-error-message:before,.ax-dark ax-form form.ax-float-error .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-800))}.ax-dark ax-form form.ax-float-error .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-800))}ax-form-field{position:relative;display:block}ax-form-field .ax-error-message{display:block;font-size:.75rem;margin:.25rem 0}form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-float-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-700));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.5rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-float-error .ax-error-message:before,form.ax-float-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-100))}form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-float-error .ax-error-message:after{border-width:5px}\n"] }]
+            args: [{ selector: 'ax-form-field', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ax-dark ax-form{width:100%}.ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-dark ax-form form.ax-float-error .ax-error-message{background:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-950))}.ax-dark ax-form form.ax-float-error .ax-error-message:before,.ax-dark ax-form form.ax-float-error .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-800))}.ax-dark ax-form form.ax-float-error .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-800))}ax-form-field{position:relative;display:block;width:100%}ax-form-field .ax-error-message{display:block;font-size:.75rem;margin:.25rem 0}form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-float-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-700));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.5rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-float-error .ax-error-message:before,form.ax-float-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-100))}form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-float-error .ax-error-message:after{border-width:5px}\n"] }]
         }] });
 
 /**