@acorex/components 7.8.2 → 7.8.4

package/fesm2022/acorex-components-range-slider.mjs

@@ -68,7 +68,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent), MXColorComponen
         });
     }
     get __hostClass() {
-        return `ax-${this.color}-default ax-${this.direction}`;
+        return `ax-${this.color}-solid ax-${this.direction}`;
     }
     get __hostClassDisabled() {
         return this.disabled;
@@ -81,7 +81,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent), MXColorComponen
                 useExisting: forwardRef(() => AXRangeSliderComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n    [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-default input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-default input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-default input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-default input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-default input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-default input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][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 }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n    [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][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.1.9", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
             type: Component,
@@ -92,7 +92,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                             useExisting: forwardRef(() => AXRangeSliderComponent),
                             multi: true,
                         },
-                    ], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n    [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-default input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-default input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-default input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-default input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-default input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-default input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
+                    ], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n    [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { minValue: [{
                 type: Input
             }], maxValue: [{

package/fesm2022/acorex-components-range-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-range-slider.mjs","sources":["../../../../libs/components/range-slider/src/lib/range-slider.component.ts","../../../../libs/components/range-slider/src/lib/range-slider.component.html","../../../../libs/components/range-slider/src/lib/range-slider.module.ts","../../../../libs/components/range-slider/src/acorex-components-range-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  NgZone,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\n\nimport {\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-range-slider',\n  templateUrl: './range-slider.component.html',\n  styleUrls: ['./range-slider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n  outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXRangeSliderComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXRangeSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  private _minValue = 0;\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  private _maxValue = 100;\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  private _step = 1;\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-default ax-${this.direction}`;\n  }\n\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n    [readonly]=\"readonly\">","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXRangeSliderComponent } from './range-slider.component';\n\nconst COMPONENT = [AXRangeSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXRangeSliderModule {}\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-range-slider.mjs","sources":["../../../../libs/components/range-slider/src/lib/range-slider.component.ts","../../../../libs/components/range-slider/src/lib/range-slider.component.html","../../../../libs/components/range-slider/src/lib/range-slider.module.ts","../../../../libs/components/range-slider/src/acorex-components-range-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  NgZone,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\n\nimport {\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-range-slider',\n  templateUrl: './range-slider.component.html',\n  styleUrls: ['./range-slider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n  outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXRangeSliderComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXRangeSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  private _minValue = 0;\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  private _maxValue = 100;\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  private _step = 1;\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-${this.direction}`;\n  }\n\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n    [readonly]=\"readonly\">","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXRangeSliderComponent } from './range-slider.component';\n\nconst COMPONENT = [AXRangeSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXRangeSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent, AXDropdownModule }
 import * as i6 from '@acorex/components/list';
 import { AXListComponent, AXListModule } from '@acorex/components/list';
 import { AXSearchBoxComponent } from '@acorex/components/search-box';
+import { AXTranslator, AXTranslationModule } from '@acorex/core/translation';
 import * as i0 from '@angular/core';
 import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, ContentChild, HostListener, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
@@ -19,7 +20,6 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import { AXPopoverModule } from '@acorex/components/popover';
-import { AXTranslationModule } from '@acorex/core/translation';
 import { A11yModule } from '@angular/cdk/a11y';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 
@@ -39,6 +39,7 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
             pageSize: 10,
         });
         this.autoHeight = false;
+        this.defaultActionSheetTitle = AXTranslator.get('selectbox.popover.title');
     }
     get dataSource() {
         return this._dataSource;
@@ -80,7 +81,6 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
         if (e.isUserInteraction) {
             this.commitValue(e.component.selectedItems, true);
         }
-        ;
     }
     internalValueChanged() {
         if (!this.multiple)
@@ -97,11 +97,12 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
         this.cdr.markForCheck();
     }
     setDropdownSize(count = 0) {
-        debugger;
         if (this.dropdown.isActionsheetStyle) {
             this.dropdownSizes = {
                 width: '100%',
-                height: ['auto', '0px'].includes(this.dropdownSizes.height) ? `${Math.min(15, count) * 40}px` : this.dropdownSizes.height,
+                height: ['auto', '0px'].includes(this.dropdownSizes.height)
+                    ? `${Math.min(15, count) * 40}px`
+                    : this.dropdownSizes.height,
             };
         }
         else {
@@ -175,7 +176,7 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
                 useExisting: forwardRef(() => AXSelectBoxComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "list", first: true, predicate: AXListComponent, descendants: true }, { propertyName: "dropdown", first: true, predicate: AXDropdownBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n  [look]=\"look\" [class.ax-auto-height]=\"autoHeight\">\n  <ng-container input>\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <div class=\"ax-select-box-selection\" [class.ax-multiple]=\"multiple\" [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" (click)=\"toggle()\">\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length === 0\">\n        {{ placeholder }}\n      </div>\n      <ng-container *ngFor=\"let item of selectedItems\">\n        <div class=\"ax-selected-token\">\n          {{ getDisplayText(item) }}\n          <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\" *ngIf=\"multiple\">\n          </span>\n        </div>\n      </ng-container>\n    </div>\n    <ng-content select=\" ax-clear-button\"></ng-content>\n    <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n      (click)=\"toggle()\">\n      <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n        <ax-loading type=\"spinner\"></ax-loading>\n      </ng-container>\n      <ng-template #iconTemplate>\n        <span class=\"ax-icon ax-icon-chevron-left ax-arrow-button\" [ngClass]=\"{\n            '-rotation-90': !isOpen,\n            'rotation-90': isOpen\n          }\"></span>\n      </ng-template>\n    </button>\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-template #search>\n      <ng-content select=\"ax-search-box\"> </ng-content>\n    </ng-template>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax-select-box-panel\">\n      <ax-header class=\"ax-solid\" *ngIf=\"dropdown.isActionsheetStyle\">\n        <ax-title>{{ placeholder }}</ax-title>\n        <ax-close-button\n          [icon]=\"multiple ? 'ax-icon ax-icon-done !ax-text-primary-500' : 'ax-icon ax-icon-close'\"></ax-close-button>\n      </ax-header>\n      <div class=\"ax-search-container\" *ngIf=\"searchBox\">\n        <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\n      </div>\n      <ax-list *ngIf=\"renderList\" [dataSource]=\"_listDataSource\" [multiple]=\"multiple\"\n        [style.width]=\"dropdownSizes.width\" [style.height]=\"dropdownSizes.height\" [valueField]=\"valueField\"\n        [textField]=\"textField\" [emptyTemplate]=\"emptyTemplate ?? empty\" [itemTemplate]=\"itemTemplate\"\n        [loadingTemplate]=\"loadingTemplate\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\"\n        [selectionMode]=\"'item'\">\n        <ng-template #empty> No Items! </ng-template>\n      </ax-list>\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: ["ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-selected-token{background-color:rgba(var(--ax-color-surface))!important}ax-select-box .ax-selected-token{display:flex;align-items:center;padding:.25rem .5rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default)}ax-select-box .ax-selected-token .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;outline:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:flex-start;flex:1;flex-wrap:wrap;gap:.25rem;padding:.25rem}ax-select-box .ax-select-box-selection>span{padding-inline-start:1rem;padding-inline-end:.75rem;white-space:nowrap}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}ax-select-box .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-on-surface))}ax-select-box .ax-placeholder{padding-inline-start:1rem;padding-inline-end:.75rem}ax-select-box .ax-general-button .ax-arrow-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-select-box .ax-general-button .ax-arrow-button.-rotation-90{transform:rotate(-90deg)}ax-select-box .ax-general-button .ax-arrow-button.rotation-90{transform:rotate(90deg)}.ax-select-box-panel>ax-header.ax-solid{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel .ax-search-container{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i5.AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: ["disabled", "look"], outputs: ["disabledChange", "onBlur", "onFocus", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: i6.AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "disabledField", "multiple", "selectionMode", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readOnlyChange", "onBlur", "onFocus", "onScrolledIndexChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "list", first: true, predicate: AXListComponent, descendants: true }, { propertyName: "dropdown", first: true, predicate: AXDropdownBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n  [look]=\"look\" [class.ax-auto-height]=\"autoHeight\">\n  <ng-container input>\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <div class=\"ax-select-box-selection\" [class.ax-multiple]=\"multiple\" [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" (click)=\"toggle()\">\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length === 0\">\n        {{ placeholder }}\n      </div>\n      <ng-container *ngFor=\"let item of selectedItems\">\n        <div class=\"ax-selected-token\">\n          {{ getDisplayText(item) }}\n          <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\" *ngIf=\"multiple\">\n          </span>\n        </div>\n      </ng-container>\n    </div>\n    <ng-content select=\" ax-clear-button\"></ng-content>\n    <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n      (click)=\"toggle()\">\n      <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n        <ax-loading type=\"spinner\"></ax-loading>\n      </ng-container>\n      <ng-template #iconTemplate>\n        <span class=\"ax-icon ax-icon-chevron-left ax-arrow-button\" [ngClass]=\"{\n            '-rotation-90': !isOpen,\n            'rotation-90': isOpen\n          }\"></span>\n      </ng-template>\n    </button>\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-template #search>\n      <ng-content select=\"ax-search-box\"> </ng-content>\n    </ng-template>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax-select-box-panel\">\n      <ax-header class=\"ax-solid\" *ngIf=\"dropdown.isActionsheetStyle\">\n        <ax-title>{{ placeholder || defaultActionSheetTitle }}</ax-title>\n        <ax-close-button\n          [icon]=\"multiple ? 'ax-icon ax-icon-done !ax-text-primary-500' : 'ax-icon ax-icon-close'\"></ax-close-button>\n      </ax-header>\n      <div class=\"ax-search-container\" *ngIf=\"searchBox\">\n        <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\n      </div>\n      <ax-list *ngIf=\"renderList\" [dataSource]=\"_listDataSource\" [multiple]=\"multiple\"\n        [style.width]=\"dropdownSizes.width\" [style.height]=\"dropdownSizes.height\" [valueField]=\"valueField\"\n        [textField]=\"textField\" [emptyTemplate]=\"emptyTemplate ?? empty\" [itemTemplate]=\"itemTemplate\"\n        [loadingTemplate]=\"loadingTemplate\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\"\n        [selectionMode]=\"'item'\">\n        <ng-template #empty> No Items! </ng-template>\n      </ax-list>\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: ["ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-selected-token{background-color:rgba(var(--ax-color-surface))!important}ax-select-box .ax-selected-token{display:flex;align-items:center;padding:.25rem .5rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default)}ax-select-box .ax-selected-token .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;outline:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:flex-start;flex:1;flex-wrap:wrap;gap:.25rem;padding:.25rem}ax-select-box .ax-select-box-selection>span{padding-inline-start:1rem;padding-inline-end:.75rem;white-space:nowrap}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}ax-select-box .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-on-surface))}ax-select-box .ax-placeholder{padding-inline-start:1rem;padding-inline-end:.75rem}ax-select-box .ax-general-button .ax-arrow-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-select-box .ax-general-button .ax-arrow-button.-rotation-90{transform:rotate(-90deg)}ax-select-box .ax-general-button .ax-arrow-button.rotation-90{transform:rotate(90deg)}.ax-select-box-panel>ax-header.ax-solid{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel .ax-search-container{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i5.AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: ["disabled", "look"], outputs: ["disabledChange", "onBlur", "onFocus", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: i6.AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "disabledField", "multiple", "selectionMode", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readOnlyChange", "onBlur", "onFocus", "onScrolledIndexChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXSelectBoxComponent, decorators: [{
             type: Component,
@@ -215,7 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                             useExisting: forwardRef(() => AXSelectBoxComponent),
                             multi: true,
                         },
-                    ], template: "<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n  [look]=\"look\" [class.ax-auto-height]=\"autoHeight\">\n  <ng-container input>\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <div class=\"ax-select-box-selection\" [class.ax-multiple]=\"multiple\" [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" (click)=\"toggle()\">\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length === 0\">\n        {{ placeholder }}\n      </div>\n      <ng-container *ngFor=\"let item of selectedItems\">\n        <div class=\"ax-selected-token\">\n          {{ getDisplayText(item) }}\n          <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\" *ngIf=\"multiple\">\n          </span>\n        </div>\n      </ng-container>\n    </div>\n    <ng-content select=\" ax-clear-button\"></ng-content>\n    <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n      (click)=\"toggle()\">\n      <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n        <ax-loading type=\"spinner\"></ax-loading>\n      </ng-container>\n      <ng-template #iconTemplate>\n        <span class=\"ax-icon ax-icon-chevron-left ax-arrow-button\" [ngClass]=\"{\n            '-rotation-90': !isOpen,\n            'rotation-90': isOpen\n          }\"></span>\n      </ng-template>\n    </button>\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-template #search>\n      <ng-content select=\"ax-search-box\"> </ng-content>\n    </ng-template>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax-select-box-panel\">\n      <ax-header class=\"ax-solid\" *ngIf=\"dropdown.isActionsheetStyle\">\n        <ax-title>{{ placeholder }}</ax-title>\n        <ax-close-button\n          [icon]=\"multiple ? 'ax-icon ax-icon-done !ax-text-primary-500' : 'ax-icon ax-icon-close'\"></ax-close-button>\n      </ax-header>\n      <div class=\"ax-search-container\" *ngIf=\"searchBox\">\n        <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\n      </div>\n      <ax-list *ngIf=\"renderList\" [dataSource]=\"_listDataSource\" [multiple]=\"multiple\"\n        [style.width]=\"dropdownSizes.width\" [style.height]=\"dropdownSizes.height\" [valueField]=\"valueField\"\n        [textField]=\"textField\" [emptyTemplate]=\"emptyTemplate ?? empty\" [itemTemplate]=\"itemTemplate\"\n        [loadingTemplate]=\"loadingTemplate\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\"\n        [selectionMode]=\"'item'\">\n        <ng-template #empty> No Items! </ng-template>\n      </ax-list>\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: ["ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-selected-token{background-color:rgba(var(--ax-color-surface))!important}ax-select-box .ax-selected-token{display:flex;align-items:center;padding:.25rem .5rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default)}ax-select-box .ax-selected-token .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;outline:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:flex-start;flex:1;flex-wrap:wrap;gap:.25rem;padding:.25rem}ax-select-box .ax-select-box-selection>span{padding-inline-start:1rem;padding-inline-end:.75rem;white-space:nowrap}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}ax-select-box .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-on-surface))}ax-select-box .ax-placeholder{padding-inline-start:1rem;padding-inline-end:.75rem}ax-select-box .ax-general-button .ax-arrow-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-select-box .ax-general-button .ax-arrow-button.-rotation-90{transform:rotate(-90deg)}ax-select-box .ax-general-button .ax-arrow-button.rotation-90{transform:rotate(90deg)}.ax-select-box-panel>ax-header.ax-solid{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel .ax-search-container{padding:.5rem}\n"] }]
+                    ], template: "<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n  [look]=\"look\" [class.ax-auto-height]=\"autoHeight\">\n  <ng-container input>\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <div class=\"ax-select-box-selection\" [class.ax-multiple]=\"multiple\" [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" (click)=\"toggle()\">\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length === 0\">\n        {{ placeholder }}\n      </div>\n      <ng-container *ngFor=\"let item of selectedItems\">\n        <div class=\"ax-selected-token\">\n          {{ getDisplayText(item) }}\n          <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\" *ngIf=\"multiple\">\n          </span>\n        </div>\n      </ng-container>\n    </div>\n    <ng-content select=\" ax-clear-button\"></ng-content>\n    <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n      (click)=\"toggle()\">\n      <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n        <ax-loading type=\"spinner\"></ax-loading>\n      </ng-container>\n      <ng-template #iconTemplate>\n        <span class=\"ax-icon ax-icon-chevron-left ax-arrow-button\" [ngClass]=\"{\n            '-rotation-90': !isOpen,\n            'rotation-90': isOpen\n          }\"></span>\n      </ng-template>\n    </button>\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-template #search>\n      <ng-content select=\"ax-search-box\"> </ng-content>\n    </ng-template>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax-select-box-panel\">\n      <ax-header class=\"ax-solid\" *ngIf=\"dropdown.isActionsheetStyle\">\n        <ax-title>{{ placeholder || defaultActionSheetTitle }}</ax-title>\n        <ax-close-button\n          [icon]=\"multiple ? 'ax-icon ax-icon-done !ax-text-primary-500' : 'ax-icon ax-icon-close'\"></ax-close-button>\n      </ax-header>\n      <div class=\"ax-search-container\" *ngIf=\"searchBox\">\n        <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\n      </div>\n      <ax-list *ngIf=\"renderList\" [dataSource]=\"_listDataSource\" [multiple]=\"multiple\"\n        [style.width]=\"dropdownSizes.width\" [style.height]=\"dropdownSizes.height\" [valueField]=\"valueField\"\n        [textField]=\"textField\" [emptyTemplate]=\"emptyTemplate ?? empty\" [itemTemplate]=\"itemTemplate\"\n        [loadingTemplate]=\"loadingTemplate\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\"\n        [selectionMode]=\"'item'\">\n        <ng-template #empty> No Items! </ng-template>\n      </ax-list>\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: ["ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-selected-token{background-color:rgba(var(--ax-color-surface))!important}ax-select-box .ax-selected-token{display:flex;align-items:center;padding:.25rem .5rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default)}ax-select-box .ax-selected-token .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;outline:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:flex-start;flex:1;flex-wrap:wrap;gap:.25rem;padding:.25rem}ax-select-box .ax-select-box-selection>span{padding-inline-start:1rem;padding-inline-end:.75rem;white-space:nowrap}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}ax-select-box .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-on-surface))}ax-select-box .ax-placeholder{padding-inline-start:1rem;padding-inline-end:.75rem}ax-select-box .ax-general-button .ax-arrow-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-select-box .ax-general-button .ax-arrow-button.-rotation-90{transform:rotate(-90deg)}ax-select-box .ax-general-button .ax-arrow-button.rotation-90{transform:rotate(90deg)}.ax-select-box-panel>ax-header.ax-solid{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel .ax-search-container{padding:.5rem}\n"] }]
         }], propDecorators: { dataSource: [{
                 type: Input
             }], placeholder: [{

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-select-box.mjs","sources":["../../../../libs/components/select-box/src/lib/select-box.component.ts","../../../../libs/components/select-box/src/lib/select-box.component.html","../../../../libs/components/select-box/src/lib/select-box.module.ts","../../../../libs/components/select-box/src/acorex-components-select-box.ts"],"sourcesContent":["import {\n  AXClearableComponent,\n  AXClosbaleComponent,\n  AXComponent,\n  AXDateSource,\n  AXFocusableComponent,\n  AXSearchableComponent,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXLookComponent,\n  MXSelectionValueComponent,\n  convertArrayToDataSource,\n} from '@acorex/components/common';\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\nimport { AXListComponent } from '@acorex/components/list';\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  HostListener,\n  Input,\n  OnInit,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { findLastIndex, last, nth } from 'lodash-es';\nimport { classes } from 'polytype';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-select-box',\n  templateUrl: './select-box.component.html',\n  styleUrls: ['./select-box.component.scss'],\n  inputs: [\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'placeholder',\n    'minValue',\n    'maxValue',\n    'value',\n    'state',\n    'name',\n    'id',\n    'type',\n    'look',\n    'multiple',\n    'valueField',\n    'textField',\n  ],\n  outputs: [\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'onBlur',\n    'onFocus',\n    'readonlyChange',\n    'disabledChange',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXValuableComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXClearableComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXClosbaleComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXSearchableComponent, useExisting: AXSelectBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSelectBoxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSelectBoxComponent\n  extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXLookComponent)\n  implements AfterViewInit {\n  isLoading = false;\n  protected renderList = false;\n\n  protected dropdownSizes: { width: string; height: string } = { width: 'auto', height: 'auto' };\n\n  protected _listDataSource: AXDateSource<unknown> = convertArrayToDataSource([], {\n    key: this.valueField,\n    pageSize: 10,\n  });\n\n  private _dataSource: AXDateSource<unknown> | unknown[];\n  public get dataSource(): AXDateSource<unknown> | unknown[] {\n    return this._dataSource;\n  }\n  @Input()\n  public set dataSource(v: AXDateSource<unknown> | unknown[]) {\n    this._dataSource = v;\n    if (Array.isArray(v)) {\n      this._listDataSource = convertArrayToDataSource(v, { key: this.valueField, pageSize: 10 });\n    } else {\n      this._listDataSource = this.dataSource as AXDateSource<unknown>;\n    }\n    this._listDataSource.onChanged.subscribe((data) => {\n      this.setDropdownSize(data.totalCount)\n    });\n  }\n\n  @Input()\n  placeholder: string;\n\n  @Input()\n  itemTemplate: TemplateRef<unknown>;\n\n  @Input()\n  emptyTemplate: TemplateRef<unknown>;\n\n  @Input()\n  loadingTemplate: TemplateRef<unknown>;\n\n  @ViewChild(AXListComponent)\n  list: AXListComponent;\n\n  @ContentChild(AXSearchBoxComponent, { static: true })\n  searchBox: AXSearchBoxComponent;\n\n  @ViewChild(AXDropdownBoxComponent, { static: true })\n  protected dropdown: AXDropdownBoxComponent;\n\n  protected autoHeight = false;\n\n  ngAfterViewInit() {\n    super.ngAfterViewInit();\n    this.setDropdownSize();\n  }\n\n  getItemByKey(key: unknown): Promise<unknown> | unknown {\n    return this._listDataSource.find(key);\n  }\n\n  protected _handleOnOpenedEvent() {\n    this.renderList = true;\n    this.list?.render();\n    setTimeout(() => {\n      this.list?.focus();\n    });\n  }\n\n  protected _handleOnClosedEvent() {\n    //this.input.focus();\n  }\n\n  protected _handleBadgeRemove(e: MouseEvent, item) {\n    this.unselectItems(item);\n    e.stopPropagation();\n  }\n\n\n\n  protected _handleValueChanged(e: AXValueChangedEvent) {\n    if (e.isUserInteraction) {\n      this.commitValue(e.component.selectedItems, true)\n    };\n  }\n\n  override internalValueChanged(): void {\n    if (!this.multiple) this.close();\n    setTimeout(() => {\n      this.detectAutoHeight();\n    }, 100);\n  }\n\n  private detectAutoHeight() {\n    const containerWidth: number =\n      this.getHostElement().querySelector<HTMLDivElement>('.ax-select-box-selection').clientWidth;\n    const itemsWidth: number = Array.from(\n      this.getHostElement().querySelectorAll<HTMLDivElement>('.ax-selected-token'),\n    ).reduce((a, i) => a + i.clientWidth, 0);\n    this.autoHeight = containerWidth - itemsWidth <= 8;\n    this.dropdown.updatePosition();\n    this.cdr.markForCheck();\n  }\n\n  private setDropdownSize(count = 0) {\n    debugger\n    if (this.dropdown.isActionsheetStyle) {\n      this.dropdownSizes = {\n        width: '100%',\n        height:\n          ['auto', '0px'].includes(this.dropdownSizes.height) ? `${Math.min(15, count) * 40}px` : this.dropdownSizes.height,\n      };\n    } else {\n      this.dropdownSizes = {\n        width: `${this.getHostElement().offsetWidth}px`,\n        height: count == 0 ? 'auto' : `${Math.min(5, count) * 40}px`,\n      };\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  _handleKeydown(e: KeyboardEvent) {\n    if (e.code === 'ArrowDown' || e.code === 'ArrowUp') {\n      this.selectItemByNav(e.code === 'ArrowDown' ? 1 : -1);\n      e.preventDefault();\n    } else if (e.code === 'Backspace') {\n      this.unselectItems(this.selectedItems.pop());\n      e.preventDefault();\n    }\n    // if ((e.code === 'Space' || e.code === 'Enter') && this.hasItems) {\n    //     if (this.readonly || this.disabled) {\n    //         e.preventDefault();\n    //         e.stopPropagation();\n    //         return;\n    //     }\n    //     const id = document.activeElement?.closest('li')?.dataset?.id;\n    //     this.toggleSelect(id);\n    //     e.preventDefault();\n    //     e.stopPropagation()\n    // }\n  }\n\n  private selectItemByNav(sign: 1 | -1) {\n    if (Array.isArray(this.dataSource) && !this.multiple) {\n      const items = this.normalizeItemsList(this.dataSource);\n      const _last: any = last(this.selectedItems);\n      let i = -1;\n      if (_last) {\n        i = findLastIndex(items, [this.valueField, _last[this.valueField]]);\n      }\n      i += sign;\n      if (i < 0 || i >= items.length) return;\n      const next = nth<unknown>(items, i);\n      if (next) {\n        this.selectItems(next);\n      }\n    } else {\n      this.open();\n    }\n  }\n\n  search(term: string) {\n    if (term) {\n      const q = {};\n      q[this.textField] = term;\n      this._listDataSource.filter(q);\n    } else {\n      this._listDataSource.filter();\n    }\n  }\n}\n","<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n  [look]=\"look\" [class.ax-auto-height]=\"autoHeight\">\n  <ng-container input>\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <div class=\"ax-select-box-selection\" [class.ax-multiple]=\"multiple\" [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" (click)=\"toggle()\">\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length === 0\">\n        {{ placeholder }}\n      </div>\n      <ng-container *ngFor=\"let item of selectedItems\">\n        <div class=\"ax-selected-token\">\n          {{ getDisplayText(item) }}\n          <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\" *ngIf=\"multiple\">\n          </span>\n        </div>\n      </ng-container>\n    </div>\n    <ng-content select=\" ax-clear-button\"></ng-content>\n    <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n      (click)=\"toggle()\">\n      <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n        <ax-loading type=\"spinner\"></ax-loading>\n      </ng-container>\n      <ng-template #iconTemplate>\n        <span class=\"ax-icon ax-icon-chevron-left ax-arrow-button\" [ngClass]=\"{\n            '-rotation-90': !isOpen,\n            'rotation-90': isOpen\n          }\"></span>\n      </ng-template>\n    </button>\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-template #search>\n      <ng-content select=\"ax-search-box\"> </ng-content>\n    </ng-template>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax-select-box-panel\">\n      <ax-header class=\"ax-solid\" *ngIf=\"dropdown.isActionsheetStyle\">\n        <ax-title>{{ placeholder }}</ax-title>\n        <ax-close-button\n          [icon]=\"multiple ? 'ax-icon ax-icon-done !ax-text-primary-500' : 'ax-icon ax-icon-close'\"></ax-close-button>\n      </ax-header>\n      <div class=\"ax-search-container\" *ngIf=\"searchBox\">\n        <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\n      </div>\n      <ax-list *ngIf=\"renderList\" [dataSource]=\"_listDataSource\" [multiple]=\"multiple\"\n        [style.width]=\"dropdownSizes.width\" [style.height]=\"dropdownSizes.height\" [valueField]=\"valueField\"\n        [textField]=\"textField\" [emptyTemplate]=\"emptyTemplate ?? empty\" [itemTemplate]=\"itemTemplate\"\n        [loadingTemplate]=\"loadingTemplate\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\"\n        [selectionMode]=\"'item'\">\n        <ng-template #empty> No Items! </ng-template>\n      </ax-list>\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>","import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXListModule } from '@acorex/components/list';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXSelectBoxComponent } from './select-box.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    FormsModule,\n    AXCheckBoxModule,\n    AXBadgeModule,\n    AXDecoratorModule,\n    AXTranslationModule,\n    AXPopoverModule,\n    AXLoadingModule,\n    A11yModule,\n    AXTextBoxModule,\n    AXDropdownModule,\n    AXListModule,\n  ],\n  exports: [AXSelectBoxComponent],\n  declarations: [AXSelectBoxComponent],\n  providers: [],\n})\nexport class AXSelectBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;;;;AAIG;AA+CG,MAAO,oBACX,SAAQ,OAAO,CAAC,0BAA0B,EAAE,yBAAyB,EAAE,eAAe,CAAC,CAAA;AA/CzF,IAAA,WAAA,GAAA;;QAiDE,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QACR,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAEnB,IAAa,CAAA,aAAA,GAAsC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAErF,QAAA,IAAA,CAAA,eAAe,GAA0B,wBAAwB,CAAC,EAAE,EAAE;YAC9E,GAAG,EAAE,IAAI,CAAC,UAAU;AACpB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA,CAAC,CAAC;QAwCO,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAwH9B,KAAA;AA7JC,IAAA,IAAW,UAAU,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;KACzB;IACD,IACW,UAAU,CAAC,CAAoC,EAAA;AACxD,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACrB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACpB,YAAA,IAAI,CAAC,eAAe,GAAG,wBAAwB,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;AAC5F,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAmC,CAAC;AACjE,SAAA;QACD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;AAChD,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;AACvC,SAAC,CAAC,CAAC;KACJ;IAyBD,eAAe,GAAA;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;AAED,IAAA,YAAY,CAAC,GAAY,EAAA;QACvB,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACvC;IAES,oBAAoB,GAAA;AAC5B,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AACvB,QAAA,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AACrB,SAAC,CAAC,CAAC;KACJ;IAES,oBAAoB,GAAA;;KAE7B;IAES,kBAAkB,CAAC,CAAa,EAAE,IAAI,EAAA;AAC9C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC,eAAe,EAAE,CAAC;KACrB;AAIS,IAAA,mBAAmB,CAAC,CAAsB,EAAA;QAClD,IAAI,CAAC,CAAC,iBAAiB,EAAE;YACvB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;AAClD,SAAA;QAAA,CAAC;KACH;IAEQ,oBAAoB,GAAA;QAC3B,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB,EAAE,GAAG,CAAC,CAAC;KACT;IAEO,gBAAgB,GAAA;AACtB,QAAA,MAAM,cAAc,GAClB,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa,CAAiB,0BAA0B,CAAC,CAAC,WAAW,CAAC;AAC9F,QAAA,MAAM,UAAU,GAAW,KAAK,CAAC,IAAI,CACnC,IAAI,CAAC,cAAc,EAAE,CAAC,gBAAgB,CAAiB,oBAAoB,CAAC,CAC7E,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,cAAc,GAAG,UAAU,IAAI,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAEO,eAAe,CAAC,KAAK,GAAG,CAAC,EAAA;AAC/B,QAAA,SAAQ;AACR,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE;YACpC,IAAI,CAAC,aAAa,GAAG;AACnB,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EACJ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAG,EAAA,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM;aACpH,CAAC;AACH,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,aAAa,GAAG;gBACnB,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,WAAW,CAAI,EAAA,CAAA;gBAC/C,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA;aAC7D,CAAC;AACH,SAAA;KACF;AAGD,IAAA,cAAc,CAAC,CAAgB,EAAA;QAC7B,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE;AAClD,YAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;AACpB,SAAA;AAAM,aAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC;YAC7C,CAAC,CAAC,cAAc,EAAE,CAAC;AACpB,SAAA;;;;;;;;;;;;KAYF;AAEO,IAAA,eAAe,CAAC,IAAY,EAAA;AAClC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACpD,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACvD,MAAM,KAAK,GAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACX,YAAA,IAAI,KAAK,EAAE;AACT,gBAAA,CAAC,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACrE,aAAA;YACD,CAAC,IAAI,IAAI,CAAC;YACV,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM;gBAAE,OAAO;YACvC,MAAM,IAAI,GAAG,GAAG,CAAU,KAAK,EAAE,CAAC,CAAC,CAAC;AACpC,YAAA,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACxB,aAAA;AACF,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;AACb,SAAA;KACF;AAED,IAAA,MAAM,CAAC,IAAY,EAAA;AACjB,QAAA,IAAI,IAAI,EAAE;YACR,MAAM,CAAC,GAAG,EAAE,CAAC;AACb,YAAA,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;AAC/B,SAAA;KACF;8GA1KU,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAdpB,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,aAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE;AAC3D,YAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,oBAAoB,EAAE;AACpE,YAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,oBAAoB,EAAE;AACnE,YAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,oBAAoB,EAAE;AACpE,YAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,oBAAoB,EAAE;AACnE,YAAA,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,oBAAoB,EAAE;AACrE,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA+Ca,oBAAoB,EAHvB,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAe,EAMf,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,sBAAsB,qFCpInC,42FAwDsD,EAAA,MAAA,EAAA,CAAA,klDAAA,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,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,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,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,oHAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,wBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FD4BzC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBA9ChC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGjB,MAAA,EAAA;wBACN,UAAU;wBACV,UAAU;wBACV,UAAU;wBACV,aAAa;wBACb,UAAU;wBACV,UAAU;wBACV,OAAO;wBACP,OAAO;wBACP,MAAM;wBACN,IAAI;wBACJ,MAAM;wBACN,MAAM;wBACN,UAAU;wBACV,YAAY;wBACZ,WAAW;qBACZ,EACQ,OAAA,EAAA;wBACP,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,QAAQ;wBACR,SAAS;wBACT,gBAAgB;wBAChB,gBAAgB;AACjB,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA;AACT,wBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,sBAAsB,EAAE;AAC3D,wBAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,sBAAsB,EAAE;AACpE,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,sBAAsB,EAAE;AACnE,wBAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,sBAAsB,EAAE;AACpE,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,sBAAsB,EAAE;AACnE,wBAAA,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,sBAAsB,EAAE;AACrE,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,42FAAA,EAAA,MAAA,EAAA,CAAA,klDAAA,CAAA,EAAA,CAAA;8BAoBU,UAAU,EAAA,CAAA;sBADpB,KAAK;gBAcN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;uBAAC,eAAe,CAAA;gBAI1B,SAAS,EAAA,CAAA;sBADR,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,oBAAoB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAI1C,QAAQ,EAAA,CAAA;sBADjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,sBAAsB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBA0EnD,cAAc,EAAA,CAAA;sBADb,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAA;;;MExKxB,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAjB,iBAAiB,EAAA,YAAA,EAAA,CAHb,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAfjC,YAAY;YACZ,cAAc;YACd,WAAW;YACX,gBAAgB;YAChB,aAAa;YACb,iBAAiB;YACjB,mBAAmB;YACnB,eAAe;YACf,eAAe;YACf,UAAU;YACV,eAAe;YACf,gBAAgB;AAChB,YAAA,YAAY,aAEJ,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAInB,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,iBAAiB,YAlB1B,YAAY;YACZ,cAAc;YACd,WAAW;YACX,gBAAgB;YAChB,aAAa;YACb,iBAAiB;YACjB,mBAAmB;YACnB,eAAe;YACf,eAAe;YACf,UAAU;YACV,eAAe;YACf,gBAAgB;YAChB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAMH,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApB7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;wBACd,WAAW;wBACX,gBAAgB;wBAChB,aAAa;wBACb,iBAAiB;wBACjB,mBAAmB;wBACnB,eAAe;wBACf,eAAe;wBACf,UAAU;wBACV,eAAe;wBACf,gBAAgB;wBAChB,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACpC,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACpCD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-select-box.mjs","sources":["../../../../libs/components/select-box/src/lib/select-box.component.ts","../../../../libs/components/select-box/src/lib/select-box.component.html","../../../../libs/components/select-box/src/lib/select-box.module.ts","../../../../libs/components/select-box/src/acorex-components-select-box.ts"],"sourcesContent":["import {\n  AXClearableComponent,\n  AXClosbaleComponent,\n  AXComponent,\n  AXDateSource,\n  AXFocusableComponent,\n  AXSearchableComponent,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXLookComponent,\n  MXSelectionValueComponent,\n  convertArrayToDataSource,\n} from '@acorex/components/common';\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\nimport { AXListComponent } from '@acorex/components/list';\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\nimport { AXTranslator } from '@acorex/core/translation';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  HostListener,\n  Input,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { findLastIndex, last, nth } from 'lodash-es';\nimport { classes } from 'polytype';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-select-box',\n  templateUrl: './select-box.component.html',\n  styleUrls: ['./select-box.component.scss'],\n  inputs: [\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'placeholder',\n    'minValue',\n    'maxValue',\n    'value',\n    'state',\n    'name',\n    'id',\n    'type',\n    'look',\n    'multiple',\n    'valueField',\n    'textField',\n  ],\n  outputs: [\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'onBlur',\n    'onFocus',\n    'readonlyChange',\n    'disabledChange',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXValuableComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXClearableComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXClosbaleComponent, useExisting: AXSelectBoxComponent },\n    { provide: AXSearchableComponent, useExisting: AXSelectBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSelectBoxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSelectBoxComponent\n  extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXLookComponent)\n  implements AfterViewInit {\n  isLoading = false;\n  protected renderList = false;\n\n  protected dropdownSizes: { width: string; height: string } = { width: 'auto', height: 'auto' };\n\n  protected _listDataSource: AXDateSource<unknown> = convertArrayToDataSource([], {\n    key: this.valueField,\n    pageSize: 10,\n  });\n\n  private _dataSource: AXDateSource<unknown> | unknown[];\n  public get dataSource(): AXDateSource<unknown> | unknown[] {\n    return this._dataSource;\n  }\n  @Input()\n  public set dataSource(v: AXDateSource<unknown> | unknown[]) {\n    this._dataSource = v;\n    if (Array.isArray(v)) {\n      this._listDataSource = convertArrayToDataSource(v, { key: this.valueField, pageSize: 10 });\n    } else {\n      this._listDataSource = this.dataSource as AXDateSource<unknown>;\n    }\n    this._listDataSource.onChanged.subscribe((data) => {\n      this.setDropdownSize(data.totalCount);\n    });\n  }\n\n  @Input()\n  placeholder: string;\n\n  @Input()\n  itemTemplate: TemplateRef<unknown>;\n\n  @Input()\n  emptyTemplate: TemplateRef<unknown>;\n\n  @Input()\n  loadingTemplate: TemplateRef<unknown>;\n\n  @ViewChild(AXListComponent)\n  list: AXListComponent;\n\n  @ContentChild(AXSearchBoxComponent, { static: true })\n  searchBox: AXSearchBoxComponent;\n\n  @ViewChild(AXDropdownBoxComponent, { static: true })\n  protected dropdown: AXDropdownBoxComponent;\n\n  protected autoHeight = false;\n\n  protected defaultActionSheetTitle = AXTranslator.get('selectbox.popover.title');\n\n  ngAfterViewInit() {\n    super.ngAfterViewInit();\n    this.setDropdownSize();\n  }\n\n  getItemByKey(key: unknown): Promise<unknown> | unknown {\n    return this._listDataSource.find(key);\n  }\n\n  protected _handleOnOpenedEvent() {\n    this.renderList = true;\n    this.list?.render();\n    setTimeout(() => {\n      this.list?.focus();\n    });\n  }\n\n  protected _handleOnClosedEvent() {\n    //this.input.focus();\n  }\n\n  protected _handleBadgeRemove(e: MouseEvent, item) {\n    this.unselectItems(item);\n    e.stopPropagation();\n  }\n\n  protected _handleValueChanged(e: AXValueChangedEvent) {\n    if (e.isUserInteraction) {\n      this.commitValue(e.component.selectedItems, true);\n    }\n  }\n\n  override internalValueChanged(): void {\n    if (!this.multiple) this.close();\n    setTimeout(() => {\n      this.detectAutoHeight();\n    }, 100);\n  }\n\n  private detectAutoHeight() {\n    const containerWidth: number =\n      this.getHostElement().querySelector<HTMLDivElement>('.ax-select-box-selection').clientWidth;\n    const itemsWidth: number = Array.from(\n      this.getHostElement().querySelectorAll<HTMLDivElement>('.ax-selected-token'),\n    ).reduce((a, i) => a + i.clientWidth, 0);\n    this.autoHeight = containerWidth - itemsWidth <= 8;\n    this.dropdown.updatePosition();\n    this.cdr.markForCheck();\n  }\n\n  private setDropdownSize(count = 0) {\n    if (this.dropdown.isActionsheetStyle) {\n      this.dropdownSizes = {\n        width: '100%',\n        height: ['auto', '0px'].includes(this.dropdownSizes.height)\n          ? `${Math.min(15, count) * 40}px`\n          : this.dropdownSizes.height,\n      };\n    } else {\n      this.dropdownSizes = {\n        width: `${this.getHostElement().offsetWidth}px`,\n        height: count == 0 ? 'auto' : `${Math.min(5, count) * 40}px`,\n      };\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  _handleKeydown(e: KeyboardEvent) {\n    if (e.code === 'ArrowDown' || e.code === 'ArrowUp') {\n      this.selectItemByNav(e.code === 'ArrowDown' ? 1 : -1);\n      e.preventDefault();\n    } else if (e.code === 'Backspace') {\n      this.unselectItems(this.selectedItems.pop());\n      e.preventDefault();\n    }\n    // if ((e.code === 'Space' || e.code === 'Enter') && this.hasItems) {\n    //     if (this.readonly || this.disabled) {\n    //         e.preventDefault();\n    //         e.stopPropagation();\n    //         return;\n    //     }\n    //     const id = document.activeElement?.closest('li')?.dataset?.id;\n    //     this.toggleSelect(id);\n    //     e.preventDefault();\n    //     e.stopPropagation()\n    // }\n  }\n\n  private selectItemByNav(sign: 1 | -1) {\n    if (Array.isArray(this.dataSource) && !this.multiple) {\n      const items = this.normalizeItemsList(this.dataSource);\n      const _last: any = last(this.selectedItems);\n      let i = -1;\n      if (_last) {\n        i = findLastIndex(items, [this.valueField, _last[this.valueField]]);\n      }\n      i += sign;\n      if (i < 0 || i >= items.length) return;\n      const next = nth<unknown>(items, i);\n      if (next) {\n        this.selectItems(next);\n      }\n    } else {\n      this.open();\n    }\n  }\n\n  search(term: string) {\n    if (term) {\n      const q = {};\n      q[this.textField] = term;\n      this._listDataSource.filter(q);\n    } else {\n      this._listDataSource.filter();\n    }\n  }\n}\n","<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n  [look]=\"look\" [class.ax-auto-height]=\"autoHeight\">\n  <ng-container input>\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <div class=\"ax-select-box-selection\" [class.ax-multiple]=\"multiple\" [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" (click)=\"toggle()\">\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length === 0\">\n        {{ placeholder }}\n      </div>\n      <ng-container *ngFor=\"let item of selectedItems\">\n        <div class=\"ax-selected-token\">\n          {{ getDisplayText(item) }}\n          <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\" *ngIf=\"multiple\">\n          </span>\n        </div>\n      </ng-container>\n    </div>\n    <ng-content select=\" ax-clear-button\"></ng-content>\n    <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n      (click)=\"toggle()\">\n      <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n        <ax-loading type=\"spinner\"></ax-loading>\n      </ng-container>\n      <ng-template #iconTemplate>\n        <span class=\"ax-icon ax-icon-chevron-left ax-arrow-button\" [ngClass]=\"{\n            '-rotation-90': !isOpen,\n            'rotation-90': isOpen\n          }\"></span>\n      </ng-template>\n    </button>\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-template #search>\n      <ng-content select=\"ax-search-box\"> </ng-content>\n    </ng-template>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax-select-box-panel\">\n      <ax-header class=\"ax-solid\" *ngIf=\"dropdown.isActionsheetStyle\">\n        <ax-title>{{ placeholder || defaultActionSheetTitle }}</ax-title>\n        <ax-close-button\n          [icon]=\"multiple ? 'ax-icon ax-icon-done !ax-text-primary-500' : 'ax-icon ax-icon-close'\"></ax-close-button>\n      </ax-header>\n      <div class=\"ax-search-container\" *ngIf=\"searchBox\">\n        <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\n      </div>\n      <ax-list *ngIf=\"renderList\" [dataSource]=\"_listDataSource\" [multiple]=\"multiple\"\n        [style.width]=\"dropdownSizes.width\" [style.height]=\"dropdownSizes.height\" [valueField]=\"valueField\"\n        [textField]=\"textField\" [emptyTemplate]=\"emptyTemplate ?? empty\" [itemTemplate]=\"itemTemplate\"\n        [loadingTemplate]=\"loadingTemplate\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\"\n        [selectionMode]=\"'item'\">\n        <ng-template #empty> No Items! </ng-template>\n      </ax-list>\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>","import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXListModule } from '@acorex/components/list';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXSelectBoxComponent } from './select-box.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    FormsModule,\n    AXCheckBoxModule,\n    AXBadgeModule,\n    AXDecoratorModule,\n    AXTranslationModule,\n    AXPopoverModule,\n    AXLoadingModule,\n    A11yModule,\n    AXTextBoxModule,\n    AXDropdownModule,\n    AXListModule,\n  ],\n  exports: [AXSelectBoxComponent],\n  declarations: [AXSelectBoxComponent],\n  providers: [],\n})\nexport class AXSelectBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-side-menu.mjs

@@ -121,11 +121,11 @@ class AXSideMenuComponent extends MXBaseComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXSideMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXSideMenuComponent, selector: "ax-side-menu", usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-side-menu-item,ng-container,ng-content\"></ng-content>\n", styles: ["ax-side-menu{display:flex;flex-direction:column;font-size:.875em;color:inherit;width:100%;-webkit-user-select:none;user-select:none}ax-side-menu ax-side-menu-item ax-title{display:block;padding:.25em .75em;font-size:.75em;text-transform:uppercase;font-weight:500;margin-top:2.5em;margin-bottom:.5em;opacity:.5}ax-side-menu ax-side-menu-item ax-divider{display:block;width:100%;height:1px;margin:.25em 0;background-color:rgba(var(--ax-color-border-default))}ax-side-menu ax-side-menu-item .ax-side-item{display:flex;justify-content:space-between;gap:.75em;padding:.75em 1em;align-items:center;cursor:pointer;font-weight:500;border-radius:var(--ax-rounded-border-default);transition:all .3s;position:relative;overflow:hidden;margin-bottom:.25em}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-disabled{cursor:not-allowed!important;opacity:.5}ax-side-menu ax-side-menu-item .ax-side-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side,ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side{display:flex;align-items:center}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side{gap:.5rem}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side ax-prefix ax-icon{font-size:1.25em}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon{display:block;font-size:1.5rem;transition:all .1s}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(90deg)}ax-side-menu ax-side-menu-item .ax-side-item .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-side-menu ax-side-menu-item .ax-side-childs{padding:0 1.25rem;overflow:hidden}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item:first-child ax-title{margin-top:1em}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item .ax-side-item{font-weight:400}.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled),.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon:before{content:\"\\e90a\"!important}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(-90deg)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXSideMenuComponent, selector: "ax-side-menu", usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-side-menu-item,ng-container,ng-content\"></ng-content>\n", styles: ["ax-side-menu{display:flex;flex-direction:column;font-size:.875em;color:inherit;width:100%;-webkit-user-select:none;user-select:none}ax-side-menu ax-side-menu-item ax-title{display:block;padding:.25em .75em;font-size:.75em;text-transform:uppercase;font-weight:500;margin-top:2.5em;margin-bottom:.5em;opacity:.5}ax-side-menu ax-side-menu-item ax-divider{display:block;width:100%;height:1px;margin:.25em 0;background-color:rgba(var(--ax-color-border-default))}ax-side-menu ax-side-menu-item .ax-side-item{display:flex;justify-content:space-between;gap:.75em;padding:.75em 1em;align-items:center;cursor:pointer;font-weight:500;border-radius:var(--ax-rounded-border-default);transition:all .3s;position:relative;overflow:hidden;margin-bottom:.25em}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-disabled{cursor:not-allowed!important;opacity:.5}ax-side-menu ax-side-menu-item .ax-side-item:hover{background-color:rgba(var(--ax-color-black),.05)}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side,ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side{display:flex;align-items:center}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side{gap:.5rem}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side ax-prefix ax-icon{font-size:1.25em}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon{display:block;font-size:1.5rem;transition:all .1s}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(90deg)}ax-side-menu ax-side-menu-item .ax-side-item .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-side-menu ax-side-menu-item .ax-side-childs{padding:0 1.25rem;overflow:hidden}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item:first-child ax-title{margin-top:1em}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item .ax-side-item{font-weight:400}.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled),.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon:before{content:\"\\e90a\"!important}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(-90deg)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXSideMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-side-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-side-menu-item,ng-container,ng-content\"></ng-content>\n", styles: ["ax-side-menu{display:flex;flex-direction:column;font-size:.875em;color:inherit;width:100%;-webkit-user-select:none;user-select:none}ax-side-menu ax-side-menu-item ax-title{display:block;padding:.25em .75em;font-size:.75em;text-transform:uppercase;font-weight:500;margin-top:2.5em;margin-bottom:.5em;opacity:.5}ax-side-menu ax-side-menu-item ax-divider{display:block;width:100%;height:1px;margin:.25em 0;background-color:rgba(var(--ax-color-border-default))}ax-side-menu ax-side-menu-item .ax-side-item{display:flex;justify-content:space-between;gap:.75em;padding:.75em 1em;align-items:center;cursor:pointer;font-weight:500;border-radius:var(--ax-rounded-border-default);transition:all .3s;position:relative;overflow:hidden;margin-bottom:.25em}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-disabled{cursor:not-allowed!important;opacity:.5}ax-side-menu ax-side-menu-item .ax-side-item:hover{background-color:rgba(var(--ax-color-on-surface))}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side,ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side{display:flex;align-items:center}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side{gap:.5rem}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side ax-prefix ax-icon{font-size:1.25em}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon{display:block;font-size:1.5rem;transition:all .1s}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(90deg)}ax-side-menu ax-side-menu-item .ax-side-item .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-side-menu ax-side-menu-item .ax-side-childs{padding:0 1.25rem;overflow:hidden}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item:first-child ax-title{margin-top:1em}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item .ax-side-item{font-weight:400}.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled),.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon:before{content:\"\\e90a\"!important}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(-90deg)!important}\n"] }]
+            args: [{ selector: 'ax-side-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-side-menu-item,ng-container,ng-content\"></ng-content>\n", styles: ["ax-side-menu{display:flex;flex-direction:column;font-size:.875em;color:inherit;width:100%;-webkit-user-select:none;user-select:none}ax-side-menu ax-side-menu-item ax-title{display:block;padding:.25em .75em;font-size:.75em;text-transform:uppercase;font-weight:500;margin-top:2.5em;margin-bottom:.5em;opacity:.5}ax-side-menu ax-side-menu-item ax-divider{display:block;width:100%;height:1px;margin:.25em 0;background-color:rgba(var(--ax-color-border-default))}ax-side-menu ax-side-menu-item .ax-side-item{display:flex;justify-content:space-between;gap:.75em;padding:.75em 1em;align-items:center;cursor:pointer;font-weight:500;border-radius:var(--ax-rounded-border-default);transition:all .3s;position:relative;overflow:hidden;margin-bottom:.25em}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-disabled{cursor:not-allowed!important;opacity:.5}ax-side-menu ax-side-menu-item .ax-side-item:hover{background-color:rgba(var(--ax-color-black),.05)}ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side,ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side{display:flex;align-items:center}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side{gap:.5rem}ax-side-menu ax-side-menu-item .ax-side-item .ax-start-side ax-prefix ax-icon{font-size:1.25em}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon{display:block;font-size:1.5rem;transition:all .1s}ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(90deg)}ax-side-menu ax-side-menu-item .ax-side-item .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-side-menu ax-side-menu-item .ax-side-childs{padding:0 1.25rem;overflow:hidden}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item:first-child ax-title{margin-top:1em}ax-side-menu ax-side-menu-item .ax-side-childs ax-side-menu-item .ax-side-item{font-weight:400}.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled),.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover:not(.ax-dark ax-side-menu ax-side-menu-item .ax-side-item.ax-state-active.ax-state-disabled,.ax-dark ax-side-menu ax-side-menu-item .ax-side-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon:before{content:\"\\e90a\"!important}html[dir=rtl] ax-side-menu ax-side-menu-item .ax-side-item .ax-end-side .arrow-icon.arrow-icon-expand{transform:rotate(-90deg)!important}\n"] }]
         }] });
 
 const COMPONENT = [AXSideMenuComponent, AXSideMenuItemComponent];

package/fesm2022/acorex-components-side-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-side-menu.mjs","sources":["../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.compoent.ts","../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.compoent.html","../../../../libs/components/side-menu/src/lib/side-menu.component.ts","../../../../libs/components/side-menu/src/lib/side-menu.component.html","../../../../libs/components/side-menu/src/lib/side-menu.module.ts","../../../../libs/components/side-menu/src/acorex-components-side-menu.ts"],"sourcesContent":["import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-side-menu-item',\n  inputs: ['disabled'],\n  templateUrl: './side-menu-item.compoent.html',\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(300 + 'ms ease-in')),\n      transition('true => false', animate(300 + 'ms ease-out')),\n    ]),\n  ],\n})\nexport class AXSideMenuItemComponent extends MXInteractiveComponent implements AfterContentInit {\n  @Output()\n  textChange: EventEmitter<any> = new EventEmitter<any>();\n\n  private _text: string;\n  /**\n   *  Providing a string value for its text state\n   */\n  @Input()\n  public get text(): string {\n    return this._text;\n  }\n  public set text(v: string) {\n    this.setOption({\n      name: 'text',\n      value: v,\n    });\n  }\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  @Output()\n  activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  private _active = false;\n  /**\n   *  Providing a string value for its text state\n   */\n  @Input()\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(v: boolean) {\n    this.setOption({\n      name: 'active',\n      value: v,\n    });\n  }\n\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  protected hasChild = false;\n\n  constructor(private elem: ElementRef) {\n    super();\n  }\n\n  _handleClickEvent(e: MouseEvent) {\n    if (!this.disabled) {\n      this.toggle();\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n    e.stopPropagation();\n  }\n\n  toggle() {\n    this.isCollapsed = !this.isCollapsed;\n  }\n\n  open() {\n    this.isCollapsed = true;\n  }\n\n  close() {\n    this.isCollapsed = false;\n  }\n\n  ngAfterContentInit(): void {\n    this.hasChild = this.elem.nativeElement.getElementsByTagName('ax-side-menu-item').length > 0;\n  }\n}\n","<ng-content select=\"ax-title\"></ng-content>\n\n<div\n  axRipple\n  class=\"ax-side-item\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-active]=\"active\"\n  (click)=\"_handleClickEvent($event)\"\n>\n  <div class=\"ax-start-side\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <span>{{text}}</span>\n  </div>\n  <div class=\"ax-end-side\">\n    <ng-content select=\"ax-suffix\"></ng-content>\n    <span\n      class=\"ax-icon ax-icon-chevron-right arrow-icon\"\n      [class.arrow-icon-expand]=\"!isCollapsed\"\n      *ngIf=\"hasChild\"\n    ></span>\n  </div>\n</div>\n\n<div class=\"ax-side-childs\" [@collapse]=\"isCollapsed\">\n  <ng-content select=\"ax-side-menu-item, ng-container\"></ng-content>\n</div>\n\n<ng-content select=\"ax-divider\"></ng-content>\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-side-menu',\n  templateUrl: './side-menu.component.html',\n  styleUrls: ['./side-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXSideMenuComponent extends MXBaseComponent implements OnInit {\n  ngOnInit() {\n    super.ngOnInit();\n  }\n}\n","<ng-content select=\"ax-side-menu-item,ng-container,ng-content\"></ng-content>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.compoent';\nimport { AXSideMenuComponent } from './side-menu.component';\n\nconst COMPONENT = [AXSideMenuComponent, AXSideMenuItemComponent];\nconst MODULES = [CommonModule, AXCommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSideMenuModule {}\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-side-menu.mjs","sources":["../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.compoent.ts","../../../../libs/components/side-menu/src/lib/side-menu-item/side-menu-item.compoent.html","../../../../libs/components/side-menu/src/lib/side-menu.component.ts","../../../../libs/components/side-menu/src/lib/side-menu.component.html","../../../../libs/components/side-menu/src/lib/side-menu.module.ts","../../../../libs/components/side-menu/src/acorex-components-side-menu.ts"],"sourcesContent":["import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-side-menu-item',\n  inputs: ['disabled'],\n  templateUrl: './side-menu-item.compoent.html',\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(300 + 'ms ease-in')),\n      transition('true => false', animate(300 + 'ms ease-out')),\n    ]),\n  ],\n})\nexport class AXSideMenuItemComponent extends MXInteractiveComponent implements AfterContentInit {\n  @Output()\n  textChange: EventEmitter<any> = new EventEmitter<any>();\n\n  private _text: string;\n  /**\n   *  Providing a string value for its text state\n   */\n  @Input()\n  public get text(): string {\n    return this._text;\n  }\n  public set text(v: string) {\n    this.setOption({\n      name: 'text',\n      value: v,\n    });\n  }\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  @Output()\n  activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  private _active = false;\n  /**\n   *  Providing a string value for its text state\n   */\n  @Input()\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(v: boolean) {\n    this.setOption({\n      name: 'active',\n      value: v,\n    });\n  }\n\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  protected hasChild = false;\n\n  constructor(private elem: ElementRef) {\n    super();\n  }\n\n  _handleClickEvent(e: MouseEvent) {\n    if (!this.disabled) {\n      this.toggle();\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n    e.stopPropagation();\n  }\n\n  toggle() {\n    this.isCollapsed = !this.isCollapsed;\n  }\n\n  open() {\n    this.isCollapsed = true;\n  }\n\n  close() {\n    this.isCollapsed = false;\n  }\n\n  ngAfterContentInit(): void {\n    this.hasChild = this.elem.nativeElement.getElementsByTagName('ax-side-menu-item').length > 0;\n  }\n}\n","<ng-content select=\"ax-title\"></ng-content>\n\n<div\n  axRipple\n  class=\"ax-side-item\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-active]=\"active\"\n  (click)=\"_handleClickEvent($event)\"\n>\n  <div class=\"ax-start-side\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <span>{{text}}</span>\n  </div>\n  <div class=\"ax-end-side\">\n    <ng-content select=\"ax-suffix\"></ng-content>\n    <span\n      class=\"ax-icon ax-icon-chevron-right arrow-icon\"\n      [class.arrow-icon-expand]=\"!isCollapsed\"\n      *ngIf=\"hasChild\"\n    ></span>\n  </div>\n</div>\n\n<div class=\"ax-side-childs\" [@collapse]=\"isCollapsed\">\n  <ng-content select=\"ax-side-menu-item, ng-container\"></ng-content>\n</div>\n\n<ng-content select=\"ax-divider\"></ng-content>\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-side-menu',\n  templateUrl: './side-menu.component.html',\n  styleUrls: ['./side-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXSideMenuComponent extends MXBaseComponent implements OnInit {\n  ngOnInit() {\n    super.ngOnInit();\n  }\n}\n","<ng-content select=\"ax-side-menu-item,ng-container,ng-content\"></ng-content>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.compoent';\nimport { AXSideMenuComponent } from './side-menu.component';\n\nconst COMPONENT = [AXSideMenuComponent, AXSideMenuItemComponent];\nconst MODULES = [CommonModule, AXCommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSideMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-tabs.mjs

@@ -220,11 +220,11 @@ class AXTabsComponent extends MXBaseComponent {
         this._isUserInteraction = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", location: "location", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-tab-item"> </ng-content> `, isInline: true, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-bottom:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-inline-start:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 .5rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", location: "location", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-tab-item"> </ng-content> `, isInline: true, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{width:100%;height:3px;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{width:1px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;height:100%;background-color:rgba(var(--ax-color-primary-500));top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;content:\"\";z-index:10}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 .5rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tabs', template: ` <ng-content select="ax-tab-item"> </ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-bottom:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-inline-start:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 .5rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"] }]
+            args: [{ selector: 'ax-tabs', template: ` <ng-content select="ax-tab-item"> </ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{width:100%;height:3px;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{width:1px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;height:100%;background-color:rgba(var(--ax-color-primary-500));top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;content:\"\";z-index:10}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 .5rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"] }]
         }], propDecorators: { _contentTabs: [{
                 type: ContentChildren,
                 args: [AXTabItemComponent]