@eui/ecl 21.0.0-alpha.14 → 21.0.0-alpha.16

package/fesm2022/eui-ecl-components-ecl-search-form.mjs

@@ -6,13 +6,13 @@ import * as i6 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { EclBaseEvent, ECLBaseDirective, EclThemeService } from '@eui/ecl/core';
 import * as i2 from '@eui/ecl/components/ecl-button';
-import { EclButtonModule } from '@eui/ecl/components/ecl-button';
+import { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';
 import * as i3 from '@eui/ecl/components/ecl-form-group';
 import { EclFormGroupModule } from '@eui/ecl/components/ecl-form-group';
 import * as i4 from '@eui/ecl/components/ecl-text-input';
 import { EclTextInputModule } from '@eui/ecl/components/ecl-text-input';
 import * as i5 from '@eui/ecl/components/ecl-icon';
-import { EclIconModule } from '@eui/ecl/components/ecl-icon';
+import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
 
 class EclSearchFormEvent extends EclBaseEvent {
     constructor(keyword) {
@@ -91,12 +91,12 @@ class EclSearchFormComponent extends ECLBaseDirective {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSearchFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSearchFormComponent, isStandalone: true, selector: "ecl-search-form", inputs: { searchInputText: "searchInputText", placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", searchButtonIcon: "searchButtonIcon", buttonExtraClassses: "buttonExtraClassses", inputExtraClassses: "inputExtraClassses" }, outputs: { search: "search" }, host: { listeners: { "keydown.enter": "onEnterKeyDown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: EclButtonModule }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: EclFormGroupModule }, { kind: "component", type: i3.EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "ngmodule", type: EclTextInputModule }, { kind: "directive", type: i4.EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["type", "eclSize", "isInvalid"] }, { kind: "ngmodule", type: EclIconModule }, { kind: "component", type: i5.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSearchFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.3", type: EclSearchFormComponent, isStandalone: true, selector: "ecl-search-form", inputs: { searchInputText: "searchInputText", placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", searchButtonIcon: "searchButtonIcon", buttonExtraClassses: "buttonExtraClassses", inputExtraClassses: "inputExtraClassses" }, outputs: { search: "search" }, host: { listeners: { "keydown.enter": "onEnterKeyDown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: EclFormGroupModule }, { kind: "component", type: i3.EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "ngmodule", type: EclTextInputModule }, { kind: "directive", type: i4.EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["type", "eclSize", "isInvalid"] }, { kind: "component", type: i5.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSearchFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSearchFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-search-form', imports: [TranslateModule, FormsModule, EclButtonModule, EclFormGroupModule, EclTextInputModule, EclIconModule], providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n" }]
+            args: [{ selector: 'ecl-search-form', imports: [TranslateModule, FormsModule, ...EUI_ECL_BUTTON, EclFormGroupModule, EclTextInputModule, ...EUI_ECL_ICON], providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n" }]
         }], propDecorators: { searchInputText: [{
                 type: Input
             }], placeholder: [{
@@ -128,11 +128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1",
  * @deprecated Use {@link EUI_ECL_SEARCH_FORM} instead.
  */
 class EclSearchFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSearchFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSearchFormModule, imports: [EclSearchFormComponent], exports: [EclSearchFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSearchFormModule, imports: [EclSearchFormComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSearchFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSearchFormModule, imports: [EclSearchFormComponent], exports: [EclSearchFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSearchFormModule, imports: [EclSearchFormComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSearchFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSearchFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclSearchFormComponent],

package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-search-form.mjs","sources":["../../components/ecl-search-form/events/ecl-search-form.event.ts","../../components/ecl-search-form/ecl-search-form.component.ts","../../components/ecl-search-form/ecl-search-form.component.html","../../components/ecl-search-form/ecl-search-form.module.ts","../../components/ecl-search-form/index.ts","../../components/ecl-search-form/eui-ecl-components-ecl-search-form.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclSearchFormEvent extends EclBaseEvent {\n\tconstructor(public keyword: string) {\n\t\tsuper();\n\t}\n}\n","import {\n    Component,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    Provider,\n    inject,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclSearchFormEvent } from './events/ecl-search-form.event';\nimport { EclButtonModule } from '@eui/ecl/components/ecl-button';\nimport { EclFormGroupModule } from '@eui/ecl/components/ecl-form-group';\nimport { EclTextInputModule } from '@eui/ecl/components/ecl-text-input';\nimport { EclIconModule } from '@eui/ecl/components/ecl-icon';\n\nexport const ECL_SEARCH_FORM_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclSearchFormComponent),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty*/\n};\n\n/**\n * Component representing search field - input and button, in a responsive, styled layout.\n */\n@Component({\n    selector: 'ecl-search-form',\n    templateUrl: 'ecl-search-form.component.html',\n    imports: [TranslateModule, FormsModule, EclButtonModule, EclFormGroupModule, EclTextInputModule, EclIconModule], // TODO: replace with new names EUI_ECL_...\n    providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR],\n})\nexport class EclSearchFormComponent extends ECLBaseDirective implements ControlValueAccessor {\n    protected eclThemeService = inject(EclThemeService);\n\n    /**\n    * The current/default search text.\n    */\n    @Input() searchInputText: string;\n    @Input() placeholder: string;\n    @Input() searchButtonLabel: string;\n    @Input() searchButtonIcon = 'search';\n    @Input() buttonExtraClassses = '';\n    @Input() inputExtraClassses = '';\n\n    /**\n    * Applies the base class `ecl-search-form` to the host element.\n    */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-search-form')].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'search';\n\n    /**\n    * This event is emited, when user performs the search action. Includes the search text from the input field.\n    */\n    // TODO: this output should be renamed in v20 - breaking change!\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() search = new EventEmitter<EclSearchFormEvent>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onTouched: (_: any) => void = noop;\n\n    /**\n    * Perform search when user clicks the search button. Emits the search event with the search text.\n    */\n    onSearchClick(evt: Event): void {\n        this.search.next(new EclSearchFormEvent(this.searchInputText));\n        evt.preventDefault();\n    }\n\n    /**\n    * Perform search when user clicks Enter when on the input field. Emits the search event with the search text.\n    */\n    @HostListener('keydown.enter', ['$event'])\n    onEnterKeyDown(evt: Event): void {\n        this.search.next(new EclSearchFormEvent(this.searchInputText));\n        evt.preventDefault();\n    }\n\n    /**\n     * Assigns the new input text value to the 'searchInputText' property, each time the input is changed.\n     * @param newValue\n     */\n    onModelChange(newValue: string): void {\n        this.searchInputText = newValue;\n        this.onChange(newValue);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.searchInputText = value;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: (_: any) => void): void {\n        this.onChange = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: (_: any) => void): void {\n        this.onTouched = fn;\n    }\n}\n","<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n","import { NgModule } from '@angular/core';\nimport { EclSearchFormComponent } from './ecl-search-form.component';\n\n/**\n * Module that provides the EclSearchForm component.\n *\n * @deprecated Use {@link EUI_ECL_SEARCH_FORM} instead.\n */\n@NgModule({\n    imports: [EclSearchFormComponent],\n    exports: [EclSearchFormComponent],\n})\nexport class EclSearchFormModule {}\n","import { EclSearchFormComponent } from './ecl-search-form.component';\n\nexport * from './ecl-search-form.module';\nexport * from './ecl-search-form.component';\nexport * from  './events/ecl-search-form.event';\n\nexport const EUI_ECL_SEARCH_FORM = [\n    EclSearchFormComponent,\n] as const;","/**\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-search-form.mjs","sources":["../../components/ecl-search-form/events/ecl-search-form.event.ts","../../components/ecl-search-form/ecl-search-form.component.ts","../../components/ecl-search-form/ecl-search-form.component.html","../../components/ecl-search-form/ecl-search-form.module.ts","../../components/ecl-search-form/index.ts","../../components/ecl-search-form/eui-ecl-components-ecl-search-form.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclSearchFormEvent extends EclBaseEvent {\n\tconstructor(public keyword: string) {\n\t\tsuper();\n\t}\n}\n","import {\n    Component,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    Provider,\n    inject,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclSearchFormEvent } from './events/ecl-search-form.event';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EclFormGroupModule } from '@eui/ecl/components/ecl-form-group';\nimport { EclTextInputModule } from '@eui/ecl/components/ecl-text-input';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\nexport const ECL_SEARCH_FORM_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclSearchFormComponent),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty*/\n};\n\n/**\n * Component representing search field - input and button, in a responsive, styled layout.\n */\n@Component({\n    selector: 'ecl-search-form',\n    templateUrl: 'ecl-search-form.component.html',\n    imports: [TranslateModule, FormsModule, ...EUI_ECL_BUTTON, EclFormGroupModule, EclTextInputModule, ...EUI_ECL_ICON], // TODO: replace with new names EUI_ECL_...\n    providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR],\n})\nexport class EclSearchFormComponent extends ECLBaseDirective implements ControlValueAccessor {\n    protected eclThemeService = inject(EclThemeService);\n\n    /**\n    * The current/default search text.\n    */\n    @Input() searchInputText: string;\n    @Input() placeholder: string;\n    @Input() searchButtonLabel: string;\n    @Input() searchButtonIcon = 'search';\n    @Input() buttonExtraClassses = '';\n    @Input() inputExtraClassses = '';\n\n    /**\n    * Applies the base class `ecl-search-form` to the host element.\n    */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-search-form')].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'search';\n\n    /**\n    * This event is emited, when user performs the search action. Includes the search text from the input field.\n    */\n    // TODO: this output should be renamed in v20 - breaking change!\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() search = new EventEmitter<EclSearchFormEvent>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onTouched: (_: any) => void = noop;\n\n    /**\n    * Perform search when user clicks the search button. Emits the search event with the search text.\n    */\n    onSearchClick(evt: Event): void {\n        this.search.next(new EclSearchFormEvent(this.searchInputText));\n        evt.preventDefault();\n    }\n\n    /**\n    * Perform search when user clicks Enter when on the input field. Emits the search event with the search text.\n    */\n    @HostListener('keydown.enter', ['$event'])\n    onEnterKeyDown(evt: Event): void {\n        this.search.next(new EclSearchFormEvent(this.searchInputText));\n        evt.preventDefault();\n    }\n\n    /**\n     * Assigns the new input text value to the 'searchInputText' property, each time the input is changed.\n     * @param newValue\n     */\n    onModelChange(newValue: string): void {\n        this.searchInputText = newValue;\n        this.onChange(newValue);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.searchInputText = value;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: (_: any) => void): void {\n        this.onChange = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: (_: any) => void): void {\n        this.onTouched = fn;\n    }\n}\n","<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'ghost': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-search-form__button {{buttonExtraClassses}}\">\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n","import { NgModule } from '@angular/core';\nimport { EclSearchFormComponent } from './ecl-search-form.component';\n\n/**\n * Module that provides the EclSearchForm component.\n *\n * @deprecated Use {@link EUI_ECL_SEARCH_FORM} instead.\n */\n@NgModule({\n    imports: [EclSearchFormComponent],\n    exports: [EclSearchFormComponent],\n})\nexport class EclSearchFormModule {}\n","import { EclSearchFormComponent } from './ecl-search-form.component';\n\nexport * from './ecl-search-form.module';\nexport * from './ecl-search-form.component';\nexport * from  './events/ecl-search-form.event';\n\nexport const EUI_ECL_SEARCH_FORM = [\n    EclSearchFormComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -3,9 +3,9 @@ import { inject, booleanAttribute, HostBinding, Input, Component, ElementRef, Vi
 import { NgControl } from '@angular/forms';
 import { ECLBaseDirective, EclThemeService } from '@eui/ecl/core';
 import * as i1 from '@eui/ecl/components/ecl-icon';
-import { EclIconModule } from '@eui/ecl/components/ecl-icon';
+import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
 import * as i2 from '@eui/ecl/components/ecl-button';
-import { EclButtonModule } from '@eui/ecl/components/ecl-button';
+import { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 
@@ -52,15 +52,15 @@ class EclSelectContainerComponent extends ECLBaseDirective {
             return this.ICON_SIZE_EU;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-next.1", 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=\"ghost\" 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: "ngmodule", type: EclIconModule }, { kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EclButtonModule }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-next.3", 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=\"ghost\" 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: "ngmodule", type: TranslateModule }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-select-container', imports: [
-                        EclIconModule,
+                        ...EUI_ECL_ICON,
                         TranslateModule,
-                        EclButtonModule,
+                        ...EUI_ECL_BUTTON,
                     ], template: "<div class=\"ecl-select__icon\">\n    <button eclButton variant=\"ghost\" 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
@@ -165,10 +165,10 @@ class EclSelectDirective extends ECLBaseDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-next.3", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'select[eclSelect]',
@@ -208,13 +208,13 @@ const COMPONENTS = [
  * @deprecated Use {@link EUI_ECL_SELECT} instead.
  */
 class EclSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectModule, imports: [EclSelectDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectModule, imports: [EclSelectDirective,
             EclSelectContainerComponent], exports: [EclSelectDirective,
             EclSelectContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectModule, imports: [EclSelectContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectModule, imports: [EclSelectContainerComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS],

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/ecl-select.module.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 { EclIconModule } from '@eui/ecl/components/ecl-icon';\nimport { EclButtonModule } from '@eui/ecl/components/ecl-button';\nimport { TranslateModule } 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        EclIconModule,\n        TranslateModule,\n        EclButtonModule,\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=\"ghost\" 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 { AfterContentInit, Directive, DoCheck, ElementRef, HostBinding, Input, OnInit, Renderer2, ViewContainerRef, booleanAttribute, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\n/**\n * The default HTML <select> component, with some added styling and formatting according to ECL standards.\n */\n@Directive({\n    selector: 'select[eclSelect]',\n})\nexport class EclSelectDirective extends ECLBaseDirective implements OnInit, DoCheck,  AfterContentInit{\n    @Input({ transform: booleanAttribute }) @HostBinding('attr.disabled') disabled = false;\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n    /**\n     * Custom label for the arrow-down button.\n     */\n    @Input() toggleLabel: string | undefined = undefined;\n    /**\n     * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\n     */\n    @Input() eclSize: 's' | 'm' | 'l' = 'm';\n\n    private containerComponent: EclSelectContainerComponent;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    /**\n     * Applies the 'ecl-select' class to the main <select> component\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        if (this.ngControl) {\n            return this.ngControl.disabled || null;\n        } else {\n            return this.disabled || null;\n        }\n    }\n\n    /**\n     * Adds 'ecl-select--invalid' class to the host element, in case the component has invalid status.\n     */\n    @HostBinding('class.ecl-select--invalid')\n    get isInvalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n    private ngControl = inject(NgControl, { optional: true, self: true });\n    private el = inject(ElementRef);\n    private viewContainerRef = inject(ViewContainerRef);\n    private renderer = inject(Renderer2);\n\n    /**\n     * Creates container component for the <select> and assigns default values to it's parameters.\n     */\n    ngOnInit(): void {\n        const containerComponentRef = this.viewContainerRef.createComponent(EclSelectContainerComponent);\n\n        this.containerComponent = containerComponentRef.instance;\n        this.containerComponent.eclSize = this.eclSize;\n        this.containerComponent.disabled = this.isDisabled;\n        this.containerComponent.toggleLabel = this.toggleLabel;\n        this.containerComponent.isInvalid = this.isInvalidState;\n\n        containerComponentRef.location.nativeElement.prepend(this.el.nativeElement);\n    }\n\n    /**\n     * Handles the group options.\n     */\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] = Array.from(this.el.nativeElement.children);\n        this.handleOptgroup(childrenElements);\n    }\n\n    ngDoCheck(): void {\n        this.containerComponent.eclSize = this.eclSize;\n        this.containerComponent.disabled = this.isDisabled;\n        this.containerComponent.isInvalid = this.isInvalidState;\n    }\n\n    /**\n     * Sets custom 'aria-label' attribute for parent of the option group and for the children.\n     */\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements.filter(item => {\n            return item.tagName === this.OPTGROUP_TAG_NAME && item.getAttribute('label') !== null;\n        }).forEach(optGroup => {\n            const optGroupLabel = optGroup.getAttribute('label');\n            this.renderer.setAttribute(optGroup, 'aria-label', optGroupLabel);\n            Array.from(optGroup.children).forEach(option => {\n               const optionLabel = option.getAttribute('label') || option.textContent;\n               if (optionLabel) {\n                  this.renderer.setAttribute(option, 'aria-label',`${optionLabel} - ${optGroupLabel}`);\n               }\n            });\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\nconst COMPONENTS = [\n    EclSelectDirective,\n    EclSelectContainerComponent,\n];\n\n/**\n * @description\n * Module that provides the EclSelect component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_SELECT} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclSelectModule {}\n","import { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\nexport * from './ecl-select.module';\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/ecl-select.module.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 { TranslateModule } 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        TranslateModule,\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=\"ghost\" 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 { AfterContentInit, Directive, DoCheck, ElementRef, HostBinding, Input, OnInit, Renderer2, ViewContainerRef, booleanAttribute, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\n/**\n * The default HTML <select> component, with some added styling and formatting according to ECL standards.\n */\n@Directive({\n    selector: 'select[eclSelect]',\n})\nexport class EclSelectDirective extends ECLBaseDirective implements OnInit, DoCheck,  AfterContentInit{\n    @Input({ transform: booleanAttribute }) @HostBinding('attr.disabled') disabled = false;\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n    /**\n     * Custom label for the arrow-down button.\n     */\n    @Input() toggleLabel: string | undefined = undefined;\n    /**\n     * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\n     */\n    @Input() eclSize: 's' | 'm' | 'l' = 'm';\n\n    private containerComponent: EclSelectContainerComponent;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    /**\n     * Applies the 'ecl-select' class to the main <select> component\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        if (this.ngControl) {\n            return this.ngControl.disabled || null;\n        } else {\n            return this.disabled || null;\n        }\n    }\n\n    /**\n     * Adds 'ecl-select--invalid' class to the host element, in case the component has invalid status.\n     */\n    @HostBinding('class.ecl-select--invalid')\n    get isInvalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n    private ngControl = inject(NgControl, { optional: true, self: true });\n    private el = inject(ElementRef);\n    private viewContainerRef = inject(ViewContainerRef);\n    private renderer = inject(Renderer2);\n\n    /**\n     * Creates container component for the <select> and assigns default values to it's parameters.\n     */\n    ngOnInit(): void {\n        const containerComponentRef = this.viewContainerRef.createComponent(EclSelectContainerComponent);\n\n        this.containerComponent = containerComponentRef.instance;\n        this.containerComponent.eclSize = this.eclSize;\n        this.containerComponent.disabled = this.isDisabled;\n        this.containerComponent.toggleLabel = this.toggleLabel;\n        this.containerComponent.isInvalid = this.isInvalidState;\n\n        containerComponentRef.location.nativeElement.prepend(this.el.nativeElement);\n    }\n\n    /**\n     * Handles the group options.\n     */\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] = Array.from(this.el.nativeElement.children);\n        this.handleOptgroup(childrenElements);\n    }\n\n    ngDoCheck(): void {\n        this.containerComponent.eclSize = this.eclSize;\n        this.containerComponent.disabled = this.isDisabled;\n        this.containerComponent.isInvalid = this.isInvalidState;\n    }\n\n    /**\n     * Sets custom 'aria-label' attribute for parent of the option group and for the children.\n     */\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements.filter(item => {\n            return item.tagName === this.OPTGROUP_TAG_NAME && item.getAttribute('label') !== null;\n        }).forEach(optGroup => {\n            const optGroupLabel = optGroup.getAttribute('label');\n            this.renderer.setAttribute(optGroup, 'aria-label', optGroupLabel);\n            Array.from(optGroup.children).forEach(option => {\n               const optionLabel = option.getAttribute('label') || option.textContent;\n               if (optionLabel) {\n                  this.renderer.setAttribute(option, 'aria-label',`${optionLabel} - ${optGroupLabel}`);\n               }\n            });\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\nconst COMPONENTS = [\n    EclSelectDirective,\n    EclSelectContainerComponent,\n];\n\n/**\n * @description\n * Module that provides the EclSelect component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_SELECT} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclSelectModule {}\n","import { EclSelectDirective } from './ecl-select.directive';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\n\nexport * from './ecl-select.module';\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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"}

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

@@ -14,10 +14,10 @@ class EclSeparatorDirective extends ECLBaseDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSeparatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.1", type: EclSeparatorDirective, isStandalone: true, selector: "hr[eclSeparator]", host: { properties: { "class.ecl-separator": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSeparatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.3", type: EclSeparatorDirective, isStandalone: true, selector: "hr[eclSeparator]", host: { properties: { "class.ecl-separator": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSeparatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSeparatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'hr[eclSeparator]',
@@ -33,11 +33,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1",
  * @deprecated Use {@link EUI_ECL_SEPARATOR} instead.
  */
 class EclSeparatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSeparatorModule, imports: [EclSeparatorDirective], exports: [EclSeparatorDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSeparatorModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSeparatorModule, imports: [EclSeparatorDirective], exports: [EclSeparatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSeparatorModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclSeparatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclSeparatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclSeparatorDirective],