@acorex/components 21.0.0-next.1 → 21.0.0-next.10

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

@@ -0,0 +1,220 @@
+import { MXSelectionValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXSelectionBridgeService, AX_SELECTION_DATA_TOKEN } from '@acorex/cdk/common';
+import * as i1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { NgTemplateOutlet, AsyncPipe, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, forwardRef, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXRadioModule } from '@acorex/components/radio';
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+//TODO: on parent click (card style) -> checkbox or radio change value
+class AXSelectionListLegacyComponent extends MXSelectionValueComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * sets the direction of the component.
+         * @param {AXDirection} value
+         */
+        this.direction = input('horizontal', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        /**
+         * The custom template used for rendering content.
+         *
+         * @param {TemplateRef<unknown>} customTemplate
+         */
+        this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : []));
+        /** @ignore */
+        this._showControl = true;
+        /** @ignore */
+        this._items = [];
+        /** @ignore */
+        this._hintField = 'hint';
+        /**
+         * Defines the visual appearance of the selection list.
+         *
+         * @defaultValue 'solid'
+         */
+        this.look = 'solid';
+    }
+    /**
+     * @param {void}
+     * Gets the current state of the control visibility.
+     */
+    get showControl() {
+        return this._showControl;
+    }
+    /**
+     * @param {boolean} v
+     * Sets the visibility state of the control.
+     */
+    set showControl(v) {
+        this.setOption({
+            name: 'showControl',
+            value: v,
+        });
+    }
+    /**
+     * Gets the list of items.
+     * @param {void}
+     */
+    get items() {
+        return this._items;
+    }
+    /**
+     * Sets the list of items.
+     *
+     * @param {any[]} v
+     */
+    set items(v) {
+        this.softClearSelectionCache();
+        this.setOption({
+            name: 'items',
+            value: v,
+        });
+    }
+    /**
+     * Gets the field used for displaying hints.
+     */
+    get hintField() {
+        return this._hintField;
+    }
+    /**
+     * Sets the field used for displaying hints.
+     *
+     * @param {string} v
+     */
+    set hintField(v) {
+        this.setOption({
+            name: 'hintField',
+            value: v,
+        });
+    }
+    /**
+     * Retrieves an item from the list by its key.
+     *
+     * @param {unknown} key - The key to search for.
+     */
+    getItemByKey(key) {
+        return this.items.find((c) => c == this.value || c[this.valueField] == key);
+    }
+    /** @ignore */
+    _handleOnItemValueChange(item, e) {
+        if (this.readonly || this.disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        else {
+            e.target.checked ? this.selectItems(item) : this.unselectItems(item);
+        }
+    }
+    /** @ignore */
+    get __hostClass() {
+        return [
+            `ax-look-${this.look}`,
+            `${this.disabled ? 'ax-state-disabled' : ''}`,
+            `${this.readonly ? 'ax-state-readonly' : ''}`,
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: AXSelectionListLegacyComponent, isStandalone: true, selector: "ax-selection-list-legacy", 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: AXSelectionListLegacyComponent },
+            { provide: AXFocusableComponent, useExisting: AXSelectionListLegacyComponent },
+            { provide: AXValuableComponent, useExisting: AXSelectionListLegacyComponent },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXSelectionListLegacyComponent),
+                multi: true,
+            },
+            {
+                provide: AX_SELECTION_DATA_TOKEN,
+                useClass: MXSelectionBridgeService,
+            },
+        ], 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\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n            >\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) | translate | async }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] | translate | async }}\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-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list-legacy.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list-legacy.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list-legacy.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list-legacy.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul{gap:.75rem}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-selection-list-legacy.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list-legacy ul{display:flex;flex-wrap:wrap}ax-selection-list-legacy ul.ax-vertical{flex-direction:column}ax-selection-list-legacy ul.ax-horizontal{flex-direction:row}ax-selection-list-legacy ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list-legacy ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list-legacy ul li label.ax-hide-control .ax-checkbox,ax-selection-list-legacy ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list-legacy ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list-legacy ul li label .ax-checkbox,ax-selection-list-legacy ul li label .ax-radio{margin-top:.25rem}ax-selection-list-legacy ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list-legacy ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.75)}ax-selection-list-legacy ul li.ax-state-disabled{opacity:.5}ax-selection-list-legacy ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list-legacy.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list-legacy.ax-state-error .ax-checkbox-checkmark,ax-selection-list-legacy.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListLegacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-selection-list-legacy', inputs: [
+                        'id',
+                        'name',
+                        'disabled',
+                        'readonly',
+                        'tabIndex',
+                        'size',
+                        'value',
+                        'valueField',
+                        'textField',
+                        'disabledField',
+                        'readonlyField',
+                        'multiple',
+                    ], outputs: ['onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: AXComponent, useExisting: AXSelectionListLegacyComponent },
+                        { provide: AXFocusableComponent, useExisting: AXSelectionListLegacyComponent },
+                        { provide: AXValuableComponent, useExisting: AXSelectionListLegacyComponent },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXSelectionListLegacyComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: AX_SELECTION_DATA_TOKEN,
+                            useClass: MXSelectionBridgeService,
+                        },
+                    ], imports: [NgTemplateOutlet, AsyncPipe, AXTranslationModule], 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\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n            >\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) | translate | async }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] | translate | async }}\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-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list-legacy.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list-legacy.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list-legacy.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list-legacy.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul{gap:.75rem}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-selection-list-legacy.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list-legacy ul{display:flex;flex-wrap:wrap}ax-selection-list-legacy ul.ax-vertical{flex-direction:column}ax-selection-list-legacy ul.ax-horizontal{flex-direction:row}ax-selection-list-legacy ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list-legacy ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list-legacy ul li label.ax-hide-control .ax-checkbox,ax-selection-list-legacy ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list-legacy ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list-legacy ul li label .ax-checkbox,ax-selection-list-legacy ul li label .ax-radio{margin-top:.25rem}ax-selection-list-legacy ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list-legacy ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.75)}ax-selection-list-legacy ul li.ax-state-disabled{opacity:.5}ax-selection-list-legacy ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list-legacy.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list-legacy.ax-state-error .ax-checkbox-checkmark,ax-selection-list-legacy.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"] }]
+        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], showControl: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], look: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class AXSelectionListLegacyModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListLegacyModule, imports: [CommonModule,
+            FormsModule,
+            AXCheckBoxModule,
+            AXRadioModule,
+            AXLabelModule,
+            AXFormModule,
+            AXSelectionListLegacyComponent], exports: [AXSelectionListLegacyComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListLegacyModule, imports: [CommonModule,
+            FormsModule,
+            AXCheckBoxModule,
+            AXRadioModule,
+            AXLabelModule,
+            AXFormModule,
+            AXSelectionListLegacyComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListLegacyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXCheckBoxModule,
+                        AXRadioModule,
+                        AXLabelModule,
+                        AXFormModule,
+                        AXSelectionListLegacyComponent,
+                    ],
+                    exports: [AXSelectionListLegacyComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXSelectionListLegacyComponent, AXSelectionListLegacyModule };
+//# sourceMappingURL=acorex-components-selection-list-legacy.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-selection-list-legacy.mjs","sources":["../tmp-esm2022/selection-list-legacy/lib/selection-list.component.js","../tmp-esm2022/selection-list-legacy/lib/selection-list.module.js","../tmp-esm2022/selection-list-legacy/acorex-components-selection-list-legacy.js"],"sourcesContent":["import { AXComponent, AXFocusableComponent, AXValuableComponent, AX_SELECTION_DATA_TOKEN, MXSelectionBridgeService, MXSelectionValueComponent, } from '@acorex/cdk/common';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, forwardRef, input, } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/core/translation\";\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n//TODO: on parent click (card style) -> checkbox or radio change value\nexport class AXSelectionListLegacyComponent extends MXSelectionValueComponent {\n    constructor() {\n        super(...arguments);\n        /**\n         * sets the direction of the component.\n         * @param {AXDirection} value\n         */\n        this.direction = input('horizontal', ...(ngDevMode ? [{ debugName: \"direction\" }] : []));\n        /**\n         * The custom template used for rendering content.\n         *\n         * @param {TemplateRef<unknown>} customTemplate\n         */\n        this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: \"customTemplate\" }] : []));\n        /** @ignore */\n        this._showControl = true;\n        /** @ignore */\n        this._items = [];\n        /** @ignore */\n        this._hintField = 'hint';\n        /**\n         * Defines the visual appearance of the selection list.\n         *\n         * @defaultValue 'solid'\n         */\n        this.look = 'solid';\n    }\n    /**\n     * @param {void}\n     * Gets the current state of the control visibility.\n     */\n    get showControl() {\n        return this._showControl;\n    }\n    /**\n     * @param {boolean} v\n     * Sets the visibility state of the control.\n     */\n    set showControl(v) {\n        this.setOption({\n            name: 'showControl',\n            value: v,\n        });\n    }\n    /**\n     * Gets the list of items.\n     * @param {void}\n     */\n    get items() {\n        return this._items;\n    }\n    /**\n     * Sets the list of items.\n     *\n     * @param {any[]} v\n     */\n    set items(v) {\n        this.softClearSelectionCache();\n        this.setOption({\n            name: 'items',\n            value: v,\n        });\n    }\n    /**\n     * Gets the field used for displaying hints.\n     */\n    get hintField() {\n        return this._hintField;\n    }\n    /**\n     * Sets the field used for displaying hints.\n     *\n     * @param {string} v\n     */\n    set hintField(v) {\n        this.setOption({\n            name: 'hintField',\n            value: v,\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) {\n        return this.items.find((c) => c == this.value || c[this.valueField] == key);\n    }\n    /** @ignore */\n    _handleOnItemValueChange(item, e) {\n        if (this.readonly || this.disabled) {\n            e.preventDefault();\n            e.stopPropagation();\n        }\n        else {\n            e.target.checked ? this.selectItems(item) : this.unselectItems(item);\n        }\n    }\n    /** @ignore */\n    get __hostClass() {\n        return [\n            `ax-look-${this.look}`,\n            `${this.disabled ? 'ax-state-disabled' : ''}`,\n            `${this.readonly ? 'ax-state-readonly' : ''}`,\n        ];\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionListLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.6\", type: AXSelectionListLegacyComponent, isStandalone: true, selector: \"ax-selection-list-legacy\", 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: [\n            { provide: AXComponent, useExisting: AXSelectionListLegacyComponent },\n            { provide: AXFocusableComponent, useExisting: AXSelectionListLegacyComponent },\n            { provide: AXValuableComponent, useExisting: AXSelectionListLegacyComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXSelectionListLegacyComponent),\n                multi: true,\n            },\n            {\n                provide: AX_SELECTION_DATA_TOKEN,\n                useClass: MXSelectionBridgeService,\n            },\n        ], 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\\n              [ngTemplateOutlet]=\\\"customTemplate()\\\"\\n              [ngTemplateOutletContext]=\\\"{ $implicit: { data: item } }\\\"\\n            >\\n            </ng-container>\\n          </div>\\n        } @else {\\n          <div>\\n            {{ getDisplayText(item) | translate | async }}\\n            @if (item[hintField]) {\\n              <p class=\\\"ax-hint-text\\\">\\n                {{ item[hintField] | translate | async }}\\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-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list-legacy.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list-legacy.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list-legacy.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list-legacy.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul{gap:.75rem}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-selection-list-legacy.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list-legacy ul{display:flex;flex-wrap:wrap}ax-selection-list-legacy ul.ax-vertical{flex-direction:column}ax-selection-list-legacy ul.ax-horizontal{flex-direction:row}ax-selection-list-legacy ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list-legacy ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list-legacy ul li label.ax-hide-control .ax-checkbox,ax-selection-list-legacy ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list-legacy ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list-legacy ul li label .ax-checkbox,ax-selection-list-legacy ul li label .ax-radio{margin-top:.25rem}ax-selection-list-legacy ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list-legacy ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.75)}ax-selection-list-legacy ul li.ax-state-disabled{opacity:.5}ax-selection-list-legacy ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list-legacy.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list-legacy.ax-state-error .ax-checkbox-checkmark,ax-selection-list-legacy.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"ngmodule\", type: AXTranslationModule }, { kind: \"pipe\", type: AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i1.AXTranslatorPipe, name: \"translate\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionListLegacyComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-selection-list-legacy', 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                    ], outputs: ['onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [\n                        { provide: AXComponent, useExisting: AXSelectionListLegacyComponent },\n                        { provide: AXFocusableComponent, useExisting: AXSelectionListLegacyComponent },\n                        { provide: AXValuableComponent, useExisting: AXSelectionListLegacyComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXSelectionListLegacyComponent),\n                            multi: true,\n                        },\n                        {\n                            provide: AX_SELECTION_DATA_TOKEN,\n                            useClass: MXSelectionBridgeService,\n                        },\n                    ], imports: [NgTemplateOutlet, AsyncPipe, AXTranslationModule], 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\\n              [ngTemplateOutlet]=\\\"customTemplate()\\\"\\n              [ngTemplateOutletContext]=\\\"{ $implicit: { data: item } }\\\"\\n            >\\n            </ng-container>\\n          </div>\\n        } @else {\\n          <div>\\n            {{ getDisplayText(item) | translate | async }}\\n            @if (item[hintField]) {\\n              <p class=\\\"ax-hint-text\\\">\\n                {{ item[hintField] | translate | async }}\\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-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list-legacy.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list-legacy.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list-legacy.ax-look-divided ul.ax-vertical>li label{border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list-legacy.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul{gap:.75rem}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li label{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-selection-list-legacy.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list-legacy.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-selection-list-legacy.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list-legacy ul{display:flex;flex-wrap:wrap}ax-selection-list-legacy ul.ax-vertical{flex-direction:column}ax-selection-list-legacy ul.ax-horizontal{flex-direction:row}ax-selection-list-legacy ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list-legacy ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list-legacy ul li label.ax-hide-control .ax-checkbox,ax-selection-list-legacy ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list-legacy ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list-legacy ul li label .ax-checkbox,ax-selection-list-legacy ul li label .ax-radio{margin-top:.25rem}ax-selection-list-legacy ul li label>div{margin-inline-start:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-selection-list-legacy ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.75)}ax-selection-list-legacy ul li.ax-state-disabled{opacity:.5}ax-selection-list-legacy ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list-legacy.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list-legacy.ax-state-error .ax-checkbox-checkmark,ax-selection-list-legacy.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\\n\"] }]\n        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: \"direction\", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: \"customTemplate\", required: false }] }], showControl: [{\n                type: Input\n            }], items: [{\n                type: Input\n            }], look: [{\n                type: Input\n            }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9zZWxlY3Rpb24tbGlzdC1sZWdhY3kvc3JjL2xpYi9zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3NlbGVjdGlvbi1saXN0LWxlZ2FjeS9zcmMvbGliL3NlbGVjdGlvbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxXQUFXLEVBRVgsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNuQix1QkFBdUIsRUFDdkIsd0JBQXdCLEVBQ3hCLHlCQUF5QixHQUMxQixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUVMLGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFJbkQ7Ozs7R0FJRztBQXVDSCxzRUFBc0U7QUFDdEUsTUFBTSxPQUFPLDhCQUErQixTQUFRLHlCQUF5QjtJQXZDN0U7O1FBd0NFOzs7V0FHRztRQUNILGNBQVMsR0FBRyxLQUFLLENBQWMsWUFBWSxxREFBQyxDQUFDO1FBRTdDOzs7O1dBSUc7UUFDSCxtQkFBYyxHQUFHLEtBQUssb0VBQXdCLENBQUM7UUFFL0MsY0FBYztRQUNOLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBc0I1QixjQUFjO1FBQ04sV0FBTSxHQUFVLEVBQUUs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QXVCO2dCQUNoQyxRQUFRLEVBQUUsd0JBQXdCO2FBQ25DO1NBQ0YsaURDaEVILG9tREFnREEsbzFGRGlCWSxnQkFBZ0IsbUpBQWEsbUJBQW1CLDBCQUE5QixTQUFTOzsyRkFJMUIsOEJBQThCO2tCQXZDMUMsU0FBUzsrQkFDRSwwQkFBMEIsVUFHNUI7d0JBQ04sSUFBSTt3QkFDSixNQUFNO3dCQUNOLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixVQUFVO3dCQUNWLE1BQU07d0JBQ04sT0FBTzt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZUFBZTt3QkFDZixlQUFlO3dCQUNmLFVBQVU7cUJBQ1gsV0FDUSxDQUFDLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxTQUFTLENBQUMsaUJBQ2pDLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsZ0NBQWdDLEVBQUU7d0JBQ3JFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsZ0NBQWdDLEVBQUU7d0JBQzlFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsZ0NBQWdDLEVBQUU7d0JBQzdFOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLCtCQUErQixDQUFDOzRCQUM3RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsdUJBQXVCOzRCQUNoQyxRQUFRLEVBQUUsd0JBQXdCO3lCQUNuQztxQkFDRixXQUNRLENBQUMsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDOztzQkF5QjFELEtBQUs7O3NCQXVCTCxLQUFLOztzQkFzREwsS0FBSzs7c0JBYUwsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhDb21wb25lbnQsXG4gIEFYRGlyZWN0aW9uLFxuICBBWEZvY3VzYWJsZUNvbXBvbmVudCxcbiAgQVhWYWx1YWJsZUNvbXBvbmVudCxcbiAgQVhfU0VMRUNUSU9OX0RBVEFfVE9LRU4sXG4gIE1YU2VsZWN0aW9uQnJpZGdlU2VydmljZSxcbiAgTVhTZWxlY3Rpb25WYWx1ZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IEFYVHJhbnNsYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBpbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuZXhwb3J0IHR5cGUgQVhTZWxlY3Rpb25MaXN0TG9vayA9ICdzb2xpZCcgfCAnZGl2aWRlZCcgfCAnY2FyZCc7XG5cbi8qKlxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXNlbGVjdGlvbi1saXN0LWxlZ2FjeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogW1xuICAgICdpZCcsXG4gICAgJ25hbWUnLFxuICAgICdkaXNhYmxlZCcsXG4gICAgJ3JlYWRvbmx5JyxcbiAgICAndGFiSW5kZXgnLFxuICAgICdzaXplJyxcbiAgICAndmFsdWUnLFxuICAgICd2YWx1ZUZpZWxkJyxcbiAgICAndGV4dEZpZWxkJyxcbiAgICAnZGlzYWJsZWRGaWVsZCcsXG4gICAgJ3JlYWRvbmx5RmllbGQnLFxuICAgICdtdWx0aXBsZScsXG4gIF0sXG4gIG91dHB1dHM6IFsnb25WYWx1ZUNoYW5nZWQnLCAnb25CbHVyJywgJ29uRm9jdXMnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFNlbGVjdGlvbkxpc3RMZWdhY3lDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhTZWxlY3Rpb25MaXN0TGVnYWN5Q29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWFZhbHVhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhTZWxlY3Rpb25MaXN0TGVnYWN5Q29tcG9uZW50IH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWFNlbGVjdGlvbkxpc3RMZWdhY3lDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWF9TRUxFQ1RJT05fREFUQV9UT0tFTixcbiAgICAgIHVzZUNsYXNzOiBNWFNlbGVjdGlvbkJyaWRnZVNlcnZpY2UsXG4gICAgfSxcbiAgXSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIEFzeW5jUGlwZSwgQVhUcmFuc2xhdGlvbk1vZHVsZV0sXG59KVxuXG4vL1RPRE86IG9uIHBhcmVudCBjbGljayAoY2FyZCBzdHlsZSkgLT4gY2hlY2tib3ggb3IgcmFkaW8gY2hhbmdlIHZhbHVlXG5leHBvcnQgY2xhc3MgQVhTZWxlY3Rpb25MaXN0TGVnYWN5Q29tcG9uZW50IGV4dGVuZHMgTVhTZWxlY3Rpb25WYWx1ZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBzZXRzIHRoZSBkaXJlY3Rpb24gb2YgdGhlIGNvbXBvbmVudC5cbiAgICogQHBhcmFtIHtBWERpcmVjdGlvbn0gdmFsdWVcbiAgICovXG4gIGRpcmVjdGlvbiA9IGlucHV0PEFYRGlyZWN0aW9uPignaG9yaXpvbnRhbCcpO1xuXG4gIC8qKlxuICAgKiBUaGUgY3VzdG9tIHRlbXBsYXRlIHVzZWQgZm9yIHJlbmRlcmluZyBjb250ZW50LlxuICAgKlxuICAgKiBAcGFyYW0ge1RlbXBsYXRlUmVmPHVua25vd24+fSBjdXN0b21UZW1wbGF0ZVxuICAgKi9cbiAgY3VzdG9tVGVtcGxhdGUgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIF9zaG93Q29udHJvbCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEBwYXJhbSB7dm9pZH1cbiAgICogR2V0cyB0aGUgY3VycmVudCBzdGF0ZSBvZiB0aGUgY29udHJvbCB2aXNpYmlsaXR5LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzaG93Q29udHJvbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2hvd0NvbnRyb2w7XG4gIH1cblxuICAvKipcbiAgICogQHBhcmFtIHtib29sZWFufSB2XG4gICAqIFNldHMgdGhlIHZpc2liaWxpdHkgc3RhdGUgb2YgdGhlIGNvbnRyb2wuXG4gICAqL1xuICBwdWJsaWMgc2V0IHNob3dDb250cm9sKHY6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNldE9wdGlvbih7XG4gICAgICBuYW1lOiAnc2hvd0NvbnRyb2wnLFxuICAgICAgdmFsdWU6IHYsXG4gICAgfSk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIF9pdGVtczogYW55W10gPSBbXTtcblxuICAvKipcbiAgICogR2V0cyB0aGUgbGlzdCBvZiBpdGVtcy5cbiAgICogQHBhcmFtIHt2b2lkfVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBpdGVtcygpOiBhbnlbXSB7XG4gICAgcmV0dXJuIHRoaXMuX2l0ZW1zO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGxpc3Qgb2YgaXRlbXMuXG4gICAqXG4gICAqIEBwYXJhbSB7YW55W119IHZcbiAgICovXG4gIHB1YmxpYyBzZXQgaXRlbXModjogYW55W10pIHtcbiAgICB0aGlzLnNvZnRDbGVhclNlbGVjdGlvbkNhY2hlKCk7XG4gICAgdGhpcy5zZXRPcHRpb24oe1xuICAgICAgbmFtZTogJ2l0ZW1zJyxcbiAgICAgIHZhbHVlOiB2LFxuICAgIH0pO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBfaGludEZpZWxkID0gJ2hpbnQnO1xuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSBmaWVsZCB1c2VkIGZvciBkaXNwbGF5aW5nIGhpbnRzLlxuICAgKi9cbiAgcHVibGljIGdldCBoaW50RmllbGQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faGludEZpZWxkO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGZpZWxkIHVzZWQgZm9yIGRpc3BsYXlpbmcgaGludHMuXG4gICAqXG4gICAqIEBwYXJhbSB7c3RyaW5nfSB2XG4gICAqL1xuICBwdWJsaWMgc2V0IGhpbnRGaWVsZCh2OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNldE9wdGlvbih7XG4gICAgICBuYW1lOiAnaGludEZpZWxkJyxcbiAgICAgIHZhbHVlOiB2LFxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIFJldHJpZXZlcyBhbiBpdGVtIGZyb20gdGhlIGxpc3QgYnkgaXRzIGtleS5cbiAgICpcbiAgICogQHBhcmFtIHt1bmtub3dufSBrZXkgLSBUaGUga2V5IHRvIHNlYXJjaCBmb3IuXG4gICAqL1xuICBnZXRJdGVtQnlLZXkoa2V5OiB1bmtub3duKTogdW5rbm93biB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbXMuZmluZCgoYykgPT4gYyA9PSB0aGlzLnZhbHVlIHx8IGNbdGhpcy52YWx1ZUZpZWxkXSA9PSBrZXkpO1xuICB9XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHZpc3VhbCBhcHBlYXJhbmNlIG9mIHRoZSBzZWxlY3Rpb24gbGlzdC5cbiAgICpcbiAgICogQGRlZmF1bHRWYWx1ZSAnc29saWQnXG4gICAqL1xuICBASW5wdXQoKSBsb29rOiBBWFNlbGVjdGlvbkxpc3RMb29rID0gJ3NvbGlkJztcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgX2hhbmRsZU9uSXRlbVZhbHVlQ2hhbmdlKGl0ZW06IGFueSwgZTogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5yZWFkb25seSB8fCB0aGlzLmRpc2FibGVkKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH0gZWxzZSB7XG4gICAgICAoZS50YXJnZXQgYXMgYW55KS5jaGVja2VkID8gdGhpcy5zZWxlY3RJdGVtcyhpdGVtKSA6IHRoaXMudW5zZWxlY3RJdGVtcyhpdGVtKTtcbiAgICB9XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbXG4gICAgICBgYXgtbG9vay0ke3RoaXMubG9va31gLFxuICAgICAgYCR7dGhpcy5kaXNhYmxlZCA/ICdheC1zdGF0ZS1kaXNhYmxlZCcgOiAnJ31gLFxuICAgICAgYCR7dGhpcy5yZWFkb25seSA/ICdheC1zdGF0ZS1yZWFkb25seScgOiAnJ31gLFxuICAgIF07XG4gIH1cbn1cbiIsIjx1bCBjbGFzcz1cImF4LXt7IGRpcmVjdGlvbigpIH19XCI+XG4gIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IGxldCBpID0gJGluZGV4OyB0cmFjayBpKSB7XG4gICAgPGxpIFtjbGFzcy5heC1zdGF0ZS1zZWxlY3RlZF09XCJpc0l0ZW1TZWxlY3RlZChpdGVtKVwiIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCI+XG4gICAgICA8bGFiZWwgW2NsYXNzLmF4LWhpZGUtY29udHJvbF09XCIhc2hvd0NvbnRyb2xcIj5cbiAgICAgICAgQGlmIChtdWx0aXBsZSkge1xuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgW2lkXT1cImlkICsgJy0nICsgaVwiXG4gICAgICAgICAgICBjbGFzcz1cImF4LWNoZWNrYm94XCJcbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cIl9oYW5kbGVPbkl0ZW1WYWx1ZUNoYW5nZShpdGVtLCAkZXZlbnQpXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBpdGVtW2Rpc2FibGVkRmllbGRdIHx8IHJlYWRvbmx5XCJcbiAgICAgICAgICAvPlxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIFtpZF09XCJpZCArICctJyArIGlcIlxuICAgICAgICAgICAgY2xhc3M9XCJheC1yYWRpb1wiXG4gICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgW2F0dHIubmFtZV09XCJpZFwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cIl9oYW5kbGVPbkl0ZW1WYWx1ZUNoYW5nZShpdGVtLCAkZXZlbnQpXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cImlzSXRlbVNlbGVjdGVkKGl0ZW0pXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBpdGVtW2Rpc2FibGVkRmllbGRdIHx8IHJlYWRvbmx5XCJcbiAgICAgICAgICAvPlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmIChjdXN0b21UZW1wbGF0ZSgpKSB7XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiY3VzdG9tVGVtcGxhdGUoKVwiXG4gICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogeyBkYXRhOiBpdGVtIH0gfVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIHt7IGdldERpc3BsYXlUZXh0KGl0ZW0pIHwgdHJhbnNsYXRlIHwgYXN5bmMgfX1cbiAgICAgICAgICAgIEBpZiAoaXRlbVtoaW50RmllbGRdKSB7XG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwiYXgtaGludC10ZXh0XCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbVtoaW50RmllbGRdIHwgdHJhbnNsYXRlIHwgYXN5bmMgfX1cbiAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2xhYmVsPlxuICAgIDwvbGk+XG4gIH1cbjwvdWw+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj4gPC9uZy1jb250ZW50PlxuIl19","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSelectionListLegacyComponent } from './selection-list.component';\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';\nimport * as i0 from \"@angular/core\";\nexport class AXSelectionListLegacyModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionListLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionListLegacyModule, imports: [CommonModule,\n            FormsModule,\n            AXCheckBoxModule,\n            AXRadioModule,\n            AXLabelModule,\n            AXFormModule,\n            AXSelectionListLegacyComponent], exports: [AXSelectionListLegacyComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionListLegacyModule, imports: [CommonModule,\n            FormsModule,\n            AXCheckBoxModule,\n            AXRadioModule,\n            AXLabelModule,\n            AXFormModule,\n            AXSelectionListLegacyComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionListLegacyModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [\n                        CommonModule,\n                        FormsModule,\n                        AXCheckBoxModule,\n                        AXRadioModule,\n                        AXLabelModule,\n                        AXFormModule,\n                        AXSelectionListLegacyComponent,\n                    ],\n                    exports: [AXSelectionListLegacyComponent],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9zZWxlY3Rpb24tbGlzdC1sZWdhY3kvc3JjL2xpYi9zZWxlY3Rpb24tbGlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRTVFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQWV6RCxNQUFNLE9BQU8sMkJBQTJCOzhHQUEzQiwyQkFBMkI7K0dBQTNCLDJCQUEyQixZQVhwQyxZQUFZO1lBQ1osV0FBVztZQUNYLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsYUFBYTtZQUNiLFlBQVk7WUFDWiw4QkFBOEIsYUFFdEIsOEJBQThCOytHQUc3QiwyQkFBMkIsWUFYcEMsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGFBQWE7WUFDYixZQUFZO1lBQ1osOEJBQThCOzsyRkFLckIsMkJBQTJCO2tCQWJ2QyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWiw4QkFBOEI7cUJBQy9CO29CQUNELE9BQU8sRUFBRSxDQUFDLDhCQUE4QixDQUFDO29CQUN6QyxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3RMZWdhY3lDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdGlvbi1saXN0LmNvbXBvbmVudCc7XG5cbmltcG9ydCB7IEFYQ2hlY2tCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY2hlY2stYm94JztcbmltcG9ydCB7IEFYRm9ybU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9mb3JtJztcbmltcG9ydCB7IEFYTGFiZWxNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xuaW1wb3J0IHsgQVhSYWRpb01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9yYWRpbyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgQVhDaGVja0JveE1vZHVsZSxcbiAgICBBWFJhZGlvTW9kdWxlLFxuICAgIEFYTGFiZWxNb2R1bGUsXG4gICAgQVhGb3JtTW9kdWxlLFxuICAgIEFYU2VsZWN0aW9uTGlzdExlZ2FjeUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW0FYU2VsZWN0aW9uTGlzdExlZ2FjeUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYU2VsZWN0aW9uTGlzdExlZ2FjeU1vZHVsZSB7fVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtc2VsZWN0aW9uLWxpc3QtbGVnYWN5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9zZWxlY3Rpb24tbGlzdC1sZWdhY3kvc3JjL2Fjb3JleC1jb21wb25lbnRzLXNlbGVjdGlvbi1saXN0LWxlZ2FjeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,8BAA8B,SAAS,yBAAyB,CAAC;AAC9E,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAChG;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,SAAS,GAAG,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AACvG;AACA,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI;AAChC;AACA,QAAQ,IAAI,CAAC,MAAM,GAAG,EAAE;AACxB;AACA,QAAQ,IAAI,CAAC,UAAU,GAAG,MAAM;AAChC;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,IAAI,GAAG,OAAO;AAC3B,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO,IAAI,CAAC,YAAY;AAChC,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI,IAAI,WAAW,CAAC,CAAC,EAAE;AACvB,QAAQ,IAAI,CAAC,SAAS,CAAC;AACvB,YAAY,IAAI,EAAE,aAAa;AAC/B,YAAY,KAAK,EAAE,CAAC;AACpB,SAAS,CAAC;AACV,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI,IAAI,KAAK,GAAG;AAChB,QAAQ,OAAO,IAAI,CAAC,MAAM;AAC1B,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE;AACjB,QAAQ,IAAI,CAAC,uBAAuB,EAAE;AACtC,QAAQ,IAAI,CAAC,SAAS,CAAC;AACvB,YAAY,IAAI,EAAE,OAAO;AACzB,YAAY,KAAK,EAAE,CAAC;AACpB,SAAS,CAAC;AACV,IAAI;AACJ;AACA;AACA;AACA,IAAI,IAAI,SAAS,GAAG;AACpB,QAAQ,OAAO,IAAI,CAAC,UAAU;AAC9B,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,IAAI,SAAS,CAAC,CAAC,EAAE;AACrB,QAAQ,IAAI,CAAC,SAAS,CAAC;AACvB,YAAY,IAAI,EAAE,WAAW;AAC7B,YAAY,KAAK,EAAE,CAAC;AACpB,SAAS,CAAC;AACV,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,YAAY,CAAC,GAAG,EAAE;AACtB,QAAQ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;AACnF,IAAI;AACJ;AACA,IAAI,wBAAwB,CAAC,IAAI,EAAE,CAAC,EAAE;AACtC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC5C,YAAY,CAAC,CAAC,cAAc,EAAE;AAC9B,YAAY,CAAC,CAAC,eAAe,EAAE;AAC/B,QAAQ;AACR,aAAa;AACb,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAChF,QAAQ;AACR,IAAI;AACJ;AACA,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO;AACf,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AAClC,YAAY,CAAC,EAAE,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAC,CAAC;AACzD,YAAY,CAAC,EAAE,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAC,CAAC;AACzD,SAAS;AACT,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAClM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,8BAA8B,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,cAAc,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE;AAC5/E,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,8BAA8B,EAAE;AACjF,YAAY,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,8BAA8B,EAAE;AAC1F,YAAY,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,8BAA8B,EAAE;AACzF,YAAY;AACZ,gBAAgB,OAAO,EAAE,iBAAiB;AAC1C,gBAAgB,WAAW,EAAE,UAAU,CAAC,MAAM,8BAA8B,CAAC;AAC7E,gBAAgB,KAAK,EAAE,IAAI;AAC3B,aAAa;AACb,YAAY;AACZ,gBAAgB,OAAO,EAAE,uBAAuB;AAChD,gBAAgB,QAAQ,EAAE,wBAAwB;AAClD,aAAa;AACb,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,omDAAomD,EAAE,MAAM,EAAE,CAAC,4xFAA4xF,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,0BAA0B,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,gBAAgB,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/3J;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,UAAU,EAAE,CAAC;AACxI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,EAAE;AACnE,wBAAwB,IAAI;AAC5B,wBAAwB,MAAM;AAC9B,wBAAwB,UAAU;AAClC,wBAAwB,UAAU;AAClC,wBAAwB,UAAU;AAClC,wBAAwB,MAAM;AAC9B,wBAAwB,OAAO;AAC/B,wBAAwB,YAAY;AACpC,wBAAwB,WAAW;AACnC,wBAAwB,eAAe;AACvC,wBAAwB,eAAe;AACvC,wBAAwB,UAAU;AAClC,qBAAqB,EAAE,OAAO,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,SAAS,EAAE;AAC5K,wBAAwB,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,8BAA8B,EAAE;AAC7F,wBAAwB,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,8BAA8B,EAAE;AACtG,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,8BAA8B,EAAE;AACrG,wBAAwB;AACxB,4BAA4B,OAAO,EAAE,iBAAiB;AACtD,4BAA4B,WAAW,EAAE,UAAU,CAAC,MAAM,8BAA8B,CAAC;AACzF,4BAA4B,KAAK,EAAE,IAAI;AACvC,yBAAyB;AACzB,wBAAwB;AACxB,4BAA4B,OAAO,EAAE,uBAAuB;AAC5D,4BAA4B,QAAQ,EAAE,wBAAwB;AAC9D,yBAAyB;AACzB,qBAAqB,EAAE,OAAO,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,mBAAmB,CAAC,EAAE,QAAQ,EAAE,omDAAomD,EAAE,MAAM,EAAE,CAAC,4xFAA4xF,CAAC,EAAE;AAC5+I,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;AAC1P,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;AACxB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;AAC9B,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;ACpKZ,MAAM,2BAA2B,CAAC;AACzC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC5L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,OAAO,EAAE,CAAC,YAAY;AAClK,YAAY,WAAW;AACvB,YAAY,gBAAgB;AAC5B,YAAY,aAAa;AACzB,YAAY,aAAa;AACzB,YAAY,YAAY;AACxB,YAAY,8BAA8B,CAAC,EAAE,OAAO,EAAE,CAAC,8BAA8B,CAAC,EAAE,CAAC,CAAC;AAC1F,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,OAAO,EAAE,CAAC,YAAY;AAClK,YAAY,WAAW;AACvB,YAAY,gBAAgB;AAC5B,YAAY,aAAa;AACzB,YAAY,aAAa;AACzB,YAAY,YAAY;AACxB,YAAY,8BAA8B,CAAC,EAAE,CAAC,CAAC;AAC/C;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC;AACrI,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE;AAC7B,wBAAwB,YAAY;AACpC,wBAAwB,WAAW;AACnC,wBAAwB,gBAAgB;AACxC,wBAAwB,aAAa;AACrC,wBAAwB,aAAa;AACrC,wBAAwB,YAAY;AACpC,wBAAwB,8BAA8B;AACtD,qBAAqB;AACrB,oBAAoB,OAAO,EAAE,CAAC,8BAA8B,CAAC;AAC7D,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;ACzCb;AACA;AACA;;;;"}

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

@@ -1,7 +1,10 @@
 import { MXSelectionValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXSelectionBridgeService, AX_SELECTION_DATA_TOKEN } from '@acorex/cdk/common';
-import * as i1 from '@acorex/core/translation';
+import * as i1 from '@acorex/cdk/selection';
+import { AXSelectionCdkModule } from '@acorex/cdk/selection';
+import * as i3 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
-import { NgTemplateOutlet, AsyncPipe, CommonModule } from '@angular/common';
+import * as i2 from '@angular/common';
+import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, forwardRef, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
@@ -15,63 +18,31 @@ import { AXRadioModule } from '@acorex/components/radio';
  *
  * @category Components
  */
-//TODO: on parent click (card style) -> checkbox or radio change value
 class AXSelectionListComponent extends MXSelectionValueComponent {
     constructor() {
         super(...arguments);
-        /**
-         * sets the direction of the component.
-         * @param {AXDirection} value
-         */
         this.direction = input('horizontal', ...(ngDevMode ? [{ debugName: "direction" }] : []));
-        /**
-         * The custom template used for rendering content.
-         *
-         * @param {TemplateRef<unknown>} customTemplate
-         */
         this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : []));
-        /** @ignore */
+        this.look = input('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
         this._showControl = true;
-        /** @ignore */
         this._items = [];
-        /** @ignore */
         this._hintField = 'hint';
-        /**
-         * Defines the visual appearance of the selection list.
-         *
-         * @defaultValue 'solid'
-         */
-        this.look = 'solid';
     }
-    /**
-     * @param {void}
-     * Gets the current state of the control visibility.
-     */
+    changeState(e) {
+        this.commitValue(e, true);
+    }
     get showControl() {
         return this._showControl;
     }
-    /**
-     * @param {boolean} v
-     * Sets the visibility state of the control.
-     */
     set showControl(v) {
         this.setOption({
             name: 'showControl',
             value: v,
         });
     }
-    /**
-     * Gets the list of items.
-     * @param {void}
-     */
     get items() {
         return this._items;
     }
-    /**
-     * Sets the list of items.
-     *
-     * @param {any[]} v
-     */
     set items(v) {
         this.softClearSelectionCache();
         this.setOption({
@@ -79,51 +50,27 @@ class AXSelectionListComponent extends MXSelectionValueComponent {
             value: v,
         });
     }
-    /**
-     * Gets the field used for displaying hints.
-     */
     get hintField() {
         return this._hintField;
     }
-    /**
-     * Sets the field used for displaying hints.
-     *
-     * @param {string} v
-     */
     set hintField(v) {
         this.setOption({
             name: 'hintField',
             value: v,
         });
     }
-    /**
-     * Retrieves an item from the list by its key.
-     *
-     * @param {unknown} key - The key to search for.
-     */
     getItemByKey(key) {
         return this.items.find((c) => c == this.value || c[this.valueField] == key);
     }
-    /** @ignore */
-    _handleOnItemValueChange(item, e) {
-        if (this.readonly || this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        else {
-            e.target.checked ? this.selectItems(item) : this.unselectItems(item);
-        }
-    }
-    /** @ignore */
     get __hostClass() {
         return [
-            `ax-look-${this.look}`,
+            `ax-look-${this.look()}`,
             `${this.disabled ? 'ax-state-disabled' : ''}`,
             `${this.readonly ? 'ax-state-readonly' : ''}`,
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSelectionListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSelectionListComponent, isStandalone: true, 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: "20.3.6", ngImport: i0, type: AXSelectionListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: AXSelectionListComponent, isStandalone: true, 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 }, look: { classPropertyName: "look", publicName: "look", 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 } }, 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 },
@@ -136,9 +83,9 @@ class AXSelectionListComponent extends MXSelectionValueComponent {
                 provide: AX_SELECTION_DATA_TOKEN,
                 useClass: MXSelectionBridgeService,
             },
-        ], 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\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n            >\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) | translate | async }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] | translate | async }}\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-sys-color-primary-darkest-surface),.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-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}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-sys-color-on-lightest-surface))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.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-sys-color-danger-surface))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<ul\n  [selectedKeys]=\"value\"\n  (selectedKeysChange)=\"changeState($event)\"\n  class=\"ax-{{ direction() }}\"\n  axSelectionGroup\n  [multiple]=\"multiple\"\n  [disable]=\"disabled || readonly\"\n>\n  @for (item of items; let i = $index; track item.id) {\n    <li\n      axSelectionItem\n      #a=\"axSelectionItem\"\n      [key]=\"item.id\"\n      [class.ax-state-selected]=\"a.isActive()\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      [disable]=\"item.disabled\"\n    >\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            [checked]=\"a.isActive()\"\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            [checked]=\"a.isActive()\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n            >\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            <p class=\"ax-title-text\">{{ getDisplayText(item) | translate | async }}</p>\n\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] | translate | async }}\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-sys-color-primary-darkest-surface),.25)}ax-selection-list ul.ax-horizontal .ax-title-text,ax-selection-list ul.ax-horizontal .ax-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem}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-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}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-sys-color-on-lightest-surface))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.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-sys-color-danger-surface))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXSelectionCdkModule }, { kind: "directive", type: i1.AXSelectionGroupDirective, selector: "[axSelectionGroup]", inputs: ["multiple", "disable", "selectedKeys"], outputs: ["selectedKeysChange"], exportAs: ["axSelectionGroup"] }, { kind: "directive", type: i1.AXSelectionItemDirective, selector: "[axSelectionItem]", inputs: ["key", "disable"], outputs: ["onClick", "disableChange"], exportAs: ["axSelectionItem"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSelectionListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-selection-list', inputs: [
                         'id',
@@ -166,28 +113,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                             provide: AX_SELECTION_DATA_TOKEN,
                             useClass: MXSelectionBridgeService,
                         },
-                    ], imports: [NgTemplateOutlet, AsyncPipe, AXTranslationModule], 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\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n            >\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            {{ getDisplayText(item) | translate | async }}\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] | translate | async }}\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-sys-color-primary-darkest-surface),.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-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}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-sys-color-on-lightest-surface))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.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-sys-color-danger-surface))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"] }]
-        }], propDecorators: { showControl: [{
+                    ], imports: [NgTemplateOutlet, AXSelectionCdkModule, CommonModule, AXTranslationModule], template: "<ul\n  [selectedKeys]=\"value\"\n  (selectedKeysChange)=\"changeState($event)\"\n  class=\"ax-{{ direction() }}\"\n  axSelectionGroup\n  [multiple]=\"multiple\"\n  [disable]=\"disabled || readonly\"\n>\n  @for (item of items; let i = $index; track item.id) {\n    <li\n      axSelectionItem\n      #a=\"axSelectionItem\"\n      [key]=\"item.id\"\n      [class.ax-state-selected]=\"a.isActive()\"\n      [class.ax-state-disabled]=\"item.disabled\"\n      [disable]=\"item.disabled\"\n    >\n      <label [class.ax-hide-control]=\"!showControl\">\n        @if (multiple) {\n          <input\n            [id]=\"id + '-' + i\"\n            class=\"ax-checkbox\"\n            type=\"checkbox\"\n            [checked]=\"a.isActive()\"\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            [checked]=\"a.isActive()\"\n            [disabled]=\"disabled || item[disabledField] || readonly\"\n          />\n        }\n\n        @if (customTemplate()) {\n          <div>\n            <ng-container\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\"\n            >\n            </ng-container>\n          </div>\n        } @else {\n          <div>\n            <p class=\"ax-title-text\">{{ getDisplayText(item) | translate | async }}</p>\n\n            @if (item[hintField]) {\n              <p class=\"ax-hint-text\">\n                {{ item[hintField] | translate | async }}\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-sys-color-primary-darkest-surface),.25)}ax-selection-list ul.ax-horizontal .ax-title-text,ax-selection-list ul.ax-horizontal .ax-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem}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-sys-color-border-lightest-surface));padding-bottom:.875rem}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}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-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}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-sys-color-on-lightest-surface))}ax-selection-list ul li label>div .ax-hint-text{margin-top:.25rem;font-weight:400;color:rgb(var(--ax-sys-color-on-lightest-surface),.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-sys-color-danger-surface))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"] }]
+        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], showControl: [{
                 type: Input
             }], items: [{
                 type: Input
-            }], look: [{
-                type: Input
             }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
 class AXSelectionListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule,
             FormsModule,
             AXCheckBoxModule,
             AXRadioModule,
             AXLabelModule,
             AXFormModule,
             AXSelectionListComponent], exports: [AXSelectionListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListModule, imports: [CommonModule,
             FormsModule,
             AXCheckBoxModule,
             AXRadioModule,
@@ -195,7 +140,7 @@ class AXSelectionListModule {
             AXFormModule,
             AXSelectionListComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSelectionListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [