@eui/ecl 23.0.0-alpha.4 → 23.0.0-alpha.5

package/fesm2022/eui-ecl-components-ecl-select.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, booleanAttribute, HostBinding, Input, Component, ElementRef, Injector, ViewContainerRef, Renderer2, PLATFORM_ID, runInInjectionContext, afterNextRender, Directive } from '@angular/core';
+import { model, inject, HostBinding, Component, input, booleanAttribute, ElementRef, Injector, ViewContainerRef, Renderer2, PLATFORM_ID, runInInjectionContext, afterNextRender, Directive } from '@angular/core';
 import { ECLBaseDirective, EclThemeService } from '@eui/ecl/core';
 import * as i1 from '@eui/ecl/components/ecl-icon';
 import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
@@ -19,11 +19,17 @@ class EclSelectContainerComponent extends ECLBaseDirective {
          * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.
          * Same as the size of the main host element.
          */
-        this.eclSize = 'm';
+        this.eclSize = model('m', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "eclSize" }] : /* istanbul ignore next */ []));
+        this.disabled = model(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.isInvalid = model(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
         /**
          * Custom label for the arrow-down button. Set from the main host element.
          */
-        this.toggleLabel = undefined;
+        this.toggleLabel = model(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toggleLabel" }] : /* istanbul ignore next */ []));
         this.ICON_SIZE_EC = 'xs';
         this.ICON_SIZE_EU = 's';
         this.eclThemeService = inject(EclThemeService);
@@ -32,11 +38,12 @@ class EclSelectContainerComponent extends ECLBaseDirective {
      * Adds specific classes for the container.
      */
     get cssClasses() {
+        const eclSize = this.eclSize();
         return [
             super.getCssClasses('ecl-select__container'),
-            this.eclSize ? `ecl-select__container--${this.eclSize}` : '',
-            this.disabled ? 'ecl-select__container--disabled' : '',
-            this.isInvalid ? 'ecl-select__container--invalid' : '',
+            eclSize ? `ecl-select__container--${eclSize}` : '',
+            this.disabled() ? 'ecl-select__container--disabled' : '',
+            this.isInvalid() ? 'ecl-select__container--invalid' : '',
         ]
             .join(' ')
             .trim();
@@ -53,7 +60,7 @@ class EclSelectContainerComponent extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSelectContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EclSelectContainerComponent, isStandalone: true, selector: "ecl-select-container", inputs: { eclSize: "eclSize", disabled: ["disabled", "disabled", booleanAttribute], isInvalid: ["isInvalid", "isInvalid", booleanAttribute], toggleLabel: "toggleLabel" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"tertiary\" tabindex=\"-1\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EclSelectContainerComponent, isStandalone: true, selector: "ecl-select-container", inputs: { eclSize: { classPropertyName: "eclSize", publicName: "eclSize", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, toggleLabel: { classPropertyName: "toggleLabel", publicName: "toggleLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eclSize: "eclSizeChange", disabled: "disabledChange", isInvalid: "isInvalidChange", toggleLabel: "toggleLabelChange" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"tertiary\" tabindex=\"-1\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel() || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSelectContainerComponent, decorators: [{
             type: Component,
@@ -61,18 +68,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         ...EUI_ECL_ICON,
                         TranslatePipe,
                         ...EUI_ECL_BUTTON,
-                    ], template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"tertiary\" tabindex=\"-1\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n" }]
-        }], propDecorators: { eclSize: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isInvalid: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], toggleLabel: [{
-                type: Input
-            }], cssClasses: [{
+                    ], template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"tertiary\" tabindex=\"-1\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel() || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n" }]
+        }], propDecorators: { eclSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclSize", required: false }] }, { type: i0.Output, args: ["eclSizeChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }, { type: i0.Output, args: ["isInvalidChange"] }], toggleLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleLabel", required: false }] }, { type: i0.Output, args: ["toggleLabelChange"] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -85,11 +82,15 @@ class EclSelectDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
         /** Disables the select element. */
-        this.disabled = false;
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Marks the select element as invalid. */
-        this.isInvalid = false;
+        this.isInvalid = input(false, { ...(ngDevMode ? { debugName: "isInvalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Accessible label for the toggle button. */
+        this.toggleLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toggleLabel" }] : /* istanbul ignore next */ []));
         /** Size of the select component. */
-        this.eclSize = 'm';
+        this.eclSize = input('m', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "eclSize" }] : /* istanbul ignore next */ []));
         this.ngControl = inject(NgControl, { optional: true, self: true });
         this.el = inject((ElementRef));
         this.injector = inject(Injector);
@@ -103,12 +104,12 @@ class EclSelectDirective extends ECLBaseDirective {
         return [super.getCssClasses('ecl-select')].join(' ').trim();
     }
     get isDisabled() {
-        return this.ngControl ? (this.ngControl.disabled || null) : (this.disabled || null);
+        return this.ngControl ? (this.ngControl.disabled || null) : (this.disabled() || null);
     }
     get isInvalidState() {
         return this.ngControl
             ? (this.ngControl.status === 'INVALID' && this.ngControl.touched)
-            : this.isInvalid;
+            : this.isInvalid();
     }
     /**
      * Initializes the directive.
@@ -173,10 +174,10 @@ class EclSelectDirective extends ECLBaseDirective {
         const c = this.containerRef?.instance;
         if (!c)
             return;
-        c.eclSize = this.eclSize;
-        c.disabled = this.isDisabled;
-        c.toggleLabel = this.toggleLabel;
-        c.isInvalid = this.isInvalidState;
+        c.eclSize.set(this.eclSize());
+        c.disabled.set(this.isDisabled);
+        c.toggleLabel.set(this.toggleLabel());
+        c.isInvalid.set(this.isInvalidState);
     }
     /**
      * Enhances <optgroup> and <option> elements with
@@ -205,25 +206,15 @@ class EclSelectDirective extends ECLBaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSelectDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.5", type: EclSelectDirective, isStandalone: true, selector: "select[eclSelect]", inputs: { disabled: ["disabled", "disabled", booleanAttribute], isInvalid: ["isInvalid", "isInvalid", booleanAttribute], toggleLabel: "toggleLabel", eclSize: "eclSize" }, host: { properties: { "attr.disabled": "this.isDisabled", "class": "this.cssClasses", "class.ecl-select--invalid": "this.isInvalidState" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: EclSelectDirective, isStandalone: true, selector: "select[eclSelect]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, toggleLabel: { classPropertyName: "toggleLabel", publicName: "toggleLabel", isSignal: true, isRequired: false, transformFunction: null }, eclSize: { classPropertyName: "eclSize", publicName: "eclSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "this.isDisabled", "class": "this.cssClasses", "class.ecl-select--invalid": "this.isInvalidState" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclSelectDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'select[eclSelect]' }]
         }], propDecorators: { disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
                 type: HostBinding,
                 args: ['attr.disabled']
-            }], isInvalid: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], toggleLabel: [{
-                type: Input
-            }], eclSize: [{
-                type: Input
-            }], cssClasses: [{
+            }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }], toggleLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleLabel", required: false }] }], eclSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclSize", required: false }] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], isDisabled: [{

package/fesm2022/eui-ecl-components-ecl-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-select.mjs","sources":["../../components/ecl-select/ecl-select-container.component.ts","../../components/ecl-select/ecl-select-container.component.html","../../components/ecl-select/ecl-select.directive.ts","../../components/ecl-select/index.ts","../../components/ecl-select/eui-ecl-components-ecl-select.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n/**\n * Container component, which wraps the <select> component. Ataches custom select button with dropdown arrow.\n */\n@Component({\n    selector: 'ecl-select-container',\n    templateUrl: './ecl-select-container.component.html',\n    imports: [\n        ...EUI_ECL_ICON,\n        TranslatePipe,\n        ...EUI_ECL_BUTTON,\n    ],\n})\nexport class EclSelectContainerComponent extends ECLBaseDirective {\n    /**\n     * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\n     * Same as the size of the main host element.\n     */\n    @Input() eclSize = 'm';\n    @Input({ transform: booleanAttribute }) disabled: boolean;\n    @Input({ transform: booleanAttribute }) isInvalid: boolean;\n    /**\n     * Custom label for the arrow-down button. Set from the main host element.\n     */\n    @Input() toggleLabel: string | undefined = undefined;\n\n    /**\n     * Adds specific classes for the container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-select__container'),\n            this.eclSize ? `ecl-select__container--${this.eclSize}` : '',\n            this.disabled ? 'ecl-select__container--disabled' : '',\n            this.isInvalid ? 'ecl-select__container--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private ICON_SIZE_EC = 'xs';\n    private ICON_SIZE_EU = 's'\n    private eclThemeService = inject(EclThemeService);\n\n    /**\n     * Returns different icon sizes, depending if it's EU (s) or EC (xs) theme.\n     */\n    get iconSize(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC;\n        } else {\n            return this.ICON_SIZE_EU;\n        }\n    }\n}\n","<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"tertiary\" tabindex=\"-1\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n","import {\n    AfterContentInit,\n    ComponentRef,\n    Directive,\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Injector,\n    Input,\n    OnDestroy,\n    OnInit,\n    PLATFORM_ID,\n    Renderer2,\n    ViewContainerRef,\n    afterNextRender,\n    booleanAttribute,\n    inject,\n    runInInjectionContext\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\nimport { NgControl } from '@angular/forms';\nimport { isPlatformBrowser } from '@angular/common';\n\n/**\n * Directive that enhances a native <select> element with ECL styling\n * by wrapping it inside an {@link EclSelectContainerComponent}.\n */\n@Directive({ selector: 'select[eclSelect]' })\nexport class EclSelectDirective extends ECLBaseDirective\n    implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n\n    /** Disables the select element. */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.disabled') disabled = false;\n\n    /** Marks the select element as invalid. */\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n\n    /** Accessible label for the toggle button. */\n    @Input() toggleLabel?: string;\n\n    /** Size of the select component. */\n    @Input() eclSize: 's' | 'm' | 'l' = 'm';\n\n    private ngControl = inject(NgControl, { optional: true, self: true });\n    private el = inject(ElementRef<HTMLElement>);\n    private injector = inject(Injector);\n    private vcr = inject(ViewContainerRef);\n    private renderer = inject(Renderer2);\n    private platformId = inject(PLATFORM_ID);\n    private isBrowser = isPlatformBrowser(this.platformId);\n    private containerRef!: ComponentRef<EclSelectContainerComponent>;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-select')].join(' ').trim();\n    }\n\n    @HostBinding('attr.disabled')\n    get isDisabled(): boolean {\n        return this.ngControl ? (this.ngControl.disabled || null) : (this.disabled || null);\n    }\n\n    @HostBinding('class.ecl-select--invalid')\n    get isInvalidState(): boolean {\n        return this.ngControl\n            ? (this.ngControl.status === 'INVALID' && this.ngControl.touched)\n            : this.isInvalid;\n    }\n\n    /**\n     * Initializes the directive.\n     * - Creates the {@link EclSelectContainerComponent} wrapper.\n     * - Synchronizes initial input values.\n     * - Moves the <select> element inside the wrapper.\n     */\n    ngOnInit(): void {\n        this.containerRef = this.vcr.createComponent(EclSelectContainerComponent);\n        this.syncContainerInputs();\n\n        const containerEl = this.containerRef.location.nativeElement as any;\n        const selectEl = this.el.nativeElement as any;\n\n        const moveIfNeeded = () => {\n            if (selectEl.parentNode === containerEl) return;\n\n            const firstChild = containerEl.firstChild ?? null;\n            this.renderer.insertBefore(containerEl, selectEl, firstChild, true);\n        };\n\n        if (this.isBrowser) {\n            if (selectEl.parentNode !== containerEl) {\n                runInInjectionContext(this.injector, () => {\n                    afterNextRender(moveIfNeeded);\n                });\n            }\n        } else {\n            moveIfNeeded();\n        }\n    }\n\n    /**\n     * Processes any <optgroup> elements inside the <select> and\n     * enhances them with appropriate accessibility attributes.\n     */\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] =\n            Array.from(this.el.nativeElement.children);\n\n        this.handleOptgroup(childrenElements);\n    }\n\n    /**\n     * Keeps the wrapper component synchronized with the directive’s\n     * current inputs and form control state.\n     *\n     * This is used to reflect runtime changes such as:\n     * - Disabled state\n     * - Validation status\n     * - Size changes\n     */\n    ngDoCheck(): void {\n        this.syncContainerInputs();\n    }\n\n    /**\n     * Destroys the dynamically created wrapper component to prevent\n     * memory leaks when the directive is removed.\n     */\n    ngOnDestroy(): void {\n        this.containerRef?.destroy();\n    }\n\n    /**\n     * Synchronizes directive inputs and control state\n     * with the wrapper component instance.\n     */\n    private syncContainerInputs(): void {\n        const c = this.containerRef?.instance;\n        if (!c) return;\n\n        c.eclSize = this.eclSize;\n        c.disabled = this.isDisabled;\n        c.toggleLabel = this.toggleLabel;\n        c.isInvalid = this.isInvalidState;\n    }\n\n    /**\n     * Enhances <optgroup> and <option> elements with\n     * accessible aria-label attributes.\n     *\n     * - Applies the optgroup label to the group container.\n     * - Combines option and group labels for child options.\n     *\n     * This improves screen reader support for grouped options.\n     *\n     * @param childrenElements List of direct children of the <select> element.\n     */\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements\n            .filter(el =>\n                el.tagName === this.OPTGROUP_TAG_NAME &&\n                el.getAttribute('label') !== null\n            )\n            .forEach(optGroup => {\n                const optGroupLabel = optGroup.getAttribute('label');\n\n                this.renderer.setAttribute(\n                    optGroup,\n                    'aria-label',\n                    optGroupLabel\n                );\n\n                Array.from(optGroup.children).forEach(option => {\n                    const optionLabel =\n                        option.getAttribute('label') || option.textContent;\n\n                    if (optionLabel) {\n                        this.renderer.setAttribute(\n                            option,\n                            'aria-label',\n                            `${optionLabel} - ${optGroupLabel}`\n                        );\n                    }\n                });\n            });\n    }\n}\n","import { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\nexport * from './ecl-select.directive';\nexport * from './ecl-select-container.component';\n\nexport const EUI_ECL_SELECT = [\n  EclSelectDirective,\n  EclSelectContainerComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-select.mjs","sources":["../../components/ecl-select/ecl-select-container.component.ts","../../components/ecl-select/ecl-select-container.component.html","../../components/ecl-select/ecl-select.directive.ts","../../components/ecl-select/index.ts","../../components/ecl-select/eui-ecl-components-ecl-select.ts"],"sourcesContent":["import { Component, HostBinding, inject, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n/**\n * Container component, which wraps the <select> component. Ataches custom select button with dropdown arrow.\n */\n@Component({\n    selector: 'ecl-select-container',\n    templateUrl: './ecl-select-container.component.html',\n    imports: [\n        ...EUI_ECL_ICON,\n        TranslatePipe,\n        ...EUI_ECL_BUTTON,\n    ],\n})\nexport class EclSelectContainerComponent extends ECLBaseDirective {\n    /**\n     * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\n     * Same as the size of the main host element.\n     */\n    readonly eclSize = model('m');\n    readonly disabled = model<boolean>(undefined);\n    readonly isInvalid = model<boolean>(undefined);\n    /**\n     * Custom label for the arrow-down button. Set from the main host element.\n     */\n    readonly toggleLabel = model<string | undefined>(undefined);\n\n    /**\n     * Adds specific classes for the container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        const eclSize = this.eclSize();\n        return [\n            super.getCssClasses('ecl-select__container'),\n            eclSize ? `ecl-select__container--${eclSize}` : '',\n            this.disabled() ? 'ecl-select__container--disabled' : '',\n            this.isInvalid() ? 'ecl-select__container--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private ICON_SIZE_EC = 'xs';\n    private ICON_SIZE_EU = 's'\n    private eclThemeService = inject(EclThemeService);\n\n    /**\n     * Returns different icon sizes, depending if it's EU (s) or EC (xs) theme.\n     */\n    get iconSize(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC;\n        } else {\n            return this.ICON_SIZE_EU;\n        }\n    }\n}\n","<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"tertiary\" tabindex=\"-1\" isIconOnly>\n        <span eclButtonLabel>{{ toggleLabel() || 'ecl.multiselect.TOGGLE.DROPDOWN' | translate }}</span>\n        <ecl-icon icon=\"corner-arrow\" [size]=\"iconSize\" transform=\"rotate-180\"></ecl-icon>\n    </button>\n</div>\n","import {\n    AfterContentInit,\n    ComponentRef,\n    Directive,\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Injector,\n    OnDestroy,\n    OnInit,\n    PLATFORM_ID,\n    Renderer2,\n    ViewContainerRef,\n    afterNextRender,\n    booleanAttribute,\n    inject,\n    runInInjectionContext,\n    input,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\nimport { NgControl } from '@angular/forms';\nimport { isPlatformBrowser } from '@angular/common';\n\n/**\n * Directive that enhances a native <select> element with ECL styling\n * by wrapping it inside an {@link EclSelectContainerComponent}.\n */\n@Directive({ selector: 'select[eclSelect]' })\nexport class EclSelectDirective extends ECLBaseDirective\n    implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n\n    /** Disables the select element. */\n    @HostBinding('attr.disabled')\n    readonly disabled = input(false, { transform: booleanAttribute });\n\n    /** Marks the select element as invalid. */\n    readonly isInvalid = input(false, { transform: booleanAttribute });\n\n    /** Accessible label for the toggle button. */\n    readonly toggleLabel = input<string>(undefined);\n\n    /** Size of the select component. */\n    readonly eclSize = input<'s' | 'm' | 'l'>('m');\n\n    private ngControl = inject(NgControl, { optional: true, self: true });\n    private el = inject(ElementRef<HTMLElement>);\n    private injector = inject(Injector);\n    private vcr = inject(ViewContainerRef);\n    private renderer = inject(Renderer2);\n    private platformId = inject(PLATFORM_ID);\n    private isBrowser = isPlatformBrowser(this.platformId);\n    private containerRef!: ComponentRef<EclSelectContainerComponent>;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-select')].join(' ').trim();\n    }\n\n    @HostBinding('attr.disabled')\n    get isDisabled(): boolean {\n        return this.ngControl ? (this.ngControl.disabled || null) : (this.disabled() || null);\n    }\n\n    @HostBinding('class.ecl-select--invalid')\n    get isInvalidState(): boolean {\n        return this.ngControl\n            ? (this.ngControl.status === 'INVALID' && this.ngControl.touched)\n            : this.isInvalid();\n    }\n\n    /**\n     * Initializes the directive.\n     * - Creates the {@link EclSelectContainerComponent} wrapper.\n     * - Synchronizes initial input values.\n     * - Moves the <select> element inside the wrapper.\n     */\n    ngOnInit(): void {\n        this.containerRef = this.vcr.createComponent(EclSelectContainerComponent);\n        this.syncContainerInputs();\n\n        const containerEl = this.containerRef.location.nativeElement as any;\n        const selectEl = this.el.nativeElement as any;\n\n        const moveIfNeeded = () => {\n            if (selectEl.parentNode === containerEl) return;\n\n            const firstChild = containerEl.firstChild ?? null;\n            this.renderer.insertBefore(containerEl, selectEl, firstChild, true);\n        };\n\n        if (this.isBrowser) {\n            if (selectEl.parentNode !== containerEl) {\n                runInInjectionContext(this.injector, () => {\n                    afterNextRender(moveIfNeeded);\n                });\n            }\n        } else {\n            moveIfNeeded();\n        }\n    }\n\n    /**\n     * Processes any <optgroup> elements inside the <select> and\n     * enhances them with appropriate accessibility attributes.\n     */\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] =\n            Array.from(this.el.nativeElement.children);\n\n        this.handleOptgroup(childrenElements);\n    }\n\n    /**\n     * Keeps the wrapper component synchronized with the directive’s\n     * current inputs and form control state.\n     *\n     * This is used to reflect runtime changes such as:\n     * - Disabled state\n     * - Validation status\n     * - Size changes\n     */\n    ngDoCheck(): void {\n        this.syncContainerInputs();\n    }\n\n    /**\n     * Destroys the dynamically created wrapper component to prevent\n     * memory leaks when the directive is removed.\n     */\n    ngOnDestroy(): void {\n        this.containerRef?.destroy();\n    }\n\n    /**\n     * Synchronizes directive inputs and control state\n     * with the wrapper component instance.\n     */\n    private syncContainerInputs(): void {\n        const c = this.containerRef?.instance;\n        if (!c) return;\n\n        c.eclSize.set(this.eclSize());\n        c.disabled.set(this.isDisabled);\n        c.toggleLabel.set(this.toggleLabel());\n        c.isInvalid.set(this.isInvalidState);\n    }\n\n    /**\n     * Enhances <optgroup> and <option> elements with\n     * accessible aria-label attributes.\n     *\n     * - Applies the optgroup label to the group container.\n     * - Combines option and group labels for child options.\n     *\n     * This improves screen reader support for grouped options.\n     *\n     * @param childrenElements List of direct children of the <select> element.\n     */\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements\n            .filter(el =>\n                el.tagName === this.OPTGROUP_TAG_NAME &&\n                el.getAttribute('label') !== null\n            )\n            .forEach(optGroup => {\n                const optGroupLabel = optGroup.getAttribute('label');\n\n                this.renderer.setAttribute(\n                    optGroup,\n                    'aria-label',\n                    optGroupLabel\n                );\n\n                Array.from(optGroup.children).forEach(option => {\n                    const optionLabel =\n                        option.getAttribute('label') || option.textContent;\n\n                    if (optionLabel) {\n                        this.renderer.setAttribute(\n                            option,\n                            'aria-label',\n                            `${optionLabel} - ${optGroupLabel}`\n                        );\n                    }\n                });\n            });\n    }\n}\n","import { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\nexport * from './ecl-select.directive';\nexport * from './ecl-select-container.component';\n\nexport const EUI_ECL_SELECT = [\n  EclSelectDirective,\n  EclSelectContainerComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}