@eui/ecl 19.3.3-snapshot-1754912586607 → 21.0.0-alpha.2

package/fesm2022/eui-ecl-components-ecl-date-block.mjs

@@ -1,31 +1,6 @@
 import { formatDate, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, HostBinding, Component, NgModule } from '@angular/core';
-import '@angular/common/locales/global/bg';
-import '@angular/common/locales/global/da';
-import '@angular/common/locales/global/en';
-import '@angular/common/locales/global/et';
-import '@angular/common/locales/global/fr';
-import '@angular/common/locales/global/hr';
-import '@angular/common/locales/global/lv';
-import '@angular/common/locales/global/hu';
-import '@angular/common/locales/global/nl';
-import '@angular/common/locales/global/pt';
-import '@angular/common/locales/global/sk';
-import '@angular/common/locales/global/fi';
-import '@angular/common/locales/global/cs';
-import '@angular/common/locales/global/de';
-import '@angular/common/locales/global/el';
-import '@angular/common/locales/global/es';
-import '@angular/common/locales/global/ga';
-import '@angular/common/locales/global/it';
-import '@angular/common/locales/global/lt';
-import '@angular/common/locales/global/mt';
-import '@angular/common/locales/global/pl';
-import '@angular/common/locales/global/ro';
-import '@angular/common/locales/global/sl';
-import '@angular/common/locales/global/sv';
-import * as i1 from '@ngx-translate/core';
+import { inject, Input, HostBinding, Component, NgModule } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 
@@ -47,9 +22,8 @@ class EclDateBlockComponent extends ECLBaseDirective {
     set datetime(value) {
         this._datetime = value;
     }
-    constructor(translateService) {
+    constructor() {
         super();
-        this.translateService = translateService;
         /**
          * The format to be used when rendering the date string (Angular DatePipe format).
          * Default is `'dd/M/yyyy'`.
@@ -64,6 +38,8 @@ class EclDateBlockComponent extends ECLBaseDirective {
         this.variant = null;
         this.locale = 'en';
         this._datetime = null;
+        this.translateService = inject(TranslateService);
+        const translateService = this.translateService;
         this.locale = translateService.currentLang;
     }
     getDatetime() {
@@ -77,13 +53,13 @@ class EclDateBlockComponent extends ECLBaseDirective {
             return null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDateBlockComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclDateBlockComponent, isStandalone: true, selector: "time[eclDateBlock]", inputs: { date: "date", dateFormat: "dateFormat", variant: "variant", day: "day", month: "month", monthTitle: "monthTitle", year: "year", datetime: "datetime" }, host: { properties: { "class": "this.cssClasses", "attr.datetime": "this.datetime" } }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n", dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDateBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EclDateBlockComponent, isStandalone: true, selector: "time[eclDateBlock]", inputs: { date: "date", dateFormat: "dateFormat", variant: "variant", day: "day", month: "month", monthTitle: "monthTitle", year: "year", datetime: "datetime" }, host: { properties: { "class": "this.cssClasses", "attr.datetime": "this.datetime" } }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n", dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDateBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDateBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'time[eclDateBlock]', imports: [DatePipe], providers: [TranslateService], template: "<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n" }]
-        }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { date: [{
+        }], ctorParameters: () => [], propDecorators: { date: [{
                 type: Input
             }], dateFormat: [{
                 type: Input
@@ -113,11 +89,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * @deprecated Use {@link EUI_ECL_DATE_BLOCK} instead.
  */
 class EclDateBlockModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDateBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: EclDateBlockModule, imports: [EclDateBlockComponent], exports: [EclDateBlockComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDateBlockModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDateBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EclDateBlockModule, imports: [EclDateBlockComponent], exports: [EclDateBlockComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDateBlockModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDateBlockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDateBlockModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclDateBlockComponent],

package/fesm2022/eui-ecl-components-ecl-date-block.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-date-block.mjs","sources":["../../components/ecl-date-block/ecl-date-block.component.ts","../../components/ecl-date-block/ecl-date-block.component.html","../../components/ecl-date-block/ecl-date-block.module.ts","../../components/ecl-date-block/index.ts","../../components/ecl-date-block/eui-ecl-components-ecl-date-block.ts"],"sourcesContent":["import { formatDate, DatePipe } from '@angular/common';\nimport { Component, Input, HostBinding } from '@angular/core';\nimport '@angular/common/locales/global/bg';\nimport '@angular/common/locales/global/da';\nimport '@angular/common/locales/global/en';\nimport '@angular/common/locales/global/et';\nimport '@angular/common/locales/global/fr';\nimport '@angular/common/locales/global/hr';\nimport '@angular/common/locales/global/lv';\nimport '@angular/common/locales/global/hu';\nimport '@angular/common/locales/global/nl';\nimport '@angular/common/locales/global/pt';\nimport '@angular/common/locales/global/sk';\nimport '@angular/common/locales/global/fi';\nimport '@angular/common/locales/global/cs';\nimport '@angular/common/locales/global/de';\nimport '@angular/common/locales/global/el';\nimport '@angular/common/locales/global/es';\nimport '@angular/common/locales/global/ga';\nimport '@angular/common/locales/global/it';\nimport '@angular/common/locales/global/lt';\nimport '@angular/common/locales/global/mt';\nimport '@angular/common/locales/global/pl';\nimport '@angular/common/locales/global/ro';\nimport '@angular/common/locales/global/sl';\nimport '@angular/common/locales/global/sv';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component used to display a formatted date in a styled time element.\n * Designed for use within content components such as content blocks or items.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'time[eclDateBlock]',\n    templateUrl: './ecl-date-block.component.html',\n    imports: [DatePipe],\n    providers: [TranslateService],\n})\nexport class EclDateBlockComponent extends ECLBaseDirective {\n    /**\n     * The date to be displayed. If not null, it's used to generate the `datetime` attribute and visual output.\n     */\n    @Input() date: Date;\n\n    /**\n     * The format to be used when rendering the date string (Angular DatePipe format).\n     * Default is `'dd/M/yyyy'`.\n     */\n    @Input() dateFormat = 'dd/M/yyyy';\n\n    /**\n     * Optional visual variant of the date block. Can be:\n     * - `'ongoing'`: for ongoing events\n     * - `'past'`: for past events\n     * This changes styling only.\n     */\n    @Input() variant: 'ongoing' | 'past' = null;\n\n    /**\n     * Explicit string for day part of the date (optional).\n     * Used when date is not set or overridden manually.\n     */\n    @Input() day: string;\n\n    /**\n     * Explicit string for month part of the date (optional).\n     * Used when date is not set or overridden manually.\n     */\n    @Input() month: string;\n\n    /**\n     * Explicit string used as an accessible or verbose label for the month (optional).\n     */\n    @Input() monthTitle: string;\n\n    /**\n     * Explicit string for year part of the date (optional).\n     * Used when date is not set or overridden manually.\n     */\n    @Input() year: string;\n\n    locale = 'en';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-date-block'), this.variant ? `ecl-date-block--${this.variant}` : ''].join(' ').trim();\n    }\n\n    /**\n     * Sets the `datetime` attribute of the `<time>` element.\n     * If not provided, it is derived from `date` and `dateFormat`.\n     */\n    @Input()\n    @HostBinding('attr.datetime')\n    get datetime(): string {\n        return this.getDatetime();\n    }\n    set datetime(value) {\n        this._datetime = value;\n    }\n    private _datetime: string = null;\n\n    constructor(private translateService: TranslateService) {\n        super();\n        this.locale = translateService.currentLang;\n    }\n\n    private getDatetime(): string {\n        return this._datetime || this.getFormattedDate(this.date, this.dateFormat);\n    }\n\n    private getFormattedDate(date: Date, dateFormat: string): string {\n        if (date) {\n            return formatDate(date, dateFormat, this.translateService.currentLang);\n        } else {\n            return null;\n        }\n    }\n}\n","<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n","import { NgModule } from '@angular/core';\nimport { EclDateBlockComponent } from './ecl-date-block.component';\n\n/**\n * Module that provides the EclDateBlock component.\n *\n * @deprecated Use {@link EUI_ECL_DATE_BLOCK} instead.\n */\n@NgModule({\n    imports: [EclDateBlockComponent],\n    exports: [EclDateBlockComponent],\n})\nexport class EclDateBlockModule {}\n","import { EclDateBlockComponent } from './ecl-date-block.component';\n\nexport * from './ecl-date-block.module';\nexport * from './ecl-date-block.component';\n\nexport const EUI_ECL_DATE_BLOCK = [\n    EclDateBlockComponent,\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-date-block.mjs","sources":["../../components/ecl-date-block/ecl-date-block.component.ts","../../components/ecl-date-block/ecl-date-block.component.html","../../components/ecl-date-block/ecl-date-block.module.ts","../../components/ecl-date-block/index.ts","../../components/ecl-date-block/eui-ecl-components-ecl-date-block.ts"],"sourcesContent":["import { DatePipe, formatDate } from '@angular/common';\nimport { Component, Input, HostBinding, inject } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component used to display a formatted date in a styled time element.\n * Designed for use within content components such as content blocks or items.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'time[eclDateBlock]',\n    templateUrl: './ecl-date-block.component.html',\n    imports: [DatePipe],\n    providers: [TranslateService],\n})\nexport class EclDateBlockComponent extends ECLBaseDirective {\n    /**\n     * The date to be displayed. If not null, it's used to generate the `datetime` attribute and visual output.\n     */\n    @Input() date: Date;\n\n    /**\n     * The format to be used when rendering the date string (Angular DatePipe format).\n     * Default is `'dd/M/yyyy'`.\n     */\n    @Input() dateFormat = 'dd/M/yyyy';\n\n    /**\n     * Optional visual variant of the date block. Can be:\n     * - `'ongoing'`: for ongoing events\n     * - `'past'`: for past events\n     * This changes styling only.\n     */\n    @Input() variant: 'ongoing' | 'past' = null;\n\n    /**\n     * Explicit string for day part of the date (optional).\n     * Used when date is not set or overridden manually.\n     */\n    @Input() day: string;\n\n    /**\n     * Explicit string for month part of the date (optional).\n     * Used when date is not set or overridden manually.\n     */\n    @Input() month: string;\n\n    /**\n     * Explicit string used as an accessible or verbose label for the month (optional).\n     */\n    @Input() monthTitle: string;\n\n    /**\n     * Explicit string for year part of the date (optional).\n     * Used when date is not set or overridden manually.\n     */\n    @Input() year: string;\n\n    locale = 'en';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-date-block'), this.variant ? `ecl-date-block--${this.variant}` : ''].join(' ').trim();\n    }\n\n    /**\n     * Sets the `datetime` attribute of the `<time>` element.\n     * If not provided, it is derived from `date` and `dateFormat`.\n     */\n    @Input()\n    @HostBinding('attr.datetime')\n    get datetime(): string {\n        return this.getDatetime();\n    }\n    set datetime(value) {\n        this._datetime = value;\n    }\n    private _datetime: string = null;\n    private translateService = inject(TranslateService);\n\n    constructor() {\n        super();\n        const translateService = this.translateService;\n\n        this.locale = translateService.currentLang;\n    }\n\n    private getDatetime(): string {\n        return this._datetime || this.getFormattedDate(this.date, this.dateFormat);\n    }\n\n    private getFormattedDate(date: Date, dateFormat: string): string {\n        if (date) {\n            return formatDate(date, dateFormat, this.translateService.currentLang);\n        } else {\n            return null;\n        }\n    }\n}\n","<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n","import { NgModule } from '@angular/core';\nimport { EclDateBlockComponent } from './ecl-date-block.component';\n\n/**\n * Module that provides the EclDateBlock component.\n *\n * @deprecated Use {@link EUI_ECL_DATE_BLOCK} instead.\n */\n@NgModule({\n    imports: [EclDateBlockComponent],\n    exports: [EclDateBlockComponent],\n})\nexport class EclDateBlockModule {}\n","import { EclDateBlockComponent } from './ecl-date-block.component';\n\nexport * from './ecl-date-block.module';\nexport * from './ecl-date-block.component';\n\nexport const EUI_ECL_DATE_BLOCK = [\n    EclDateBlockComponent,\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-date-picker.mjs

@@ -1,12 +1,11 @@
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { forwardRef, EventEmitter, PLATFORM_ID, HostListener, HostBinding, Output, Input, Inject, Directive, NgModule } from '@angular/core';
+import { forwardRef, inject, EventEmitter, ElementRef, ViewContainerRef, Renderer2, PLATFORM_ID, HostListener, HostBinding, Output, Input, Directive, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
 import { Subject, takeUntil, fromEvent, debounceTime } from 'rxjs';
-import * as i2 from '@eui/ecl/core';
-import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import { EclBaseEvent, ECLBaseDirective, EclRtlService } from '@eui/ecl/core';
 import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
-import * as i1 from '@ngx-translate/core';
 
 /**
  * Custom event emitted by the ECL date picker when a date is selected.
@@ -51,14 +50,9 @@ class EclDatePickerDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-datepicker__field')].join(' ').trim();
     }
-    constructor(el, viewContainerRef, translateService, eclRtlService, renderer, platformId) {
+    constructor() {
         super();
-        this.el = el;
-        this.viewContainerRef = viewContainerRef;
-        this.translateService = translateService;
-        this.eclRtlService = eclRtlService;
-        this.renderer = renderer;
-        this.platformId = platformId;
+        this.translateService = inject(TranslateService);
         /**
          * Number of years to show in the year dropdown.
          */
@@ -88,6 +82,11 @@ class EclDatePickerDirective extends ECLBaseDirective {
         this.isRtl = false;
         this.DEBOUNCE_TIME = 100;
         this.MOBILE_BREAKPOINT = 768;
+        this.el = inject(ElementRef);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.eclRtlService = inject(EclRtlService);
+        this.renderer = inject(Renderer2);
+        this.platformId = inject(PLATFORM_ID);
         if (isPlatformBrowser(this.platformId)) {
             this.handlei18nEvents();
             this.handleRtlChangeState();
@@ -285,19 +284,16 @@ class EclDatePickerDirective extends ECLBaseDirective {
             this.picker = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDatePickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1.TranslateService }, { token: i2.EclRtlService }, { token: i0.Renderer2 }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclDatePickerDirective, isStandalone: true, selector: "input[eclDatePicker]", inputs: { yearRange: "yearRange", format: "format" }, outputs: { datePicked: "datePicked" }, host: { listeners: { "click": "onClick()", "blur": "onBlur()" }, properties: { "attr.type": "this.type", "class": "this.cssClasses", "attr.disabled": "this.isDisabled" } }, providers: [ECL_DATE_PICKER_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDatePickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: EclDatePickerDirective, isStandalone: true, selector: "input[eclDatePicker]", inputs: { yearRange: "yearRange", format: "format" }, outputs: { datePicked: "datePicked" }, host: { listeners: { "click": "onClick()", "blur": "onBlur()" }, properties: { "attr.type": "this.type", "class": "this.cssClasses", "attr.disabled": "this.isDisabled" } }, providers: [ECL_DATE_PICKER_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDatePickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDatePickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[eclDatePicker]',
                     providers: [ECL_DATE_PICKER_VALUE_ACCESSOR],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1.TranslateService }, { type: i2.EclRtlService }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }], propDecorators: { yearRange: [{
+        }], ctorParameters: () => [], propDecorators: { yearRange: [{
                 type: Input
             }], format: [{
                 type: Input
@@ -326,11 +322,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * @deprecated Use {@link EUI_ECL_DATE_PICKER} instead.
  */
 class EclDatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: EclDatePickerModule, imports: [EclDatePickerDirective], exports: [EclDatePickerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDatePickerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EclDatePickerModule, imports: [EclDatePickerDirective], exports: [EclDatePickerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDatePickerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclDatePickerDirective],

package/fesm2022/eui-ecl-components-ecl-date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-date-picker.mjs","sources":["../../components/ecl-date-picker/events/ecl-date-picker-date-picked.event.ts","../../components/ecl-date-picker/ecl-date-picker.directive.ts","../../components/ecl-date-picker/ecl-date-picker.module.ts","../../components/ecl-date-picker/index.ts","../../components/ecl-date-picker/eui-ecl-components-ecl-date-picker.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Custom event emitted by the ECL date picker when a date is selected.\n */\nexport class EclDatePickerDatePickedEvent extends EclBaseEvent {\n\tconstructor(public date: Date) {\n\t\tsuper();\n\t}\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    PLATFORM_ID,\n    Provider,\n    Renderer2,\n    ViewContainerRef,\n    forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { LangChangeEvent, TranslateService } from '@ngx-translate/core';\nimport type Pikaday from 'pikaday';\nimport { Subject, debounceTime, fromEvent, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { EclDatePickerDatePickedEvent } from './events/ecl-date-picker-date-picked.event';\nimport { EclRtlService } from '@eui/ecl/core';\n\n/**\n * Default i18n values for the Pikaday calendar component.\n */\nconst pikadayDefaultI18n = {\n    previousMonth: 'Previous Month',\n    nextMonth: 'Next Month',\n    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n};\n\n/**\n * Value accessor provider for Angular reactive and template-driven forms.\n */\nexport const ECL_DATE_PICKER_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclDatePickerDirective),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty */\n};\n\n/**\n * Directive that enhances a native input element with an ECL-compliant date picker.\n * Integrates Pikaday with support for localization (i18n), RTL layout, and responsive behavior.\n */\n@Directive({\n    selector: 'input[eclDatePicker]',\n    providers: [ECL_DATE_PICKER_VALUE_ACCESSOR],\n})\nexport class EclDatePickerDirective extends ECLBaseDirective implements OnInit, ControlValueAccessor, OnDestroy {\n    /**\n     * Number of years to show in the year dropdown.\n     */\n    @Input() yearRange = 40;\n\n    /**\n     * Date format string used to display and parse dates.\n     * Follows the format syntax supported by Pikaday.\n     */\n    @Input() format = 'DD-MM-YYYY';\n\n    /**\n     * Sets the type attribute of the host input element to 'text'.\n     */\n    @HostBinding('attr.type') type = 'text';\n\n    /**\n     * Binds base ECL CSS classes to the host input element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-datepicker__field')].join(' ').trim();\n    }\n\n    /**\n     * Emits an event when a date is selected.\n     */\n    @Output() datePicked = new EventEmitter<EclDatePickerDatePickedEvent>();\n\n    /**\n     * Binds the 'disabled' attribute to the host element.\n     * Accepts `null` or an empty string.\n     */\n    @HostBinding('attr.disabled')\n    isDisabled = null;\n\n    private picker: Pikaday;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    private onTouched: () => void = noop;\n\n    private hostEl: HTMLInputElement;\n    private hostParentEl: HTMLElement;\n    private hostWrapperEl: HTMLElement;\n    private eclIconComponentEl: HTMLElement;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private value: any;\n    private isRtl = false;\n    private readonly DEBOUNCE_TIME = 100;\n    private readonly MOBILE_BREAKPOINT = 768;\n\n    constructor(\n        private el: ElementRef,\n        private viewContainerRef: ViewContainerRef,\n        protected translateService: TranslateService,\n        private eclRtlService: EclRtlService,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) private platformId: object,\n    ) {\n        super();\n        if (isPlatformBrowser(this.platformId)) {\n            this.handlei18nEvents();\n            this.handleRtlChangeState();\n            this.handleResize();\n        }\n    }\n\n    /**\n     * Initializes the Pikaday instance and applies markup when running in browser.\n     */\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            this.initPikaday().then(() => {\n                this.handleMarkup();\n            });\n        }\n    }\n\n    /**\n     * Cleans up subscriptions and event handlers on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Marks the input as touched when clicked.\n     */\n    @HostListener('click')\n    onClick(): void {\n        this.onTouched();\n    }\n\n    /**\n     * On blur, checks input value and emits appropriate change.\n     */\n    @HostListener('blur')\n    onBlur(): void {\n        const textFieldValue: string = this.hostEl.value;\n\n        if (textFieldValue) {\n            this.onChange(this.picker?.getDate());\n        } else {\n            this.onChange(null);\n        }\n    }\n\n     /**\n     * Writes a new value from the form model into the view or (if needed) DOM property.\n     * Required by ControlValueAccessor interface.\n     * \n     * @param value - The value to be written into the input.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.value = value;\n        if (this.picker) {\n            this.picker.setDate(value);\n        }\n    }\n\n    /**\n     * Sets the disabled state of the component.\n     * Called by Angular forms when the control status changes.\n     * \n     * @param isDisabled - Boolean indicating whether the input should be disabled.\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.isDisabled = isDisabled || null;\n    }\n\n    /**\n     * Registers a callback function that should be called when the control's value changes in the UI.\n     * Required by ControlValueAccessor interface.\n     * \n     * @param fn - The callback function.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Registers a callback function that should be called when the control is touched.\n     * Required by ControlValueAccessor interface.\n     * \n     * @param fn - The callback function.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    private async initPikaday(): Promise<void> {\n        const i18nKey = 'ecl.date-picker.PIKADAY';\n        let i18nTranslation = this.translateService.instant(i18nKey);\n        const isRTL = this.isRtl;\n        const position = isRTL ? 'bottom right' : 'bottom left';\n\n        if (!i18nTranslation || i18nTranslation === i18nKey) {\n            i18nTranslation = pikadayDefaultI18n;\n        }\n\n        // Dynamically import Pikaday when the component initializes\n        try {\n            const { default: Pikaday } = await import('pikaday');\n\n            // Initialize Pikaday after it is imported\n            this.picker = new Pikaday({\n                field: this.el.nativeElement,\n                format: this.format,\n                theme: 'ecl-datepicker-theme',\n                yearRange: this.yearRange,\n                reposition: false,\n                i18n: i18nTranslation,\n                isRTL,\n                position,\n                showDaysInNextAndPreviousMonths: true,\n                enableSelectionDaysInNextAndPreviousMonths: true,\n                onSelect: this.onSelectDate.bind(this),\n                onOpen: (): void => this.setPikadayElementStyles(this.picker.el),\n            });\n            this.picker.setDate(this.value);\n        } catch (error) {\n            console.error('Error importing Pikaday', error);\n        }\n    }\n\n    private handlei18nEvents(): void {\n        this.translateService.onLangChange.pipe(takeUntil(this.destroy$))\n            .subscribe((langChangeEvent: LangChangeEvent) => {\n            this.value = this.picker.getDate();\n            this.destroyPikaday();\n            this.initPikaday().then();\n        });\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n            if (this.picker) {\n                this.value = this.picker.getDate();\n                this.destroyPikaday();\n                this.initPikaday().then();\n            }\n        });\n    }\n\n    private handleResize(): void {\n        fromEvent(window, 'resize')\n          .pipe(debounceTime(this.DEBOUNCE_TIME), takeUntil(this.destroy$))\n          .subscribe(() => {\n              this.setPikadayElementStyles(this.picker.el);\n          })\n    }\n\n    private setPikadayElementStyles(element: HTMLElement): void {\n        // Extend picker size on mobile\n        const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n        const inputParentElRect = this.hostWrapperEl.getBoundingClientRect();\n        //mobile_mode\n        if (vw < this.MOBILE_BREAKPOINT) {\n            element.style.right = `${vw - inputParentElRect.right}px`;\n            element.style.left = `${inputParentElRect.left}px`;\n        } else if ( this.isRtl) {\n            element.style.right =  `${vw - inputParentElRect.right}px`;\n            element.style.left = 'auto';\n        } else {\n            element.style.right =  'auto';\n            element.style.left = `${inputParentElRect.left}px`;\n        }\n    }\n\n    private onSelectDate(date: Date): void {\n        this.datePicked.next(new EclDatePickerDatePickedEvent(date));\n        this.onChange(date);\n    }\n\n    private handleMarkup(): void {\n        this.hostEl = this.getHostElement();\n        this.hostParentEl = this.getHostParentElement(this.hostEl);\n        this.hostWrapperEl = this.createHostWrapperContainer();\n        this.eclIconComponentEl = this.createIconComponent();\n\n        if (this.hostParentEl != null) {\n            this.hostParentEl.replaceChild(this.hostWrapperEl, this.hostEl);\n            this.renderer.appendChild(this.hostWrapperEl, this.hostEl);\n            this.renderer.appendChild(this.hostWrapperEl, this.eclIconComponentEl);\n        }\n    }\n\n    private getHostElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n\n    private getHostParentElement(hostEl: HTMLInputElement): HTMLElement {\n        return this.renderer.parentNode(hostEl);\n    }\n\n    private createHostWrapperContainer(): HTMLElement {\n        const wrapperContainer = this.renderer.createElement('div');\n        this.renderer.addClass(wrapperContainer, 'ecl-datepicker');\n\n        return wrapperContainer;\n    }\n\n    private createIconComponent(): HTMLElement {\n        const eclIconComponent = this.viewContainerRef.createComponent(EclIconComponent);\n        eclIconComponent.instance.size = 'xs';\n        eclIconComponent.instance.icon = 'calendar';\n        eclIconComponent.instance.baseDirective.class = 'ecl-datepicker__icon';\n\n        return eclIconComponent.location.nativeElement;\n    }\n\n    private destroyPikaday(): void {\n        if (this.picker) {\n            this.picker.destroy();\n            this.picker = undefined;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclDatePickerDirective } from './ecl-date-picker.directive';\n\n/**\n * Module that provides the EclDatePicker directive.\n *\n * @deprecated Use {@link EUI_ECL_DATE_PICKER} instead.\n */\n@NgModule({\n    imports: [EclDatePickerDirective],\n    exports: [EclDatePickerDirective],\n})\nexport class EclDatePickerModule {}\n","import { EclDatePickerDirective } from './ecl-date-picker.directive';\n\nexport * from './ecl-date-picker.module';\nexport * from './ecl-date-picker.directive';\nexport * from './events/ecl-date-picker-date-picked.event';\n\nexport const EUI_ECL_DATE_PICKER = [\n    EclDatePickerDirective,\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-date-picker.mjs","sources":["../../components/ecl-date-picker/events/ecl-date-picker-date-picked.event.ts","../../components/ecl-date-picker/ecl-date-picker.directive.ts","../../components/ecl-date-picker/ecl-date-picker.module.ts","../../components/ecl-date-picker/index.ts","../../components/ecl-date-picker/eui-ecl-components-ecl-date-picker.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Custom event emitted by the ECL date picker when a date is selected.\n */\nexport class EclDatePickerDatePickedEvent extends EclBaseEvent {\n\tconstructor(public date: Date) {\n\t\tsuper();\n\t}\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    PLATFORM_ID,\n    Provider,\n    Renderer2,\n    ViewContainerRef,\n    forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { LangChangeEvent, TranslateService } from '@ngx-translate/core';\nimport type Pikaday from 'pikaday';\nimport { Subject, debounceTime, fromEvent, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { EclDatePickerDatePickedEvent } from './events/ecl-date-picker-date-picked.event';\nimport { EclRtlService } from '@eui/ecl/core';\n\n/**\n * Default i18n values for the Pikaday calendar component.\n */\nconst pikadayDefaultI18n = {\n    previousMonth: 'Previous Month',\n    nextMonth: 'Next Month',\n    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n};\n\n/**\n * Value accessor provider for Angular reactive and template-driven forms.\n */\nexport const ECL_DATE_PICKER_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclDatePickerDirective),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty */\n};\n\n/**\n * Directive that enhances a native input element with an ECL-compliant date picker.\n * Integrates Pikaday with support for localization (i18n), RTL layout, and responsive behavior.\n */\n@Directive({\n    selector: 'input[eclDatePicker]',\n    providers: [ECL_DATE_PICKER_VALUE_ACCESSOR],\n})\nexport class EclDatePickerDirective extends ECLBaseDirective implements OnInit, ControlValueAccessor, OnDestroy {\n    protected translateService = inject(TranslateService);\n\n    /**\n     * Number of years to show in the year dropdown.\n     */\n    @Input() yearRange = 40;\n\n    /**\n     * Date format string used to display and parse dates.\n     * Follows the format syntax supported by Pikaday.\n     */\n    @Input() format = 'DD-MM-YYYY';\n\n    /**\n     * Sets the type attribute of the host input element to 'text'.\n     */\n    @HostBinding('attr.type') type = 'text';\n\n    /**\n     * Binds base ECL CSS classes to the host input element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-datepicker__field')].join(' ').trim();\n    }\n\n    /**\n     * Emits an event when a date is selected.\n     */\n    @Output() datePicked = new EventEmitter<EclDatePickerDatePickedEvent>();\n\n    /**\n     * Binds the 'disabled' attribute to the host element.\n     * Accepts `null` or an empty string.\n     */\n    @HostBinding('attr.disabled')\n    isDisabled = null;\n\n    private picker: Pikaday;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    private onTouched: () => void = noop;\n\n    private hostEl: HTMLInputElement;\n    private hostParentEl: HTMLElement;\n    private hostWrapperEl: HTMLElement;\n    private eclIconComponentEl: HTMLElement;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private value: any;\n    private isRtl = false;\n    private readonly DEBOUNCE_TIME = 100;\n    private readonly MOBILE_BREAKPOINT = 768;\n    private el = inject(ElementRef);\n    private viewContainerRef = inject(ViewContainerRef);\n    private eclRtlService = inject(EclRtlService);\n    private renderer = inject(Renderer2);\n    private platformId = inject(PLATFORM_ID);\n\n    constructor() {\n        super();\n        if (isPlatformBrowser(this.platformId)) {\n            this.handlei18nEvents();\n            this.handleRtlChangeState();\n            this.handleResize();\n        }\n    }\n\n    /**\n     * Initializes the Pikaday instance and applies markup when running in browser.\n     */\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            this.initPikaday().then(() => {\n                this.handleMarkup();\n            });\n        }\n    }\n\n    /**\n     * Cleans up subscriptions and event handlers on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Marks the input as touched when clicked.\n     */\n    @HostListener('click')\n    onClick(): void {\n        this.onTouched();\n    }\n\n    /**\n     * On blur, checks input value and emits appropriate change.\n     */\n    @HostListener('blur')\n    onBlur(): void {\n        const textFieldValue: string = this.hostEl.value;\n\n        if (textFieldValue) {\n            this.onChange(this.picker?.getDate());\n        } else {\n            this.onChange(null);\n        }\n    }\n\n     /**\n     * Writes a new value from the form model into the view or (if needed) DOM property.\n     * Required by ControlValueAccessor interface.\n     *\n     * @param value - The value to be written into the input.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.value = value;\n        if (this.picker) {\n            this.picker.setDate(value);\n        }\n    }\n\n    /**\n     * Sets the disabled state of the component.\n     * Called by Angular forms when the control status changes.\n     *\n     * @param isDisabled - Boolean indicating whether the input should be disabled.\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.isDisabled = isDisabled || null;\n    }\n\n    /**\n     * Registers a callback function that should be called when the control's value changes in the UI.\n     * Required by ControlValueAccessor interface.\n     *\n     * @param fn - The callback function.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Registers a callback function that should be called when the control is touched.\n     * Required by ControlValueAccessor interface.\n     *\n     * @param fn - The callback function.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    private async initPikaday(): Promise<void> {\n        const i18nKey = 'ecl.date-picker.PIKADAY';\n        let i18nTranslation = this.translateService.instant(i18nKey);\n        const isRTL = this.isRtl;\n        const position = isRTL ? 'bottom right' : 'bottom left';\n\n        if (!i18nTranslation || i18nTranslation === i18nKey) {\n            i18nTranslation = pikadayDefaultI18n;\n        }\n\n        // Dynamically import Pikaday when the component initializes\n        try {\n            const { default: Pikaday } = await import('pikaday');\n\n            // Initialize Pikaday after it is imported\n            this.picker = new Pikaday({\n                field: this.el.nativeElement,\n                format: this.format,\n                theme: 'ecl-datepicker-theme',\n                yearRange: this.yearRange,\n                reposition: false,\n                i18n: i18nTranslation,\n                isRTL,\n                position,\n                showDaysInNextAndPreviousMonths: true,\n                enableSelectionDaysInNextAndPreviousMonths: true,\n                onSelect: this.onSelectDate.bind(this),\n                onOpen: (): void => this.setPikadayElementStyles(this.picker.el),\n            });\n            this.picker.setDate(this.value);\n        } catch (error) {\n            console.error('Error importing Pikaday', error);\n        }\n    }\n\n    private handlei18nEvents(): void {\n        this.translateService.onLangChange.pipe(takeUntil(this.destroy$))\n            .subscribe((langChangeEvent: LangChangeEvent) => {\n            this.value = this.picker.getDate();\n            this.destroyPikaday();\n            this.initPikaday().then();\n        });\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n            if (this.picker) {\n                this.value = this.picker.getDate();\n                this.destroyPikaday();\n                this.initPikaday().then();\n            }\n        });\n    }\n\n    private handleResize(): void {\n        fromEvent(window, 'resize')\n          .pipe(debounceTime(this.DEBOUNCE_TIME), takeUntil(this.destroy$))\n          .subscribe(() => {\n              this.setPikadayElementStyles(this.picker.el);\n          })\n    }\n\n    private setPikadayElementStyles(element: HTMLElement): void {\n        // Extend picker size on mobile\n        const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n        const inputParentElRect = this.hostWrapperEl.getBoundingClientRect();\n        //mobile_mode\n        if (vw < this.MOBILE_BREAKPOINT) {\n            element.style.right = `${vw - inputParentElRect.right}px`;\n            element.style.left = `${inputParentElRect.left}px`;\n        } else if ( this.isRtl) {\n            element.style.right =  `${vw - inputParentElRect.right}px`;\n            element.style.left = 'auto';\n        } else {\n            element.style.right =  'auto';\n            element.style.left = `${inputParentElRect.left}px`;\n        }\n    }\n\n    private onSelectDate(date: Date): void {\n        this.datePicked.next(new EclDatePickerDatePickedEvent(date));\n        this.onChange(date);\n    }\n\n    private handleMarkup(): void {\n        this.hostEl = this.getHostElement();\n        this.hostParentEl = this.getHostParentElement(this.hostEl);\n        this.hostWrapperEl = this.createHostWrapperContainer();\n        this.eclIconComponentEl = this.createIconComponent();\n\n        if (this.hostParentEl != null) {\n            this.hostParentEl.replaceChild(this.hostWrapperEl, this.hostEl);\n            this.renderer.appendChild(this.hostWrapperEl, this.hostEl);\n            this.renderer.appendChild(this.hostWrapperEl, this.eclIconComponentEl);\n        }\n    }\n\n    private getHostElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n\n    private getHostParentElement(hostEl: HTMLInputElement): HTMLElement {\n        return this.renderer.parentNode(hostEl);\n    }\n\n    private createHostWrapperContainer(): HTMLElement {\n        const wrapperContainer = this.renderer.createElement('div');\n        this.renderer.addClass(wrapperContainer, 'ecl-datepicker');\n\n        return wrapperContainer;\n    }\n\n    private createIconComponent(): HTMLElement {\n        const eclIconComponent = this.viewContainerRef.createComponent(EclIconComponent);\n        eclIconComponent.instance.size = 'xs';\n        eclIconComponent.instance.icon = 'calendar';\n        eclIconComponent.instance.baseDirective.class = 'ecl-datepicker__icon';\n\n        return eclIconComponent.location.nativeElement;\n    }\n\n    private destroyPikaday(): void {\n        if (this.picker) {\n            this.picker.destroy();\n            this.picker = undefined;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclDatePickerDirective } from './ecl-date-picker.directive';\n\n/**\n * Module that provides the EclDatePicker directive.\n *\n * @deprecated Use {@link EUI_ECL_DATE_PICKER} instead.\n */\n@NgModule({\n    imports: [EclDatePickerDirective],\n    exports: [EclDatePickerDirective],\n})\nexport class EclDatePickerModule {}\n","import { EclDatePickerDirective } from './ecl-date-picker.directive';\n\nexport * from './ecl-date-picker.module';\nexport * from './ecl-date-picker.directive';\nexport * from './events/ecl-date-picker-date-picked.event';\n\nexport const EUI_ECL_DATE_PICKER = [\n    EclDatePickerDirective,\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-expandable.mjs

@@ -64,10 +64,10 @@ class EclExpandableComponent extends ECLBaseDirective {
             this.isExpanded = nextExpandedState;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: EclExpandableComponent, isStandalone: true, selector: "ecl-expandable", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: EclButtonModule }, { kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: EclIconModule }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: EclExpandableComponent, isStandalone: true, selector: "ecl-expandable", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: EclButtonModule }, { kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: EclIconModule }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclExpandableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclExpandableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-expandable', imports: [EclButtonModule, EclIconModule, TranslateModule], template: "<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -90,11 +90,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.
  */
 class EclExpandableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent], exports: [EclExpandableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent], exports: [EclExpandableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclExpandableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclExpandableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclExpandableComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-expandable.mjs","sources":["../../components/ecl-expandable/ecl-expandable.component.ts","../../components/ecl-expandable/ecl-expandable.component.html","../../components/ecl-expandable/ecl-expandable.module.ts","../../components/ecl-expandable/index.ts","../../components/ecl-expandable/eui-ecl-components-ecl-expandable.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter, HostBinding, booleanAttribute } from '@angular/core';\nimport { EclButtonModule } from '@eui/ecl/components/ecl-button';\nimport { EclIconModule } from '@eui/ecl/components/ecl-icon';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\n/**\n * Event emitted when the expandable is toggled.\n * Contains the next expanded state.\n */\nexport class EclExpandableToggleEvent extends EclBaseEvent {\n  constructor(public isExpanded: boolean) {\n    super();\n  }\n}\n\n/**\n * Expandable component used to toggle visibility of additional content.\n * It displays a toggle button with configurable labels and emits an event on toggle.\n */\n@Component({\n  selector: 'ecl-expandable',\n  templateUrl: './ecl-expandable.component.html',\n  imports: [EclButtonModule, EclIconModule, TranslateModule], // TODO: replace with EUI_ECL_NAME\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclExpandableComponent extends ECLBaseDirective implements OnInit {\n  /**\n   * Applies the expandable base CSS class to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-expandable')].join(' ').trim();\n  }\n\n  /**\n   * Whether the expandable content is currently expanded.\n   * Default is `false`.\n   */\n  @Input({ transform: booleanAttribute }) isExpanded = false;\n\n  /**\n   * The label to display when the content is collapsed.\n   */\n  @Input() collapsedLabel: string;\n\n  /**\n   * The label to display when the content is expanded.\n   * If not set, `collapsedLabel` will be used as fallback.\n   */\n  @Input() expandedLabel: string;\n\n  /**\n   * Event emitted when the expandable is toggled.\n   * Consumers can prevent default behavior by calling `event.preventDefault()`.\n   */\n  // eslint-disable-next-line\n  @Output() toggle = new EventEmitter<EclExpandableToggleEvent>();\n\n  /**\n   * Initializes the component.\n   * If `expandedLabel` is not provided, it falls back to `collapsedLabel`.\n   */\n  ngOnInit(): void {\n    if (!this.expandedLabel) {\n      this.expandedLabel = this.collapsedLabel;\n    }\n  }\n\n  /**\n   * Handles click on the toggle button.\n   * Emits a toggle event and updates the expanded state unless prevented.\n   */\n  onButtonClick(): void {\n    const nextExpandedState = !this.isExpanded;\n    const event = new EclExpandableToggleEvent(nextExpandedState);\n\n    this.toggle.next(event);\n\n    if (!event.defaultPrevented) {\n      this.isExpanded = nextExpandedState;\n    }\n  }\n}\n","<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { EclExpandableComponent } from './ecl-expandable.component';\n\n/**\n * Module that provides the EclExpandable component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.\n */\n@NgModule({\n    imports: [EclExpandableComponent],\n    exports: [EclExpandableComponent],\n})\nexport class EclExpandableModule {}\n","import { EclExpandableComponent } from './ecl-expandable.component';\n\nexport * from './ecl-expandable.module';\nexport * from './ecl-expandable.component';\n\nexport const EUI_ECL_EXPANDABLE = [\n    EclExpandableComponent,\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-expandable.mjs","sources":["../../components/ecl-expandable/ecl-expandable.component.ts","../../components/ecl-expandable/ecl-expandable.component.html","../../components/ecl-expandable/ecl-expandable.module.ts","../../components/ecl-expandable/index.ts","../../components/ecl-expandable/eui-ecl-components-ecl-expandable.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter, HostBinding, booleanAttribute } from '@angular/core';\nimport { EclButtonModule } from '@eui/ecl/components/ecl-button';\nimport { EclIconModule } from '@eui/ecl/components/ecl-icon';\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\n/**\n * Event emitted when the expandable is toggled.\n * Contains the next expanded state.\n */\nexport class EclExpandableToggleEvent extends EclBaseEvent {\n  constructor(public isExpanded: boolean) {\n    super();\n  }\n}\n\n/**\n * Expandable component used to toggle visibility of additional content.\n * It displays a toggle button with configurable labels and emits an event on toggle.\n */\n@Component({\n  selector: 'ecl-expandable',\n  templateUrl: './ecl-expandable.component.html',\n  imports: [EclButtonModule, EclIconModule, TranslateModule], // TODO: replace with EUI_ECL_NAME\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclExpandableComponent extends ECLBaseDirective implements OnInit {\n  /**\n   * Applies the expandable base CSS class to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-expandable')].join(' ').trim();\n  }\n\n  /**\n   * Whether the expandable content is currently expanded.\n   * Default is `false`.\n   */\n  @Input({ transform: booleanAttribute }) isExpanded = false;\n\n  /**\n   * The label to display when the content is collapsed.\n   */\n  @Input() collapsedLabel: string;\n\n  /**\n   * The label to display when the content is expanded.\n   * If not set, `collapsedLabel` will be used as fallback.\n   */\n  @Input() expandedLabel: string;\n\n  /**\n   * Event emitted when the expandable is toggled.\n   * Consumers can prevent default behavior by calling `event.preventDefault()`.\n   */\n  // eslint-disable-next-line\n  @Output() toggle = new EventEmitter<EclExpandableToggleEvent>();\n\n  /**\n   * Initializes the component.\n   * If `expandedLabel` is not provided, it falls back to `collapsedLabel`.\n   */\n  ngOnInit(): void {\n    if (!this.expandedLabel) {\n      this.expandedLabel = this.collapsedLabel;\n    }\n  }\n\n  /**\n   * Handles click on the toggle button.\n   * Emits a toggle event and updates the expanded state unless prevented.\n   */\n  onButtonClick(): void {\n    const nextExpandedState = !this.isExpanded;\n    const event = new EclExpandableToggleEvent(nextExpandedState);\n\n    this.toggle.next(event);\n\n    if (!event.defaultPrevented) {\n      this.isExpanded = nextExpandedState;\n    }\n  }\n}\n","<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { EclExpandableComponent } from './ecl-expandable.component';\n\n/**\n * Module that provides the EclExpandable component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.\n */\n@NgModule({\n    imports: [EclExpandableComponent],\n    exports: [EclExpandableComponent],\n})\nexport class EclExpandableModule {}\n","import { EclExpandableComponent } from './ecl-expandable.component';\n\nexport * from './ecl-expandable.module';\nexport * from './ecl-expandable.component';\n\nexport const EUI_ECL_EXPANDABLE = [\n    EclExpandableComponent,\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-fact-figures.mjs

@@ -39,10 +39,10 @@ class EclFactFiguresComponent extends ECLBaseDirective {
             this.fontSize === 'm' ? 'ecl-fact-figures--font-m' : '',
             `ecl-fact-figures--col-${this.columns}`].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.14", type: EclFactFiguresComponent, isStandalone: true, selector: "ecl-fact-figures", inputs: { columns: "columns", fontSize: "fontSize", isCentered: ["isCentered", "isCentered", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-fact-figures--centered": "this.isCentered" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-fact-figures__items\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.6", type: EclFactFiguresComponent, isStandalone: true, selector: "ecl-fact-figures", inputs: { columns: "columns", fontSize: "fontSize", isCentered: ["isCentered", "isCentered", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-fact-figures--centered": "this.isCentered" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-fact-figures__items\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures', template: "<div class=\"ecl-fact-figures__items\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -82,10 +82,10 @@ class EclFactFiguresItemComponent extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFactFiguresItemComponent, isStandalone: true, selector: "ecl-fact-figures-item", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: EclIconComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EclFactFiguresItemComponent, isStandalone: true, selector: "ecl-fact-figures-item", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: EclIconComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures-item', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { cssClasses: [{
@@ -116,10 +116,10 @@ class EclFactFiguresViewAllComponent extends ECLBaseDirective {
             this.eclLink.class = [this.eclLink.class, 'ecl-fact-figures__view-all-link'].join(' ');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFactFiguresViewAllComponent, isStandalone: true, selector: "ecl-fact-figures-view-all", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLink", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EclFactFiguresViewAllComponent, isStandalone: true, selector: "ecl-fact-figures-view-all", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLink", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresViewAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresViewAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures-view-all', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -141,10 +141,10 @@ class EclFactFiguresDescriptionComponent extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-fact-figures__description')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFactFiguresDescriptionComponent, isStandalone: true, selector: "ecl-fact-figures-description", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EclFactFiguresDescriptionComponent, isStandalone: true, selector: "ecl-fact-figures-description", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures-description', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -162,10 +162,10 @@ class EclFactFiguresTitleComponent extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-fact-figures__title')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFactFiguresTitleComponent, isStandalone: true, selector: "ecl-fact-figures-title", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EclFactFiguresTitleComponent, isStandalone: true, selector: "ecl-fact-figures-title", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures-title', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -183,10 +183,10 @@ class EclFactFiguresValueComponent extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-fact-figures__value')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFactFiguresValueComponent, isStandalone: true, selector: "ecl-fact-figures-value", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EclFactFiguresValueComponent, isStandalone: true, selector: "ecl-fact-figures-value", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures-value', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -200,8 +200,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * @deprecated Use {@link EUI_ECL_FACT_FIGURES} instead.
  */
 class EclFactFiguresModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresModule, imports: [EclFactFiguresComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresModule, imports: [EclFactFiguresComponent,
             EclFactFiguresItemComponent,
             EclFactFiguresViewAllComponent,
             EclFactFiguresDescriptionComponent,
@@ -212,9 +212,9 @@ class EclFactFiguresModule {
             EclFactFiguresDescriptionComponent,
             EclFactFiguresTitleComponent,
             EclFactFiguresValueComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFactFiguresModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EclFactFiguresModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [