@acorex/components 21.0.0-next.10 → 21.0.0-next.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/acorex-components-map.mjs +1 -0
 - package/fesm2022/acorex-components-map.mjs.map +1 -1
 - package/fesm2022/acorex-components-rest-api-generator.mjs +2 -2
 - package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
 - package/fesm2022/acorex-components-rrule.mjs +128 -33
 - package/fesm2022/acorex-components-rrule.mjs.map +1 -1
 - package/fesm2022/acorex-components-selection-list-2.mjs +165 -0
 - package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -0
 - package/fesm2022/acorex-components-selection-list.mjs +69 -14
 - package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
 - package/package.json +10 -10
 - package/rrule/index.d.ts +99 -4
 - package/selection-list/README.md +2 -2
 - package/selection-list/index.d.ts +57 -16
 - package/selection-list-2/README.md +3 -0
 - package/selection-list-2/index.d.ts +52 -0
 - package/fesm2022/acorex-components-selection-list-legacy.mjs +0 -220
 - package/fesm2022/acorex-components-selection-list-legacy.mjs.map +0 -1
 - package/selection-list-legacy/README.md +0 -3
 - package/selection-list-legacy/index.d.ts +0 -93
 
| 
         @@ -0,0 +1,165 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            import { MXSelectionValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXSelectionBridgeService, AX_SELECTION_DATA_TOKEN } from '@acorex/cdk/common';
         
     | 
| 
      
 2 
     | 
    
         
            +
            import * as i1 from '@acorex/cdk/selection';
         
     | 
| 
      
 3 
     | 
    
         
            +
            import { AXSelectionCdkModule } from '@acorex/cdk/selection';
         
     | 
| 
      
 4 
     | 
    
         
            +
            import * as i2 from '@angular/common';
         
     | 
| 
      
 5 
     | 
    
         
            +
            import { NgTemplateOutlet, CommonModule } from '@angular/common';
         
     | 
| 
      
 6 
     | 
    
         
            +
            import * as i0 from '@angular/core';
         
     | 
| 
      
 7 
     | 
    
         
            +
            import { input, forwardRef, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
         
     | 
| 
      
 8 
     | 
    
         
            +
            import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
         
     | 
| 
      
 9 
     | 
    
         
            +
            import * as i3 from '@acorex/core/translation';
         
     | 
| 
      
 10 
     | 
    
         
            +
            import { AXTranslationModule } from '@acorex/core/translation';
         
     | 
| 
      
 11 
     | 
    
         
            +
            import { AXCheckBoxModule } from '@acorex/components/check-box';
         
     | 
| 
      
 12 
     | 
    
         
            +
            import { AXFormModule } from '@acorex/components/form';
         
     | 
| 
      
 13 
     | 
    
         
            +
            import { AXLabelModule } from '@acorex/components/label';
         
     | 
| 
      
 14 
     | 
    
         
            +
            import { AXRadioModule } from '@acorex/components/radio';
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            /**
         
     | 
| 
      
 17 
     | 
    
         
            +
             * The Button is a component which detects user interaction and triggers a corresponding event
         
     | 
| 
      
 18 
     | 
    
         
            +
             *
         
     | 
| 
      
 19 
     | 
    
         
            +
             * @category Components
         
     | 
| 
      
 20 
     | 
    
         
            +
             */
         
     | 
| 
      
 21 
     | 
    
         
            +
            class AXSelectionList2Component extends MXSelectionValueComponent {
         
     | 
| 
      
 22 
     | 
    
         
            +
                constructor() {
         
     | 
| 
      
 23 
     | 
    
         
            +
                    super(...arguments);
         
     | 
| 
      
 24 
     | 
    
         
            +
                    this.direction = input('horizontal', ...(ngDevMode ? [{ debugName: "direction" }] : []));
         
     | 
| 
      
 25 
     | 
    
         
            +
                    this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : []));
         
     | 
| 
      
 26 
     | 
    
         
            +
                    this.look = input('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
         
     | 
| 
      
 27 
     | 
    
         
            +
                    this._showControl = true;
         
     | 
| 
      
 28 
     | 
    
         
            +
                    this._items = [];
         
     | 
| 
      
 29 
     | 
    
         
            +
                    this._hintField = 'hint';
         
     | 
| 
      
 30 
     | 
    
         
            +
                }
         
     | 
| 
      
 31 
     | 
    
         
            +
                changeState(e) {
         
     | 
| 
      
 32 
     | 
    
         
            +
                    this.commitValue(e, true);
         
     | 
| 
      
 33 
     | 
    
         
            +
                }
         
     | 
| 
      
 34 
     | 
    
         
            +
                get showControl() {
         
     | 
| 
      
 35 
     | 
    
         
            +
                    return this._showControl;
         
     | 
| 
      
 36 
     | 
    
         
            +
                }
         
     | 
| 
      
 37 
     | 
    
         
            +
                set showControl(v) {
         
     | 
| 
      
 38 
     | 
    
         
            +
                    this.setOption({
         
     | 
| 
      
 39 
     | 
    
         
            +
                        name: 'showControl',
         
     | 
| 
      
 40 
     | 
    
         
            +
                        value: v,
         
     | 
| 
      
 41 
     | 
    
         
            +
                    });
         
     | 
| 
      
 42 
     | 
    
         
            +
                }
         
     | 
| 
      
 43 
     | 
    
         
            +
                get items() {
         
     | 
| 
      
 44 
     | 
    
         
            +
                    return this._items;
         
     | 
| 
      
 45 
     | 
    
         
            +
                }
         
     | 
| 
      
 46 
     | 
    
         
            +
                set items(v) {
         
     | 
| 
      
 47 
     | 
    
         
            +
                    this.softClearSelectionCache();
         
     | 
| 
      
 48 
     | 
    
         
            +
                    this.setOption({
         
     | 
| 
      
 49 
     | 
    
         
            +
                        name: 'items',
         
     | 
| 
      
 50 
     | 
    
         
            +
                        value: v,
         
     | 
| 
      
 51 
     | 
    
         
            +
                    });
         
     | 
| 
      
 52 
     | 
    
         
            +
                }
         
     | 
| 
      
 53 
     | 
    
         
            +
                get hintField() {
         
     | 
| 
      
 54 
     | 
    
         
            +
                    return this._hintField;
         
     | 
| 
      
 55 
     | 
    
         
            +
                }
         
     | 
| 
      
 56 
     | 
    
         
            +
                set hintField(v) {
         
     | 
| 
      
 57 
     | 
    
         
            +
                    this.setOption({
         
     | 
| 
      
 58 
     | 
    
         
            +
                        name: 'hintField',
         
     | 
| 
      
 59 
     | 
    
         
            +
                        value: v,
         
     | 
| 
      
 60 
     | 
    
         
            +
                    });
         
     | 
| 
      
 61 
     | 
    
         
            +
                }
         
     | 
| 
      
 62 
     | 
    
         
            +
                getItemByKey(key) {
         
     | 
| 
      
 63 
     | 
    
         
            +
                    return this.items.find((c) => c == this.value || c[this.valueField] == key);
         
     | 
| 
      
 64 
     | 
    
         
            +
                }
         
     | 
| 
      
 65 
     | 
    
         
            +
                get __hostClass() {
         
     | 
| 
      
 66 
     | 
    
         
            +
                    return [
         
     | 
| 
      
 67 
     | 
    
         
            +
                        `ax-look-${this.look()}`,
         
     | 
| 
      
 68 
     | 
    
         
            +
                        `${this.disabled ? 'ax-state-disabled' : ''}`,
         
     | 
| 
      
 69 
     | 
    
         
            +
                        `${this.readonly ? 'ax-state-readonly' : ''}`,
         
     | 
| 
      
 70 
     | 
    
         
            +
                    ];
         
     | 
| 
      
 71 
     | 
    
         
            +
                }
         
     | 
| 
      
 72 
     | 
    
         
            +
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionList2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
         
     | 
| 
      
 73 
     | 
    
         
            +
                static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: AXSelectionList2Component, isStandalone: true, selector: "ax-selection-list2", 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: [
         
     | 
| 
      
 74 
     | 
    
         
            +
                        { provide: AXComponent, useExisting: AXSelectionList2Component },
         
     | 
| 
      
 75 
     | 
    
         
            +
                        { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },
         
     | 
| 
      
 76 
     | 
    
         
            +
                        { provide: AXValuableComponent, useExisting: AXSelectionList2Component },
         
     | 
| 
      
 77 
     | 
    
         
            +
                        {
         
     | 
| 
      
 78 
     | 
    
         
            +
                            provide: NG_VALUE_ACCESSOR,
         
     | 
| 
      
 79 
     | 
    
         
            +
                            useExisting: forwardRef(() => AXSelectionList2Component),
         
     | 
| 
      
 80 
     | 
    
         
            +
                            multi: true,
         
     | 
| 
      
 81 
     | 
    
         
            +
                        },
         
     | 
| 
      
 82 
     | 
    
         
            +
                        {
         
     | 
| 
      
 83 
     | 
    
         
            +
                            provide: AX_SELECTION_DATA_TOKEN,
         
     | 
| 
      
 84 
     | 
    
         
            +
                            useClass: MXSelectionBridgeService,
         
     | 
| 
      
 85 
     | 
    
         
            +
                        },
         
     | 
| 
      
 86 
     | 
    
         
            +
                    ], 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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list2.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list2 ul.ax-horizontal .ax-title-text,ax-selection-list2 ul.ax-horizontal .ax-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem}ax-selection-list2.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list2.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list2.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-list2.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-list2.ax-look-card ul{gap:.75rem}ax-selection-list2.ax-look-card ul.ax-vertical>li label,ax-selection-list2.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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list2.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-list2.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:.25rem}ax-selection-list2 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-list2 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-list2 ul li.ax-state-disabled{opacity:.5}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.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 }); }
         
     | 
| 
      
 87 
     | 
    
         
            +
            }
         
     | 
| 
      
 88 
     | 
    
         
            +
            i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionList2Component, decorators: [{
         
     | 
| 
      
 89 
     | 
    
         
            +
                        type: Component,
         
     | 
| 
      
 90 
     | 
    
         
            +
                        args: [{ selector: 'ax-selection-list2', inputs: [
         
     | 
| 
      
 91 
     | 
    
         
            +
                                    'id',
         
     | 
| 
      
 92 
     | 
    
         
            +
                                    'name',
         
     | 
| 
      
 93 
     | 
    
         
            +
                                    'disabled',
         
     | 
| 
      
 94 
     | 
    
         
            +
                                    'readonly',
         
     | 
| 
      
 95 
     | 
    
         
            +
                                    'tabIndex',
         
     | 
| 
      
 96 
     | 
    
         
            +
                                    'size',
         
     | 
| 
      
 97 
     | 
    
         
            +
                                    'value',
         
     | 
| 
      
 98 
     | 
    
         
            +
                                    'valueField',
         
     | 
| 
      
 99 
     | 
    
         
            +
                                    'textField',
         
     | 
| 
      
 100 
     | 
    
         
            +
                                    'disabledField',
         
     | 
| 
      
 101 
     | 
    
         
            +
                                    'readonlyField',
         
     | 
| 
      
 102 
     | 
    
         
            +
                                    'multiple',
         
     | 
| 
      
 103 
     | 
    
         
            +
                                ], outputs: ['onValueChanged', 'onBlur', 'onFocus'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
         
     | 
| 
      
 104 
     | 
    
         
            +
                                    { provide: AXComponent, useExisting: AXSelectionList2Component },
         
     | 
| 
      
 105 
     | 
    
         
            +
                                    { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },
         
     | 
| 
      
 106 
     | 
    
         
            +
                                    { provide: AXValuableComponent, useExisting: AXSelectionList2Component },
         
     | 
| 
      
 107 
     | 
    
         
            +
                                    {
         
     | 
| 
      
 108 
     | 
    
         
            +
                                        provide: NG_VALUE_ACCESSOR,
         
     | 
| 
      
 109 
     | 
    
         
            +
                                        useExisting: forwardRef(() => AXSelectionList2Component),
         
     | 
| 
      
 110 
     | 
    
         
            +
                                        multi: true,
         
     | 
| 
      
 111 
     | 
    
         
            +
                                    },
         
     | 
| 
      
 112 
     | 
    
         
            +
                                    {
         
     | 
| 
      
 113 
     | 
    
         
            +
                                        provide: AX_SELECTION_DATA_TOKEN,
         
     | 
| 
      
 114 
     | 
    
         
            +
                                        useClass: MXSelectionBridgeService,
         
     | 
| 
      
 115 
     | 
    
         
            +
                                    },
         
     | 
| 
      
 116 
     | 
    
         
            +
                                ], 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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list2.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list2 ul.ax-horizontal .ax-title-text,ax-selection-list2 ul.ax-horizontal .ax-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem}ax-selection-list2.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list2.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list2.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-list2.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-list2.ax-look-card ul{gap:.75rem}ax-selection-list2.ax-look-card ul.ax-vertical>li label,ax-selection-list2.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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list2.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-list2.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:.25rem}ax-selection-list2 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-list2 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-list2 ul li.ax-state-disabled{opacity:.5}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-sys-color-danger-surface))}\n"] }]
         
     | 
| 
      
 117 
     | 
    
         
            +
                    }], 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: [{
         
     | 
| 
      
 118 
     | 
    
         
            +
                            type: Input
         
     | 
| 
      
 119 
     | 
    
         
            +
                        }], items: [{
         
     | 
| 
      
 120 
     | 
    
         
            +
                            type: Input
         
     | 
| 
      
 121 
     | 
    
         
            +
                        }], __hostClass: [{
         
     | 
| 
      
 122 
     | 
    
         
            +
                            type: HostBinding,
         
     | 
| 
      
 123 
     | 
    
         
            +
                            args: ['class']
         
     | 
| 
      
 124 
     | 
    
         
            +
                        }] } });
         
     | 
| 
      
 125 
     | 
    
         
            +
             
     | 
| 
      
 126 
     | 
    
         
            +
            class AXSelectionList2Module {
         
     | 
| 
      
 127 
     | 
    
         
            +
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionList2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
         
     | 
| 
      
 128 
     | 
    
         
            +
                static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,
         
     | 
| 
      
 129 
     | 
    
         
            +
                        FormsModule,
         
     | 
| 
      
 130 
     | 
    
         
            +
                        AXCheckBoxModule,
         
     | 
| 
      
 131 
     | 
    
         
            +
                        AXRadioModule,
         
     | 
| 
      
 132 
     | 
    
         
            +
                        AXLabelModule,
         
     | 
| 
      
 133 
     | 
    
         
            +
                        AXFormModule,
         
     | 
| 
      
 134 
     | 
    
         
            +
                        AXSelectionList2Component], exports: [AXSelectionList2Component] }); }
         
     | 
| 
      
 135 
     | 
    
         
            +
                static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,
         
     | 
| 
      
 136 
     | 
    
         
            +
                        FormsModule,
         
     | 
| 
      
 137 
     | 
    
         
            +
                        AXCheckBoxModule,
         
     | 
| 
      
 138 
     | 
    
         
            +
                        AXRadioModule,
         
     | 
| 
      
 139 
     | 
    
         
            +
                        AXLabelModule,
         
     | 
| 
      
 140 
     | 
    
         
            +
                        AXFormModule,
         
     | 
| 
      
 141 
     | 
    
         
            +
                        AXSelectionList2Component] }); }
         
     | 
| 
      
 142 
     | 
    
         
            +
            }
         
     | 
| 
      
 143 
     | 
    
         
            +
            i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionList2Module, decorators: [{
         
     | 
| 
      
 144 
     | 
    
         
            +
                        type: NgModule,
         
     | 
| 
      
 145 
     | 
    
         
            +
                        args: [{
         
     | 
| 
      
 146 
     | 
    
         
            +
                                imports: [
         
     | 
| 
      
 147 
     | 
    
         
            +
                                    CommonModule,
         
     | 
| 
      
 148 
     | 
    
         
            +
                                    FormsModule,
         
     | 
| 
      
 149 
     | 
    
         
            +
                                    AXCheckBoxModule,
         
     | 
| 
      
 150 
     | 
    
         
            +
                                    AXRadioModule,
         
     | 
| 
      
 151 
     | 
    
         
            +
                                    AXLabelModule,
         
     | 
| 
      
 152 
     | 
    
         
            +
                                    AXFormModule,
         
     | 
| 
      
 153 
     | 
    
         
            +
                                    AXSelectionList2Component,
         
     | 
| 
      
 154 
     | 
    
         
            +
                                ],
         
     | 
| 
      
 155 
     | 
    
         
            +
                                exports: [AXSelectionList2Component],
         
     | 
| 
      
 156 
     | 
    
         
            +
                                providers: [],
         
     | 
| 
      
 157 
     | 
    
         
            +
                            }]
         
     | 
| 
      
 158 
     | 
    
         
            +
                    }] });
         
     | 
| 
      
 159 
     | 
    
         
            +
             
     | 
| 
      
 160 
     | 
    
         
            +
            /**
         
     | 
| 
      
 161 
     | 
    
         
            +
             * Generated bundle index. Do not edit.
         
     | 
| 
      
 162 
     | 
    
         
            +
             */
         
     | 
| 
      
 163 
     | 
    
         
            +
             
     | 
| 
      
 164 
     | 
    
         
            +
            export { AXSelectionList2Component, AXSelectionList2Module };
         
     | 
| 
      
 165 
     | 
    
         
            +
            //# sourceMappingURL=acorex-components-selection-list-2.mjs.map
         
     | 
| 
         @@ -0,0 +1 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            {"version":3,"file":"acorex-components-selection-list-2.mjs","sources":["../tmp-esm2022/selection-list-2/lib/selection-list2.component.js","../tmp-esm2022/selection-list-2/lib/selection-list2.module.js","../tmp-esm2022/selection-list-2/acorex-components-selection-list-2.js"],"sourcesContent":["import { AXComponent, AXFocusableComponent, AXValuableComponent, AX_SELECTION_DATA_TOKEN, MXSelectionBridgeService, MXSelectionValueComponent, } from '@acorex/cdk/common';\nimport { AXSelectionCdkModule } from '@acorex/cdk/selection';\nimport { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, forwardRef, input, } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/cdk/selection\";\nimport * as i2 from \"@angular/common\";\nimport * as i3 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 */\nexport class AXSelectionList2Component extends MXSelectionValueComponent {\n    constructor() {\n        super(...arguments);\n        this.direction = input('horizontal', ...(ngDevMode ? [{ debugName: \"direction\" }] : []));\n        this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: \"customTemplate\" }] : []));\n        this.look = input('solid', ...(ngDevMode ? [{ debugName: \"look\" }] : []));\n        this._showControl = true;\n        this._items = [];\n        this._hintField = 'hint';\n    }\n    changeState(e) {\n        this.commitValue(e, true);\n    }\n    get showControl() {\n        return this._showControl;\n    }\n    set showControl(v) {\n        this.setOption({\n            name: 'showControl',\n            value: v,\n        });\n    }\n    get items() {\n        return this._items;\n    }\n    set items(v) {\n        this.softClearSelectionCache();\n        this.setOption({\n            name: 'items',\n            value: v,\n        });\n    }\n    get hintField() {\n        return this._hintField;\n    }\n    set hintField(v) {\n        this.setOption({\n            name: 'hintField',\n            value: v,\n        });\n    }\n    getItemByKey(key) {\n        return this.items.find((c) => c == this.value || c[this.valueField] == key);\n    }\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: AXSelectionList2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.6\", type: AXSelectionList2Component, isStandalone: true, selector: \"ax-selection-list2\", 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: [\n            { provide: AXComponent, useExisting: AXSelectionList2Component },\n            { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },\n            { provide: AXValuableComponent, useExisting: AXSelectionList2Component },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXSelectionList2Component),\n                multi: true,\n            },\n            {\n                provide: AX_SELECTION_DATA_TOKEN,\n                useClass: MXSelectionBridgeService,\n            },\n        ], 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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list2.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list2 ul.ax-horizontal .ax-title-text,ax-selection-list2 ul.ax-horizontal .ax-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem}ax-selection-list2.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list2.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list2.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-list2.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-list2.ax-look-card ul{gap:.75rem}ax-selection-list2.ax-look-card ul.ax-vertical>li label,ax-selection-list2.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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list2.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-list2.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:.25rem}ax-selection-list2 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-list2 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-list2 ul li.ax-state-disabled{opacity:.5}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionList2Component, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-selection-list2', 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: AXSelectionList2Component },\n                        { provide: AXFocusableComponent, useExisting: AXSelectionList2Component },\n                        { provide: AXValuableComponent, useExisting: AXSelectionList2Component },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXSelectionList2Component),\n                            multi: true,\n                        },\n                        {\n                            provide: AX_SELECTION_DATA_TOKEN,\n                            useClass: MXSelectionBridgeService,\n                        },\n                    ], 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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list2.ax-look-card ul.ax-horizontal>li.ax-state-selected label{background-color:rgba(var(--ax-sys-color-primary-darkest-surface),.25)}ax-selection-list2 ul.ax-horizontal .ax-title-text,ax-selection-list2 ul.ax-horizontal .ax-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem}ax-selection-list2.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list2.ax-look-divided ul.ax-horizontal li:last-child label{border-style:none}ax-selection-list2.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-list2.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-list2.ax-look-card ul{gap:.75rem}ax-selection-list2.ax-look-card ul.ax-vertical>li label,ax-selection-list2.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-list2.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list2.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-list2.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-selection-list2 ul{display:flex;flex-wrap:wrap}ax-selection-list2 ul.ax-vertical{flex-direction:column}ax-selection-list2 ul.ax-horizontal{flex-direction:row}ax-selection-list2 ul li{cursor:pointer;-webkit-user-select:none;user-select:none}ax-selection-list2 ul li label{display:flex;cursor:pointer;align-items:flex-start;padding:.5rem .75rem}ax-selection-list2 ul li label.ax-hide-control .ax-checkbox,ax-selection-list2 ul li label.ax-hide-control .ax-radio{display:none}ax-selection-list2 ul li label.ax-hide-control>div{margin-inline-start:0px}ax-selection-list2 ul li label .ax-checkbox,ax-selection-list2 ul li label .ax-radio{margin-top:.25rem}ax-selection-list2 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-list2 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-list2 ul li.ax-state-disabled{opacity:.5}ax-selection-list2 ul li.ax-state-disabled *{cursor:not-allowed}ax-selection-list2.ax-state-error{color:rgba(var(--ax-sys-color-danger-surface))}ax-selection-list2.ax-state-error .ax-checkbox-checkmark,ax-selection-list2.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 }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: \"look\", required: false }] }], showControl: [{\n                type: Input\n            }], items: [{\n                type: Input\n            }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvc2VsZWN0aW9uLWxpc3QtMi9zcmMvbGliL3NlbGVjdGlvbi1saXN0Mi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3NlbGVjdGlvbi1saXN0LTIvc3JjL2xpYi9zZWxlY3Rpb24tbGlzdDIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFdBQVcsRUFFWCxvQkFBb0IsRUFDcEIsbUJBQW1CLEVBQ25CLHVCQUF1QixFQUN2Qix3QkFBd0IsRUFDeEIseUJBQXlCLEdBQzFCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLG9CQUFvQixFQUFnQyxNQUFNLHVCQUF1QixDQUFDO0FBQzNGLE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUVMLGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7OztBQUUvRDs7OztHQUlHO0FBc0NILE1BQU0sT0FBTyx5QkFBMEIsU0FBUSx5QkFBeUI7SUFyQ3hFOztRQXNDVyxjQUFTLEdBQUcsS0FBSyxDQUFjLFlBQVkscURBQUMsQ0FBQztRQUU3QyxtQkFBYyxHQUFHLEtBQUssb0VBQXdCLENBQUM7UUFFL0MsU0FBSSxHQUFHLEtBQUssQ0FBc0IsT0FBTyxnREFBQyxDQUFDO1FBTTVDLGlCQUFZLEdBQUcsSUFBSSxD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cEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVywyQkFBMkIsRUFBRTt3QkFDaEUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVywyQkFBMkIsRUFBRTt3QkFDekUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVywyQkFBMkIsRUFBRTt3QkFDeEU7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7NEJBQ3hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFFBQVEsRUFBRSx3QkFBd0I7eUJBQ25DO3FCQUNGLFdBQ1EsQ0FBQyxnQkFBZ0IsRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQUUsbUJBQW1CLENBQUM7O3NCQWVuRixLQUFLOztzQkFjTCxLQUFLOztzQkE4QkwsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhDb21wb25lbnQsXG4gIEFYRGlyZWN0aW9uLFxuICBBWEZvY3VzYWJsZUNvbXBvbmVudCxcbiAgQVhWYWx1YWJsZUNvbXBvbmVudCxcbiAgQVhfU0VMRUNUSU9OX0RBVEFfVE9LRU4sXG4gIE1YU2VsZWN0aW9uQnJpZGdlU2VydmljZSxcbiAgTVhTZWxlY3Rpb25WYWx1ZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IEFYU2VsZWN0aW9uQ2RrTW9kdWxlLCBBWFNlbGVjdGlvbkdyb3VwU2VsZWN0ZWRLZXlzIH0gZnJvbSAnQGFjb3JleC9jZGsvc2VsZWN0aW9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3QySXRlbSwgQVhTZWxlY3Rpb25MaXN0TG9vayB9IGZyb20gJy4vc2VsZWN0aW9uLWxpc3QyLnR5cGUnO1xuaW1wb3J0IHsgQVhUcmFuc2xhdGlvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29yZS90cmFuc2xhdGlvbic7XG5cbi8qKlxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXNlbGVjdGlvbi1saXN0MicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3Rpb24tbGlzdDIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3Rpb24tbGlzdDIuY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbXG4gICAgJ2lkJyxcbiAgICAnbmFtZScsXG4gICAgJ2Rpc2FibGVkJyxcbiAgICAncmVhZG9ubHknLFxuICAgICd0YWJJbmRleCcsXG4gICAgJ3NpemUnLFxuICAgICd2YWx1ZScsXG4gICAgJ3ZhbHVlRmllbGQnLFxuICAgICd0ZXh0RmllbGQnLFxuICAgICdkaXNhYmxlZEZpZWxkJyxcbiAgICAncmVhZG9ubHlGaWVsZCcsXG4gICAgJ211bHRpcGxlJyxcbiAgXSxcbiAgb3V0cHV0czogWydvblZhbHVlQ2hhbmdlZCcsICdvbkJsdXInLCAnb25Gb2N1cyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYU2VsZWN0aW9uTGlzdDJDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhTZWxlY3Rpb25MaXN0MkNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhWYWx1YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYU2VsZWN0aW9uTGlzdDJDb21wb25lbnQgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFYU2VsZWN0aW9uTGlzdDJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWF9TRUxFQ1RJT05fREFUQV9UT0tFTixcbiAgICAgIHVzZUNsYXNzOiBNWFNlbGVjdGlvbkJyaWRnZVNlcnZpY2UsXG4gICAgfSxcbiAgXSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIEFYU2VsZWN0aW9uQ2RrTW9kdWxlLCBDb21tb25Nb2R1bGUsIEFYVHJhbnNsYXRpb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFNlbGVjdGlvbkxpc3QyQ29tcG9uZW50IGV4dGVuZHMgTVhTZWxlY3Rpb25WYWx1ZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGRpcmVjdGlvbiA9IGlucHV0PEFYRGlyZWN0aW9uPignaG9yaXpvbnRhbCcpO1xuXG4gIHJlYWRvbmx5IGN1c3RvbVRlbXBsYXRlID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG5cbiAgcmVhZG9ubHkgbG9vayA9IGlucHV0PEFYU2VsZWN0aW9uTGlzdExvb2s+KCdzb2xpZCcpO1xuXG4gIHByb3RlY3RlZCBjaGFuZ2VTdGF0ZShlOiBBWFNlbGVjdGlvbkdyb3VwU2VsZWN0ZWRLZXlzKSB7XG4gICAgdGhpcy5jb21taXRWYWx1ZShlLCB0cnVlKTtcbiAgfVxuXG4gIHByaXZhdGUgX3Nob3dDb250cm9sID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IHNob3dDb250cm9sKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9zaG93Q29udHJvbDtcbiAgfVxuXG4gIHB1YmxpYyBzZXQgc2hvd0NvbnRyb2wodjogYm9vbGVhbikge1xuICAgIHRoaXMuc2V0T3B0aW9uKHtcbiAgICAgIG5hbWU6ICdzaG93Q29udHJvbCcsXG4gICAgICB2YWx1ZTogdixcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2l0ZW1zOiBBWFNlbGVjdGlvbkxpc3QySXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBpdGVtcygpOiBBWFNlbGVjdGlvbkxpc3QySXRlbVtdIHtcbiAgICByZXR1cm4gdGhpcy5faXRlbXM7XG4gIH1cblxuICBwdWJsaWMgc2V0IGl0ZW1zKHY6IEFYU2VsZWN0aW9uTGlzdDJJdGVtW10pIHtcbiAgICB0aGlzLnNvZnRDbGVhclNlbGVjdGlvbkNhY2hlKCk7XG4gICAgdGhpcy5zZXRPcHRpb24oe1xuICAgICAgbmFtZTogJ2l0ZW1zJyxcbiAgICAgIHZhbHVlOiB2LFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGludEZpZWxkID0gJ2hpbnQnO1xuXG4gIHB1YmxpYyBnZXQgaGludEZpZWxkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2hpbnRGaWVsZDtcbiAgfVxuXG4gIHB1YmxpYyBzZXQgaGludEZpZWxkKHY6IHN0cmluZykge1xuICAgIHRoaXMuc2V0T3B0aW9uKHtcbiAgICAgIG5hbWU6ICdoaW50RmllbGQnLFxuICAgICAgdmFsdWU6IHYsXG4gICAgfSk7XG4gIH1cblxuICBnZXRJdGVtQnlLZXkoa2V5OiB1bmtub3duKTogdW5rbm93biB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbXMuZmluZCgoYykgPT4gYyA9PSB0aGlzLnZhbHVlIHx8IGNbdGhpcy52YWx1ZUZpZWxkXSA9PSBrZXkpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gW1xuICAgICAgYGF4LWxvb2stJHt0aGlzLmxvb2soKX1gLFxuICAgICAgYCR7dGhpcy5kaXNhYmxlZCA/ICdheC1zdGF0ZS1kaXNhYmxlZCcgOiAnJ31gLFxuICAgICAgYCR7dGhpcy5yZWFkb25seSA/ICdheC1zdGF0ZS1yZWFkb25seScgOiAnJ31gLFxuICAgIF07XG4gIH1cbn1cbiIsIjx1bFxuICBbc2VsZWN0ZWRLZXlzXT1cInZhbHVlXCJcbiAgKHNlbGVjdGVkS2V5c0NoYW5nZSk9XCJjaGFuZ2VTdGF0ZSgkZXZlbnQpXCJcbiAgY2xhc3M9XCJheC17eyBkaXJlY3Rpb24oKSB9fVwiXG4gIGF4U2VsZWN0aW9uR3JvdXBcbiAgW211bHRpcGxlXT1cIm11bHRpcGxlXCJcbiAgW2Rpc2FibGVdPVwiZGlzYWJsZWQgfHwgcmVhZG9ubHlcIlxuPlxuICBAZm9yIChpdGVtIG9mIGl0ZW1zOyBsZXQgaSA9ICRpbmRleDsgdHJhY2sgaXRlbS5pZCkge1xuICAgIDxsaVxuICAgICAgYXhTZWxlY3Rpb25JdGVtXG4gICAgICAjYT1cImF4U2VsZWN0aW9uSXRlbVwiXG4gICAgICBba2V5XT1cIml0ZW0uaWRcIlxuICAgICAgW2NsYXNzLmF4LXN0YXRlLXNlbGVjdGVkXT1cImEuaXNBY3RpdmUoKVwiXG4gICAgICBbY2xhc3MuYXgtc3RhdGUtZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICBbZGlzYWJsZV09XCJpdGVtLmRpc2FibGVkXCJcbiAgICA+XG4gICAgICA8bGFiZWwgW2NsYXNzLmF4LWhpZGUtY29udHJvbF09XCIhc2hvd0NvbnRyb2xcIj5cbiAgICAgICAgQGlmIChtdWx0aXBsZSkge1xuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgW2lkXT1cImlkICsgJy0nICsgaVwiXG4gICAgICAgICAgICBjbGFzcz1cImF4LWNoZWNrYm94XCJcbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICBbY2hlY2tlZF09XCJhLmlzQWN0aXZlKClcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGl0ZW1bZGlzYWJsZWRGaWVsZF0gfHwgcmVhZG9ubHlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgW2lkXT1cImlkICsgJy0nICsgaVwiXG4gICAgICAgICAgICBjbGFzcz1cImF4LXJhZGlvXCJcbiAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICBbYXR0ci5uYW1lXT1cImlkXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cImEuaXNBY3RpdmUoKVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgaXRlbVtkaXNhYmxlZEZpZWxkXSB8fCByZWFkb25seVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoY3VzdG9tVGVtcGxhdGUoKSkge1xuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImN1c3RvbVRlbXBsYXRlKClcIlxuICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IHsgZGF0YTogaXRlbSB9IH1cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImF4LXRpdGxlLXRleHRcIj57eyBnZXREaXNwbGF5VGV4dChpdGVtKSB8IHRyYW5zbGF0ZSB8IGFzeW5jIH19PC9wPlxuXG4gICAgICAgICAgICBAaWYgKGl0ZW1baGludEZpZWxkXSkge1xuICAgICAgICAgICAgICA8cCBjbGFzcz1cImF4LWhpbnQtdGV4dFwiPlxuICAgICAgICAgICAgICAgIHt7IGl0ZW1baGludEZpZWxkXSB8IHRyYW5zbGF0ZSB8IGFzeW5jIH19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L2xpPlxuICB9XG48L3VsPlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtdmFsaWRhdGlvbi1ydWxlXCI+IDwvbmctY29udGVudD5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSelectionList2Component } from './selection-list2.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 AXSelectionList2Module {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionList2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,\n            FormsModule,\n            AXCheckBoxModule,\n            AXRadioModule,\n            AXLabelModule,\n            AXFormModule,\n            AXSelectionList2Component], exports: [AXSelectionList2Component] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionList2Module, imports: [CommonModule,\n            FormsModule,\n            AXCheckBoxModule,\n            AXRadioModule,\n            AXLabelModule,\n            AXFormModule,\n            AXSelectionList2Component] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXSelectionList2Module, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [\n                        CommonModule,\n                        FormsModule,\n                        AXCheckBoxModule,\n                        AXRadioModule,\n                        AXLabelModule,\n                        AXFormModule,\n                        AXSelectionList2Component,\n                    ],\n                    exports: [AXSelectionList2Component],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWxpc3QyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvc2VsZWN0aW9uLWxpc3QtMi9zcmMvbGliL3NlbGVjdGlvbi1saXN0Mi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQWV6RCxNQUFNLE9BQU8sc0JBQXNCOzhHQUF0QixzQkFBc0I7K0dBQXRCLHNCQUFzQixZQVgvQixZQUFZO1lBQ1osV0FBVztZQUNYLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsYUFBYTtZQUNiLFlBQVk7WUFDWix5QkFBeUIsYUFFakIseUJBQXlCOytHQUd4QixzQkFBc0IsWUFYL0IsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGFBQWE7WUFDYixZQUFZO1lBQ1oseUJBQXlCOzsyRkFLaEIsc0JBQXNCO2tCQWJsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWix5QkFBeUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUNwQyxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3QyQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3Rpb24tbGlzdDIuY29tcG9uZW50JztcblxuaW1wb3J0IHsgQVhDaGVja0JveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jaGVjay1ib3gnO1xuaW1wb3J0IHsgQVhGb3JtTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Zvcm0nO1xuaW1wb3J0IHsgQVhMYWJlbE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sYWJlbCc7XG5pbXBvcnQgeyBBWFJhZGlvTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3JhZGlvJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBBWENoZWNrQm94TW9kdWxlLFxuICAgIEFYUmFkaW9Nb2R1bGUsXG4gICAgQVhMYWJlbE1vZHVsZSxcbiAgICBBWEZvcm1Nb2R1bGUsXG4gICAgQVhTZWxlY3Rpb25MaXN0MkNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW0FYU2VsZWN0aW9uTGlzdDJDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFNlbGVjdGlvbkxpc3QyTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtc2VsZWN0aW9uLWxpc3QtMi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvc2VsZWN0aW9uLWxpc3QtMi9zcmMvYWNvcmV4LWNvbXBvbmVudHMtc2VsZWN0aW9uLWxpc3QtMi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
         
     | 
| 
         @@ -1,10 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            import { MXSelectionValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXSelectionBridgeService, AX_SELECTION_DATA_TOKEN } from '@acorex/cdk/common';
         
     | 
| 
       2 
     | 
    
         
            -
            import * as i1 from '@acorex/ 
     | 
| 
       3 
     | 
    
         
            -
            import { AXSelectionCdkModule } from '@acorex/cdk/selection';
         
     | 
| 
       4 
     | 
    
         
            -
            import * as i3 from '@acorex/core/translation';
         
     | 
| 
      
 2 
     | 
    
         
            +
            import * as i1 from '@acorex/core/translation';
         
     | 
| 
       5 
3 
     | 
    
         
             
            import { AXTranslationModule } from '@acorex/core/translation';
         
     | 
| 
       6 
     | 
    
         
            -
            import  
     | 
| 
       7 
     | 
    
         
            -
            import { NgTemplateOutlet, CommonModule } from '@angular/common';
         
     | 
| 
      
 4 
     | 
    
         
            +
            import { NgTemplateOutlet, AsyncPipe, CommonModule } from '@angular/common';
         
     | 
| 
       8 
5 
     | 
    
         
             
            import * as i0 from '@angular/core';
         
     | 
| 
       9 
6 
     | 
    
         
             
            import { input, forwardRef, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
         
     | 
| 
       10 
7 
     | 
    
         
             
            import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
         
     | 
| 
         @@ -18,31 +15,63 @@ import { AXRadioModule } from '@acorex/components/radio'; 
     | 
|
| 
       18 
15 
     | 
    
         
             
             *
         
     | 
| 
       19 
16 
     | 
    
         
             
             * @category Components
         
     | 
| 
       20 
17 
     | 
    
         
             
             */
         
     | 
| 
      
 18 
     | 
    
         
            +
            //TODO: on parent click (card style) -> checkbox or radio change value
         
     | 
| 
       21 
19 
     | 
    
         
             
            class AXSelectionListComponent extends MXSelectionValueComponent {
         
     | 
| 
       22 
20 
     | 
    
         
             
                constructor() {
         
     | 
| 
       23 
21 
     | 
    
         
             
                    super(...arguments);
         
     | 
| 
      
 22 
     | 
    
         
            +
                    /**
         
     | 
| 
      
 23 
     | 
    
         
            +
                     * sets the direction of the component.
         
     | 
| 
      
 24 
     | 
    
         
            +
                     * @param {AXDirection} value
         
     | 
| 
      
 25 
     | 
    
         
            +
                     */
         
     | 
| 
       24 
26 
     | 
    
         
             
                    this.direction = input('horizontal', ...(ngDevMode ? [{ debugName: "direction" }] : []));
         
     | 
| 
      
 27 
     | 
    
         
            +
                    /**
         
     | 
| 
      
 28 
     | 
    
         
            +
                     * The custom template used for rendering content.
         
     | 
| 
      
 29 
     | 
    
         
            +
                     *
         
     | 
| 
      
 30 
     | 
    
         
            +
                     * @param {TemplateRef<unknown>} customTemplate
         
     | 
| 
      
 31 
     | 
    
         
            +
                     */
         
     | 
| 
       25 
32 
     | 
    
         
             
                    this.customTemplate = input(...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : []));
         
     | 
| 
       26 
     | 
    
         
            -
                     
     | 
| 
      
 33 
     | 
    
         
            +
                    /** @ignore */
         
     | 
| 
       27 
34 
     | 
    
         
             
                    this._showControl = true;
         
     | 
| 
      
 35 
     | 
    
         
            +
                    /** @ignore */
         
     | 
| 
       28 
36 
     | 
    
         
             
                    this._items = [];
         
     | 
| 
      
 37 
     | 
    
         
            +
                    /** @ignore */
         
     | 
| 
       29 
38 
     | 
    
         
             
                    this._hintField = 'hint';
         
     | 
| 
      
 39 
     | 
    
         
            +
                    /**
         
     | 
| 
      
 40 
     | 
    
         
            +
                     * Defines the visual appearance of the selection list.
         
     | 
| 
      
 41 
     | 
    
         
            +
                     *
         
     | 
| 
      
 42 
     | 
    
         
            +
                     * @defaultValue 'solid'
         
     | 
| 
      
 43 
     | 
    
         
            +
                     */
         
     | 
| 
      
 44 
     | 
    
         
            +
                    this.look = 'solid';
         
     | 
| 
       30 
45 
     | 
    
         
             
                }
         
     | 
| 
       31 
     | 
    
         
            -
                 
     | 
| 
       32 
     | 
    
         
            -
             
     | 
| 
       33 
     | 
    
         
            -
             
     | 
| 
      
 46 
     | 
    
         
            +
                /**
         
     | 
| 
      
 47 
     | 
    
         
            +
                 * @param {void}
         
     | 
| 
      
 48 
     | 
    
         
            +
                 * Gets the current state of the control visibility.
         
     | 
| 
      
 49 
     | 
    
         
            +
                 */
         
     | 
| 
       34 
50 
     | 
    
         
             
                get showControl() {
         
     | 
| 
       35 
51 
     | 
    
         
             
                    return this._showControl;
         
     | 
| 
       36 
52 
     | 
    
         
             
                }
         
     | 
| 
      
 53 
     | 
    
         
            +
                /**
         
     | 
| 
      
 54 
     | 
    
         
            +
                 * @param {boolean} v
         
     | 
| 
      
 55 
     | 
    
         
            +
                 * Sets the visibility state of the control.
         
     | 
| 
      
 56 
     | 
    
         
            +
                 */
         
     | 
| 
       37 
57 
     | 
    
         
             
                set showControl(v) {
         
     | 
| 
       38 
58 
     | 
    
         
             
                    this.setOption({
         
     | 
| 
       39 
59 
     | 
    
         
             
                        name: 'showControl',
         
     | 
| 
       40 
60 
     | 
    
         
             
                        value: v,
         
     | 
| 
       41 
61 
     | 
    
         
             
                    });
         
     | 
| 
       42 
62 
     | 
    
         
             
                }
         
     | 
| 
      
 63 
     | 
    
         
            +
                /**
         
     | 
| 
      
 64 
     | 
    
         
            +
                 * Gets the list of items.
         
     | 
| 
      
 65 
     | 
    
         
            +
                 * @param {void}
         
     | 
| 
      
 66 
     | 
    
         
            +
                 */
         
     | 
| 
       43 
67 
     | 
    
         
             
                get items() {
         
     | 
| 
       44 
68 
     | 
    
         
             
                    return this._items;
         
     | 
| 
       45 
69 
     | 
    
         
             
                }
         
     | 
| 
      
 70 
     | 
    
         
            +
                /**
         
     | 
| 
      
 71 
     | 
    
         
            +
                 * Sets the list of items.
         
     | 
| 
      
 72 
     | 
    
         
            +
                 *
         
     | 
| 
      
 73 
     | 
    
         
            +
                 * @param {any[]} v
         
     | 
| 
      
 74 
     | 
    
         
            +
                 */
         
     | 
| 
       46 
75 
     | 
    
         
             
                set items(v) {
         
     | 
| 
       47 
76 
     | 
    
         
             
                    this.softClearSelectionCache();
         
     | 
| 
       48 
77 
     | 
    
         
             
                    this.setOption({
         
     | 
| 
         @@ -50,27 +79,51 @@ class AXSelectionListComponent extends MXSelectionValueComponent { 
     | 
|
| 
       50 
79 
     | 
    
         
             
                        value: v,
         
     | 
| 
       51 
80 
     | 
    
         
             
                    });
         
     | 
| 
       52 
81 
     | 
    
         
             
                }
         
     | 
| 
      
 82 
     | 
    
         
            +
                /**
         
     | 
| 
      
 83 
     | 
    
         
            +
                 * Gets the field used for displaying hints.
         
     | 
| 
      
 84 
     | 
    
         
            +
                 */
         
     | 
| 
       53 
85 
     | 
    
         
             
                get hintField() {
         
     | 
| 
       54 
86 
     | 
    
         
             
                    return this._hintField;
         
     | 
| 
       55 
87 
     | 
    
         
             
                }
         
     | 
| 
      
 88 
     | 
    
         
            +
                /**
         
     | 
| 
      
 89 
     | 
    
         
            +
                 * Sets the field used for displaying hints.
         
     | 
| 
      
 90 
     | 
    
         
            +
                 *
         
     | 
| 
      
 91 
     | 
    
         
            +
                 * @param {string} v
         
     | 
| 
      
 92 
     | 
    
         
            +
                 */
         
     | 
| 
       56 
93 
     | 
    
         
             
                set hintField(v) {
         
     | 
| 
       57 
94 
     | 
    
         
             
                    this.setOption({
         
     | 
| 
       58 
95 
     | 
    
         
             
                        name: 'hintField',
         
     | 
| 
       59 
96 
     | 
    
         
             
                        value: v,
         
     | 
| 
       60 
97 
     | 
    
         
             
                    });
         
     | 
| 
       61 
98 
     | 
    
         
             
                }
         
     | 
| 
      
 99 
     | 
    
         
            +
                /**
         
     | 
| 
      
 100 
     | 
    
         
            +
                 * Retrieves an item from the list by its key.
         
     | 
| 
      
 101 
     | 
    
         
            +
                 *
         
     | 
| 
      
 102 
     | 
    
         
            +
                 * @param {unknown} key - The key to search for.
         
     | 
| 
      
 103 
     | 
    
         
            +
                 */
         
     | 
| 
       62 
104 
     | 
    
         
             
                getItemByKey(key) {
         
     | 
| 
       63 
105 
     | 
    
         
             
                    return this.items.find((c) => c == this.value || c[this.valueField] == key);
         
     | 
| 
       64 
106 
     | 
    
         
             
                }
         
     | 
| 
      
 107 
     | 
    
         
            +
                /** @ignore */
         
     | 
| 
      
 108 
     | 
    
         
            +
                _handleOnItemValueChange(item, e) {
         
     | 
| 
      
 109 
     | 
    
         
            +
                    if (this.readonly || this.disabled) {
         
     | 
| 
      
 110 
     | 
    
         
            +
                        e.preventDefault();
         
     | 
| 
      
 111 
     | 
    
         
            +
                        e.stopPropagation();
         
     | 
| 
      
 112 
     | 
    
         
            +
                    }
         
     | 
| 
      
 113 
     | 
    
         
            +
                    else {
         
     | 
| 
      
 114 
     | 
    
         
            +
                        e.target.checked ? this.selectItems(item) : this.unselectItems(item);
         
     | 
| 
      
 115 
     | 
    
         
            +
                    }
         
     | 
| 
      
 116 
     | 
    
         
            +
                }
         
     | 
| 
      
 117 
     | 
    
         
            +
                /** @ignore */
         
     | 
| 
       65 
118 
     | 
    
         
             
                get __hostClass() {
         
     | 
| 
       66 
119 
     | 
    
         
             
                    return [
         
     | 
| 
       67 
     | 
    
         
            -
                        `ax-look-${this.look 
     | 
| 
      
 120 
     | 
    
         
            +
                        `ax-look-${this.look}`,
         
     | 
| 
       68 
121 
     | 
    
         
             
                        `${this.disabled ? 'ax-state-disabled' : ''}`,
         
     | 
| 
       69 
122 
     | 
    
         
             
                        `${this.readonly ? 'ax-state-readonly' : ''}`,
         
     | 
| 
       70 
123 
     | 
    
         
             
                    ];
         
     | 
| 
       71 
124 
     | 
    
         
             
                }
         
     | 
| 
       72 
125 
     | 
    
         
             
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
         
     | 
| 
       73 
     | 
    
         
            -
                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 },  
     | 
| 
      
 126 
     | 
    
         
            +
                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 }, 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: [
         
     | 
| 
       74 
127 
     | 
    
         
             
                        { provide: AXComponent, useExisting: AXSelectionListComponent },
         
     | 
| 
       75 
128 
     | 
    
         
             
                        { provide: AXFocusableComponent, useExisting: AXSelectionListComponent },
         
     | 
| 
       76 
129 
     | 
    
         
             
                        { provide: AXValuableComponent, useExisting: AXSelectionListComponent },
         
     | 
| 
         @@ -83,7 +136,7 @@ class AXSelectionListComponent extends MXSelectionValueComponent { 
     | 
|
| 
       83 
136 
     | 
    
         
             
                            provide: AX_SELECTION_DATA_TOKEN,
         
     | 
| 
       84 
137 
     | 
    
         
             
                            useClass: MXSelectionBridgeService,
         
     | 
| 
       85 
138 
     | 
    
         
             
                        },
         
     | 
| 
       86 
     | 
    
         
            -
                    ], usesInheritance: true, ngImport: i0, template: "<ul 
     | 
| 
      
 139 
     | 
    
         
            +
                    ], 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 }); }
         
     | 
| 
       87 
140 
     | 
    
         
             
            }
         
     | 
| 
       88 
141 
     | 
    
         
             
            i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSelectionListComponent, decorators: [{
         
     | 
| 
       89 
142 
     | 
    
         
             
                        type: Component,
         
     | 
| 
         @@ -113,11 +166,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor 
     | 
|
| 
       113 
166 
     | 
    
         
             
                                        provide: AX_SELECTION_DATA_TOKEN,
         
     | 
| 
       114 
167 
     | 
    
         
             
                                        useClass: MXSelectionBridgeService,
         
     | 
| 
       115 
168 
     | 
    
         
             
                                    },
         
     | 
| 
       116 
     | 
    
         
            -
                                ], imports: [NgTemplateOutlet,  
     | 
| 
       117 
     | 
    
         
            -
                    }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }],  
     | 
| 
      
 169 
     | 
    
         
            +
                                ], 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"] }]
         
     | 
| 
      
 170 
     | 
    
         
            +
                    }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], showControl: [{
         
     | 
| 
       118 
171 
     | 
    
         
             
                            type: Input
         
     | 
| 
       119 
172 
     | 
    
         
             
                        }], items: [{
         
     | 
| 
       120 
173 
     | 
    
         
             
                            type: Input
         
     | 
| 
      
 174 
     | 
    
         
            +
                        }], look: [{
         
     | 
| 
      
 175 
     | 
    
         
            +
                            type: Input
         
     | 
| 
       121 
176 
     | 
    
         
             
                        }], __hostClass: [{
         
     | 
| 
       122 
177 
     | 
    
         
             
                            type: HostBinding,
         
     | 
| 
       123 
178 
     | 
    
         
             
                            args: ['class']
         
     |