@acorex/components 18.16.0-next.8 → 19.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-search-box.mjs","sources":["../../../../libs/components/search-box/src/lib/search-box.component.ts","../../../../libs/components/search-box/src/lib/search-box.component.html","../../../../libs/components/search-box/src/lib/search-box.module.ts","../../../../libs/components/search-box/src/acorex-components-search-box.ts"],"sourcesContent":["import {\n  AXClearableComponent,\n  AXComponent,\n  AXFocusableComponent,\n  AXSearchableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n *  Represents a search box component that allows users to input and search text.\n */\n@Component({\n  selector: 'ax-search-box',\n  templateUrl: './search-box.component.html',\n  styleUrl: './search-box.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id', 'look'],\n  outputs: [\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'onBlur',\n    'onFocus',\n    'readonlyChange',\n    'disabledChange',\n    'onKeyDown',\n    'onKeyUp',\n    'onKeyPress',\n  ],\n  providers: [\n    { provide: AXComponent, useExisting: AXSearchBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXSearchBoxComponent },\n    { provide: AXClearableComponent, useExisting: AXSearchBoxComponent },\n    { provide: AXValuableComponent, useExisting: AXSearchBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSearchBoxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSearchBoxComponent extends classes(MXInputBaseValueComponent<string>, MXLookComponent) {\n  /** @ignore */\n  constructor(\n    /** @ignore */\n    @Optional()\n    @Inject(AXSearchableComponent)\n    private _parent: AXSearchableComponent,\n  ) {\n    super();\n  }\n\n  /**\n   * The delay time for search actions, specified in milliseconds.\n   * @defaultValue 500\n   */\n  @Input()\n  delayTime = 500;\n\n  /**\n   * Handles changes to the model and triggers a search in the parent component if available.\n   *\n   * @param {string} value\n   */\n  _handleModelChange(value: string) {\n    if (this._parent && this._parent.search) {\n      this._parent.search(value);\n    }\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return ['ax-editor-container', `ax-look-${this.look}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n\n<div #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</div>\n\n@if (!icon.children.length) {\n  <span class=\"ax-icon ax-icon-search ax-editor-control\"></span>\n}\n\n<input\n  #input\n  class=\"ax-input\"\n  [attr.name]=\"name\"\n  [attr.placeholder]=\"placeholder ?? 'search' | translate | async\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [tabindex]=\"tabIndex\"\n  [ngModel]=\"value\"\n  [delayTime]=\"delayTime\"\n  (axDelayedValueChanged)=\"_handleModelChange($event)\"\n  (keydown)=\"emitOnKeydownEvent($event)\"\n  (keyup)=\"emitOnKeyupEvent($event)\"\n  (keypress)=\"emitOnKeypressEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n/>\n\n@if (input.value && !disabled && !readonly) {\n  <ng-content select=\"ax-clear-button\"></ng-content>\n}\n<ng-content select=\"ax-suffix\"> </ng-content>\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXNgModelDelayedValueChangedDirective } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSearchBoxComponent } from './search-box.component';\n\nconst COMPONENT = [AXSearchBoxComponent];\nconst MODULES = [\n  CommonModule,\n  FormsModule,\n  AXTranslationModule,\n  AXDecoratorModule,\n  AXTextBoxModule,\n  AXButtonModule,\n  AXNgModelDelayedValueChangedDirective,\n];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSearchBoxModule {}\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-search-box.mjs","sources":["../../../../libs/components/search-box/src/lib/search-box.component.ts","../../../../libs/components/search-box/src/lib/search-box.component.html","../../../../libs/components/search-box/src/lib/search-box.module.ts","../../../../libs/components/search-box/src/acorex-components-search-box.ts"],"sourcesContent":["import {\n  AXClearableComponent,\n  AXComponent,\n  AXFocusableComponent,\n  AXSearchableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n *  Represents a search box component that allows users to input and search text.\n */\n@Component({\n    selector: 'ax-search-box',\n    templateUrl: './search-box.component.html',\n    styleUrl: './search-box.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id', 'look'],\n    outputs: [\n        'valueChange',\n        'stateChange',\n        'onValueChanged',\n        'onBlur',\n        'onFocus',\n        'readonlyChange',\n        'disabledChange',\n        'onKeyDown',\n        'onKeyUp',\n        'onKeyPress',\n    ],\n    providers: [\n        { provide: AXComponent, useExisting: AXSearchBoxComponent },\n        { provide: AXFocusableComponent, useExisting: AXSearchBoxComponent },\n        { provide: AXClearableComponent, useExisting: AXSearchBoxComponent },\n        { provide: AXValuableComponent, useExisting: AXSearchBoxComponent },\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => AXSearchBoxComponent),\n            multi: true,\n        },\n    ],\n    standalone: false\n})\nexport class AXSearchBoxComponent extends classes(MXInputBaseValueComponent<string>, MXLookComponent) {\n  /** @ignore */\n  constructor(\n    /** @ignore */\n    @Optional()\n    @Inject(AXSearchableComponent)\n    private _parent: AXSearchableComponent,\n  ) {\n    super();\n  }\n\n  /**\n   * The delay time for search actions, specified in milliseconds.\n   * @defaultValue 500\n   */\n  @Input()\n  delayTime = 500;\n\n  /**\n   * Handles changes to the model and triggers a search in the parent component if available.\n   *\n   * @param {string} value\n   */\n  _handleModelChange(value: string) {\n    if (this._parent && this._parent.search) {\n      this._parent.search(value);\n    }\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return ['ax-editor-container', `ax-look-${this.look}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n\n<div #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</div>\n\n@if (!icon.children.length) {\n  <span class=\"ax-icon ax-icon-search ax-editor-control\"></span>\n}\n\n<input\n  #input\n  class=\"ax-input\"\n  [attr.name]=\"name\"\n  [attr.placeholder]=\"placeholder ?? 'search' | translate | async\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [tabindex]=\"tabIndex\"\n  [ngModel]=\"value\"\n  [delayTime]=\"delayTime\"\n  (axDelayedValueChanged)=\"_handleModelChange($event)\"\n  (keydown)=\"emitOnKeydownEvent($event)\"\n  (keyup)=\"emitOnKeyupEvent($event)\"\n  (keypress)=\"emitOnKeypressEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n/>\n\n@if (input.value && !disabled && !readonly) {\n  <ng-content select=\"ax-clear-button\"></ng-content>\n}\n<ng-content select=\"ax-suffix\"> </ng-content>\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXNgModelDelayedValueChangedDirective } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSearchBoxComponent } from './search-box.component';\n\nconst COMPONENT = [AXSearchBoxComponent];\nconst MODULES = [\n  CommonModule,\n  FormsModule,\n  AXTranslationModule,\n  AXDecoratorModule,\n  AXTextBoxModule,\n  AXButtonModule,\n  AXNgModelDelayedValueChangedDirective,\n];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSearchBoxModule {}\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

@@ -276,8 +276,8 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
         this.list?.refresh();
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", minValue: "minValue", maxValue: "maxValue", value: "value", state: "state", name: "name", id: "id", type: "type", look: "look", multiple: "multiple", valueField: "valueField", textField: "textField", textTemplate: "textTemplate", dataSource: "dataSource", caption: "caption", itemTemplate: "itemTemplate", selectedTemplate: "selectedTemplate", emptyTemplate: "emptyTemplate", loadingTemplate: "loadingTemplate", dropdownWidth: "dropdownWidth" }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXSelectBoxComponent, isStandalone: false, selector: "ax-select-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", minValue: "minValue", maxValue: "maxValue", value: "value", state: "state", name: "name", id: "id", type: "type", look: "look", multiple: "multiple", valueField: "valueField", textField: "textField", textTemplate: "textTemplate", dataSource: "dataSource", caption: "caption", itemTemplate: "itemTemplate", selectedTemplate: "selectedTemplate", emptyTemplate: "emptyTemplate", loadingTemplate: "loadingTemplate", dropdownWidth: "dropdownWidth" }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" } }, providers: [
             { provide: AXComponent, useExisting: AXSelectBoxComponent },
             { provide: AXFocusableComponent, useExisting: AXSelectBoxComponent },
             { provide: AXValuableComponent, useExisting: AXSelectBoxComponent },
@@ -296,7 +296,7 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
             AXUnsubscriber,
         ], queries: [{ propertyName: "searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true }], viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { 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\r\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\r\n  (onClosed)=\"_handleOnClosedEvent($event)\"\r\n  (focus)=\"emitOnFocusEvent($event)\"\r\n  (blur)=\"emitOnBlurEvent($event)\"\r\n  [disabled]=\"disabled\"\r\n  [look]=\"look\"\r\n  class=\"ax-auto-height\"\r\n>\r\n  <ng-container input>\r\n    <ng-content select=\"ax-prefix\"> </ng-content>\r\n    <div\r\n      class=\"ax-select-box-selection ax-content\"\r\n      [class.ax-multiple]=\"multiple\"\r\n      [tabindex]=\"tabIndex\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      @if (selectedItems.length === 0) {\r\n        <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n          {{ placeholder }}\r\n        </div>\r\n      }\r\n      @for (item of selectedItems; track $index) {\r\n        @if (selectedTemplate) {\r\n          <ng-template\r\n            *ngTemplateOutlet=\"selectedTemplate; context: { $implicit: { data: item } }\"\r\n          ></ng-template>\r\n        } @else {\r\n          <div class=\"ax-selected-token\">\r\n            {{ getDisplayText(item) }}\r\n            @if (!disabled && !readonly && multiple) {\r\n              <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    @if (selectedItems?.length && !disabled && !readonly) {\r\n      <ng-content select=\"ax-clear-button\"></ng-content>\r\n    }\r\n    <button\r\n      type=\"button\"\r\n      [disabled]=\"disabled\"\r\n      [tabIndex]=\"-1\"\r\n      class=\"ax-general-button ax-button-icon\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      <!-- @if (isLoading() && !isOpen) {\r\n        <ax-loading type=\"spinner\"></ax-loading>\r\n      } @else { -->\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-arrow-button\"\r\n        [ngClass]=\"{\r\n          '-rotation-90': !isOpen,\r\n          'rotation-90': isOpen,\r\n        }\"\r\n      ></span>\r\n      <!-- } -->\r\n    </button>\r\n    <ng-content select=\"ax-suffix\"> </ng-content>\r\n    <ng-template #search>\r\n      <ng-content select=\"ax-search-box\"> </ng-content>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-container panel>\r\n    <div #panel class=\"ax-select-box-panel\" [style.min-width]=\"dropdownSizes.width\">\r\n      @if (dropdown.isActionsheetStyle) {\r\n        <ax-header class=\"ax-solid\">\r\n          <ax-title>{{ caption || placeholder || 'selectbox.popover.title' | translate | async }}</ax-title>\r\n          <ax-close-button\r\n            [icon]=\"multiple ? 'ax-icon ax-icon-check !ax-text-primary-500' : 'ax-icon ax-icon-close'\"\r\n          ></ax-close-button>\r\n        </ax-header>\r\n      }\r\n      @if (searchBox) {\r\n        <div class=\"ax-search-container\">\r\n          <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\r\n        </div>\r\n      }\r\n      @if (renderList) {\r\n        <ax-list\r\n          [readonly]=\"readonly\"\r\n          [dataSource]=\"_listDataSource\"\r\n          [multiple]=\"multiple\"\r\n          [style.height]=\"dropdownSizes.height\"\r\n          [valueField]=\"valueField\"\r\n          [textField]=\"textField\"\r\n          [textTemplate]=\"textTemplate\"\r\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [loadingTemplate]=\"loadingTemplate\"\r\n          [ngModel]=\"value\"\r\n          (onValueChanged)=\"_handleValueChanged($event)\"\r\n          [selectionMode]=\"'item'\"\r\n          (onItemClick)=\"_handleOnItemClick($event)\"\r\n        >\r\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\r\n        </ax-list>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        @if (loadingTemplate) {\r\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\r\n        } @else {\r\n          <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading></ax-loading>\r\n          </div>\r\n        }\r\n      }\r\n\r\n      <ng-content select=\"ax-footer\"> </ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ax-dropdown-box>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n", styles: ["ax-select-box{display:block;width:100%;border-radius:var(--ax-rounded-border-default)}ax-select-box ax-dropdown-box{border-radius:inherit!important}ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-surface))}ax-select-box .ax-selected-token{display:flex;align-items:center;border-radius:var(--ax-rounded-border-default);padding:.25rem .5rem;color:rgb(var(--ax-color-text-default))}ax-select-box .ax-selected-token .ax-icon-close{margin-inline-start:.5rem;cursor:pointer;width:1rem;height:1rem}ax-select-box .ax-select-box-selection{display:flex;flex:1 1 0%;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.25rem;padding:.25rem;outline:2px solid transparent;outline-offset:2px;height:100%}ax-select-box .ax-select-box-selection>span{white-space:nowrap;padding-inline-end:.75rem;padding-inline-start:1rem}ax-select-box .ax-select-box-selection .ax-selectbox-input{width:0px;opacity: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-end:.75rem;padding-inline-start:1rem}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{height:fit-content}.ax-select-box-panel>ax-header.ax-solid{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel>ax-header.ax-solid ax-title{font-size:1rem;line-height:1.5rem;font-weight:500}.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.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, ax-placeholder, ax-overlay" }, { 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", "textTemplate", "disabledField", "multiple", "selectionMode", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readOnlyChange", "onBlur", "onFocus", "onItemClick", "onScrolledIndexChanged"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-select-box', inputs: [
                         'disabled',
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useClass: MXSelectionBridgeService,
                         },
                         AXUnsubscriber,
-                    ], host: { ngSkipHydration: 'true' }, template: "<ax-dropdown-box\r\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\r\n  (onClosed)=\"_handleOnClosedEvent($event)\"\r\n  (focus)=\"emitOnFocusEvent($event)\"\r\n  (blur)=\"emitOnBlurEvent($event)\"\r\n  [disabled]=\"disabled\"\r\n  [look]=\"look\"\r\n  class=\"ax-auto-height\"\r\n>\r\n  <ng-container input>\r\n    <ng-content select=\"ax-prefix\"> </ng-content>\r\n    <div\r\n      class=\"ax-select-box-selection ax-content\"\r\n      [class.ax-multiple]=\"multiple\"\r\n      [tabindex]=\"tabIndex\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      @if (selectedItems.length === 0) {\r\n        <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n          {{ placeholder }}\r\n        </div>\r\n      }\r\n      @for (item of selectedItems; track $index) {\r\n        @if (selectedTemplate) {\r\n          <ng-template\r\n            *ngTemplateOutlet=\"selectedTemplate; context: { $implicit: { data: item } }\"\r\n          ></ng-template>\r\n        } @else {\r\n          <div class=\"ax-selected-token\">\r\n            {{ getDisplayText(item) }}\r\n            @if (!disabled && !readonly && multiple) {\r\n              <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    @if (selectedItems?.length && !disabled && !readonly) {\r\n      <ng-content select=\"ax-clear-button\"></ng-content>\r\n    }\r\n    <button\r\n      type=\"button\"\r\n      [disabled]=\"disabled\"\r\n      [tabIndex]=\"-1\"\r\n      class=\"ax-general-button ax-button-icon\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      <!-- @if (isLoading() && !isOpen) {\r\n        <ax-loading type=\"spinner\"></ax-loading>\r\n      } @else { -->\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-arrow-button\"\r\n        [ngClass]=\"{\r\n          '-rotation-90': !isOpen,\r\n          'rotation-90': isOpen,\r\n        }\"\r\n      ></span>\r\n      <!-- } -->\r\n    </button>\r\n    <ng-content select=\"ax-suffix\"> </ng-content>\r\n    <ng-template #search>\r\n      <ng-content select=\"ax-search-box\"> </ng-content>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-container panel>\r\n    <div #panel class=\"ax-select-box-panel\" [style.min-width]=\"dropdownSizes.width\">\r\n      @if (dropdown.isActionsheetStyle) {\r\n        <ax-header class=\"ax-solid\">\r\n          <ax-title>{{ caption || placeholder || 'selectbox.popover.title' | translate | async }}</ax-title>\r\n          <ax-close-button\r\n            [icon]=\"multiple ? 'ax-icon ax-icon-check !ax-text-primary-500' : 'ax-icon ax-icon-close'\"\r\n          ></ax-close-button>\r\n        </ax-header>\r\n      }\r\n      @if (searchBox) {\r\n        <div class=\"ax-search-container\">\r\n          <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\r\n        </div>\r\n      }\r\n      @if (renderList) {\r\n        <ax-list\r\n          [readonly]=\"readonly\"\r\n          [dataSource]=\"_listDataSource\"\r\n          [multiple]=\"multiple\"\r\n          [style.height]=\"dropdownSizes.height\"\r\n          [valueField]=\"valueField\"\r\n          [textField]=\"textField\"\r\n          [textTemplate]=\"textTemplate\"\r\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [loadingTemplate]=\"loadingTemplate\"\r\n          [ngModel]=\"value\"\r\n          (onValueChanged)=\"_handleValueChanged($event)\"\r\n          [selectionMode]=\"'item'\"\r\n          (onItemClick)=\"_handleOnItemClick($event)\"\r\n        >\r\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\r\n        </ax-list>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        @if (loadingTemplate) {\r\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\r\n        } @else {\r\n          <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading></ax-loading>\r\n          </div>\r\n        }\r\n      }\r\n\r\n      <ng-content select=\"ax-footer\"> </ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ax-dropdown-box>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n", styles: ["ax-select-box{display:block;width:100%;border-radius:var(--ax-rounded-border-default)}ax-select-box ax-dropdown-box{border-radius:inherit!important}ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-surface))}ax-select-box .ax-selected-token{display:flex;align-items:center;border-radius:var(--ax-rounded-border-default);padding:.25rem .5rem;color:rgb(var(--ax-color-text-default))}ax-select-box .ax-selected-token .ax-icon-close{margin-inline-start:.5rem;cursor:pointer;width:1rem;height:1rem}ax-select-box .ax-select-box-selection{display:flex;flex:1 1 0%;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.25rem;padding:.25rem;outline:2px solid transparent;outline-offset:2px;height:100%}ax-select-box .ax-select-box-selection>span{white-space:nowrap;padding-inline-end:.75rem;padding-inline-start:1rem}ax-select-box .ax-select-box-selection .ax-selectbox-input{width:0px;opacity: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-end:.75rem;padding-inline-start:1rem}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{height:fit-content}.ax-select-box-panel>ax-header.ax-solid{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel>ax-header.ax-solid ax-title{font-size:1rem;line-height:1.5rem;font-weight:500}.ax-select-box-panel .ax-search-container{padding:.5rem}\n"] }]
+                    ], host: { ngSkipHydration: 'true' }, standalone: false, template: "<ax-dropdown-box\r\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\r\n  (onClosed)=\"_handleOnClosedEvent($event)\"\r\n  (focus)=\"emitOnFocusEvent($event)\"\r\n  (blur)=\"emitOnBlurEvent($event)\"\r\n  [disabled]=\"disabled\"\r\n  [look]=\"look\"\r\n  class=\"ax-auto-height\"\r\n>\r\n  <ng-container input>\r\n    <ng-content select=\"ax-prefix\"> </ng-content>\r\n    <div\r\n      class=\"ax-select-box-selection ax-content\"\r\n      [class.ax-multiple]=\"multiple\"\r\n      [tabindex]=\"tabIndex\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      @if (selectedItems.length === 0) {\r\n        <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n          {{ placeholder }}\r\n        </div>\r\n      }\r\n      @for (item of selectedItems; track $index) {\r\n        @if (selectedTemplate) {\r\n          <ng-template\r\n            *ngTemplateOutlet=\"selectedTemplate; context: { $implicit: { data: item } }\"\r\n          ></ng-template>\r\n        } @else {\r\n          <div class=\"ax-selected-token\">\r\n            {{ getDisplayText(item) }}\r\n            @if (!disabled && !readonly && multiple) {\r\n              <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    @if (selectedItems?.length && !disabled && !readonly) {\r\n      <ng-content select=\"ax-clear-button\"></ng-content>\r\n    }\r\n    <button\r\n      type=\"button\"\r\n      [disabled]=\"disabled\"\r\n      [tabIndex]=\"-1\"\r\n      class=\"ax-general-button ax-button-icon\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      <!-- @if (isLoading() && !isOpen) {\r\n        <ax-loading type=\"spinner\"></ax-loading>\r\n      } @else { -->\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-arrow-button\"\r\n        [ngClass]=\"{\r\n          '-rotation-90': !isOpen,\r\n          'rotation-90': isOpen,\r\n        }\"\r\n      ></span>\r\n      <!-- } -->\r\n    </button>\r\n    <ng-content select=\"ax-suffix\"> </ng-content>\r\n    <ng-template #search>\r\n      <ng-content select=\"ax-search-box\"> </ng-content>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-container panel>\r\n    <div #panel class=\"ax-select-box-panel\" [style.min-width]=\"dropdownSizes.width\">\r\n      @if (dropdown.isActionsheetStyle) {\r\n        <ax-header class=\"ax-solid\">\r\n          <ax-title>{{ caption || placeholder || 'selectbox.popover.title' | translate | async }}</ax-title>\r\n          <ax-close-button\r\n            [icon]=\"multiple ? 'ax-icon ax-icon-check !ax-text-primary-500' : 'ax-icon ax-icon-close'\"\r\n          ></ax-close-button>\r\n        </ax-header>\r\n      }\r\n      @if (searchBox) {\r\n        <div class=\"ax-search-container\">\r\n          <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\r\n        </div>\r\n      }\r\n      @if (renderList) {\r\n        <ax-list\r\n          [readonly]=\"readonly\"\r\n          [dataSource]=\"_listDataSource\"\r\n          [multiple]=\"multiple\"\r\n          [style.height]=\"dropdownSizes.height\"\r\n          [valueField]=\"valueField\"\r\n          [textField]=\"textField\"\r\n          [textTemplate]=\"textTemplate\"\r\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [loadingTemplate]=\"loadingTemplate\"\r\n          [ngModel]=\"value\"\r\n          (onValueChanged)=\"_handleValueChanged($event)\"\r\n          [selectionMode]=\"'item'\"\r\n          (onItemClick)=\"_handleOnItemClick($event)\"\r\n        >\r\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\r\n        </ax-list>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        @if (loadingTemplate) {\r\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\r\n        } @else {\r\n          <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading></ax-loading>\r\n          </div>\r\n        }\r\n      }\r\n\r\n      <ng-content select=\"ax-footer\"> </ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ax-dropdown-box>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n", styles: ["ax-select-box{display:block;width:100%;border-radius:var(--ax-rounded-border-default)}ax-select-box ax-dropdown-box{border-radius:inherit!important}ax-select-box ax-dropdown-box.ax-auto-height{height:auto!important}ax-select-box .ax-editor-container.ax-look-fill .ax-select-box-selection.ax-multiple .ax-selected-token{background-color:rgba(var(--ax-color-surface))}ax-select-box .ax-selected-token{display:flex;align-items:center;border-radius:var(--ax-rounded-border-default);padding:.25rem .5rem;color:rgb(var(--ax-color-text-default))}ax-select-box .ax-selected-token .ax-icon-close{margin-inline-start:.5rem;cursor:pointer;width:1rem;height:1rem}ax-select-box .ax-select-box-selection{display:flex;flex:1 1 0%;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.25rem;padding:.25rem;outline:2px solid transparent;outline-offset:2px;height:100%}ax-select-box .ax-select-box-selection>span{white-space:nowrap;padding-inline-end:.75rem;padding-inline-start:1rem}ax-select-box .ax-select-box-selection .ax-selectbox-input{width:0px;opacity: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-end:.75rem;padding-inline-start:1rem}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{height:fit-content}.ax-select-box-panel>ax-header.ax-solid{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}.ax-select-box-panel>ax-header.ax-solid ax-title{font-size:1rem;line-height:1.5rem;font-weight:500}.ax-select-box-panel .ax-search-container{padding:.5rem}\n"] }]
         }], propDecorators: { dataSource: [{
                 type: Input
             }], placeholder: [{
@@ -377,8 +377,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             }] } });
 
 class AXSelectBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXSelectBoxModule, declarations: [AXSelectBoxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXSelectBoxModule, declarations: [AXSelectBoxComponent], imports: [CommonModule,
             AXCommonModule,
             FormsModule,
             AXCheckBoxModule,
@@ -391,7 +391,7 @@ class AXSelectBoxModule {
             AXTextBoxModule,
             AXDropdownModule,
             AXListModule], exports: [AXSelectBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectBoxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectBoxModule, imports: [CommonModule,
             AXCommonModule,
             FormsModule,
             AXCheckBoxModule,
@@ -405,7 +405,7 @@ class AXSelectBoxModule {
             AXDropdownModule,
             AXListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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 {\r\n  AXClearableComponent,\r\n  AXClosbaleComponent,\r\n  AXComponent,\r\n  AXDataSource,\r\n  AXEvent,\r\n  AXFocusableComponent,\r\n  AXHotkeysService,\r\n  AXItemClickEvent,\r\n  AXSearchableComponent,\r\n  AXValuableComponent,\r\n  AXValueChangedEvent,\r\n  AX_SELECTION_DATA_TOKEN,\r\n  MXLookComponent,\r\n  MXSelectionBridgeService,\r\n  MXSelectionValueComponent,\r\n  convertArrayToDataSource,\r\n} from '@acorex/components/common';\r\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\r\nimport { AXListComponent } from '@acorex/components/list';\r\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\r\nimport { AXUnsubscriber } from '@acorex/core/utils';\r\nimport {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  HostListener,\r\n  Input,\r\n  OnDestroy,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  WritableSignal,\r\n  forwardRef,\r\n  inject,\r\n  signal,\r\n} from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { findLastIndex, last, nth } from 'lodash-es';\r\nimport { classes } from 'polytype';\r\nimport { Observable } from 'rxjs';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n * @category\r\n */\r\n@Component({\r\n  selector: 'ax-select-box',\r\n  templateUrl: './select-box.component.html',\r\n  styleUrls: ['./select-box.component.scss'],\r\n  inputs: [\r\n    'disabled',\r\n    'readonly',\r\n    'tabIndex',\r\n    'placeholder',\r\n    'minValue',\r\n    'maxValue',\r\n    'value',\r\n    'state',\r\n    'name',\r\n    'id',\r\n    'type',\r\n    'look',\r\n    'multiple',\r\n    'valueField',\r\n    'textField',\r\n    'textTemplate',\r\n  ],\r\n  outputs: [\r\n    'valueChange',\r\n    'stateChange',\r\n    'onValueChanged',\r\n    'onBlur',\r\n    'onFocus',\r\n    'readonlyChange',\r\n    'disabledChange',\r\n    'onOpened',\r\n    'onClosed',\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXComponent, useExisting: AXSelectBoxComponent },\r\n    { provide: AXFocusableComponent, useExisting: AXSelectBoxComponent },\r\n    { provide: AXValuableComponent, useExisting: AXSelectBoxComponent },\r\n    { provide: AXClearableComponent, useExisting: AXSelectBoxComponent },\r\n    { provide: AXClosbaleComponent, useExisting: AXSelectBoxComponent },\r\n    { provide: AXSearchableComponent, useExisting: AXSelectBoxComponent },\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => AXSelectBoxComponent),\r\n      multi: true,\r\n    },\r\n    {\r\n      provide: AX_SELECTION_DATA_TOKEN,\r\n      useClass: MXSelectionBridgeService,\r\n    },\r\n    AXUnsubscriber,\r\n  ],\r\n  host: { ngSkipHydration: 'true' },\r\n})\r\nexport class AXSelectBoxComponent\r\n  extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXLookComponent)\r\n  implements AfterViewInit, OnDestroy\r\n{\r\n  /** @ignore */\r\n  private hotKeyService: AXHotkeysService = inject(AXHotkeysService);\r\n\r\n  /** @ignore */\r\n  protected isLoading: WritableSignal<boolean> = signal(false);\r\n\r\n  /** @ignore */\r\n  protected renderList = false;\r\n\r\n  /** @ignore */\r\n  protected dropdownSizes: { width: string; height: string } = {\r\n    width: '100%',\r\n    height: 'auto',\r\n  };\r\n\r\n  /** @ignore */\r\n  protected _listDataSource: AXDataSource<any> = convertArrayToDataSource([], {\r\n    key: this.valueField,\r\n    pageSize: 10,\r\n  });\r\n\r\n  /** @ignore */\r\n  private _dataSource: AXDataSource<any> | any[];\r\n\r\n  /**\r\n   * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.\r\n   * @returns {AXDataSource<any> | any[]}\r\n   */\r\n  public get dataSource(): AXDataSource<any> | any[] {\r\n    return this._dataSource;\r\n  }\r\n\r\n  /**\r\n   * Sets the data source, either as an `AXDataSource` or an array.\r\n   * @param {AXDataSource<any> | any[]} v\r\n   */\r\n  @Input()\r\n\r\n  /**\r\n   * Sets the data source, either as `AXDataSource` or an array. Converts arrays to `AXDataSource` and subscribes to data and loading changes.\r\n   * @param {AXDataSource<any> | any[]} v\r\n   */\r\n  public set dataSource(v: AXDataSource<any> | any[]) {\r\n    this._dataSource = v;\r\n    if (Array.isArray(v)) {\r\n      this._listDataSource = convertArrayToDataSource(v, {\r\n        key: this.valueField,\r\n        pageSize: 10,\r\n      });\r\n    } else {\r\n      this._listDataSource = this.dataSource as AXDataSource<any>;\r\n    }\r\n    //\r\n    //\r\n    this._listDataSource.onChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {\r\n      this.setDropdownSize(data.totalCount);\r\n    });\r\n    this._listDataSource.onLoadingChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((loading) => {\r\n      this.isLoading.set(loading);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * The placeholder text displayed when the component is empty.\r\n   * @param {string} placeholder\r\n   */\r\n  @Input()\r\n  placeholder: string;\r\n\r\n  /**\r\n   * The caption text to be displayed in the component.\r\n   * @param {string} caption\r\n   */\r\n  @Input()\r\n  caption: string;\r\n\r\n  /**\r\n   * The template used to customize the rendering of items.\r\n   * @param {TemplateRef<any>} itemTemplate\r\n   */\r\n  @Input()\r\n  itemTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The template used to customize the rendering of selected items.\r\n   * @param {TemplateRef<any>} selectedTemplate\r\n   */\r\n  @Input()\r\n  selectedTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The template used to display when there are no items.\r\n   * @param {TemplateRef<any>} emptyTemplate\r\n   */\r\n  @Input()\r\n  emptyTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The template used to display while loading.\r\n   * @param {TemplateRef<any>} loadingTemplate\r\n   */\r\n  @Input()\r\n  loadingTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The width of the dropdown in pixels.\r\n   * @defaultValue 260\r\n   */\r\n  @Input()\r\n  dropdownWidth = 260;\r\n\r\n  /** @ignore */\r\n  @ViewChild('panel') panel!: ElementRef<HTMLDivElement>;\r\n\r\n  /** @ignore */\r\n  @ViewChild(AXListComponent)\r\n  list: AXListComponent;\r\n\r\n  /** @ignore */\r\n  @ContentChild(AXSearchBoxComponent)\r\n  searchBox: AXSearchBoxComponent;\r\n\r\n  /** @ignore */\r\n  @ViewChild(AXDropdownBoxComponent, { static: true })\r\n  protected dropdown: AXDropdownBoxComponent;\r\n\r\n  /**\r\n   * Service for managing selection data, injected via `AX_SELECTION_DATA_TOKEN`.\r\n   */\r\n  public selectionService = inject(AX_SELECTION_DATA_TOKEN);\r\n\r\n  searchEvent: Observable<any>;\r\n\r\n  /** @ignore */\r\n  private _unsubscriber = inject(AXUnsubscriber);\r\n\r\n  /** @ignore */\r\n  protected override ngOnInit(): void {\r\n    super.ngOnInit();\r\n    //\r\n    this.registerValidation();\r\n  }\r\n\r\n  /** @ignore */\r\n  ngAfterViewInit() {\r\n    this.setDropdownSize();\r\n  }\r\n\r\n  /** @ignore */\r\n  override ngOnDestroy(): void {\r\n    this.searchBox?.onKeyDown.unsubscribe();\r\n  }\r\n\r\n  /**\r\n   * Retrieves an item by its key.\r\n   * @param {any} key\r\n   */\r\n  getItemByKey(key: any): Promise<any> | any {\r\n    const startTime = Date.now();\r\n\r\n    const check = async () => {\r\n      while (Date.now() - startTime < 2000) {\r\n        if (typeof this._listDataSource.find === 'function') {\r\n          return this._listDataSource.find(key);\r\n        } else {\r\n          await new Promise((resolve) => setTimeout(resolve, 50));\r\n        }\r\n      }\r\n      console.warn('Timeout reached without finding the \"getItemByKey\" method');\r\n    };\r\n    return check();\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleOnOpenedEvent(e: AXEvent) {\r\n    this.renderList = true;\r\n    this.list?.render();\r\n    this._handleFocus();\r\n    //\r\n    this.onOpened.emit({\r\n      component: this,\r\n      isUserInteraction: e.isUserInteraction,\r\n    });\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleOnClosedEvent(e: AXEvent) {\r\n    //this.input.focus();\r\n    this.onClosed.emit({\r\n      component: this,\r\n      isUserInteraction: e.isUserInteraction,\r\n    });\r\n    this._unsubscriber.unsubscribe();\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleFocus() {\r\n    setTimeout(() => {\r\n      if (this.searchBox) {\r\n        this.searchBox.focus();\r\n        //TODO: unsubscribe\r\n        this.hotKeyService\r\n          .addShortcut({ keys: 'Control.f', element: this.panel.nativeElement })\r\n          .pipe(this._unsubscriber.takeUntilDestroy)\r\n          .subscribe(() => {\r\n            this.searchBox.focus();\r\n          });\r\n        this.searchBox.onKeyDown.pipe(this._unsubscriber.takeUntilDestroy).subscribe((e) => {\r\n          if (e.nativeEvent.code === 'ArrowDown' || e.nativeEvent.key === 'ArrowDown') {\r\n            this.list?.focus();\r\n            e.nativeEvent.preventDefault();\r\n          }\r\n        });\r\n      } else {\r\n        this.list?.focus();\r\n      }\r\n    });\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleBadgeRemove(e: MouseEvent, item) {\r\n    this.unselectItems(item);\r\n    e.stopPropagation();\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleValueChanged(e: AXValueChangedEvent) {\r\n    if (e.isUserInteraction) {\r\n      this.commitValue(e.component.selectedItems, true);\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleOnItemClick(e: AXItemClickEvent) {\r\n    if (!this.multiple) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  private setDropdownSize(count = 0) {\r\n    if (this.dropdown.isActionsheetStyle) {\r\n      this.dropdownSizes = {\r\n        width: '100%',\r\n        height: ['auto', '0px'].includes(this.dropdownSizes.height)\r\n          ? `${Math.min(15, count) * 40}px`\r\n          : this.dropdownSizes.height,\r\n      };\r\n    } else {\r\n      //TODO: calc min-with from formula or config\r\n      const hostWidth = Math.max(this.getHostElement().offsetWidth, this.dropdownWidth);\r\n      this.dropdownSizes = {\r\n        width: `${hostWidth}px`,\r\n        height: count == 0 ? 'auto' : `${Math.min(5, count) * 40}px`,\r\n      };\r\n    }\r\n    setTimeout(() => {\r\n      this.dropdown.updatePosition();\r\n    });\r\n  }\r\n\r\n  /** @ignore */\r\n  @HostListener('keydown', ['$event'])\r\n  _handleKeydown(e: KeyboardEvent) {\r\n    if (e.code === 'ArrowDown' || e.code === 'ArrowUp') {\r\n      this.selectItemByNav(e.code === 'ArrowDown' ? 1 : -1);\r\n      e.preventDefault();\r\n    } else if (e.code === 'Backspace') {\r\n      this.unselectItems(this.selectedItems.pop());\r\n      e.preventDefault();\r\n    }\r\n    // if ((e.code === 'Space' || e.code === 'Enter') && this.hasItems) {\r\n    //     if (this.readonly || this.disabled) {\r\n    //         e.preventDefault();\r\n    //         e.stopPropagation();\r\n    //         return;\r\n    //     }\r\n    //     const id = document.activeElement?.closest('li')?.dataset?.id;\r\n    //     this.toggleSelect(id);\r\n    //     e.preventDefault();\r\n    //     e.stopPropagation()\r\n    // }\r\n  }\r\n\r\n  /** @ignore */\r\n  private selectItemByNav(sign: 1 | -1) {\r\n    if (Array.isArray(this.dataSource) && !this.multiple) {\r\n      const items = this.normalizeItemsList(this.dataSource);\r\n      const _last: any = last(this.selectedItems);\r\n      let i = -1;\r\n      if (_last) {\r\n        i = findLastIndex(items, [this.valueField, _last[this.valueField]]);\r\n      }\r\n      i += sign;\r\n      if (i < 0 || i >= items.length) return;\r\n      const next = nth<any>(items, i);\r\n      if (next) {\r\n        this.selectItems(next);\r\n      }\r\n    } else {\r\n      this.open();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Filters the data source based on the provided search term.\r\n   * @param {string} term\r\n   */\r\n  search(term: string) {\r\n    if (term) {\r\n      this._listDataSource.filter({\r\n        field: this.textField,\r\n        value: term,\r\n        operator: { type: 'contains' },\r\n      });\r\n    } else {\r\n      this._listDataSource.clearFilter();\r\n    }\r\n    this._listDataSource.refresh();\r\n  }\r\n\r\n  /**\r\n   * Refreshes the component by resetting state, clearing selection cache, refreshing the list, and closing the component.\r\n   */\r\n  refresh() {\r\n    this.reset(false);\r\n    this.clearSelectionCache();\r\n    this.list?.refresh();\r\n    this.close();\r\n  }\r\n}\r\n","<ax-dropdown-box\r\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\r\n  (onClosed)=\"_handleOnClosedEvent($event)\"\r\n  (focus)=\"emitOnFocusEvent($event)\"\r\n  (blur)=\"emitOnBlurEvent($event)\"\r\n  [disabled]=\"disabled\"\r\n  [look]=\"look\"\r\n  class=\"ax-auto-height\"\r\n>\r\n  <ng-container input>\r\n    <ng-content select=\"ax-prefix\"> </ng-content>\r\n    <div\r\n      class=\"ax-select-box-selection ax-content\"\r\n      [class.ax-multiple]=\"multiple\"\r\n      [tabindex]=\"tabIndex\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      @if (selectedItems.length === 0) {\r\n        <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n          {{ placeholder }}\r\n        </div>\r\n      }\r\n      @for (item of selectedItems; track $index) {\r\n        @if (selectedTemplate) {\r\n          <ng-template\r\n            *ngTemplateOutlet=\"selectedTemplate; context: { $implicit: { data: item } }\"\r\n          ></ng-template>\r\n        } @else {\r\n          <div class=\"ax-selected-token\">\r\n            {{ getDisplayText(item) }}\r\n            @if (!disabled && !readonly && multiple) {\r\n              <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    @if (selectedItems?.length && !disabled && !readonly) {\r\n      <ng-content select=\"ax-clear-button\"></ng-content>\r\n    }\r\n    <button\r\n      type=\"button\"\r\n      [disabled]=\"disabled\"\r\n      [tabIndex]=\"-1\"\r\n      class=\"ax-general-button ax-button-icon\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      <!-- @if (isLoading() && !isOpen) {\r\n        <ax-loading type=\"spinner\"></ax-loading>\r\n      } @else { -->\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-arrow-button\"\r\n        [ngClass]=\"{\r\n          '-rotation-90': !isOpen,\r\n          'rotation-90': isOpen,\r\n        }\"\r\n      ></span>\r\n      <!-- } -->\r\n    </button>\r\n    <ng-content select=\"ax-suffix\"> </ng-content>\r\n    <ng-template #search>\r\n      <ng-content select=\"ax-search-box\"> </ng-content>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-container panel>\r\n    <div #panel class=\"ax-select-box-panel\" [style.min-width]=\"dropdownSizes.width\">\r\n      @if (dropdown.isActionsheetStyle) {\r\n        <ax-header class=\"ax-solid\">\r\n          <ax-title>{{ caption || placeholder || 'selectbox.popover.title' | translate | async }}</ax-title>\r\n          <ax-close-button\r\n            [icon]=\"multiple ? 'ax-icon ax-icon-check !ax-text-primary-500' : 'ax-icon ax-icon-close'\"\r\n          ></ax-close-button>\r\n        </ax-header>\r\n      }\r\n      @if (searchBox) {\r\n        <div class=\"ax-search-container\">\r\n          <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\r\n        </div>\r\n      }\r\n      @if (renderList) {\r\n        <ax-list\r\n          [readonly]=\"readonly\"\r\n          [dataSource]=\"_listDataSource\"\r\n          [multiple]=\"multiple\"\r\n          [style.height]=\"dropdownSizes.height\"\r\n          [valueField]=\"valueField\"\r\n          [textField]=\"textField\"\r\n          [textTemplate]=\"textTemplate\"\r\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [loadingTemplate]=\"loadingTemplate\"\r\n          [ngModel]=\"value\"\r\n          (onValueChanged)=\"_handleValueChanged($event)\"\r\n          [selectionMode]=\"'item'\"\r\n          (onItemClick)=\"_handleOnItemClick($event)\"\r\n        >\r\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\r\n        </ax-list>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        @if (loadingTemplate) {\r\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\r\n        } @else {\r\n          <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading></ax-loading>\r\n          </div>\r\n        }\r\n      }\r\n\r\n      <ng-content select=\"ax-footer\"> </ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ax-dropdown-box>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;;;AAGG;AAwDG,MAAO,oBACX,SAAQ,OAAO,CAAC,0BAA0B,EAAE,yBAAyB,EAAE,eAAe,CAAC,CAAA;AAxDzF,IAAA,WAAA,GAAA;;;AA4DU,QAAA,IAAA,CAAA,aAAa,GAAqB,MAAM,CAAC,gBAAgB,CAAC;;AAGxD,QAAA,IAAA,CAAA,SAAS,GAA4B,MAAM,CAAC,KAAK,CAAC;;QAGlD,IAAU,CAAA,UAAA,GAAG,KAAK;;AAGlB,QAAA,IAAA,CAAA,aAAa,GAAsC;AAC3D,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,MAAM;SACf;;AAGS,QAAA,IAAA,CAAA,eAAe,GAAsB,wBAAwB,CAAC,EAAE,EAAE;YAC1E,GAAG,EAAE,IAAI,CAAC,UAAU;AACpB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA,CAAC;AAqFF;;;AAGG;QAEH,IAAa,CAAA,aAAA,GAAG,GAAG;AAiBnB;;AAEG;AACI,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,CAAC;;AAKjD,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC;AAoM/C;AAlTC;;;AAGG;AACH,IAAA,IAAW,UAAU,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW;;AAGzB;;;AAGG;IACH,IAMW,UAAU,CAAC,CAA4B,EAAA;AAChD,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC;AACpB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACpB,YAAA,IAAI,CAAC,eAAe,GAAG,wBAAwB,CAAC,CAAC,EAAE;gBACjD,GAAG,EAAE,IAAI,CAAC,UAAU;AACpB,gBAAA,QAAQ,EAAE,EAAE;AACb,aAAA,CAAC;;aACG;AACL,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAA+B;;;;AAI7D,QAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;AAC1F,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC;AACvC,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,KAAI;AACpG,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B,SAAC,CAAC;;;IA8Ee,QAAQ,GAAA;QACzB,KAAK,CAAC,QAAQ,EAAE;;QAEhB,IAAI,CAAC,kBAAkB,EAAE;;;IAI3B,eAAe,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;;;IAIf,WAAW,GAAA;AAClB,QAAA,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,EAAE;;AAGzC;;;AAGG;AACH,IAAA,YAAY,CAAC,GAAQ,EAAA;AACnB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE;AAE5B,QAAA,MAAM,KAAK,GAAG,YAAW;YACvB,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE;gBACpC,IAAI,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,UAAU,EAAE;oBACnD,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;;qBAChC;AACL,oBAAA,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;;;AAG3D,YAAA,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC;AAC3E,SAAC;QACD,OAAO,KAAK,EAAE;;;AAIN,IAAA,oBAAoB,CAAC,CAAU,EAAA;AACvC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,QAAA,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE;;AAEnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI;YACf,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;AACvC,SAAA,CAAC;;;AAIM,IAAA,oBAAoB,CAAC,CAAU,EAAA;;AAEvC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI;YACf,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;AACvC,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;;;IAIxB,YAAY,GAAA;QACpB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;;AAEtB,gBAAA,IAAI,CAAC;AACF,qBAAA,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;AACpE,qBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB;qBACxC,SAAS,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;AACxB,iBAAC,CAAC;AACJ,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;AACjF,oBAAA,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,WAAW,EAAE;AAC3E,wBAAA,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;AAClB,wBAAA,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE;;AAElC,iBAAC,CAAC;;iBACG;AACL,gBAAA,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;;AAEtB,SAAC,CAAC;;;IAIM,kBAAkB,CAAC,CAAa,EAAE,IAAI,EAAA;AAC9C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;QACxB,CAAC,CAAC,eAAe,EAAE;;;AAIX,IAAA,mBAAmB,CAAC,CAAsB,EAAA;AAClD,QAAA,IAAI,CAAC,CAAC,iBAAiB,EAAE;YACvB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC;;;;AAK3C,IAAA,kBAAkB,CAAC,CAAmB,EAAA;AAC9C,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE;;;;IAKR,eAAe,CAAC,KAAK,GAAG,CAAC,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE;YACpC,IAAI,CAAC,aAAa,GAAG;AACnB,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM;AACxD,sBAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,EAAE,CAAI,EAAA;AACjC,sBAAE,IAAI,CAAC,aAAa,CAAC,MAAM;aAC9B;;aACI;;AAEL,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC;YACjF,IAAI,CAAC,aAAa,GAAG;gBACnB,KAAK,EAAE,CAAG,EAAA,SAAS,CAAI,EAAA,CAAA;gBACvB,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA;aAC7D;;QAEH,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE;AAChC,SAAC,CAAC;;;AAKJ,IAAA,cAAc,CAAC,CAAgB,EAAA;AAC7B,QAAA,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;YACrD,CAAC,CAAC,cAAc,EAAE;;AACb,aAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YAC5C,CAAC,CAAC,cAAc,EAAE;;;;;;;;;;;;;;;AAgBd,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;YACtD,MAAM,KAAK,GAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AAC3C,YAAA,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,IAAI,KAAK,EAAE;AACT,gBAAA,CAAC,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;YAErE,CAAC,IAAI,IAAI;YACT,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM;gBAAE;YAChC,MAAM,IAAI,GAAG,GAAG,CAAM,KAAK,EAAE,CAAC,CAAC;YAC/B,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;;aAEnB;YACL,IAAI,CAAC,IAAI,EAAE;;;AAIf;;;AAGG;AACH,IAAA,MAAM,CAAC,IAAY,EAAA;QACjB,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;gBAC1B,KAAK,EAAE,IAAI,CAAC,SAAS;AACrB,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;AAC/B,aAAA,CAAC;;aACG;AACL,YAAA,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;;AAEpC,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;;AAGhC;;AAEG;IACH,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACjB,IAAI,CAAC,mBAAmB,EAAE;AAC1B,QAAA,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;QACpB,IAAI,CAAC,KAAK,EAAE;;8GA5UH,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EApBpB,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,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,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,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,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;AACD,YAAA;AACE,gBAAA,OAAO,EAAE,uBAAuB;AAChC,gBAAA,QAAQ,EAAE,wBAAwB;AACnC,aAAA;YACD,cAAc;AACf,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA8Ha,oBAAoB,EAJvB,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAe,EAQf,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,sBAAsB,qFCtOnC,spIAmHA,EAAA,MAAA,EAAA,CAAA,i6DAAA,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,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,+IAAA,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,cAAA,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,aAAA,EAAA,wBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDZa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAvDhC,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;wBACX,cAAc;qBACf,EACQ,OAAA,EAAA;wBACP,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,QAAQ;wBACR,SAAS;wBACT,gBAAgB;wBAChB,gBAAgB;wBAChB,UAAU;wBACV,UAAU;AACX,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;AACD,wBAAA;AACE,4BAAA,OAAO,EAAE,uBAAuB;AAChC,4BAAA,QAAQ,EAAE,wBAAwB;AACnC,yBAAA;wBACD,cAAc;AACf,qBAAA,EAAA,IAAA,EACK,EAAE,eAAe,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,spIAAA,EAAA,MAAA,EAAA,CAAA,i6DAAA,CAAA,EAAA;8BAgDtB,UAAU,EAAA,CAAA;sBANpB;gBA+BD,WAAW,EAAA,CAAA;sBADV;gBAQD,OAAO,EAAA,CAAA;sBADN;gBAQD,YAAY,EAAA,CAAA;sBADX;gBAQD,gBAAgB,EAAA,CAAA;sBADf;gBAQD,aAAa,EAAA,CAAA;sBADZ;gBAQD,eAAe,EAAA,CAAA;sBADd;gBAQD,aAAa,EAAA,CAAA;sBADZ;gBAImB,KAAK,EAAA,CAAA;sBAAxB,SAAS;uBAAC,OAAO;gBAIlB,IAAI,EAAA,CAAA;sBADH,SAAS;uBAAC,eAAe;gBAK1B,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,oBAAoB;gBAKxB,QAAQ,EAAA,CAAA;sBADjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,sBAAsB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBA4InD,cAAc,EAAA,CAAA;sBADb,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;ME5UxB,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+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;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;;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;;;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 {\r\n  AXClearableComponent,\r\n  AXClosbaleComponent,\r\n  AXComponent,\r\n  AXDataSource,\r\n  AXEvent,\r\n  AXFocusableComponent,\r\n  AXHotkeysService,\r\n  AXItemClickEvent,\r\n  AXSearchableComponent,\r\n  AXValuableComponent,\r\n  AXValueChangedEvent,\r\n  AX_SELECTION_DATA_TOKEN,\r\n  MXLookComponent,\r\n  MXSelectionBridgeService,\r\n  MXSelectionValueComponent,\r\n  convertArrayToDataSource,\r\n} from '@acorex/components/common';\r\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\r\nimport { AXListComponent } from '@acorex/components/list';\r\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\r\nimport { AXUnsubscriber } from '@acorex/core/utils';\r\nimport {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  HostListener,\r\n  Input,\r\n  OnDestroy,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  WritableSignal,\r\n  forwardRef,\r\n  inject,\r\n  signal,\r\n} from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { findLastIndex, last, nth } from 'lodash-es';\r\nimport { classes } from 'polytype';\r\nimport { Observable } from 'rxjs';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n * @category\r\n */\r\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        'textTemplate',\n    ],\n    outputs: [\n        'valueChange',\n        'stateChange',\n        'onValueChanged',\n        'onBlur',\n        'onFocus',\n        'readonlyChange',\n        'disabledChange',\n        'onOpened',\n        'onClosed',\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            provide: AX_SELECTION_DATA_TOKEN,\n            useClass: MXSelectionBridgeService,\n        },\n        AXUnsubscriber,\n    ],\n    host: { ngSkipHydration: 'true' },\n    standalone: false\n})\r\nexport class AXSelectBoxComponent\r\n  extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXLookComponent)\r\n  implements AfterViewInit, OnDestroy\r\n{\r\n  /** @ignore */\r\n  private hotKeyService: AXHotkeysService = inject(AXHotkeysService);\r\n\r\n  /** @ignore */\r\n  protected isLoading: WritableSignal<boolean> = signal(false);\r\n\r\n  /** @ignore */\r\n  protected renderList = false;\r\n\r\n  /** @ignore */\r\n  protected dropdownSizes: { width: string; height: string } = {\r\n    width: '100%',\r\n    height: 'auto',\r\n  };\r\n\r\n  /** @ignore */\r\n  protected _listDataSource: AXDataSource<any> = convertArrayToDataSource([], {\r\n    key: this.valueField,\r\n    pageSize: 10,\r\n  });\r\n\r\n  /** @ignore */\r\n  private _dataSource: AXDataSource<any> | any[];\r\n\r\n  /**\r\n   * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.\r\n   * @returns {AXDataSource<any> | any[]}\r\n   */\r\n  public get dataSource(): AXDataSource<any> | any[] {\r\n    return this._dataSource;\r\n  }\r\n\r\n  /**\r\n   * Sets the data source, either as an `AXDataSource` or an array.\r\n   * @param {AXDataSource<any> | any[]} v\r\n   */\r\n  @Input()\r\n\r\n  /**\r\n   * Sets the data source, either as `AXDataSource` or an array. Converts arrays to `AXDataSource` and subscribes to data and loading changes.\r\n   * @param {AXDataSource<any> | any[]} v\r\n   */\r\n  public set dataSource(v: AXDataSource<any> | any[]) {\r\n    this._dataSource = v;\r\n    if (Array.isArray(v)) {\r\n      this._listDataSource = convertArrayToDataSource(v, {\r\n        key: this.valueField,\r\n        pageSize: 10,\r\n      });\r\n    } else {\r\n      this._listDataSource = this.dataSource as AXDataSource<any>;\r\n    }\r\n    //\r\n    //\r\n    this._listDataSource.onChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {\r\n      this.setDropdownSize(data.totalCount);\r\n    });\r\n    this._listDataSource.onLoadingChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((loading) => {\r\n      this.isLoading.set(loading);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * The placeholder text displayed when the component is empty.\r\n   * @param {string} placeholder\r\n   */\r\n  @Input()\r\n  placeholder: string;\r\n\r\n  /**\r\n   * The caption text to be displayed in the component.\r\n   * @param {string} caption\r\n   */\r\n  @Input()\r\n  caption: string;\r\n\r\n  /**\r\n   * The template used to customize the rendering of items.\r\n   * @param {TemplateRef<any>} itemTemplate\r\n   */\r\n  @Input()\r\n  itemTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The template used to customize the rendering of selected items.\r\n   * @param {TemplateRef<any>} selectedTemplate\r\n   */\r\n  @Input()\r\n  selectedTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The template used to display when there are no items.\r\n   * @param {TemplateRef<any>} emptyTemplate\r\n   */\r\n  @Input()\r\n  emptyTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The template used to display while loading.\r\n   * @param {TemplateRef<any>} loadingTemplate\r\n   */\r\n  @Input()\r\n  loadingTemplate: TemplateRef<any>;\r\n\r\n  /**\r\n   * The width of the dropdown in pixels.\r\n   * @defaultValue 260\r\n   */\r\n  @Input()\r\n  dropdownWidth = 260;\r\n\r\n  /** @ignore */\r\n  @ViewChild('panel') panel!: ElementRef<HTMLDivElement>;\r\n\r\n  /** @ignore */\r\n  @ViewChild(AXListComponent)\r\n  list: AXListComponent;\r\n\r\n  /** @ignore */\r\n  @ContentChild(AXSearchBoxComponent)\r\n  searchBox: AXSearchBoxComponent;\r\n\r\n  /** @ignore */\r\n  @ViewChild(AXDropdownBoxComponent, { static: true })\r\n  protected dropdown: AXDropdownBoxComponent;\r\n\r\n  /**\r\n   * Service for managing selection data, injected via `AX_SELECTION_DATA_TOKEN`.\r\n   */\r\n  public selectionService = inject(AX_SELECTION_DATA_TOKEN);\r\n\r\n  searchEvent: Observable<any>;\r\n\r\n  /** @ignore */\r\n  private _unsubscriber = inject(AXUnsubscriber);\r\n\r\n  /** @ignore */\r\n  protected override ngOnInit(): void {\r\n    super.ngOnInit();\r\n    //\r\n    this.registerValidation();\r\n  }\r\n\r\n  /** @ignore */\r\n  ngAfterViewInit() {\r\n    this.setDropdownSize();\r\n  }\r\n\r\n  /** @ignore */\r\n  override ngOnDestroy(): void {\r\n    this.searchBox?.onKeyDown.unsubscribe();\r\n  }\r\n\r\n  /**\r\n   * Retrieves an item by its key.\r\n   * @param {any} key\r\n   */\r\n  getItemByKey(key: any): Promise<any> | any {\r\n    const startTime = Date.now();\r\n\r\n    const check = async () => {\r\n      while (Date.now() - startTime < 2000) {\r\n        if (typeof this._listDataSource.find === 'function') {\r\n          return this._listDataSource.find(key);\r\n        } else {\r\n          await new Promise((resolve) => setTimeout(resolve, 50));\r\n        }\r\n      }\r\n      console.warn('Timeout reached without finding the \"getItemByKey\" method');\r\n    };\r\n    return check();\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleOnOpenedEvent(e: AXEvent) {\r\n    this.renderList = true;\r\n    this.list?.render();\r\n    this._handleFocus();\r\n    //\r\n    this.onOpened.emit({\r\n      component: this,\r\n      isUserInteraction: e.isUserInteraction,\r\n    });\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleOnClosedEvent(e: AXEvent) {\r\n    //this.input.focus();\r\n    this.onClosed.emit({\r\n      component: this,\r\n      isUserInteraction: e.isUserInteraction,\r\n    });\r\n    this._unsubscriber.unsubscribe();\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleFocus() {\r\n    setTimeout(() => {\r\n      if (this.searchBox) {\r\n        this.searchBox.focus();\r\n        //TODO: unsubscribe\r\n        this.hotKeyService\r\n          .addShortcut({ keys: 'Control.f', element: this.panel.nativeElement })\r\n          .pipe(this._unsubscriber.takeUntilDestroy)\r\n          .subscribe(() => {\r\n            this.searchBox.focus();\r\n          });\r\n        this.searchBox.onKeyDown.pipe(this._unsubscriber.takeUntilDestroy).subscribe((e) => {\r\n          if (e.nativeEvent.code === 'ArrowDown' || e.nativeEvent.key === 'ArrowDown') {\r\n            this.list?.focus();\r\n            e.nativeEvent.preventDefault();\r\n          }\r\n        });\r\n      } else {\r\n        this.list?.focus();\r\n      }\r\n    });\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleBadgeRemove(e: MouseEvent, item) {\r\n    this.unselectItems(item);\r\n    e.stopPropagation();\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleValueChanged(e: AXValueChangedEvent) {\r\n    if (e.isUserInteraction) {\r\n      this.commitValue(e.component.selectedItems, true);\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  protected _handleOnItemClick(e: AXItemClickEvent) {\r\n    if (!this.multiple) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  private setDropdownSize(count = 0) {\r\n    if (this.dropdown.isActionsheetStyle) {\r\n      this.dropdownSizes = {\r\n        width: '100%',\r\n        height: ['auto', '0px'].includes(this.dropdownSizes.height)\r\n          ? `${Math.min(15, count) * 40}px`\r\n          : this.dropdownSizes.height,\r\n      };\r\n    } else {\r\n      //TODO: calc min-with from formula or config\r\n      const hostWidth = Math.max(this.getHostElement().offsetWidth, this.dropdownWidth);\r\n      this.dropdownSizes = {\r\n        width: `${hostWidth}px`,\r\n        height: count == 0 ? 'auto' : `${Math.min(5, count) * 40}px`,\r\n      };\r\n    }\r\n    setTimeout(() => {\r\n      this.dropdown.updatePosition();\r\n    });\r\n  }\r\n\r\n  /** @ignore */\r\n  @HostListener('keydown', ['$event'])\r\n  _handleKeydown(e: KeyboardEvent) {\r\n    if (e.code === 'ArrowDown' || e.code === 'ArrowUp') {\r\n      this.selectItemByNav(e.code === 'ArrowDown' ? 1 : -1);\r\n      e.preventDefault();\r\n    } else if (e.code === 'Backspace') {\r\n      this.unselectItems(this.selectedItems.pop());\r\n      e.preventDefault();\r\n    }\r\n    // if ((e.code === 'Space' || e.code === 'Enter') && this.hasItems) {\r\n    //     if (this.readonly || this.disabled) {\r\n    //         e.preventDefault();\r\n    //         e.stopPropagation();\r\n    //         return;\r\n    //     }\r\n    //     const id = document.activeElement?.closest('li')?.dataset?.id;\r\n    //     this.toggleSelect(id);\r\n    //     e.preventDefault();\r\n    //     e.stopPropagation()\r\n    // }\r\n  }\r\n\r\n  /** @ignore */\r\n  private selectItemByNav(sign: 1 | -1) {\r\n    if (Array.isArray(this.dataSource) && !this.multiple) {\r\n      const items = this.normalizeItemsList(this.dataSource);\r\n      const _last: any = last(this.selectedItems);\r\n      let i = -1;\r\n      if (_last) {\r\n        i = findLastIndex(items, [this.valueField, _last[this.valueField]]);\r\n      }\r\n      i += sign;\r\n      if (i < 0 || i >= items.length) return;\r\n      const next = nth<any>(items, i);\r\n      if (next) {\r\n        this.selectItems(next);\r\n      }\r\n    } else {\r\n      this.open();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Filters the data source based on the provided search term.\r\n   * @param {string} term\r\n   */\r\n  search(term: string) {\r\n    if (term) {\r\n      this._listDataSource.filter({\r\n        field: this.textField,\r\n        value: term,\r\n        operator: { type: 'contains' },\r\n      });\r\n    } else {\r\n      this._listDataSource.clearFilter();\r\n    }\r\n    this._listDataSource.refresh();\r\n  }\r\n\r\n  /**\r\n   * Refreshes the component by resetting state, clearing selection cache, refreshing the list, and closing the component.\r\n   */\r\n  refresh() {\r\n    this.reset(false);\r\n    this.clearSelectionCache();\r\n    this.list?.refresh();\r\n    this.close();\r\n  }\r\n}\r\n","<ax-dropdown-box\r\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\r\n  (onClosed)=\"_handleOnClosedEvent($event)\"\r\n  (focus)=\"emitOnFocusEvent($event)\"\r\n  (blur)=\"emitOnBlurEvent($event)\"\r\n  [disabled]=\"disabled\"\r\n  [look]=\"look\"\r\n  class=\"ax-auto-height\"\r\n>\r\n  <ng-container input>\r\n    <ng-content select=\"ax-prefix\"> </ng-content>\r\n    <div\r\n      class=\"ax-select-box-selection ax-content\"\r\n      [class.ax-multiple]=\"multiple\"\r\n      [tabindex]=\"tabIndex\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      @if (selectedItems.length === 0) {\r\n        <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n          {{ placeholder }}\r\n        </div>\r\n      }\r\n      @for (item of selectedItems; track $index) {\r\n        @if (selectedTemplate) {\r\n          <ng-template\r\n            *ngTemplateOutlet=\"selectedTemplate; context: { $implicit: { data: item } }\"\r\n          ></ng-template>\r\n        } @else {\r\n          <div class=\"ax-selected-token\">\r\n            {{ getDisplayText(item) }}\r\n            @if (!disabled && !readonly && multiple) {\r\n              <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    @if (selectedItems?.length && !disabled && !readonly) {\r\n      <ng-content select=\"ax-clear-button\"></ng-content>\r\n    }\r\n    <button\r\n      type=\"button\"\r\n      [disabled]=\"disabled\"\r\n      [tabIndex]=\"-1\"\r\n      class=\"ax-general-button ax-button-icon\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      <!-- @if (isLoading() && !isOpen) {\r\n        <ax-loading type=\"spinner\"></ax-loading>\r\n      } @else { -->\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-arrow-button\"\r\n        [ngClass]=\"{\r\n          '-rotation-90': !isOpen,\r\n          'rotation-90': isOpen,\r\n        }\"\r\n      ></span>\r\n      <!-- } -->\r\n    </button>\r\n    <ng-content select=\"ax-suffix\"> </ng-content>\r\n    <ng-template #search>\r\n      <ng-content select=\"ax-search-box\"> </ng-content>\r\n    </ng-template>\r\n  </ng-container>\r\n  <ng-container panel>\r\n    <div #panel class=\"ax-select-box-panel\" [style.min-width]=\"dropdownSizes.width\">\r\n      @if (dropdown.isActionsheetStyle) {\r\n        <ax-header class=\"ax-solid\">\r\n          <ax-title>{{ caption || placeholder || 'selectbox.popover.title' | translate | async }}</ax-title>\r\n          <ax-close-button\r\n            [icon]=\"multiple ? 'ax-icon ax-icon-check !ax-text-primary-500' : 'ax-icon ax-icon-close'\"\r\n          ></ax-close-button>\r\n        </ax-header>\r\n      }\r\n      @if (searchBox) {\r\n        <div class=\"ax-search-container\">\r\n          <ng-template [ngTemplateOutlet]=\"search\"></ng-template>\r\n        </div>\r\n      }\r\n      @if (renderList) {\r\n        <ax-list\r\n          [readonly]=\"readonly\"\r\n          [dataSource]=\"_listDataSource\"\r\n          [multiple]=\"multiple\"\r\n          [style.height]=\"dropdownSizes.height\"\r\n          [valueField]=\"valueField\"\r\n          [textField]=\"textField\"\r\n          [textTemplate]=\"textTemplate\"\r\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\r\n          [itemTemplate]=\"itemTemplate\"\r\n          [loadingTemplate]=\"loadingTemplate\"\r\n          [ngModel]=\"value\"\r\n          (onValueChanged)=\"_handleValueChanged($event)\"\r\n          [selectionMode]=\"'item'\"\r\n          (onItemClick)=\"_handleOnItemClick($event)\"\r\n        >\r\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\r\n        </ax-list>\r\n      }\r\n\r\n      @if (isLoading()) {\r\n        @if (loadingTemplate) {\r\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\r\n        } @else {\r\n          <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading></ax-loading>\r\n          </div>\r\n        }\r\n      }\r\n\r\n      <ng-content select=\"ax-footer\"> </ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ax-dropdown-box>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;;;AAGG;AAyDG,MAAO,oBACX,SAAQ,OAAO,CAAC,0BAA0B,EAAE,yBAAyB,EAAE,eAAe,CAAC,CAAA;AAzDzF,IAAA,WAAA,GAAA;;;AA6DU,QAAA,IAAA,CAAA,aAAa,GAAqB,MAAM,CAAC,gBAAgB,CAAC;;AAGxD,QAAA,IAAA,CAAA,SAAS,GAA4B,MAAM,CAAC,KAAK,CAAC;;QAGlD,IAAU,CAAA,UAAA,GAAG,KAAK;;AAGlB,QAAA,IAAA,CAAA,aAAa,GAAsC;AAC3D,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,MAAM;SACf;;AAGS,QAAA,IAAA,CAAA,eAAe,GAAsB,wBAAwB,CAAC,EAAE,EAAE;YAC1E,GAAG,EAAE,IAAI,CAAC,UAAU;AACpB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA,CAAC;AAqFF;;;AAGG;QAEH,IAAa,CAAA,aAAA,GAAG,GAAG;AAiBnB;;AAEG;AACI,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,CAAC;;AAKjD,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC;AAoM/C;AAlTC;;;AAGG;AACH,IAAA,IAAW,UAAU,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW;;AAGzB;;;AAGG;IACH,IAMW,UAAU,CAAC,CAA4B,EAAA;AAChD,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC;AACpB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACpB,YAAA,IAAI,CAAC,eAAe,GAAG,wBAAwB,CAAC,CAAC,EAAE;gBACjD,GAAG,EAAE,IAAI,CAAC,UAAU;AACpB,gBAAA,QAAQ,EAAE,EAAE;AACb,aAAA,CAAC;;aACG;AACL,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAA+B;;;;AAI7D,QAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;AAC1F,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC;AACvC,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,KAAI;AACpG,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B,SAAC,CAAC;;;IA8Ee,QAAQ,GAAA;QACzB,KAAK,CAAC,QAAQ,EAAE;;QAEhB,IAAI,CAAC,kBAAkB,EAAE;;;IAI3B,eAAe,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;;;IAIf,WAAW,GAAA;AAClB,QAAA,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,EAAE;;AAGzC;;;AAGG;AACH,IAAA,YAAY,CAAC,GAAQ,EAAA;AACnB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE;AAE5B,QAAA,MAAM,KAAK,GAAG,YAAW;YACvB,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE;gBACpC,IAAI,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,UAAU,EAAE;oBACnD,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;;qBAChC;AACL,oBAAA,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;;;AAG3D,YAAA,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC;AAC3E,SAAC;QACD,OAAO,KAAK,EAAE;;;AAIN,IAAA,oBAAoB,CAAC,CAAU,EAAA;AACvC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,QAAA,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE;;AAEnB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI;YACf,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;AACvC,SAAA,CAAC;;;AAIM,IAAA,oBAAoB,CAAC,CAAU,EAAA;;AAEvC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI;YACf,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;AACvC,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;;;IAIxB,YAAY,GAAA;QACpB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;;AAEtB,gBAAA,IAAI,CAAC;AACF,qBAAA,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;AACpE,qBAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB;qBACxC,SAAS,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;AACxB,iBAAC,CAAC;AACJ,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;AACjF,oBAAA,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,WAAW,EAAE;AAC3E,wBAAA,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;AAClB,wBAAA,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE;;AAElC,iBAAC,CAAC;;iBACG;AACL,gBAAA,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;;AAEtB,SAAC,CAAC;;;IAIM,kBAAkB,CAAC,CAAa,EAAE,IAAI,EAAA;AAC9C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;QACxB,CAAC,CAAC,eAAe,EAAE;;;AAIX,IAAA,mBAAmB,CAAC,CAAsB,EAAA;AAClD,QAAA,IAAI,CAAC,CAAC,iBAAiB,EAAE;YACvB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC;;;;AAK3C,IAAA,kBAAkB,CAAC,CAAmB,EAAA;AAC9C,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE;;;;IAKR,eAAe,CAAC,KAAK,GAAG,CAAC,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE;YACpC,IAAI,CAAC,aAAa,GAAG;AACnB,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM;AACxD,sBAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,EAAE,CAAI,EAAA;AACjC,sBAAE,IAAI,CAAC,aAAa,CAAC,MAAM;aAC9B;;aACI;;AAEL,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC;YACjF,IAAI,CAAC,aAAa,GAAG;gBACnB,KAAK,EAAE,CAAG,EAAA,SAAS,CAAI,EAAA,CAAA;gBACvB,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAI,EAAA,CAAA;aAC7D;;QAEH,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE;AAChC,SAAC,CAAC;;;AAKJ,IAAA,cAAc,CAAC,CAAgB,EAAA;AAC7B,QAAA,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;YACrD,CAAC,CAAC,cAAc,EAAE;;AACb,aAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YAC5C,CAAC,CAAC,cAAc,EAAE;;;;;;;;;;;;;;;AAgBd,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;YACtD,MAAM,KAAK,GAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AAC3C,YAAA,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,IAAI,KAAK,EAAE;AACT,gBAAA,CAAC,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;YAErE,CAAC,IAAI,IAAI;YACT,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM;gBAAE;YAChC,MAAM,IAAI,GAAG,GAAG,CAAM,KAAK,EAAE,CAAC,CAAC;YAC/B,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;;aAEnB;YACL,IAAI,CAAC,IAAI,EAAE;;;AAIf;;;AAGG;AACH,IAAA,MAAM,CAAC,IAAY,EAAA;QACjB,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;gBAC1B,KAAK,EAAE,IAAI,CAAC,SAAS;AACrB,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;AAC/B,aAAA,CAAC;;aACG;AACL,YAAA,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;;AAEpC,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;;AAGhC;;AAEG;IACH,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACjB,IAAI,CAAC,mBAAmB,EAAE;AAC1B,QAAA,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;QACpB,IAAI,CAAC,KAAK,EAAE;;8GA5UH,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EArBlB,YAAA,EAAA,KAAA,EAAA,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,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,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,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,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;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;AACD,YAAA;AACI,gBAAA,OAAO,EAAE,uBAAuB;AAChC,gBAAA,QAAQ,EAAE,wBAAwB;AACrC,aAAA;YACD,cAAc;AACjB,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA+HW,oBAAoB,EAJvB,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAe,EAQf,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,sBAAsB,qFCvOnC,spIAmHA,EAAA,MAAA,EAAA,CAAA,i6DAAA,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,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,+IAAA,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,cAAA,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,aAAA,EAAA,wBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDXa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAxDhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGjB,MAAA,EAAA;wBACJ,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;wBACX,cAAc;qBACjB,EACQ,OAAA,EAAA;wBACL,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,QAAQ;wBACR,SAAS;wBACT,gBAAgB;wBAChB,gBAAgB;wBAChB,UAAU;wBACV,UAAU;AACb,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA;AACP,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;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACD,wBAAA;AACI,4BAAA,OAAO,EAAE,uBAAuB;AAChC,4BAAA,QAAQ,EAAE,wBAAwB;AACrC,yBAAA;wBACD,cAAc;AACjB,qBAAA,EAAA,IAAA,EACK,EAAE,eAAe,EAAE,MAAM,EAAE,cACrB,KAAK,EAAA,QAAA,EAAA,spIAAA,EAAA,MAAA,EAAA,CAAA,i6DAAA,CAAA,EAAA;8BAgDR,UAAU,EAAA,CAAA;sBANpB;gBA+BD,WAAW,EAAA,CAAA;sBADV;gBAQD,OAAO,EAAA,CAAA;sBADN;gBAQD,YAAY,EAAA,CAAA;sBADX;gBAQD,gBAAgB,EAAA,CAAA;sBADf;gBAQD,aAAa,EAAA,CAAA;sBADZ;gBAQD,eAAe,EAAA,CAAA;sBADd;gBAQD,aAAa,EAAA,CAAA;sBADZ;gBAImB,KAAK,EAAA,CAAA;sBAAxB,SAAS;uBAAC,OAAO;gBAIlB,IAAI,EAAA,CAAA;sBADH,SAAS;uBAAC,eAAe;gBAK1B,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,oBAAoB;gBAKxB,QAAQ,EAAA,CAAA;sBADjB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,sBAAsB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBA4InD,cAAc,EAAA,CAAA;sBADb,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;ME7UxB,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+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;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;;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;;;ACpCD;;AAEG;;;;"}

package/fesm2022/acorex-components-selection-list.mjs

@@ -121,8 +121,8 @@ class AXSelectionListComponent extends MXSelectionValueComponent {
             `${this.readonly ? 'ax-state-readonly' : ''}`,
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectionListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: false, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: false, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: false, isRequired: false, transformFunction: null }, readonlyField: { classPropertyName: "readonlyField", publicName: "readonlyField", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, showControl: { classPropertyName: "showControl", publicName: "showControl", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXSelectionListComponent, isStandalone: false, selector: "ax-selection-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: false, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: false, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: false, isRequired: false, transformFunction: null }, readonlyField: { classPropertyName: "readonlyField", publicName: "readonlyField", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, showControl: { classPropertyName: "showControl", publicName: "showControl", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXSelectionListComponent },
             { provide: AXFocusableComponent, useExisting: AXSelectionListComponent },
             { provide: AXValuableComponent, useExisting: AXSelectionListComponent },
@@ -137,7 +137,7 @@ class AXSelectionListComponent extends MXSelectionValueComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<ul class=\"ax-{{ direction() }}\">\n  @for (item of items; let i = $index; track i) {\n    <li [class.ax-state-selected]=\"isItemSelected(item)\" [class.ax-state-disabled]=\"item.disabled\">\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        } @else {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-radio\"\n            type=\"radio\"\n            [attr.name]=\"id\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container *ngTemplateOutlet=\"customTemplate(); context: { $implicit: { data: item } }\">\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] }}\n              </p>\n            }\n          </div>\n        }\n      </label>\n    </li>\n  }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n", styles: [".ax-dark ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-color-primary-900),.25)}ax-selection-list.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul{gap:.75rem}ax-selection-list.ax-look-card ul.ax-vertical>li label,ax-selection-list.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-selection-list.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list ul{display:flex;flex-wrap:wrap}ax-selection-list ul.ax-vertical{flex-direction:column}ax-selection-list ul.ax-horizontal{flex-direction:row}ax-selection-list ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list ul li label.ax-hide-control .ax-checkbox,ax-selection-list ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list ul li label .ax-checkbox,ax-selection-list ul li label .ax-radio{margin-top:.25rem}ax-selection-list ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-color-text-default))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-color-text-default),.75)}ax-selection-list ul li.ax-state-disabled{opacity:.5}ax-selection-list ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list.ax-state-error{color:rgba(var(--ax-color-danger-500))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-color-danger-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectionListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-selection-list', inputs: [
                         'id',
@@ -165,7 +165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             provide: AX_SELECTION_DATA_TOKEN,
                             useClass: MXSelectionBridgeService,
                         },
-                    ], template: "<ul class=\"ax-{{ direction() }}\">\n  @for (item of items; let i = $index; track i) {\n    <li [class.ax-state-selected]=\"isItemSelected(item)\" [class.ax-state-disabled]=\"item.disabled\">\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        } @else {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-radio\"\n            type=\"radio\"\n            [attr.name]=\"id\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container *ngTemplateOutlet=\"customTemplate(); context: { $implicit: { data: item } }\">\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] }}\n              </p>\n            }\n          </div>\n        }\n      </label>\n    </li>\n  }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n", styles: [".ax-dark ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-color-primary-900),.25)}ax-selection-list.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul{gap:.75rem}ax-selection-list.ax-look-card ul.ax-vertical>li label,ax-selection-list.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-selection-list.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list ul{display:flex;flex-wrap:wrap}ax-selection-list ul.ax-vertical{flex-direction:column}ax-selection-list ul.ax-horizontal{flex-direction:row}ax-selection-list ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list ul li label.ax-hide-control .ax-checkbox,ax-selection-list ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list ul li label .ax-checkbox,ax-selection-list ul li label .ax-radio{margin-top:.25rem}ax-selection-list ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-color-text-default))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-color-text-default),.75)}ax-selection-list ul li.ax-state-disabled{opacity:.5}ax-selection-list ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list.ax-state-error{color:rgba(var(--ax-color-danger-500))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-color-danger-500))}\n"] }]
+                    ], standalone: false, template: "<ul class=\"ax-{{ direction() }}\">\n  @for (item of items; let i = $index; track i) {\n    <li [class.ax-state-selected]=\"isItemSelected(item)\" [class.ax-state-disabled]=\"item.disabled\">\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        } @else {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-radio\"\n            type=\"radio\"\n            [attr.name]=\"id\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container *ngTemplateOutlet=\"customTemplate(); context: { $implicit: { data: item } }\">\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] }}\n              </p>\n            }\n          </div>\n        }\n      </label>\n    </li>\n  }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n", styles: [".ax-dark ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-color-primary-900),.25)}ax-selection-list.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul{gap:.75rem}ax-selection-list.ax-look-card ul.ax-vertical>li label,ax-selection-list.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-selection-list.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list ul{display:flex;flex-wrap:wrap}ax-selection-list ul.ax-vertical{flex-direction:column}ax-selection-list ul.ax-horizontal{flex-direction:row}ax-selection-list ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list ul li label.ax-hide-control .ax-checkbox,ax-selection-list ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list ul li label .ax-checkbox,ax-selection-list ul li label .ax-radio{margin-top:.25rem}ax-selection-list ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-color-text-default))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-color-text-default),.75)}ax-selection-list ul li.ax-state-disabled{opacity:.5}ax-selection-list ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list.ax-state-error{color:rgba(var(--ax-color-danger-500))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-color-danger-500))}\n"] }]
         }], propDecorators: { showControl: [{
                 type: Input
             }], items: [{
@@ -178,11 +178,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             }] } });
 
 class AXSelectionListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXSelectionListModule, declarations: [AXSelectionListComponent], imports: [CommonModule, FormsModule, AXCheckBoxModule, AXRadioModule, AXLabelModule, AXFormModule], exports: [AXSelectionListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule, FormsModule, AXCheckBoxModule, AXRadioModule, AXLabelModule, AXFormModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionListModule, declarations: [AXSelectionListComponent], imports: [CommonModule, FormsModule, AXCheckBoxModule, AXRadioModule, AXLabelModule, AXFormModule], exports: [AXSelectionListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule, FormsModule, AXCheckBoxModule, AXRadioModule, AXLabelModule, AXFormModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSelectionListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXSelectionListComponent],

package/fesm2022/acorex-components-selection-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-selection-list.mjs","sources":["../../../../libs/components/selection-list/src/lib/selection-list.component.ts","../../../../libs/components/selection-list/src/lib/selection-list.component.html","../../../../libs/components/selection-list/src/lib/selection-list.module.ts","../../../../libs/components/selection-list/src/acorex-components-selection-list.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXDirection,\n  AXFocusableComponent,\n  AXValuableComponent,\n  AX_SELECTION_DATA_TOKEN,\n  MXSelectionBridgeService,\n  MXSelectionValueComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  TemplateRef,\n  ViewEncapsulation,\n  forwardRef,\n  input,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type AXSelectionListLook = 'solid' | 'divided' | 'card';\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-selection-list',\n  templateUrl: './selection-list.component.html',\n  styleUrls: ['./selection-list.component.scss'],\n  inputs: [\n    'id',\n    'name',\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'size',\n    'value',\n    'valueField',\n    'textField',\n    'disabledField',\n    'readonlyField',\n    'multiple',\n  ],\n  outputs: ['onValueChanged', 'onBlur', 'onFocus'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXComponent, useExisting: AXSelectionListComponent },\n    { provide: AXFocusableComponent, useExisting: AXSelectionListComponent },\n    { provide: AXValuableComponent, useExisting: AXSelectionListComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSelectionListComponent),\n      multi: true,\n    },\n    {\n      provide: AX_SELECTION_DATA_TOKEN,\n      useClass: MXSelectionBridgeService,\n    },\n  ],\n})\n\n//TODO: on parent click (card style) -> checkbox or radio change value\nexport class AXSelectionListComponent extends MXSelectionValueComponent {\n  /**\n   * sets the direction of the component.\n   * @param {AXDirection} value\n   */\n  direction = input<AXDirection>('horizontal');\n\n  /**\n   * The custom template used for rendering content.\n   *\n   * @param {TemplateRef<unknown>} customTemplate\n   */\n  customTemplate = input<TemplateRef<unknown>>();\n\n  /** @ignore */\n  private _showControl = true;\n\n  /**\n   * @param {void}\n   * Gets the current state of the control visibility.\n   */\n  @Input()\n  public get showControl(): boolean {\n    return this._showControl;\n  }\n\n  /**\n   * @param {boolean} v\n   * Sets the visibility state of the control.\n   */\n  public set showControl(v: boolean) {\n    this.setOption({\n      name: 'showControl',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  private _items: any[] = [];\n\n  /**\n   * Gets the list of items.\n   * @param {void}\n   */\n  @Input()\n  public get items(): any[] {\n    return this._items;\n  }\n\n  /**\n   * Sets the list of items.\n   *\n   * @param {any[]} v\n   */\n  public set items(v: any[]) {\n    this.softClearSelectionCache();\n    this.setOption({\n      name: 'items',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  private _hintField = 'hint';\n\n  /**\n   * Gets the field used for displaying hints.\n   */\n  public get hintField(): string {\n    return this._hintField;\n  }\n\n  /**\n   * Sets the field used for displaying hints.\n   *\n   * @param {string} v\n   */\n  public set hintField(v: string) {\n    this.setOption({\n      name: 'hintField',\n      value: v,\n    });\n  }\n\n  /**\n   * Retrieves an item from the list by its key.\n   *\n   * @param {unknown} key - The key to search for.\n   */\n  getItemByKey(key: unknown): unknown {\n    return this.items.find((c) => c == this.value || c[this.valueField] == key);\n  }\n\n  /**\n   * Defines the visual appearance of the selection list.\n   *\n   * @defaultValue 'solid'\n   */\n  @Input() look: AXSelectionListLook = 'solid';\n\n  /** @ignore */\n  protected _handleOnItemValueChange(item: any, e: Event) {\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    } else {\n      (e.target as any).checked ? this.selectItems(item) : this.unselectItems(item);\n    }\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [\n      `ax-look-${this.look}`,\n      `${this.disabled ? 'ax-state-disabled' : ''}`,\n      `${this.readonly ? 'ax-state-readonly' : ''}`,\n    ];\n  }\n}\n","<ul class=\"ax-{{ direction() }}\">\n  @for (item of items; let i = $index; track i) {\n    <li [class.ax-state-selected]=\"isItemSelected(item)\" [class.ax-state-disabled]=\"item.disabled\">\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        } @else {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-radio\"\n            type=\"radio\"\n            [attr.name]=\"id\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container *ngTemplateOutlet=\"customTemplate(); context: { $implicit: { data: item } }\">\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] }}\n              </p>\n            }\n          </div>\n        }\n      </label>\n    </li>\n  }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSelectionListComponent } from './selection-list.component';\n\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXRadioModule } from '@acorex/components/radio';\n\n@NgModule({\n  declarations: [AXSelectionListComponent],\n  imports: [CommonModule, FormsModule, AXCheckBoxModule, AXRadioModule, AXLabelModule, AXFormModule],\n  exports: [AXSelectionListComponent],\n  providers: [],\n})\nexport class AXSelectionListModule {}\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-selection-list.mjs","sources":["../../../../libs/components/selection-list/src/lib/selection-list.component.ts","../../../../libs/components/selection-list/src/lib/selection-list.component.html","../../../../libs/components/selection-list/src/lib/selection-list.module.ts","../../../../libs/components/selection-list/src/acorex-components-selection-list.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXDirection,\n  AXFocusableComponent,\n  AXValuableComponent,\n  AX_SELECTION_DATA_TOKEN,\n  MXSelectionBridgeService,\n  MXSelectionValueComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  TemplateRef,\n  ViewEncapsulation,\n  forwardRef,\n  input,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type AXSelectionListLook = 'solid' | 'divided' | 'card';\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-selection-list',\n    templateUrl: './selection-list.component.html',\n    styleUrls: ['./selection-list.component.scss'],\n    inputs: [\n        'id',\n        'name',\n        'disabled',\n        'readonly',\n        'tabIndex',\n        'size',\n        'value',\n        'valueField',\n        'textField',\n        'disabledField',\n        'readonlyField',\n        'multiple',\n    ],\n    outputs: ['onValueChanged', 'onBlur', 'onFocus'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        { provide: AXComponent, useExisting: AXSelectionListComponent },\n        { provide: AXFocusableComponent, useExisting: AXSelectionListComponent },\n        { provide: AXValuableComponent, useExisting: AXSelectionListComponent },\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => AXSelectionListComponent),\n            multi: true,\n        },\n        {\n            provide: AX_SELECTION_DATA_TOKEN,\n            useClass: MXSelectionBridgeService,\n        },\n    ],\n    standalone: false\n})\n\n//TODO: on parent click (card style) -> checkbox or radio change value\nexport class AXSelectionListComponent extends MXSelectionValueComponent {\n  /**\n   * sets the direction of the component.\n   * @param {AXDirection} value\n   */\n  direction = input<AXDirection>('horizontal');\n\n  /**\n   * The custom template used for rendering content.\n   *\n   * @param {TemplateRef<unknown>} customTemplate\n   */\n  customTemplate = input<TemplateRef<unknown>>();\n\n  /** @ignore */\n  private _showControl = true;\n\n  /**\n   * @param {void}\n   * Gets the current state of the control visibility.\n   */\n  @Input()\n  public get showControl(): boolean {\n    return this._showControl;\n  }\n\n  /**\n   * @param {boolean} v\n   * Sets the visibility state of the control.\n   */\n  public set showControl(v: boolean) {\n    this.setOption({\n      name: 'showControl',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  private _items: any[] = [];\n\n  /**\n   * Gets the list of items.\n   * @param {void}\n   */\n  @Input()\n  public get items(): any[] {\n    return this._items;\n  }\n\n  /**\n   * Sets the list of items.\n   *\n   * @param {any[]} v\n   */\n  public set items(v: any[]) {\n    this.softClearSelectionCache();\n    this.setOption({\n      name: 'items',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  private _hintField = 'hint';\n\n  /**\n   * Gets the field used for displaying hints.\n   */\n  public get hintField(): string {\n    return this._hintField;\n  }\n\n  /**\n   * Sets the field used for displaying hints.\n   *\n   * @param {string} v\n   */\n  public set hintField(v: string) {\n    this.setOption({\n      name: 'hintField',\n      value: v,\n    });\n  }\n\n  /**\n   * Retrieves an item from the list by its key.\n   *\n   * @param {unknown} key - The key to search for.\n   */\n  getItemByKey(key: unknown): unknown {\n    return this.items.find((c) => c == this.value || c[this.valueField] == key);\n  }\n\n  /**\n   * Defines the visual appearance of the selection list.\n   *\n   * @defaultValue 'solid'\n   */\n  @Input() look: AXSelectionListLook = 'solid';\n\n  /** @ignore */\n  protected _handleOnItemValueChange(item: any, e: Event) {\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    } else {\n      (e.target as any).checked ? this.selectItems(item) : this.unselectItems(item);\n    }\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [\n      `ax-look-${this.look}`,\n      `${this.disabled ? 'ax-state-disabled' : ''}`,\n      `${this.readonly ? 'ax-state-readonly' : ''}`,\n    ];\n  }\n}\n","<ul class=\"ax-{{ direction() }}\">\n  @for (item of items; let i = $index; track i) {\n    <li [class.ax-state-selected]=\"isItemSelected(item)\" [class.ax-state-disabled]=\"item.disabled\">\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        } @else {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-radio\"\n            type=\"radio\"\n            [attr.name]=\"id\"\n            (change)=\"_handleOnItemValueChange(item, $event)\"\n            [checked]=\"isItemSelected(item)\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container *ngTemplateOutlet=\"customTemplate(); context: { $implicit: { data: item } }\">\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] }}\n              </p>\n            }\n          </div>\n        }\n      </label>\n    </li>\n  }\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSelectionListComponent } from './selection-list.component';\n\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXRadioModule } from '@acorex/components/radio';\n\n@NgModule({\n  declarations: [AXSelectionListComponent],\n  imports: [CommonModule, FormsModule, AXCheckBoxModule, AXRadioModule, AXLabelModule, AXFormModule],\n  exports: [AXSelectionListComponent],\n  providers: [],\n})\nexport class AXSelectionListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}