npm - @eui/ecl - Versions diffs - 21.0.0-alpha.32 → 21.0.0-alpha.33 - Mend

@eui/ecl 21.0.0-alpha.32 → 21.0.0-alpha.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/fesm2022/eui-ecl-components-ecl-content-item.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-content-item.mjs","sources":["../../components/ecl-content-item/ecl-content-item-image.directive.ts","../../components/ecl-content-item/ecl-content-item.component.ts","../../components/ecl-content-item/ecl-content-item.component.html","../../components/ecl-content-item/ecl-content-item.module.ts","../../components/ecl-content-item/index.ts","../../components/ecl-content-item/eui-ecl-components-ecl-content-item.ts"],"sourcesContent":["import { Directive, HostBinding, Input, ElementRef, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Directive used to style and configure the image container (e.g., picture) within a content item.\n * It allows adjusting size, position, and zoom behavior of the image block.\n /\n@Directive({\n selector: '[eclContentItemPicture]',\n})\nexport class EclContentItemPictureDirective extends ECLBaseDirective {\n /\n Controls the size of the picture. Default is 'large'.\n * Accepted values: 'small' \| 'large'\n /\n @Input() size: 'small' \| 'large' = 'large';\n\n /\n Defines the position of the picture relative to the content.\n * Accepted values: 'left' \| 'right' \| 'top'\n * Default is 'left'.\n /\n @Input() position: 'left' \| 'right' \| 'top' = 'left';\n\n /\n If true, enables a zoom effect on hover.\n /\n @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n\n /\n Computed CSS classes for the host element based on size and position.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-content-item__picture ecl-picture'),\n `ecl-content-item__picture--${this.size}`,\n `ecl-content-item__picture--${this.position}`,\n ]\n .join(' ')\n .trim();\n }\n}\n\n/\n Directive used for styling the inner image element inside the content item.\n * Also used programmatically for interaction bindings.\n /\n@Directive({\n selector: '[eclContentItemImage]',\n})\nexport class EclContentItemImageDirective extends ECLBaseDirective {\n el = inject(ElementRef);\n\n /\n Computed CSS classes for the host image element.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-content-item__image')].join(' ').trim();\n }\n}\n","import {\n AfterContentInit,\n booleanAttribute,\n Component,\n ContentChild,\n forwardRef,\n HostBinding,\n Input,\n Renderer2,\n inject,\n } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclContentBlockComponent, EclContentBlockTitleDirective } from '@eui/ecl/components/ecl-content-block';\nimport { EclDateBlockComponent } from '@eui/ecl/components/ecl-date-block';\nimport { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\n\n@Component({\n selector: 'ecl-content-item',\n templateUrl: './ecl-content-item.component.html',\n})\nexport class EclContentItemComponent extends ECLBaseDirective implements AfterContentInit {\n /\n Whether to display a divider below the content item.\n * When true, the component will have a visual divider applied.\n * Default is false.\n /\n @Input({ transform: booleanAttribute }) hasDivider = false;\n\n /\n Reference to projected content block.\n * Used to apply internal styling and structure.\n /\n @ContentChild(forwardRef(() => EclContentBlockComponent)) eclContentBlock: EclContentBlockComponent;\n\n /\n Reference to projected date block component.\n * Used to set styling and determine layout mode.\n /\n @ContentChild(forwardRef(() => EclDateBlockComponent)) eclDateBlock: EclDateBlockComponent;\n\n /\n Reference to projected picture directive, used to determine layout mode (stacked).\n /\n @ContentChild(forwardRef(() => EclContentItemPictureDirective)) eclContentItemPicture: EclContentItemPictureDirective;\n\n /\n Reference to projected title directive inside the content block.\n * Used for linking behavior.\n /\n @ContentChild(forwardRef(() => EclContentBlockTitleDirective), { descendants: true }) eclContentBlockTitle: EclContentBlockTitleDirective;\n\n /\n Reference to projected image directive.\n * Used to bind interaction behavior (click propagation).\n /\n @ContentChild(forwardRef(() => EclContentItemImageDirective), { descendants: true }) eclContentItemImage: EclContentItemImageDirective;\n\n /\n ARIA role attribute for the host element.\n * Set to \"article\" to denote standalone content.\n /\n @HostBinding('attr.role') role = 'article';\n\n /\n Computes the CSS class string applied to the host element,\n * depending on layout and configuration options.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-content-item'),\n this.isStack ? 'ecl-content-item--stack' : '',\n this.isInline ? 'ecl-content-item--inline' : '',\n this.hasDivider ? 'ecl-content-item--divider' : '' ].join(' ').trim();\n }\n\n private isStack = false;\n private isInline = false;\n private renderer = inject(Renderer2);\n\n /\n Lifecycle hook called after content projection.\n * Sets layout flags and attaches interactivity behavior to image and title.\n /\n ngAfterContentInit(): void {\n if (this.eclContentBlock) {\n this.eclContentBlock.class = 'ecl-content-item__content-block';\n }\n\n if (this.eclDateBlock) {\n this.eclDateBlock.class = 'ecl-content-item__date';\n this.isInline = true;\n }\n\n if (this.eclContentItemPicture && this.eclContentItemPicture.position === 'top') {\n this.isStack = true;\n }\n\n this.attachClickEventToImage();\n }\n\n /\n Attaches click behavior to image so it triggers the link defined in the title.\n * Only applies when both image and linked title are available.\n /\n private attachClickEventToImage(): void {\n if (this.eclContentBlockTitle && this.eclContentBlockTitle.eclLink) {\n if (this.eclContentItemImage) {\n this.renderer.setStyle(this.eclContentItemImage.el.nativeElement, 'cursor', 'pointer');\n this.renderer.listen(this.eclContentItemImage.el.nativeElement, 'click', () => {\n this.eclContentBlockTitle.eclLink.onClick();\n });\n }\n }\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\nimport { EclContentItemComponent } from './ecl-content-item.component';\n\nconst COMPONENTS = [EclContentItemComponent, EclContentItemImageDirective, EclContentItemPictureDirective];\n\n/\n Module that provides the EclContentItem component and its dependencies.\n \n @deprecated Use {@link EUI_ECL_CONTENT_ITEM} instead.\n /\n@NgModule({\n imports: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EclContentItemModule {}\n","import { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\nimport { EclContentItemComponent } from './ecl-content-item.component';\n\nexport from './ecl-content-item-image.directive';\nexport * from './ecl-content-item.component';\nexport * from './ecl-content-item.module';\n\nexport const EUI_ECL_CONTENT_ITEM = [\n EclContentItemImageDirective, EclContentItemPictureDirective,\n EclContentItemComponent,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAGA;;;AAGG;AAIG,MAAO,8BAA+B,SAAQ,gBAAgB,CAAA;AAHpE,IAAA,WAAA,GAAA;;AAII;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAsB,OAAO;AAE1C;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAA6B,MAAM;AAEpD;;AAEG;QAC6E,IAAA,CAAA,OAAO,GAAG,KAAK;AAelG,IAAA;AAbG;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC;YAC5D,CAAA,2BAAA,EAA8B,IAAI,CAAC,IAAI,CAAA,CAAE;YACzC,CAAA,2BAAA,EAA8B,IAAI,CAAC,QAAQ,CAAA,CAAE;AAChD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;IACf;qHA/BS,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,8BAA8B,yIAiBnB,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,cAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;kGAjB3B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAH1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACtC,iBAAA;8BAMY,IAAI,EAAA,CAAA;sBAAZ;gBAOQ,QAAQ,EAAA,CAAA;sBAAhB;gBAK+E,OAAO,EAAA,CAAA;sBAAtF,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAAG,WAAW;uBAAC,yBAAyB;gBAM1E,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;AAYxB;;;AAGG;AAIG,MAAO,4BAA6B,SAAQ,gBAAgB,CAAA;AAHlE,IAAA,WAAA,GAAA;;AAII,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AAS1B,IAAA;AAPG;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC5E;qHATS,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;yGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;kGAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACpC,iBAAA;8BAQO,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;ACrClB,MAAO,uBAAwB,SAAQ,gBAAgB,CAAA;AAJ7D,IAAA,WAAA,GAAA;;AAKI;;;;AAIG;QACqC,IAAA,CAAA,UAAU,GAAG,KAAK;AA+B1D;;;AAGG;QACuB,IAAA,CAAA,IAAI,GAAG,SAAS;QAclC,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,QAAQ,GAAG,KAAK;AAChB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAqCvC,IAAA;AAnDG;;;AAGG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAC/C,IAAI,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;YAC7C,IAAI,CAAC,QAAQ,GAAG,0BAA0B,GAAG,EAAE;AAC/C,YAAA,IAAI,CAAC,UAAU,GAAG,2BAA2B,GAAG,EAAE,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACzE;AAMA;;;AAGG;IACH,kBAAkB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,iCAAiC;QAClE;AAEA,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,wBAAwB;AAClD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACxB;AAEA,QAAA,IAAI,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,CAAC,QAAQ,KAAK,KAAK,EAAE;AAC7E,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACvB;QAEA,IAAI,CAAC,uBAAuB,EAAE;IAClC;AAEA;;;AAGG;IACK,uBAAuB,GAAA;QAC3B,IAAI,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;AAChE,YAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC1B,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;AACtF,gBAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,MAAK;AAC1E,oBAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,OAAO,EAAE;AAC/C,gBAAA,CAAC,CAAC;YACN;QACJ;IACJ;qHA7FS,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAMZ,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAML,wBAAwB,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAMxB,qBAAqB,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAKrB,8BAA8B,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAM9B,6BAA6B,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAM7B,4BAA4B,wECvD/D,6BACA,EAAA,CAAA,CAAA;;kGDmBa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;+BACI,kBAAkB,EAAA,QAAA,EAAA,6BAAA,EAAA;8BASY,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAMoB,eAAe,EAAA,CAAA;sBAAxE,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,wBAAwB,CAAC;gBAMD,YAAY,EAAA,CAAA;sBAAlE,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,qBAAqB,CAAC;gBAKW,qBAAqB,EAAA,CAAA;sBAApF,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,8BAA8B,CAAC;gBAMwB,oBAAoB,EAAA,CAAA;sBAAzG,YAAY;uBAAC,UAAU,CAAC,MAAM,6BAA6B,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBAMC,mBAAmB,EAAA,CAAA;sBAAvG,YAAY;uBAAC,UAAU,CAAC,MAAM,4BAA4B,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBAMzD,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAOpB,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;AE/DxB,MAAM,UAAU,GAAG,CAAC,uBAAuB,EAAE,4BAA4B,EAAE,8BAA8B,CAAC;AAE1G;;;;AAIG;MAKU,oBAAoB,CAAA;qHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;sHAApB,oBAAoB,EAAA,OAAA,EAAA,CAXb,uBAAuB,EAAE,4BAA4B,EAAE,8BAA8B,CAAA,EAAA,OAAA,EAAA,CAArF,uBAAuB,EAAE,4BAA4B,EAAE,8BAA8B,CAAA,EAAA,CAAA,CAAA;sHAW5F,oBAAoB,EAAA,CAAA,CAAA;;kGAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA;;;ACPM,MAAM,oBAAoB,GAAG;AAChC,IAAA,4BAA4B,EAAE,8BAA8B;IAC5D,uBAAuB;;;ACT3B;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-ecl-components-ecl-content-item.mjs","sources":["../../components/ecl-content-item/ecl-content-item-image.directive.ts","../../components/ecl-content-item/ecl-content-item.component.ts","../../components/ecl-content-item/ecl-content-item.component.html","../../components/ecl-content-item/ecl-content-item.module.ts","../../components/ecl-content-item/index.ts","../../components/ecl-content-item/eui-ecl-components-ecl-content-item.ts"],"sourcesContent":["import { Directive, HostBinding, Input, ElementRef, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Directive used to style and configure the image container (e.g., picture) within a content item.\n * It allows adjusting size, position, and zoom behavior of the image block.\n /\n@Directive({\n selector: '[eclContentItemPicture]',\n})\nexport class EclContentItemPictureDirective extends ECLBaseDirective {\n /\n Controls the size of the picture. Default is 'large'.\n * Accepted values: 'small' \| 'large'\n /\n @Input() size: 'small' \| 'large' = 'large';\n\n /\n Defines the position of the picture relative to the content.\n * Accepted values: 'left' \| 'right' \| 'top'\n * Default is 'left'.\n /\n @Input() position: 'left' \| 'right' \| 'top' = 'left';\n\n /\n If true, enables a zoom effect on hover.\n /\n @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n\n /\n Computed CSS classes for the host element based on size and position.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-content-item__picture ecl-picture'),\n `ecl-content-item__picture--${this.size}`,\n `ecl-content-item__picture--${this.position}`,\n ]\n .join(' ')\n .trim();\n }\n}\n\n/\n Directive used for styling the inner image element inside the content item.\n * Also used programmatically for interaction bindings.\n /\n@Directive({\n selector: '[eclContentItemImage]',\n})\nexport class EclContentItemImageDirective extends ECLBaseDirective {\n el = inject(ElementRef);\n\n /\n Computed CSS classes for the host image element.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-content-item__image')].join(' ').trim();\n }\n}\n","import {\n AfterContentInit,\n booleanAttribute,\n Component,\n ContentChild,\n forwardRef,\n HostBinding,\n Input,\n Renderer2,\n inject,\n } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclContentBlockComponent, EclContentBlockTitleDirective } from '@eui/ecl/components/ecl-content-block';\nimport { EclDateBlockComponent } from '@eui/ecl/components/ecl-date-block';\nimport { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\n\n@Component({\n selector: 'ecl-content-item',\n templateUrl: './ecl-content-item.component.html',\n})\nexport class EclContentItemComponent extends ECLBaseDirective implements AfterContentInit {\n /\n Whether to display a divider below the content item.\n * When true, the component will have a visual divider applied.\n * Default is false.\n /\n @Input({ transform: booleanAttribute }) hasDivider = false;\n\n /\n Reference to projected content block.\n * Used to apply internal styling and structure.\n /\n @ContentChild(forwardRef(() => EclContentBlockComponent)) eclContentBlock: EclContentBlockComponent;\n\n /\n Reference to projected date block component.\n * Used to set styling and determine layout mode.\n /\n @ContentChild(forwardRef(() => EclDateBlockComponent)) eclDateBlock: EclDateBlockComponent;\n\n /\n Reference to projected picture directive, used to determine layout mode (stacked).\n /\n @ContentChild(forwardRef(() => EclContentItemPictureDirective)) eclContentItemPicture: EclContentItemPictureDirective;\n\n /\n Reference to projected title directive inside the content block.\n * Used for linking behavior.\n /\n @ContentChild(forwardRef(() => EclContentBlockTitleDirective), { descendants: true }) eclContentBlockTitle: EclContentBlockTitleDirective;\n\n /\n Reference to projected image directive.\n * Used to bind interaction behavior (click propagation).\n /\n @ContentChild(forwardRef(() => EclContentItemImageDirective), { descendants: true }) eclContentItemImage: EclContentItemImageDirective;\n\n /\n ARIA role attribute for the host element.\n * Set to \"article\" to denote standalone content.\n /\n @HostBinding('attr.role') role = 'article';\n\n /\n Computes the CSS class string applied to the host element,\n * depending on layout and configuration options.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-content-item'),\n this.isStack ? 'ecl-content-item--stack' : '',\n this.isInline ? 'ecl-content-item--inline' : '',\n this.hasDivider ? 'ecl-content-item--divider' : '' ].join(' ').trim();\n }\n\n private isStack = false;\n private isInline = false;\n private renderer = inject(Renderer2);\n\n /\n Lifecycle hook called after content projection.\n * Sets layout flags and attaches interactivity behavior to image and title.\n /\n ngAfterContentInit(): void {\n if (this.eclContentBlock) {\n this.eclContentBlock.class = 'ecl-content-item__content-block';\n }\n\n if (this.eclDateBlock) {\n this.eclDateBlock.class = 'ecl-content-item__date';\n this.isInline = true;\n }\n\n if (this.eclContentItemPicture && this.eclContentItemPicture.position === 'top') {\n this.isStack = true;\n }\n\n this.attachClickEventToImage();\n }\n\n /\n Attaches click behavior to image so it triggers the link defined in the title.\n * Only applies when both image and linked title are available.\n /\n private attachClickEventToImage(): void {\n if (this.eclContentBlockTitle && this.eclContentBlockTitle.eclLink) {\n if (this.eclContentItemImage) {\n this.renderer.setStyle(this.eclContentItemImage.el.nativeElement, 'cursor', 'pointer');\n this.renderer.listen(this.eclContentItemImage.el.nativeElement, 'click', () => {\n this.eclContentBlockTitle.eclLink.onClick();\n });\n }\n }\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\nimport { EclContentItemComponent } from './ecl-content-item.component';\n\nconst COMPONENTS = [EclContentItemComponent, EclContentItemImageDirective, EclContentItemPictureDirective];\n\n/\n Module that provides the EclContentItem component and its dependencies.\n \n @deprecated Use {@link EUI_ECL_CONTENT_ITEM} instead.\n /\n@NgModule({\n imports: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EclContentItemModule {}\n","import { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\nimport { EclContentItemComponent } from './ecl-content-item.component';\n\nexport from './ecl-content-item-image.directive';\nexport * from './ecl-content-item.component';\nexport * from './ecl-content-item.module';\n\nexport const EUI_ECL_CONTENT_ITEM = [\n EclContentItemImageDirective, EclContentItemPictureDirective,\n EclContentItemComponent,\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-block.mjs CHANGED Viewed

@@ -77,10 +77,10 @@ class EclDateBlockComponent extends ECLBaseDirective {
             return null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDateBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclDateBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclDateBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: () => [], propDecorators: { date: [{
@@ -113,11 +113,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
  * @deprecated Use {@link EUI_ECL_DATE_BLOCK} instead.
  */
 class EclDateBlockModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDateBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDateBlockModule, imports: [EclDateBlockComponent], exports: [EclDateBlockComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDateBlockModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDateBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDateBlockModule, imports: [EclDateBlockComponent], exports: [EclDateBlockComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDateBlockModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDateBlockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDateBlockModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclDateBlockComponent],

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

	@@ -1 +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, inject } 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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;;AAGG;AAQG,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AA4CvD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC1H;AAEA;;;AAGG;AACH,IAAA,IAEI,QAAQ,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE;IAC7B;IACA,IAAI,QAAQ,CAAC,KAAK,EAAA;AACd,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;IAC1B;AAIA,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE;AA3DX;;;AAGG;QACM,IAAA,CAAA,UAAU,GAAG,WAAW;AAEjC;;;;;AAKG;QACM,IAAA,CAAA,OAAO,GAAuB,IAAI;QAyB3C,IAAA,CAAA,MAAM,GAAG,IAAI;QAkBL,IAAA,CAAA,SAAS,GAAW,IAAI;AACxB,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAI/C,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB;AAE9C,QAAA,IAAI,CAAC,MAAM,GAAG,gBAAgB,CAAC,WAAW;IAC9C;IAEQ,WAAW,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC;IAC9E;IAEQ,gBAAgB,CAAC,IAAU,EAAE,UAAkB,EAAA;QACnD,IAAI,IAAI,EAAE;AACN,YAAA,OAAO,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC;QAC1E;aAAO;AACH,YAAA,OAAO,IAAI;QACf;IACJ;~~qHAjFS~~,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~eAAA~~,EAAA,IAAA,EAAA,qBAAqB,2TAFnB,CAAC,gBAAgB,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtCjC,yeAMA,uCD+Bc,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;~~kGAGT~~,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,WAErB,CAAC,QAAQ,CAAC,EAAA,SAAA,EACR,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,yeAAA,EAAA~~;wDAMpB~~,IAAI,EAAA,CAAA;sBAAZ;gBAMQ,UAAU,EAAA,CAAA;sBAAlB;gBAQQ,OAAO,EAAA,CAAA;sBAAf;gBAMQ,GAAG,EAAA,CAAA;sBAAX;gBAMQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,UAAU,EAAA,CAAA;sBAAlB;gBAMQ,IAAI,EAAA,CAAA;sBAAZ;gBAIG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO~~;gBAWhB,QAAQ,EAAA,CAAA;sBAFX~~;;sBACA,WAAW;uBAAC,eAAe;;;AE3FhC;;;;AAIG;MAKU,kBAAkB,CAAA;~~qHAAlB~~,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;~~sHAAlB~~,kBAAkB,EAAA,OAAA,EAAA,CAHjB,qBAAqB,CAAA,EAAA,OAAA,EAAA,CACrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;~~sHAEtB~~,kBAAkB,EAAA,CAAA,CAAA;;~~kGAAlB~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA;;;ACNM,MAAM,kBAAkB,GAAG;IAC9B,qBAAqB;;;ACNzB;;AAEG;;;;"}
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, inject } 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 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 CHANGED Viewed

@@ -284,10 +284,10 @@ class EclDatePickerDirective extends ECLBaseDirective {
             this.picker = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDatePickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclDatePickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclDatePickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDatePickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[eclDatePicker]',
@@ -322,11 +322,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
  * @deprecated Use {@link EUI_ECL_DATE_PICKER} instead.
  */
 class EclDatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDatePickerModule, imports: [EclDatePickerDirective], exports: [EclDatePickerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDatePickerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDatePickerModule, imports: [EclDatePickerDirective], exports: [EclDatePickerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDatePickerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclDatePickerDirective],

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

	@@ -1 +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 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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"}
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 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-divider.mjs CHANGED Viewed

@@ -14,10 +14,10 @@ class EclDividerDirective extends ECLBaseDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDividerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclDividerDirective, isStandalone: true, selector: "hr[eclDivider]", host: { properties: { "class.ecl-separator": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDividerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.0", type: EclDividerDirective, isStandalone: true, selector: "hr[eclDivider]", host: { properties: { "class.ecl-separator": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDividerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDividerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'hr[eclDivider]', // TODO: breaking change, separator renamed to divider in v21
@@ -33,11 +33,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
  * @deprecated Use {@link EUI_ECL_DIVIDER} instead.
  */
 class EclDividerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDividerModule, imports: [EclDividerDirective], exports: [EclDividerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDividerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDividerModule, imports: [EclDividerDirective], exports: [EclDividerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDividerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclDividerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclDividerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclDividerDirective],

package/fesm2022/eui-ecl-components-ecl-divider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-divider.mjs","sources":["../../components/ecl-divider/ecl-divider.directive.ts","../../components/ecl-divider/ecl-divider.module.ts","../../components/ecl-divider/index.ts","../../components/ecl-divider/eui-ecl-components-ecl-divider.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Directive that applies ECL styling for horizontal separators (`<hr>` elements).\n * Adds the `ecl-separator` CSS class to the host element.\n /\n@Directive({\n selector: 'hr[eclDivider]', // TODO: breaking change, separator renamed to divider in v21\n})\nexport class EclDividerDirective extends ECLBaseDirective {\n /\n Binds the `ecl-separator` CSS class to the host `<hr>` element.\n /\n @HostBinding('class.ecl-separator') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { EclDividerDirective } from './ecl-divider.directive';\n/\n Module that provides the EclDivider directive.\n \n @deprecated Use {@link EUI_ECL_DIVIDER} instead.\n /\n@NgModule({\n imports: [EclDividerDirective],\n exports: [EclDividerDirective],\n})\nexport class EclDividerModule {}\n","import { EclDividerDirective } from './ecl-divider.directive';\n\nexport from './ecl-divider.module';\nexport * from './ecl-divider.directive';\n\nexport const EUI_ECL_DIVIDER = [\n EclDividerDirective,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;AAIG,MAAO,mBAAoB,SAAQ,gBAAgB,CAAA;AAHzD,IAAA,WAAA,GAAA;;AAII;;AAEG;QACiC,IAAA,CAAA,QAAQ,GAAG,IAAI;AACtD,IAAA;~~qHALY~~,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~yGAAnB~~,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;~~kGAAnB~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACP,QAAQ,EAAE,gBAAgB;AAC7B,iBAAA~~;8BAKuC~~,~~QAAQ,EAAA,CAAA;sBAA3C,~~WAAW;uBAAC,qBAAqB;;;ACZtC;;;;AAIG;MAKU,gBAAgB,CAAA;~~qHAAhB~~,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;~~sHAAhB~~,gBAAgB,EAAA,OAAA,EAAA,CAHf,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACnB,mBAAmB,CAAA,EAAA,CAAA,CAAA;~~sHAEpB~~,gBAAgB,EAAA,CAAA,CAAA;;~~kGAAhB~~,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA;;;ACLM,MAAM,eAAe,GAAG;IAC3B,mBAAmB;;;ACNvB;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-ecl-components-ecl-divider.mjs","sources":["../../components/ecl-divider/ecl-divider.directive.ts","../../components/ecl-divider/ecl-divider.module.ts","../../components/ecl-divider/index.ts","../../components/ecl-divider/eui-ecl-components-ecl-divider.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Directive that applies ECL styling for horizontal separators (`<hr>` elements).\n * Adds the `ecl-separator` CSS class to the host element.\n /\n@Directive({\n selector: 'hr[eclDivider]', // TODO: breaking change, separator renamed to divider in v21\n})\nexport class EclDividerDirective extends ECLBaseDirective {\n /\n Binds the `ecl-separator` CSS class to the host `<hr>` element.\n /\n @HostBinding('class.ecl-separator') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { EclDividerDirective } from './ecl-divider.directive';\n/\n Module that provides the EclDivider directive.\n \n @deprecated Use {@link EUI_ECL_DIVIDER} instead.\n /\n@NgModule({\n imports: [EclDividerDirective],\n exports: [EclDividerDirective],\n})\nexport class EclDividerModule {}\n","import { EclDividerDirective } from './ecl-divider.directive';\n\nexport from './ecl-divider.module';\nexport * from './ecl-divider.directive';\n\nexport const EUI_ECL_DIVIDER = [\n EclDividerDirective,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;AAIG,MAAO,mBAAoB,SAAQ,gBAAgB,CAAA;AAHzD,IAAA,WAAA,GAAA;;AAII;;AAEG;QACiC,IAAA,CAAA,QAAQ,GAAG,IAAI;AACtD,IAAA;mHALY,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;gGAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACP,QAAQ,EAAE,gBAAgB;AAC7B,iBAAA;;sBAKI,WAAW;uBAAC,qBAAqB;;;ACZtC;;;;AAIG;MAKU,gBAAgB,CAAA;mHAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHf,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACnB,mBAAmB,CAAA,EAAA,CAAA,CAAA;oHAEpB,gBAAgB,EAAA,CAAA,CAAA;;gGAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA;;;ACLM,MAAM,eAAe,GAAG;IAC3B,mBAAmB;;;ACNvB;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-expandable.mjs CHANGED Viewed

@@ -64,10 +64,10 @@ class EclExpandableComponent extends ECLBaseDirective {
             this.isExpanded = nextExpandedState;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", 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: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { 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: "21.0.0-rc.0", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.0", 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: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { 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: "21.0.0-next.5", ngImport: i0, type: EclExpandableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclExpandableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-expandable', imports: [...EUI_ECL_BUTTON, ...EUI_ECL_ICON, 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: "21.0.0-next.5",
  * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.
  */
 class EclExpandableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent], exports: [EclExpandableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent], exports: [EclExpandableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclExpandableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclExpandableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclExpandableComponent],

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

	@@ -1 +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 { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } 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: [...EUI_ECL_BUTTON, ...EUI_ECL_ICON, TranslateModule],\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":";;;;;;;;;;AAOA;;;AAGG;AACG,MAAO,wBAAyB,SAAQ,YAAY,CAAA;AACxD,IAAA,WAAA,CAAmB,UAAmB,EAAA;AACpC,QAAA,KAAK,EAAE;QADU,IAAA,CAAA,UAAU,GAAV,UAAU;IAE7B;AACD;AAED;;;AAGG;AAaG,MAAO,sBAAuB,SAAQ,gBAAgB,CAAA;AAZ5D,IAAA,WAAA,GAAA;;AAqBE;;;AAGG;QACqC,IAAA,CAAA,UAAU,GAAG,KAAK;AAa1D;;;AAGG;;AAEO,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAA4B;AA0BhE,IAAA;AAxDC;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;AACZ,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACjE;AA0BA;;;AAGG;IACH,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc;QAC1C;IACF;AAEA;;;AAGG;IACH,aAAa,GAAA;AACX,QAAA,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,UAAU;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,wBAAwB,CAAC,iBAAiB,CAAC;AAE7D,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAEvB,QAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;AAC3B,YAAA,IAAI,CAAC,UAAU,GAAG,iBAAiB;QACrC;IACF;~~qHAxDW~~,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~eAAA~~,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAab,gBAAgB,CAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9CtC,inBAmBA,0iBDKgD,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;~~kGASlD~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,inBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA~~;8BAc1D~~,~~UAAU,EAAA,CAAA;sBADb,~~WAAW;uBAAC,OAAO~~;gBASoB~~,~~UAAU,EAAA,CAAA;sBAAjD,~~KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE~~;gBAK7B,cAAc,EAAA,CAAA;sBAAtB;gBAMQ,aAAa,EAAA,CAAA;sBAArB;gBAOS,MAAM,EAAA,CAAA;sBAAf~~;;;AE7DH;;;;AAIG;MAKU,mBAAmB,CAAA;~~qHAAnB~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;~~sHAAnB~~,mBAAmB,EAAA,OAAA,EAAA,CAHlB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CACtB,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAEvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~eAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAHlB,sBAAsB,CAAA,EAAA,CAAA,CAAA;;~~kGAGvB~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACpC,iBAAA;;;ACNM,MAAM,kBAAkB,GAAG;IAC9B,sBAAsB;;;ACN1B;;AAEG;;;;"}
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 { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } 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: [...EUI_ECL_BUTTON, ...EUI_ECL_ICON, TranslateModule],\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 CHANGED Viewed

@@ -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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresViewAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", 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: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5",
  * @deprecated Use {@link EUI_ECL_FACT_FIGURES} instead.
  */
 class EclFactFiguresModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresModule, imports: [EclFactFiguresComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.0", 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: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclFactFiguresModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [