@eui/ecl 21.0.0-next.9 → 21.0.0-rc.1

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

@@ -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;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;;;;"}
+{"version":3,"file":"eui-ecl-components-ecl-divider.mjs","sources":["../../components/ecl-divider/ecl-divider.directive.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]',\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 { EclDividerDirective } from './ecl-divider.directive';\n\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;8GALY,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,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;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC7B,iBAAA;;sBAKI,WAAW;uBAAC,qBAAqB;;;ACV/B,MAAM,eAAe,GAAG;IAC3B,mBAAmB;;;ACLvB;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Output, Input, HostBinding, Component, NgModule } from '@angular/core';
+import { EventEmitter, booleanAttribute, Output, Input, HostBinding, Component } from '@angular/core';
 import * as i1 from '@eui/ecl/components/ecl-button';
 import { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';
 import * as i2 from '@eui/ecl/components/ecl-icon';
@@ -64,10 +64,10 @@ class EclExpandableComponent extends ECLBaseDirective {
             this.isExpanded = nextExpandedState;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", 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=\"tertiary\"\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", "eclStyle", "size", "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.3", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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=\"tertiary\"\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", "eclStyle", "size", "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-rc.2", ngImport: i0, type: EclExpandableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", 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=\"tertiary\"\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: [{
@@ -84,24 +84,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 type: Output
             }] } });
 
-/**
- * Module that provides the EclExpandable component and its dependencies.
- *
- * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.
- */
-class EclExpandableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclExpandableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent], exports: [EclExpandableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclExpandableModule, imports: [EclExpandableComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclExpandableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [EclExpandableComponent],
-                    exports: [EclExpandableComponent],
-                }]
-        }] });
-
 const EUI_ECL_EXPANDABLE = [
     EclExpandableComponent,
 ];
@@ -110,5 +92,5 @@ const EUI_ECL_EXPANDABLE = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_EXPANDABLE, EclExpandableComponent, EclExpandableModule, EclExpandableToggleEvent };
+export { EUI_ECL_EXPANDABLE, EclExpandableComponent, EclExpandableToggleEvent };
 //# sourceMappingURL=eui-ecl-components-ecl-expandable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-expandable.mjs","sources":["../../components/ecl-expandable/ecl-expandable.component.ts","../../components/ecl-expandable/ecl-expandable.component.html","../../components/ecl-expandable/ecl-expandable.module.ts","../../components/ecl-expandable/index.ts","../../components/ecl-expandable/eui-ecl-components-ecl-expandable.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter, HostBinding, booleanAttribute } from '@angular/core';\nimport { 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=\"tertiary\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { EclExpandableComponent } from './ecl-expandable.component';\n\n/**\n * Module that provides the EclExpandable component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.\n */\n@NgModule({\n    imports: [EclExpandableComponent],\n    exports: [EclExpandableComponent],\n})\nexport class EclExpandableModule {}\n","import { EclExpandableComponent } from './ecl-expandable.component';\n\nexport * from './ecl-expandable.module';\nexport * from './ecl-expandable.component';\n\nexport const EUI_ECL_EXPANDABLE = [\n    EclExpandableComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-expandable.mjs","sources":["../../components/ecl-expandable/ecl-expandable.component.ts","../../components/ecl-expandable/ecl-expandable.component.html","../../components/ecl-expandable/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=\"tertiary\"\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 { EclExpandableComponent } from './ecl-expandable.component';\n\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;8GAxDW,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,QAAA,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,onBAmBA,8jBDKgD,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FASlD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,onBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;sBAa7D,WAAW;uBAAC,OAAO;;sBASnB,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAKrC;;sBAMA;;sBAOA;;;AE5DI,MAAM,kBAAkB,GAAG;IAC9B,sBAAsB;;;ACL1B;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-fact-figures.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, ContentChildren, HostBinding, Component, inject, Renderer2, ElementRef, booleanAttribute, Input, ContentChild, Directive, NgModule } from '@angular/core';
+import { input, ContentChildren, HostBinding, Component, inject, Renderer2, ElementRef, booleanAttribute, Input, ContentChild, Directive } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
 import { EclLinkDirective } from '@eui/ecl/components/ecl-link';
@@ -31,10 +31,10 @@ class EclFactFiguresItemComponent extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0-rc.2", type: EclFactFiguresItemComponent, isStandalone: true, selector: "div[eclFactFiguresItem],ecl-fact-figures-item", inputs: { eclValue: { classPropertyName: "eclValue", publicName: "eclValue", isSignal: true, isRequired: false, transformFunction: null }, eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: EclIconComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ecl-icon\"></ng-content>\n<div class=\"ecl-fact-figures__value\">{{ eclValue() }} <span class=\"ecl-fact-figures__title\">{{ eclTitle() }}</span></div>\n<ng-content select=\"ecl-icon\"></ng-content>\n<ng-content select=\"[eclFactFiguresDescription]\"></ng-content>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: EclFactFiguresItemComponent, isStandalone: true, selector: "div[eclFactFiguresItem],ecl-fact-figures-item", inputs: { eclValue: { classPropertyName: "eclValue", publicName: "eclValue", isSignal: true, isRequired: false, transformFunction: null }, eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: EclIconComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ecl-icon\"></ng-content>\n<div class=\"ecl-fact-figures__value\">{{ eclValue() }} <span class=\"ecl-fact-figures__title\">{{ eclTitle() }}</span></div>\n<ng-content select=\"ecl-icon\"></ng-content>\n<ng-content select=\"[eclFactFiguresDescription]\"></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[eclFactFiguresItem],ecl-fact-figures-item', template: "<ng-content select=\"ecl-icon\"></ng-content>\n<div class=\"ecl-fact-figures__value\">{{ eclValue() }} <span class=\"ecl-fact-figures__title\">{{ eclTitle() }}</span></div>\n<ng-content select=\"ecl-icon\"></ng-content>\n<ng-content select=\"[eclFactFiguresDescription]\"></ng-content>" }]
         }], propDecorators: { eclValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclValue", required: false }] }], eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], cssClasses: [{
@@ -99,10 +99,10 @@ class EclFactFiguresComponent extends ECLBaseDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclFactFiguresComponent, isStandalone: true, selector: "div[eclFactFigures], ecl-fact-figures", inputs: { columns: "columns", fontSize: "fontSize", isCentered: ["isCentered", "isCentered", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-fact-figures--centered": "this.isCentered" } }, queries: [{ propertyName: "items", predicate: EclFactFiguresItemComponent, read: ElementRef }], 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.3", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.3", type: EclFactFiguresComponent, isStandalone: true, selector: "div[eclFactFigures], ecl-fact-figures", inputs: { columns: "columns", fontSize: "fontSize", isCentered: ["isCentered", "isCentered", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-fact-figures--centered": "this.isCentered" } }, queries: [{ propertyName: "items", predicate: EclFactFiguresItemComponent, read: ElementRef }], 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-rc.2", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[eclFactFigures], 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: { items: [{
@@ -143,10 +143,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-rc.2", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", 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.3", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", 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-rc.2", ngImport: i0, type: EclFactFiguresViewAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", 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: [{
@@ -168,10 +168,10 @@ class EclFactFiguresDescriptionDirective 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-rc.2", ngImport: i0, type: EclFactFiguresDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclFactFiguresDescriptionDirective, isStandalone: true, selector: "div[eclFactFiguresDescription]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFactFiguresDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclFactFiguresDescriptionDirective, isStandalone: true, selector: "div[eclFactFiguresDescription]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFactFiguresDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[eclFactFiguresDescription]',
@@ -181,40 +181,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: ['class']
             }] } });
 
-/**
- * Module that provides the EclFactFigures component and its dependencies.
- *
- * @deprecated Use {@link EUI_ECL_FACT_FIGURES} instead.
- */
-class EclFactFiguresModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresModule, imports: [EclFactFiguresComponent,
-            EclFactFiguresItemComponent,
-            EclFactFiguresViewAllComponent,
-            EclFactFiguresDescriptionDirective], exports: [EclFactFiguresComponent,
-            EclFactFiguresItemComponent,
-            EclFactFiguresViewAllComponent,
-            EclFactFiguresDescriptionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        EclFactFiguresComponent,
-                        EclFactFiguresItemComponent,
-                        EclFactFiguresViewAllComponent,
-                        EclFactFiguresDescriptionDirective,
-                    ],
-                    exports: [
-                        EclFactFiguresComponent,
-                        EclFactFiguresItemComponent,
-                        EclFactFiguresViewAllComponent,
-                        EclFactFiguresDescriptionDirective,
-                    ],
-                }]
-        }] });
-
 const EUI_ECL_FACT_FIGURES = [
     EclFactFiguresComponent,
     EclFactFiguresItemComponent,
@@ -226,5 +192,5 @@ const EUI_ECL_FACT_FIGURES = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_FACT_FIGURES, EclFactFiguresComponent, EclFactFiguresDescriptionDirective, EclFactFiguresItemComponent, EclFactFiguresModule, EclFactFiguresViewAllComponent };
+export { EUI_ECL_FACT_FIGURES, EclFactFiguresComponent, EclFactFiguresDescriptionDirective, EclFactFiguresItemComponent, EclFactFiguresViewAllComponent };
 //# sourceMappingURL=eui-ecl-components-ecl-fact-figures.mjs.map

package/fesm2022/eui-ecl-components-ecl-fact-figures.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-fact-figures.mjs","sources":["../../components/ecl-fact-figures/ecl-fact-figures-item.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-item.component.html","../../components/ecl-fact-figures/ecl-fact-figures.component.ts","../../components/ecl-fact-figures/ecl-fact-figures.component.html","../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.html","../../components/ecl-fact-figures/ecl-fact-figures-description.directive.ts","../../components/ecl-fact-figures/ecl-fact-figures.module.ts","../../components/ecl-fact-figures/index.ts","../../components/ecl-fact-figures/eui-ecl-components-ecl-fact-figures.ts"],"sourcesContent":["import { AfterContentInit, Component, ContentChildren, HostBinding, input, QueryList } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Component representing a single item within the Fact & Figures block.\n * Optionally handles embedded icons and applies appropriate styling.\n */\n@Component({\n  selector: 'div[eclFactFiguresItem],ecl-fact-figures-item',\n  templateUrl: './ecl-fact-figures-item.component.html',\n})\nexport class EclFactFiguresItemComponent extends ECLBaseDirective implements AfterContentInit {\n\n  eclValue = input<string>();\n\n  eclTitle = input<string>();\n\n  /**\n   * Applies the base class `ecl-fact-figures__item` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__item')].join(' ').trim();\n  }\n\n  /**\n   * Query for any EclIconComponent children projected into the component.\n   * These icons will receive an additional CSS class.\n   */\n  @ContentChildren(EclIconComponent) eclIconComponents: QueryList<EclIconComponent>;\n\n  /**\n   * Lifecycle hook that adds a CSS class to any EclIconComponent\n   * found within the projected content.\n   */\n  ngAfterContentInit(): void {\n    if (this.eclIconComponents) {\n      this.eclIconComponents.forEach((eclIcon) => {\n        eclIcon.baseDirective.class = [eclIcon.baseDirective.class, 'ecl-fact-figures__icon'].join(' ');\n      });\n    }\n  }\n}\n","<ng-content select=\"ecl-icon\"></ng-content>\n<div class=\"ecl-fact-figures__value\">{{ eclValue() }} <span class=\"ecl-fact-figures__title\">{{ eclTitle() }}</span></div>\n<ng-content select=\"ecl-icon\"></ng-content>\n<ng-content select=\"[eclFactFiguresDescription]\"></ng-content>","import {\n  Component,\n  Input,\n  HostBinding,\n  booleanAttribute,\n  ContentChildren,\n  ElementRef,\n  QueryList,\n  Renderer2,\n  inject,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';\n\n/**\n * Main component for displaying a collection of fact and figure items\n * in a responsive, styled grid layout.\n */\n@Component({\n  selector: 'div[eclFactFigures], ecl-fact-figures',\n  templateUrl: './ecl-fact-figures.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresComponent extends ECLBaseDirective {\n  private renderer = inject(Renderer2);\n\n  @ContentChildren(EclFactFiguresItemComponent, { read: ElementRef })\n  items!: QueryList<ElementRef>;\n\n  /**\n   * Sets the CSS classes for the component, including layout and font size modifiers.\n   * Automatically adds:\n   * - `ecl-fact-figures--col-{n}` depending on the `columns` value\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures'),\n      `ecl-fact-figures--col-${this.columns}`].join(' ').trim();\n  }\n\n  /**\n   * Number of columns in the layout (as string).\n   * Default is `'3'`.\n   */\n  @Input() columns = '3';\n\n  /**\n   * Font size variant. Can be:\n   * - `'m'` – medium (smaller text)\n   * - `'l'` – large (default)\n   */\n  @Input() fontSize: 'm' | 'l' = 'l';\n\n  /**\n   * Whether the content should be centered.\n   * Adds `ecl-fact-figures--centered` class when true.\n   */\n  @Input({ transform: booleanAttribute })\n  @HostBinding('class.ecl-fact-figures--centered')\n  isCentered = false;\n\n  /**\n   * After content init, mark the first item with `is-first` class\n   * and add the `ecl-fact-figures__item--font-m` class to all items\n   * if the fontSize input is set to 'm'.\n   */\n  ngAfterContentInit(): void {\n      const elements = this.items?.toArray() ?? [];\n      if (!elements.length) return;\n\n      elements.forEach((el) => this.renderer.removeClass(el.nativeElement, 'is-first'));\n      this.renderer.addClass(elements[0].nativeElement, 'is-first');\n\n      elements.forEach(el => {\n        if (this.fontSize === 'm') {\n          this.renderer.addClass(el.nativeElement, 'ecl-fact-figures__item--font-m');\n        } else {\n          this.renderer.removeClass(el.nativeElement, 'ecl-fact-figures__item--font-m');\n        }\n      });\n    }\n}\n","<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","import { AfterContentInit, Component, ContentChild, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/**\n * Component representing the \"View all\" section in a Fact & Figures block.\n * Used to display a link that allows users to view additional content.\n */\n@Component({\n  selector: 'ecl-fact-figures-view-all',\n  templateUrl: './ecl-fact-figures-view-all.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresViewAllComponent extends ECLBaseDirective implements AfterContentInit {\n  /**\n   * Applies the base class `ecl-fact-figures__view-all` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__view-all')].join(' ').trim();\n  }\n\n  /**\n   * Reference to the projected link directive inside the component.\n   * Automatically decorated with a specific class upon initialization.\n   */\n  @ContentChild(EclLinkDirective) eclLink: EclLinkDirective;\n\n  /**\n   * Adds the `ecl-fact-figures__view-all-link` class to the projected link.\n   * This ensures consistent styling within the view-all section.\n   */\n  ngAfterContentInit(): void {\n    if (this.eclLink) {\n      this.eclLink.class = [this.eclLink.class, 'ecl-fact-figures__view-all-link'].join(' ');\n    }\n  }\n}\n","<ng-content></ng-content>\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, representing the description text of a fact or figures section.\n * Typically used to provide contextual or supporting information.\n */\n@Directive({\n  selector: 'div[eclFactFiguresDescription]',\n})\nexport class EclFactFiguresDescriptionDirective extends ECLBaseDirective {\n  /**\n   * Applies the base class `ecl-fact-figures__description` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__description')].join(' ').trim();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { EclFactFiguresDescriptionDirective } from './ecl-fact-figures-description.directive';\nimport { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';\nimport { EclFactFiguresViewAllComponent } from './ecl-fact-figures-view-all.component';\nimport { EclFactFiguresComponent } from './ecl-fact-figures.component';\n\n/**\n * Module that provides the EclFactFigures component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_FACT_FIGURES} instead.\n */\n@NgModule({\n    imports: [\n        EclFactFiguresComponent,\n        EclFactFiguresItemComponent,\n        EclFactFiguresViewAllComponent,\n        EclFactFiguresDescriptionDirective,\n    ],\n    exports: [\n        EclFactFiguresComponent,\n        EclFactFiguresItemComponent,\n        EclFactFiguresViewAllComponent,\n        EclFactFiguresDescriptionDirective,\n    ],\n})\nexport class EclFactFiguresModule {}\n","import { EclFactFiguresComponent } from './ecl-fact-figures.component';\nimport { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';\nimport { EclFactFiguresViewAllComponent } from './ecl-fact-figures-view-all.component';\nimport { EclFactFiguresDescriptionDirective } from './ecl-fact-figures-description.directive';\n\nexport * from './ecl-fact-figures.module';\nexport * from './ecl-fact-figures.component';\nexport * from './ecl-fact-figures-description.directive';\nexport * from './ecl-fact-figures-item.component';\nexport * from './ecl-fact-figures-view-all.component';\n\nexport const EUI_ECL_FACT_FIGURES = [\n    EclFactFiguresComponent,\n    EclFactFiguresItemComponent,\n    EclFactFiguresViewAllComponent,\n    EclFactFiguresDescriptionDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-fact-figures.mjs","sources":["../../components/ecl-fact-figures/ecl-fact-figures-item.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-item.component.html","../../components/ecl-fact-figures/ecl-fact-figures.component.ts","../../components/ecl-fact-figures/ecl-fact-figures.component.html","../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.html","../../components/ecl-fact-figures/ecl-fact-figures-description.directive.ts","../../components/ecl-fact-figures/index.ts","../../components/ecl-fact-figures/eui-ecl-components-ecl-fact-figures.ts"],"sourcesContent":["import { AfterContentInit, Component, ContentChildren, HostBinding, input, QueryList } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Component representing a single item within the Fact & Figures block.\n * Optionally handles embedded icons and applies appropriate styling.\n */\n@Component({\n  selector: 'div[eclFactFiguresItem],ecl-fact-figures-item',\n  templateUrl: './ecl-fact-figures-item.component.html',\n})\nexport class EclFactFiguresItemComponent extends ECLBaseDirective implements AfterContentInit {\n\n  eclValue = input<string>();\n\n  eclTitle = input<string>();\n\n  /**\n   * Applies the base class `ecl-fact-figures__item` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__item')].join(' ').trim();\n  }\n\n  /**\n   * Query for any EclIconComponent children projected into the component.\n   * These icons will receive an additional CSS class.\n   */\n  @ContentChildren(EclIconComponent) eclIconComponents: QueryList<EclIconComponent>;\n\n  /**\n   * Lifecycle hook that adds a CSS class to any EclIconComponent\n   * found within the projected content.\n   */\n  ngAfterContentInit(): void {\n    if (this.eclIconComponents) {\n      this.eclIconComponents.forEach((eclIcon) => {\n        eclIcon.baseDirective.class = [eclIcon.baseDirective.class, 'ecl-fact-figures__icon'].join(' ');\n      });\n    }\n  }\n}\n","<ng-content select=\"ecl-icon\"></ng-content>\n<div class=\"ecl-fact-figures__value\">{{ eclValue() }} <span class=\"ecl-fact-figures__title\">{{ eclTitle() }}</span></div>\n<ng-content select=\"ecl-icon\"></ng-content>\n<ng-content select=\"[eclFactFiguresDescription]\"></ng-content>","import {\n  Component,\n  Input,\n  HostBinding,\n  booleanAttribute,\n  ContentChildren,\n  ElementRef,\n  QueryList,\n  Renderer2,\n  inject,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';\n\n/**\n * Main component for displaying a collection of fact and figure items\n * in a responsive, styled grid layout.\n */\n@Component({\n  selector: 'div[eclFactFigures], ecl-fact-figures',\n  templateUrl: './ecl-fact-figures.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresComponent extends ECLBaseDirective {\n  private renderer = inject(Renderer2);\n\n  @ContentChildren(EclFactFiguresItemComponent, { read: ElementRef })\n  items!: QueryList<ElementRef>;\n\n  /**\n   * Sets the CSS classes for the component, including layout and font size modifiers.\n   * Automatically adds:\n   * - `ecl-fact-figures--col-{n}` depending on the `columns` value\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures'),\n      `ecl-fact-figures--col-${this.columns}`].join(' ').trim();\n  }\n\n  /**\n   * Number of columns in the layout (as string).\n   * Default is `'3'`.\n   */\n  @Input() columns = '3';\n\n  /**\n   * Font size variant. Can be:\n   * - `'m'` – medium (smaller text)\n   * - `'l'` – large (default)\n   */\n  @Input() fontSize: 'm' | 'l' = 'l';\n\n  /**\n   * Whether the content should be centered.\n   * Adds `ecl-fact-figures--centered` class when true.\n   */\n  @Input({ transform: booleanAttribute })\n  @HostBinding('class.ecl-fact-figures--centered')\n  isCentered = false;\n\n  /**\n   * After content init, mark the first item with `is-first` class\n   * and add the `ecl-fact-figures__item--font-m` class to all items\n   * if the fontSize input is set to 'm'.\n   */\n  ngAfterContentInit(): void {\n      const elements = this.items?.toArray() ?? [];\n      if (!elements.length) return;\n\n      elements.forEach((el) => this.renderer.removeClass(el.nativeElement, 'is-first'));\n      this.renderer.addClass(elements[0].nativeElement, 'is-first');\n\n      elements.forEach(el => {\n        if (this.fontSize === 'm') {\n          this.renderer.addClass(el.nativeElement, 'ecl-fact-figures__item--font-m');\n        } else {\n          this.renderer.removeClass(el.nativeElement, 'ecl-fact-figures__item--font-m');\n        }\n      });\n    }\n}\n","<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","import { AfterContentInit, Component, ContentChild, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/**\n * Component representing the \"View all\" section in a Fact & Figures block.\n * Used to display a link that allows users to view additional content.\n */\n@Component({\n  selector: 'ecl-fact-figures-view-all',\n  templateUrl: './ecl-fact-figures-view-all.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresViewAllComponent extends ECLBaseDirective implements AfterContentInit {\n  /**\n   * Applies the base class `ecl-fact-figures__view-all` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__view-all')].join(' ').trim();\n  }\n\n  /**\n   * Reference to the projected link directive inside the component.\n   * Automatically decorated with a specific class upon initialization.\n   */\n  @ContentChild(EclLinkDirective) eclLink: EclLinkDirective;\n\n  /**\n   * Adds the `ecl-fact-figures__view-all-link` class to the projected link.\n   * This ensures consistent styling within the view-all section.\n   */\n  ngAfterContentInit(): void {\n    if (this.eclLink) {\n      this.eclLink.class = [this.eclLink.class, 'ecl-fact-figures__view-all-link'].join(' ');\n    }\n  }\n}\n","<ng-content></ng-content>\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, representing the description text of a fact or figures section.\n * Typically used to provide contextual or supporting information.\n */\n@Directive({\n  selector: 'div[eclFactFiguresDescription]',\n})\nexport class EclFactFiguresDescriptionDirective extends ECLBaseDirective {\n  /**\n   * Applies the base class `ecl-fact-figures__description` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__description')].join(' ').trim();\n  }\n}\n","import { EclFactFiguresComponent } from './ecl-fact-figures.component';\nimport { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';\nimport { EclFactFiguresViewAllComponent } from './ecl-fact-figures-view-all.component';\nimport { EclFactFiguresDescriptionDirective } from './ecl-fact-figures-description.directive';\n\nexport * from './ecl-fact-figures.component';\nexport * from './ecl-fact-figures-description.directive';\nexport * from './ecl-fact-figures-item.component';\nexport * from './ecl-fact-figures-view-all.component';\n\nexport const EUI_ECL_FACT_FIGURES = [\n    EclFactFiguresComponent,\n    EclFactFiguresItemComponent,\n    EclFactFiguresViewAllComponent,\n    EclFactFiguresDescriptionDirective,\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-featured.mjs

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, HostBinding, Input, Component, Directive, ContentChildren, ContentChild, NgModule } from '@angular/core';
+import { booleanAttribute, HostBinding, Input, Component, Directive, ContentChildren, ContentChild } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EclMediaContainerComponent } from '@eui/ecl/components/ecl-media-container';
 import { uniqueId } from '@eui/core';
 
-// TODO: ecl-featured-item-footer and the associated directives are removed. Not used anymore. breaking change v21.
 /**
  * Custom ECL component, that adds visual support to a piece of content. Uses <ecl-media-container>.
  */
@@ -15,7 +14,6 @@ class EclFeaturedComponent extends ECLBaseDirective {
          * The position of the image in the component. Can be 'left' or 'right'. The default value is 'left'.
          */
         this.position = 'left';
-        // TODO: new parameter for v21 - for EC variant only
         /** Gives a different display for the link in highlighted mode */
         this.isLinkHighlighted = false;
         this.role = 'article';
@@ -29,10 +27,10 @@ class EclFeaturedComponent extends ECLBaseDirective {
             this.variant ? `ecl-featured-item--${this.variant}` : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclFeaturedComponent, isStandalone: true, selector: "ecl-featured", inputs: { position: "position", variant: "variant", isLinkHighlighted: ["isLinkHighlighted", "isLinkHighlighted", booleanAttribute] }, host: { properties: { "class.ecl-featured-item--link-highlighted": "this.isLinkHighlighted", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position === 'right'\">\n    <ng-content></ng-content>\n</div>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.3", type: EclFeaturedComponent, isStandalone: true, selector: "ecl-featured", inputs: { position: "position", variant: "variant", isLinkHighlighted: ["isLinkHighlighted", "isLinkHighlighted", booleanAttribute] }, host: { properties: { "class.ecl-featured-item--link-highlighted": "this.isLinkHighlighted", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position === 'right'\">\n    <ng-content></ng-content>\n</div>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured', template: "<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position === 'right'\">\n    <ng-content></ng-content>\n</div>" }]
         }], propDecorators: { position: [{
@@ -71,10 +69,10 @@ class EclFeaturedItemLinkDirective extends ECLBaseDirective {
         this.renderer = renderer;
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedItemLinkDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclFeaturedItemLinkDirective, isStandalone: true, selector: "[eclFeaturedItemLink]", inputs: { ariaDescribedBy: "ariaDescribedBy" }, host: { properties: { "class.ecl-featured-item__link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedItemLinkDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclFeaturedItemLinkDirective, isStandalone: true, selector: "[eclFeaturedItemLink]", inputs: { ariaDescribedBy: "ariaDescribedBy" }, host: { properties: { "class.ecl-featured-item__link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedItemLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedItemLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeaturedItemLink]',
@@ -111,10 +109,10 @@ class EclFeaturedItemComponent extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedItemComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclFeaturedItemComponent, isStandalone: true, selector: "ecl-featured-item", inputs: { eclTitle: "eclTitle", id: "id" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true }, { propertyName: "links", predicate: EclFeaturedItemLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasTitle) {\n    <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n        {{ eclTitle }}\n    </div>\n}\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedItemComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EclFeaturedItemComponent, isStandalone: true, selector: "ecl-featured-item", inputs: { eclTitle: "eclTitle", id: "id" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true }, { propertyName: "links", predicate: EclFeaturedItemLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasTitle) {\n    <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n        {{ eclTitle }}\n    </div>\n}\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured-item', template: "@if(hasTitle) {\n    <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n        {{ eclTitle }}\n    </div>\n}\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { eclTitle: [{
@@ -141,10 +139,10 @@ class EclFeaturedItemDescriptionComponent extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclFeaturedItemDescriptionComponent, isStandalone: true, selector: "ecl-featured-item-description", host: { properties: { "class.ecl-featured-item__description": "this.className" } }, 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.3", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: EclFeaturedItemDescriptionComponent, isStandalone: true, selector: "ecl-featured-item-description", host: { properties: { "class.ecl-featured-item__description": "this.className" } }, 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-rc.2", ngImport: i0, type: EclFeaturedItemDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeaturedItemDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured-item-description', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { className: [{
@@ -152,37 +150,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: ['class.ecl-featured-item__description']
             }] } });
 
-const COMPONENTS = [
-    EclFeaturedComponent,
-    EclFeaturedItemComponent,
-    EclFeaturedItemLinkDirective,
-    EclFeaturedItemDescriptionComponent,
-];
-/**
- * @description
- * Module that provides the EclFeatured component and its dependencies.
- *
- * @deprecated Use {@link EUI_ECL_FEATURED} instead.
- */
-class EclFeaturedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedModule, imports: [EclFeaturedComponent,
-            EclFeaturedItemComponent,
-            EclFeaturedItemLinkDirective,
-            EclFeaturedItemDescriptionComponent], exports: [EclFeaturedComponent,
-            EclFeaturedItemComponent,
-            EclFeaturedItemLinkDirective,
-            EclFeaturedItemDescriptionComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...COMPONENTS],
-                    exports: [...COMPONENTS],
-                }]
-        }] });
-
 const EUI_ECL_FEATURED = [
     EclFeaturedComponent,
     EclFeaturedItemComponent,
@@ -194,5 +161,5 @@ const EUI_ECL_FEATURED = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_FEATURED, EclFeaturedComponent, EclFeaturedItemComponent, EclFeaturedItemDescriptionComponent, EclFeaturedItemLinkDirective, EclFeaturedModule };
+export { EUI_ECL_FEATURED, EclFeaturedComponent, EclFeaturedItemComponent, EclFeaturedItemDescriptionComponent, EclFeaturedItemLinkDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-featured.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-featured.mjs","sources":["../../components/ecl-featured/ecl-featured.component.ts","../../components/ecl-featured/ecl-featured.component.html","../../components/ecl-featured/ecl-featured-item-link.directive.ts","../../components/ecl-featured/ecl-featured-item.component.ts","../../components/ecl-featured/ecl-featured-item.component.html","../../components/ecl-featured/ecl-featured-item-description.component.ts","../../components/ecl-featured/ecl-featured-item-description.component.html","../../components/ecl-featured/ecl-featured.module.ts","../../components/ecl-featured/index.ts","../../components/ecl-featured/eui-ecl-components-ecl-featured.ts"],"sourcesContent":["import { booleanAttribute, Component, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n// TODO: ecl-featured-item-footer and the associated directives are removed. Not used anymore. breaking change v21.\n/**\n * Custom ECL component, that adds visual support to a piece of content. Uses <ecl-media-container>.\n */\n@Component({\n    selector: 'ecl-featured',\n    templateUrl: './ecl-featured.component.html',\n})\nexport class EclFeaturedComponent extends ECLBaseDirective {\n    /**\n     * The position of the image in the component. Can be 'left' or 'right'. The default value is 'left'.\n     */\n    @Input() position: 'left' | 'right' = 'left';\n    \n    /**\n     * 'highligh' varian, applies class to make more stand out appearance of the component.\n     */\n    @Input() variant: 'highlight'; // TODO: variant 'simple' is removed in v21 - breaking change\n\n     // TODO: new parameter for v21 - for EC variant only\n    /** Gives a different display for the link in highlighted mode */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-featured-item--link-highlighted') isLinkHighlighted = false;\n\n    @HostBinding('attr.role') role = 'article';\n\n    /**\n     * Adds specific classes to the component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-featured-item'),\n            this.variant ?`ecl-featured-item--${this.variant}`: '',\n        ].join(' ').trim();\n    }\n}\n","<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position === 'right'\">\n    <ng-content></ng-content>\n</div>","import { Directive, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Applies specific additional class for the eclLink directive, used in <ecl-featured-item> construction.\n */\n@Directive({\n    selector: '[eclFeaturedItemLink]',\n})\nexport class EclFeaturedItemLinkDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-featured-item__link') className = true;\n\n    @Input()\n    set ariaDescribedBy(value: string | null) {\n        if (value) {\n        this.renderer.setAttribute(this.el.nativeElement, 'aria-describedby', value);\n        } else {\n        this.renderer.removeAttribute(this.el.nativeElement, 'aria-describedby');\n        }\n    }\n\n    constructor(private el: ElementRef, private renderer: Renderer2) {\n        super();\n    }\n}\n","import { AfterContentInit, Component, ContentChild, ContentChildren, HostBinding, Input, QueryList, Renderer2, ElementRef } from '@angular/core';\nimport { EclMediaContainerComponent } from '@eui/ecl/components/ecl-media-container';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { uniqueId } from '@eui/core';\nimport { EclFeaturedItemLinkDirective } from './ecl-featured-item-link.directive';\n\n/**\n * Container for the text part - title and description of the <ecl-featured> component.\n */\n@Component({\n    selector: 'ecl-featured-item',\n    templateUrl: './ecl-featured-item.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclFeaturedItemComponent extends ECLBaseDirective implements AfterContentInit {\n    @Input() eclTitle = '';\n    @Input() id: string = `ecl-featured-item-${uniqueId()}`;\n    @ContentChild(EclMediaContainerComponent) mediaContainer: EclMediaContainerComponent;\n    @ContentChildren(EclFeaturedItemLinkDirective, { descendants: true })\n    links?: QueryList<EclFeaturedItemLinkDirective>;\n\n    @HostBinding('class.ecl-featured-item__item') className = true;\n\n    constructor(private renderer: Renderer2) {\n        super();\n    }\n\n    get hasTitle(): boolean {\n        return this.eclTitle !== '';\n    }\n\n    ngAfterContentInit(): void {\n        if (this.mediaContainer) {\n            this.mediaContainer.class = 'ecl-featured-item__media_container';\n        }\n\n        const describedBy = this.hasTitle ? `${this.id}-title` : null;\n        if (describedBy && this.links) {\n            this.links.forEach(link => {\n            link.ariaDescribedBy = describedBy;\n            });\n        }\n    }\n}\n","@if(hasTitle) {\n    <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n        {{ eclTitle }}\n    </div>\n}\n<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Applies specific additional class to style <ecl-featured-item-description> component, as a part of the\n *  <ecl-featured> component.\n */\n@Component({\n    selector: 'ecl-featured-item-description',\n    templateUrl: './ecl-featured-item-description.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclFeaturedItemDescriptionComponent extends ECLBaseDirective {\n    @HostBinding('class.ecl-featured-item__description') className = true;\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclFeaturedComponent } from './ecl-featured.component';\nimport { EclFeaturedItemComponent } from './ecl-featured-item.component';\nimport { EclFeaturedItemLinkDirective } from './ecl-featured-item-link.directive';\nimport { EclFeaturedItemDescriptionComponent } from './ecl-featured-item-description.component';\n\nconst COMPONENTS = [\n  EclFeaturedComponent,\n  EclFeaturedItemComponent,\n  EclFeaturedItemLinkDirective,\n  EclFeaturedItemDescriptionComponent,\n];\n\n/**\n * @description\n * Module that provides the EclFeatured component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_FEATURED} instead.\n */\n@NgModule({\n  imports: [...COMPONENTS],\n  exports: [...COMPONENTS],\n})\nexport class EclFeaturedModule {}","import { EclFeaturedComponent } from './ecl-featured.component';\nimport { EclFeaturedItemComponent } from './ecl-featured-item.component';\nimport { EclFeaturedItemDescriptionComponent } from './ecl-featured-item-description.component';\nimport { EclFeaturedItemLinkDirective } from './ecl-featured-item-link.directive';\n\nexport * from './ecl-featured.module';\nexport * from './ecl-featured.component';\nexport * from './ecl-featured-item.component';\nexport * from './ecl-featured-item-description.component';\nexport * from './ecl-featured-item-link.directive';\n\nexport const EUI_ECL_FEATURED = [\n    EclFeaturedComponent,\n    EclFeaturedItemComponent,\n    EclFeaturedItemLinkDirective,\n    EclFeaturedItemDescriptionComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-featured.mjs","sources":["../../components/ecl-featured/ecl-featured.component.ts","../../components/ecl-featured/ecl-featured.component.html","../../components/ecl-featured/ecl-featured-item-link.directive.ts","../../components/ecl-featured/ecl-featured-item.component.ts","../../components/ecl-featured/ecl-featured-item.component.html","../../components/ecl-featured/ecl-featured-item-description.component.ts","../../components/ecl-featured/ecl-featured-item-description.component.html","../../components/ecl-featured/index.ts","../../components/ecl-featured/eui-ecl-components-ecl-featured.ts"],"sourcesContent":["import { booleanAttribute, Component, HostBinding, Input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Custom ECL component, that adds visual support to a piece of content. Uses <ecl-media-container>.\n */\n@Component({\n    selector: 'ecl-featured',\n    templateUrl: './ecl-featured.component.html',\n})\nexport class EclFeaturedComponent extends ECLBaseDirective {\n    /**\n     * The position of the image in the component. Can be 'left' or 'right'. The default value is 'left'.\n     */\n    @Input() position: 'left' | 'right' = 'left';\n    \n    /**\n     * 'highligh' varian, applies class to make more stand out appearance of the component.\n     */\n    @Input() variant: 'highlight';\n\n    /** Gives a different display for the link in highlighted mode */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-featured-item--link-highlighted') isLinkHighlighted = false;\n\n    @HostBinding('attr.role') role = 'article';\n\n    /**\n     * Adds specific classes to the component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-featured-item'),\n            this.variant ?`ecl-featured-item--${this.variant}`: '',\n        ].join(' ').trim();\n    }\n}\n","<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position === 'right'\">\n    <ng-content></ng-content>\n</div>","import { Directive, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Applies specific additional class for the eclLink directive, used in <ecl-featured-item> construction.\n */\n@Directive({\n    selector: '[eclFeaturedItemLink]',\n})\nexport class EclFeaturedItemLinkDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-featured-item__link') className = true;\n\n    @Input()\n    set ariaDescribedBy(value: string | null) {\n        if (value) {\n        this.renderer.setAttribute(this.el.nativeElement, 'aria-describedby', value);\n        } else {\n        this.renderer.removeAttribute(this.el.nativeElement, 'aria-describedby');\n        }\n    }\n\n    constructor(private el: ElementRef, private renderer: Renderer2) {\n        super();\n    }\n}\n","import { AfterContentInit, Component, ContentChild, ContentChildren, HostBinding, Input, QueryList, Renderer2, ElementRef } from '@angular/core';\nimport { EclMediaContainerComponent } from '@eui/ecl/components/ecl-media-container';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { uniqueId } from '@eui/core';\nimport { EclFeaturedItemLinkDirective } from './ecl-featured-item-link.directive';\n\n/**\n * Container for the text part - title and description of the <ecl-featured> component.\n */\n@Component({\n    selector: 'ecl-featured-item',\n    templateUrl: './ecl-featured-item.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclFeaturedItemComponent extends ECLBaseDirective implements AfterContentInit {\n    @Input() eclTitle = '';\n    @Input() id: string = `ecl-featured-item-${uniqueId()}`;\n    @ContentChild(EclMediaContainerComponent) mediaContainer: EclMediaContainerComponent;\n    @ContentChildren(EclFeaturedItemLinkDirective, { descendants: true })\n    links?: QueryList<EclFeaturedItemLinkDirective>;\n\n    @HostBinding('class.ecl-featured-item__item') className = true;\n\n    constructor(private renderer: Renderer2) {\n        super();\n    }\n\n    get hasTitle(): boolean {\n        return this.eclTitle !== '';\n    }\n\n    ngAfterContentInit(): void {\n        if (this.mediaContainer) {\n            this.mediaContainer.class = 'ecl-featured-item__media_container';\n        }\n\n        const describedBy = this.hasTitle ? `${this.id}-title` : null;\n        if (describedBy && this.links) {\n            this.links.forEach(link => {\n            link.ariaDescribedBy = describedBy;\n            });\n        }\n    }\n}\n","@if(hasTitle) {\n    <div class=\"ecl-featured-item__title\" [attr.id]=\"id + '-title'\">\n        {{ eclTitle }}\n    </div>\n}\n<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Applies specific additional class to style <ecl-featured-item-description> component, as a part of the\n *  <ecl-featured> component.\n */\n@Component({\n    selector: 'ecl-featured-item-description',\n    templateUrl: './ecl-featured-item-description.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclFeaturedItemDescriptionComponent extends ECLBaseDirective {\n    @HostBinding('class.ecl-featured-item__description') className = true;\n}\n","<ng-content></ng-content>\n","import { EclFeaturedComponent } from './ecl-featured.component';\nimport { EclFeaturedItemComponent } from './ecl-featured-item.component';\nimport { EclFeaturedItemDescriptionComponent } from './ecl-featured-item-description.component';\nimport { EclFeaturedItemLinkDirective } from './ecl-featured-item-link.directive';\n\nexport * from './ecl-featured.component';\nexport * from './ecl-featured-item.component';\nexport * from './ecl-featured-item-description.component';\nexport * from './ecl-featured-item-link.directive';\n\nexport const EUI_ECL_FEATURED = [\n    EclFeaturedComponent,\n    EclFeaturedItemComponent,\n    EclFeaturedItemLinkDirective,\n    EclFeaturedItemDescriptionComponent,\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-feedback-message.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { forwardRef, ContentChildren, HostBinding, Directive, NgModule } from '@angular/core';
+import { forwardRef, ContentChildren, HostBinding, Directive } from '@angular/core';
 import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
 import { ECLBaseDirective } from '@eui/ecl/core';
 
@@ -30,10 +30,10 @@ class EclFeedbackMessageDirective extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclFeedbackMessageDirective, isStandalone: true, selector: "[eclFeedbackMessage]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclFeedbackMessageDirective, isStandalone: true, selector: "[eclFeedbackMessage]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeedbackMessage]',
@@ -46,24 +46,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: [forwardRef(() => EclIconComponent)]
             }] } });
 
-/**
- * Module that provides the EclFeedbackMessage directive.
- *
- * @deprecated Use {@link EUI_ECL_FEEDBACK_MESSAGE} instead.
- */
-class EclFeedbackMessageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageModule, imports: [EclFeedbackMessageDirective], exports: [EclFeedbackMessageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [EclFeedbackMessageDirective],
-                    exports: [EclFeedbackMessageDirective],
-                }]
-        }] });
-
 const EUI_ECL_FEEDBACK_MESSAGE = [
     EclFeedbackMessageDirective,
 ];
@@ -72,5 +54,5 @@ const EUI_ECL_FEEDBACK_MESSAGE = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_FEEDBACK_MESSAGE, EclFeedbackMessageDirective, EclFeedbackMessageModule };
+export { EUI_ECL_FEEDBACK_MESSAGE, EclFeedbackMessageDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-feedback-message.mjs.map

package/fesm2022/eui-ecl-components-ecl-feedback-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-feedback-message.mjs","sources":["../../components/ecl-feedback-message/ecl-feedback-message.directive.ts","../../components/ecl-feedback-message/ecl-feedback-message.module.ts","../../components/ecl-feedback-message/index.ts","../../components/ecl-feedback-message/eui-ecl-components-ecl-feedback-message.ts"],"sourcesContent":["import { AfterContentInit, ContentChildren, Directive, forwardRef, HostBinding, QueryList } from '@angular/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n// TODO: check the look of this component after icons update.\n\n/**\n * Directive that renders a feedback message following the ECL design system.\n * It automatically styles its content and nested icon components accordingly.\n *\n * Should be applied to a container element that wraps a feedback message.\n */\n@Directive({\n    selector: '[eclFeedbackMessage]',\n})\nexport class EclFeedbackMessageDirective extends ECLBaseDirective implements AfterContentInit {\n    /**\n     * Applies the appropriate ECL feedback message CSS class to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-feedback-message')].join(' ').trim();\n    }\n\n    /**\n     * Queries all nested `EclIconComponent` instances inside the host element.\n     * These icons will receive the `ecl-feedback-message__icon` styling class.\n     */\n    @ContentChildren(forwardRef(() => EclIconComponent)) eclIconComponents: QueryList<EclIconComponent>;\n\n    /**\n     * Lifecycle hook that runs after content (e.g. projected icons) is initialized.\n     * Adds the `ecl-feedback-message__icon` CSS class to each nested icon component.\n     */\n    ngAfterContentInit(): void {\n        if (this.eclIconComponents) {\n            setTimeout(() => {\n                this.eclIconComponents.forEach((icn) => {\n                    icn.baseDirective.class = [icn.baseDirective.class, 'ecl-feedback-message__icon'].join(' ');\n                });\n            });\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclFeedbackMessageDirective } from './ecl-feedback-message.directive';\n\n/**\n * Module that provides the EclFeedbackMessage directive.\n *\n * @deprecated Use {@link EUI_ECL_FEEDBACK_MESSAGE} instead.\n */\n@NgModule({\n    imports: [EclFeedbackMessageDirective],\n    exports: [EclFeedbackMessageDirective],\n})\nexport class EclFeedbackMessageModule {}\n","import { EclFeedbackMessageDirective } from './ecl-feedback-message.directive';\n\nexport * from './ecl-feedback-message.module';\nexport * from './ecl-feedback-message.directive';\n\nexport const EUI_ECL_FEEDBACK_MESSAGE = [\n    EclFeedbackMessageDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;AAEA;;;;;AAKG;AAIG,MAAO,2BAA4B,SAAQ,gBAAgB,CAAA;AAC7D;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACzE;AAQA;;;AAGG;IACH,kBAAkB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxB,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnC,oBAAA,GAAG,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/F,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;QACN;IACJ;mHA3BS,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,IAAA,EAAA,2BAA2B,4LAaF,gBAAgB,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;gGAbzC,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AACnC,iBAAA;;sBAKI,WAAW;uBAAC,OAAO;;sBASnB,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,gBAAgB,CAAC;;;ACzBvD;;;;AAIG;MAKU,wBAAwB,CAAA;mHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAxB,wBAAwB,EAAA,OAAA,EAAA,CAHvB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAC3B,2BAA2B,CAAA,EAAA,CAAA,CAAA;oHAE5B,wBAAwB,EAAA,CAAA,CAAA;;gGAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,2BAA2B,CAAC;oBACtC,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACzC,iBAAA;;;ACNM,MAAM,wBAAwB,GAAG;IACpC,2BAA2B;;;ACN/B;;AAEG;;;;"}
+{"version":3,"file":"eui-ecl-components-ecl-feedback-message.mjs","sources":["../../components/ecl-feedback-message/ecl-feedback-message.directive.ts","../../components/ecl-feedback-message/index.ts","../../components/ecl-feedback-message/eui-ecl-components-ecl-feedback-message.ts"],"sourcesContent":["import { AfterContentInit, ContentChildren, Directive, forwardRef, HostBinding, QueryList } from '@angular/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n// TODO: check the look of this component after icons update.\n\n/**\n * Directive that renders a feedback message following the ECL design system.\n * It automatically styles its content and nested icon components accordingly.\n *\n * Should be applied to a container element that wraps a feedback message.\n */\n@Directive({\n    selector: '[eclFeedbackMessage]',\n})\nexport class EclFeedbackMessageDirective extends ECLBaseDirective implements AfterContentInit {\n    /**\n     * Applies the appropriate ECL feedback message CSS class to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-feedback-message')].join(' ').trim();\n    }\n\n    /**\n     * Queries all nested `EclIconComponent` instances inside the host element.\n     * These icons will receive the `ecl-feedback-message__icon` styling class.\n     */\n    @ContentChildren(forwardRef(() => EclIconComponent)) eclIconComponents: QueryList<EclIconComponent>;\n\n    /**\n     * Lifecycle hook that runs after content (e.g. projected icons) is initialized.\n     * Adds the `ecl-feedback-message__icon` CSS class to each nested icon component.\n     */\n    ngAfterContentInit(): void {\n        if (this.eclIconComponents) {\n            setTimeout(() => {\n                this.eclIconComponents.forEach((icn) => {\n                    icn.baseDirective.class = [icn.baseDirective.class, 'ecl-feedback-message__icon'].join(' ');\n                });\n            });\n        }\n    }\n}\n","import { EclFeedbackMessageDirective } from './ecl-feedback-message.directive';\n\nexport * from './ecl-feedback-message.directive';\n\nexport const EUI_ECL_FEEDBACK_MESSAGE = [\n    EclFeedbackMessageDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;AAEA;;;;;AAKG;AAIG,MAAO,2BAA4B,SAAQ,gBAAgB,CAAA;AAC7D;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACzE;AAQA;;;AAGG;IACH,kBAAkB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxB,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnC,oBAAA,GAAG,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/F,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;QACN;IACJ;8GA3BS,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,4LAaF,gBAAgB,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAbzC,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AACnC,iBAAA;;sBAKI,WAAW;uBAAC,OAAO;;sBASnB,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,gBAAgB,CAAC;;;ACxBhD,MAAM,wBAAwB,GAAG;IACpC,2BAA2B;;;ACL/B;;AAEG;;;;"}