@eui/ecl 21.0.0-alpha.15 → 21.0.0-alpha.17

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-range.mjs","sources":["../../components/ecl-range/ecl-range-bubble.component.ts","../../components/ecl-range/ecl-range-bubble.component.html","../../components/ecl-range/ecl-range-value.component.ts","../../components/ecl-range/ecl-range-value.component.html","../../components/ecl-range/events/ecl-range.event.ts","../../components/ecl-range/ecl-range.directive.ts","../../components/ecl-range/ecl-range.module.ts","../../components/ecl-range/index.ts","../../components/ecl-range/eui-ecl-components-ecl-range.ts"],"sourcesContent":["import { Component, ElementRef, HostBinding, Input, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a bubble tooltip shown above a range input,\n * used to display the current value with ECL styling.\n */\n@Component({\n\tselector: 'ecl-range-bubble',\n\ttemplateUrl: './ecl-range-bubble.component.html',\n})\nexport class EclRangeBubbleComponent extends ECLBaseDirective {\n\tel = inject(ElementRef);\n\n\t/**\n\t * Value displayed inside the bubble.\n\t */\n\t@Input() value: number;\n\n\t/**\n\t * Returns the CSS classes applied to the host element.\n\t * Always includes `ecl-range__bubble` and optionally adds the visible modifier.\n\t */\n\t@HostBinding('class')\n\tget cssClasses(): string {\n\t\treturn [\n\t\t\tsuper.getCssClasses('ecl-range__bubble'),\n\t\t\tthis.isVisible ? 'ecl-range__bubble--visible' : '',\n\t\t].join(' ').trim();\n\t}\n\n\t/**\n\t * Horizontal offset in pixels for positioning the bubble.\n\t * Applied as the left style property of the host element.\n\t */\n\t@HostBinding('style.left.px') left: number;\n\n\t/**\n\t * Controls the visibility of the bubble.\n\t * Adds the `ecl-range__bubble--visible` class when true.\n\t */\n\tisVisible = false;\n}\n","<span class=\"ecl-range__value-bubble\">{{value}}</span>","import { Component, HostBinding, Input } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the value label displayed next to a range input.\n * Applies ECL styling for the value element.\n */\n@Component({\n    selector: 'ecl-range-value',\n    templateUrl: './ecl-range-value.component.html',\n    imports: [TranslateModule],\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclRangeValueComponent extends ECLBaseDirective {\n    /**\n     * Value to display next to the range input.\n     */\n    @Input() value: number;\n\n    /**\n     * ID attribute applied to the component's host element.\n     */\n    @Input() @HostBinding('attr.id') id: string;\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     * Adds the base `ecl-range__value` class for styling.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-range__value')].join(' ').trim();\n    }\n}\n","{{ 'ecl.common.VALUE' | translate }}: <span class=\"ecl-range__value-current\"> {{ value }} </span>\n","import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Event emitted by the ECL range directive\n * whenever the range value changes.\n */\nexport class EclRangeEvent extends EclBaseEvent {\n    /**\n     * The current numeric value of the range input.\n     */\n    constructor(public value: number) {\n        super();\n    }\n}\n","import { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, ViewContainerRef, booleanAttribute, ChangeDetectorRef, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { Subject, distinctUntilChanged, fromEvent, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRtlService } from '@eui/ecl/core';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeEvent } from './events/ecl-range.event';\n\n/**\n * Directive enhancing native input[type=range] with ECL styles and behavior.\n * Adds value display, bubble indicator, RTL support and integration with reactive forms.\n */\n@Directive({\n    selector: 'input[eclRange]',\n})\nexport class EclRangeDirective extends ECLBaseDirective implements OnInit, OnDestroy {\n    protected ngControl = inject(NgControl, { optional: true, self: true });\n\n    /**\n     * Defines the size of the range component.\n     * Adds a corresponding size class like `ecl-range--m`.\n     */\n    @Input() eclSize = 'm';\n\n    /**\n     * Initial value for the range input when used standalone.\n     */\n    @Input() value: string;\n\n    /**\n     * ID assigned to the projected ECL range value component.\n     */\n    @Input() rangeValueId: string;\n\n    /**\n     * Adds the `ecl-range--invalid` class when true.\n     */\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n\n    /**\n     * Enables or disables the display of a value label.\n     */\n    @Input({ transform: booleanAttribute }) hasValueLabel = true;\n\n    /**\n     * Emits when the range value changes.\n     */\n    @Output() rangeChange = new EventEmitter<EclRangeEvent>();\n\n    private rangeValueComponent: EclRangeValueComponent;\n    private rangeBubbleComponent: EclRangeBubbleComponent;\n    private isRtl = false;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private viewContainerRef = inject(ViewContainerRef);\n    private el = inject(ElementRef);\n    private eclRtlService = inject(EclRtlService);\n    private cd = inject(ChangeDetectorRef);\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-range'), this.eclSize ? `ecl-range--${this.eclSize}` : ''].join(' ').trim();\n    }\n\n    /**\n     * Returns whether the component is in an invalid state.\n     * Checks reactive form control if available, or uses `isInvalid` input.\n     */\n    @HostBinding('class.ecl-range--invalid')\n    get invalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n\n    /**\n     * Handles native input events on the range element\n     * when not used with reactive forms.\n     */\n    @HostListener('input', ['$event'])\n    onInput(evt: InputEvent): void {\n        if (!this.ngControl) {\n            const target = evt.target as HTMLInputElement;\n            this.updateRangeValue(target.value);\n        }\n    }\n\n    /**\n     * Angular lifecycle hook.\n     * Initializes dynamic components and event listeners.\n     */\n    ngOnInit(): void {\n        this.createRangeValueComponent();\n        this.initializeRangeValueComponent();\n        this.initializeEventListeners();\n        this.observeReactiveFormValueChanges();\n        this.handleRtlChangeState();\n    }\n\n    /**\n     * Angular lifecycle hook.\n     * Cleans up subscriptions on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n        });\n    }\n\n    private createRangeValueComponent(): void {\n        const componentRangeBubbleRef = this.viewContainerRef.createComponent(EclRangeBubbleComponent);\n        const componentRangeValueRef = this.viewContainerRef.createComponent(EclRangeValueComponent);\n        this.rangeBubbleComponent = componentRangeBubbleRef.instance;\n        this.rangeValueComponent = componentRangeValueRef.instance;\n        if (this.rangeValueId) {\n            this.rangeValueComponent.id = this.rangeValueId;\n        }\n    }\n\n    private initializeRangeValueComponent(): void {\n        const initialValue = this.ngControl ? this.ngControl.value : this.value;\n        this.updateRangeValue(initialValue);\n    }\n\n    private observeReactiveFormValueChanges(): void {\n        this.ngControl?.valueChanges.pipe(distinctUntilChanged()).subscribe((value: string) => {\n            this.updateRangeValue(value);\n        });\n    }\n\n    private updateRangeValue(value: string): void {\n        const numberValue = parseInt(value, 10);\n\n        this.rangeBubbleComponent.value = numberValue;\n        this.rangeValueComponent.value = numberValue;\n\n        this.rangeChange.next(new EclRangeEvent(numberValue));\n    }\n\n    private initializeEventListeners(): void {\n        const rangeElement = this.el.nativeElement;\n\n        const mouseEnter$ = fromEvent(rangeElement, 'mouseenter');\n        const mouseLeave$ = fromEvent(rangeElement, 'mouseleave');\n        const rangeValueChange$ = fromEvent(rangeElement, 'input');\n\n          mouseEnter$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.rangeBubbleComponent.isVisible = true;\n              this.cd.detectChanges();\n              this.recalculateBubblePosition();\n          });\n\n          rangeValueChange$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.recalculateBubblePosition();\n              });\n\n          mouseLeave$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.rangeBubbleComponent.isVisible = false;\n          });\n    }\n\n    private recalculateBubblePosition(): void {\n\n        const halfThumbWidth = 8;\n        const halfLabelWidth = this.rangeBubbleComponent.el.nativeElement.offsetWidth / 2;\n\n        const rect = this.el.nativeElement.getBoundingClientRect();\n        const center = rect.width / 2;\n\n        const min = this.el.nativeElement.min ? this.el.nativeElement.min : 0;\n        const max = this.el.nativeElement.max;\n        const percentOfRange =\n          (this.el.nativeElement.value - min) / (max - min);\n\n        const valuePxPosition = percentOfRange * rect.width;\n        const distFromCenter = valuePxPosition - center;\n        const percentDistFromCenter = distFromCenter / center;\n\n        const offset = percentDistFromCenter * halfThumbWidth;\n        if (this.isRtl) {\n            this.rangeBubbleComponent.left = this.el.nativeElement.offsetLeft + rect.width - valuePxPosition - halfLabelWidth + offset;\n        }  else {\n            this.rangeBubbleComponent.left = valuePxPosition - halfLabelWidth - offset + this.el.nativeElement.offsetLeft;\n        }\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeDirective } from './ecl-range.directive';\n\nconst COMPONENTS = [EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent];\n\n/**\n * Module that provides the EclRange directive and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_RANGE} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclRangeModule {}\n","import { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeDirective } from './ecl-range.directive';\n\nexport * from './ecl-range.module';\nexport * from './ecl-range.directive';\nexport * from './ecl-range-value.component';\nexport * from './ecl-range-bubble.component';\nexport * from './events/ecl-range.event';\n\nexport const EUI_ECL_RANGE = [\n    EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent,\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-range.mjs","sources":["../../components/ecl-range/ecl-range-bubble.component.ts","../../components/ecl-range/ecl-range-bubble.component.html","../../components/ecl-range/ecl-range-value.component.ts","../../components/ecl-range/ecl-range-value.component.html","../../components/ecl-range/events/ecl-range.event.ts","../../components/ecl-range/ecl-range.directive.ts","../../components/ecl-range/ecl-range.module.ts","../../components/ecl-range/index.ts","../../components/ecl-range/eui-ecl-components-ecl-range.ts"],"sourcesContent":["import { Component, ElementRef, HostBinding, Input, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a bubble tooltip shown above a range input,\n * used to display the current value with ECL styling.\n */\n@Component({\n\tselector: 'ecl-range-bubble',\n\ttemplateUrl: './ecl-range-bubble.component.html',\n})\nexport class EclRangeBubbleComponent extends ECLBaseDirective {\n\tel = inject(ElementRef);\n\n\t/**\n\t * Value displayed inside the bubble.\n\t */\n\t@Input() value: number;\n\n\t/**\n\t * Returns the CSS classes applied to the host element.\n\t * Always includes `ecl-range__bubble` and optionally adds the visible modifier.\n\t */\n\t@HostBinding('class')\n\tget cssClasses(): string {\n\t\treturn [\n\t\t\tsuper.getCssClasses('ecl-range__bubble'),\n\t\t\tthis.isVisible ? 'ecl-range__bubble--visible' : '',\n\t\t].join(' ').trim();\n\t}\n\n\t/**\n\t * Horizontal offset in pixels for positioning the bubble.\n\t * Applied as the left style property of the host element.\n\t */\n\t@HostBinding('style.left.px') left: number;\n\n\t/**\n\t * Controls the visibility of the bubble.\n\t * Adds the `ecl-range__bubble--visible` class when true.\n\t */\n\tisVisible = false;\n}\n","<span class=\"ecl-range__value-bubble\">{{value}}</span>","import { Component, HostBinding, Input } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the value label displayed next to a range input.\n * Applies ECL styling for the value element.\n */\n@Component({\n    selector: 'ecl-range-value',\n    templateUrl: './ecl-range-value.component.html',\n    imports: [TranslateModule],\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclRangeValueComponent extends ECLBaseDirective {\n    /**\n     * Value to display next to the range input.\n     */\n    @Input() value: number;\n\n    /**\n     * ID attribute applied to the component's host element.\n     */\n    @Input() @HostBinding('attr.id') id: string;\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     * Adds the base `ecl-range__value` class for styling.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-range__value')].join(' ').trim();\n    }\n}\n","{{ 'ecl.common.VALUE' | translate }}: <span class=\"ecl-range__value-current\"> {{ value }} </span>\n","import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Event emitted by the ECL range directive\n * whenever the range value changes.\n */\nexport class EclRangeEvent extends EclBaseEvent {\n    /**\n     * The current numeric value of the range input.\n     */\n    constructor(public value: number) {\n        super();\n    }\n}\n","import { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, ViewContainerRef, booleanAttribute, ChangeDetectorRef, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { Subject, distinctUntilChanged, fromEvent, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRtlService } from '@eui/ecl/core';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeEvent } from './events/ecl-range.event';\n\n/**\n * Directive enhancing native input[type=range] with ECL styles and behavior.\n * Adds value display, bubble indicator, RTL support and integration with reactive forms.\n */\n@Directive({\n    selector: 'input[eclRange]',\n})\nexport class EclRangeDirective extends ECLBaseDirective implements OnInit, OnDestroy {\n    protected ngControl = inject(NgControl, { optional: true, self: true });\n\n    /**\n     * Defines the size of the range component.\n     * Adds a corresponding size class like `ecl-range--m`.\n     */\n    @Input() eclSize = 'm';\n\n    /**\n     * Initial value for the range input when used standalone.\n     */\n    @Input() value: string;\n\n    /**\n     * ID assigned to the projected ECL range value component.\n     */\n    @Input() rangeValueId: string;\n\n    /**\n     * Adds the `ecl-range--invalid` class when true.\n     */\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n\n    /**\n     * Enables or disables the display of a value label.\n     */\n    @Input({ transform: booleanAttribute }) hasValueLabel = true;\n\n    /**\n     * Emits when the range value changes.\n     */\n    @Output() rangeChange = new EventEmitter<EclRangeEvent>();\n\n    private rangeValueComponent: EclRangeValueComponent;\n    private rangeBubbleComponent: EclRangeBubbleComponent;\n    private isRtl = false;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private viewContainerRef = inject(ViewContainerRef);\n    private el = inject(ElementRef);\n    private eclRtlService = inject(EclRtlService);\n    private cd = inject(ChangeDetectorRef);\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-range'), this.eclSize ? `ecl-range--${this.eclSize}` : ''].join(' ').trim();\n    }\n\n    /**\n     * Returns whether the component is in an invalid state.\n     * Checks reactive form control if available, or uses `isInvalid` input.\n     */\n    @HostBinding('class.ecl-range--invalid')\n    get invalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n\n    /**\n     * Handles native input events on the range element\n     * when not used with reactive forms.\n     */\n    @HostListener('input', ['$any($event)'])\n    onInput(evt: InputEvent): void {\n        if (!this.ngControl) {\n            const target = evt.target as HTMLInputElement;\n            this.updateRangeValue(target.value);\n        }\n    }\n\n    /**\n     * Angular lifecycle hook.\n     * Initializes dynamic components and event listeners.\n     */\n    ngOnInit(): void {\n        this.createRangeValueComponent();\n        this.initializeRangeValueComponent();\n        this.initializeEventListeners();\n        this.observeReactiveFormValueChanges();\n        this.handleRtlChangeState();\n    }\n\n    /**\n     * Angular lifecycle hook.\n     * Cleans up subscriptions on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n        });\n    }\n\n    private createRangeValueComponent(): void {\n        const componentRangeBubbleRef = this.viewContainerRef.createComponent(EclRangeBubbleComponent);\n        const componentRangeValueRef = this.viewContainerRef.createComponent(EclRangeValueComponent);\n        this.rangeBubbleComponent = componentRangeBubbleRef.instance;\n        this.rangeValueComponent = componentRangeValueRef.instance;\n        if (this.rangeValueId) {\n            this.rangeValueComponent.id = this.rangeValueId;\n        }\n    }\n\n    private initializeRangeValueComponent(): void {\n        const initialValue = this.ngControl ? this.ngControl.value : this.value;\n        this.updateRangeValue(initialValue);\n    }\n\n    private observeReactiveFormValueChanges(): void {\n        this.ngControl?.valueChanges.pipe(distinctUntilChanged()).subscribe((value: string) => {\n            this.updateRangeValue(value);\n        });\n    }\n\n    private updateRangeValue(value: string): void {\n        const numberValue = parseInt(value, 10);\n\n        this.rangeBubbleComponent.value = numberValue;\n        this.rangeValueComponent.value = numberValue;\n\n        this.rangeChange.next(new EclRangeEvent(numberValue));\n    }\n\n    private initializeEventListeners(): void {\n        const rangeElement = this.el.nativeElement;\n\n        const mouseEnter$ = fromEvent(rangeElement, 'mouseenter');\n        const mouseLeave$ = fromEvent(rangeElement, 'mouseleave');\n        const rangeValueChange$ = fromEvent(rangeElement, 'input');\n\n          mouseEnter$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.rangeBubbleComponent.isVisible = true;\n              this.cd.detectChanges();\n              this.recalculateBubblePosition();\n          });\n\n          rangeValueChange$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.recalculateBubblePosition();\n              });\n\n          mouseLeave$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n              this.rangeBubbleComponent.isVisible = false;\n          });\n    }\n\n    private recalculateBubblePosition(): void {\n\n        const halfThumbWidth = 8;\n        const halfLabelWidth = this.rangeBubbleComponent.el.nativeElement.offsetWidth / 2;\n\n        const rect = this.el.nativeElement.getBoundingClientRect();\n        const center = rect.width / 2;\n\n        const min = this.el.nativeElement.min ? this.el.nativeElement.min : 0;\n        const max = this.el.nativeElement.max;\n        const percentOfRange =\n          (this.el.nativeElement.value - min) / (max - min);\n\n        const valuePxPosition = percentOfRange * rect.width;\n        const distFromCenter = valuePxPosition - center;\n        const percentDistFromCenter = distFromCenter / center;\n\n        const offset = percentDistFromCenter * halfThumbWidth;\n        if (this.isRtl) {\n            this.rangeBubbleComponent.left = this.el.nativeElement.offsetLeft + rect.width - valuePxPosition - halfLabelWidth + offset;\n        }  else {\n            this.rangeBubbleComponent.left = valuePxPosition - halfLabelWidth - offset + this.el.nativeElement.offsetLeft;\n        }\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeDirective } from './ecl-range.directive';\n\nconst COMPONENTS = [EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent];\n\n/**\n * Module that provides the EclRange directive and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_RANGE} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclRangeModule {}\n","import { EclRangeBubbleComponent } from './ecl-range-bubble.component';\nimport { EclRangeValueComponent } from './ecl-range-value.component';\nimport { EclRangeDirective } from './ecl-range.directive';\n\nexport * from './ecl-range.module';\nexport * from './ecl-range.directive';\nexport * from './ecl-range-value.component';\nexport * from './ecl-range-bubble.component';\nexport * from './events/ecl-range.event';\n\nexport const EUI_ECL_RANGE = [\n    EclRangeDirective, EclRangeValueComponent, EclRangeBubbleComponent,\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-rating-field.mjs

@@ -91,10 +91,10 @@ class EclRatingFieldComponent 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: EclRatingFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.1", type: EclRatingFieldComponent, isStandalone: true, selector: "ecl-rating-field", inputs: { name: "name", numberOfStars: ["numberOfStars", "numberOfStars", numberAttribute], rating: ["rating", "rating", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { ratingChange: "ratingChange" }, host: { properties: { "attr.disabled": "this.disabled", "class": "this.cssClasses" } }, providers: [ECL_RATINGFIELD_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "@for(n of numbers;track n) {\n    <input\n        type=\"radio\"\n        id=\"{{ name }}-{{ n }}\"\n        [name]=\"name\"\n        class=\"ecl-rating-field__input\"\n        [value]=\"n\"\n        required=\"\"\n        [attr.checked]=\"rating === n ? true : undefined\"\n        [attr.disabled]=\"disabled ? true : undefined\"\n        (click)=\"onRadioClick(n)\" />\n    <label class=\"ecl-rating-field__label\" for=\"{{ name }}-{{ n }}\">\n        <span class=\"ecl-u-sr-only\">{{ n }} stars</span>\n        <ecl-icon icon=\"star-filled\" class=\"ecl-rating-field__icon-filled\" size=\"l\"> </ecl-icon>\n        <ecl-icon icon=\"star-outline\" class=\"ecl-rating-field__icon-outline\" size=\"l\"> </ecl-icon>\n    </label>\n}\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclRatingFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.3", type: EclRatingFieldComponent, isStandalone: true, selector: "ecl-rating-field", inputs: { name: "name", numberOfStars: ["numberOfStars", "numberOfStars", numberAttribute], rating: ["rating", "rating", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { ratingChange: "ratingChange" }, host: { properties: { "attr.disabled": "this.disabled", "class": "this.cssClasses" } }, providers: [ECL_RATINGFIELD_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "@for(n of numbers;track n) {\n    <input\n        type=\"radio\"\n        id=\"{{ name }}-{{ n }}\"\n        [name]=\"name\"\n        class=\"ecl-rating-field__input\"\n        [value]=\"n\"\n        required=\"\"\n        [attr.checked]=\"rating === n ? true : undefined\"\n        [attr.disabled]=\"disabled ? true : undefined\"\n        (click)=\"onRadioClick(n)\" />\n    <label class=\"ecl-rating-field__label\" for=\"{{ name }}-{{ n }}\">\n        <span class=\"ecl-u-sr-only\">{{ n }} stars</span>\n        <ecl-icon icon=\"star-filled\" class=\"ecl-rating-field__icon-filled\" size=\"l\"> </ecl-icon>\n        <ecl-icon icon=\"star-outline\" class=\"ecl-rating-field__icon-outline\" size=\"l\"> </ecl-icon>\n    </label>\n}\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclRatingFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclRatingFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-rating-field', imports: [...EUI_ECL_ICON], providers: [ECL_RATINGFIELD_VALUE_ACCESSOR], template: "@for(n of numbers;track n) {\n    <input\n        type=\"radio\"\n        id=\"{{ name }}-{{ n }}\"\n        [name]=\"name\"\n        class=\"ecl-rating-field__input\"\n        [value]=\"n\"\n        required=\"\"\n        [attr.checked]=\"rating === n ? true : undefined\"\n        [attr.disabled]=\"disabled ? true : undefined\"\n        (click)=\"onRadioClick(n)\" />\n    <label class=\"ecl-rating-field__label\" for=\"{{ name }}-{{ n }}\">\n        <span class=\"ecl-u-sr-only\">{{ n }} stars</span>\n        <ecl-icon icon=\"star-filled\" class=\"ecl-rating-field__icon-filled\" size=\"l\"> </ecl-icon>\n        <ecl-icon icon=\"star-outline\" class=\"ecl-rating-field__icon-outline\" size=\"l\"> </ecl-icon>\n    </label>\n}\n" }]
         }], propDecorators: { name: [{
@@ -124,11 +124,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1",
  * @deprecated Use {@link EUI_ECL_RATING_FIELD} instead.
  */
 class EclRatingFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclRatingFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclRatingFieldModule, imports: [EclRatingFieldComponent], exports: [EclRatingFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclRatingFieldModule, imports: [EclRatingFieldComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclRatingFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclRatingFieldModule, imports: [EclRatingFieldComponent], exports: [EclRatingFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclRatingFieldModule, imports: [EclRatingFieldComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.1", ngImport: i0, type: EclRatingFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.3", ngImport: i0, type: EclRatingFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclRatingFieldComponent],

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

@@ -91,10 +91,10 @@ 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: "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" }] }); }
+    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, ...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: [{
@@ -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-select.mjs

@@ -52,10 +52,10 @@ 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: "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" }] }); }
+    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: [
                         ...EUI_ECL_ICON,
@@ -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-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],