@eui/ecl 21.0.0-next.1 → 21.0.0-next.11

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ContentChildren, HostBinding, Component, inject, Renderer2, ElementRef, booleanAttribute, Input, ContentChild, NgModule } from '@angular/core';
+import { input, ContentChildren, HostBinding, Component, inject, Renderer2, ElementRef, booleanAttribute, Input, ContentChild, Directive, NgModule } 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';
@@ -9,6 +9,11 @@ import { EclLinkDirective } from '@eui/ecl/components/ecl-link';
  * Optionally handles embedded icons and applies appropriate styling.
  */
 class EclFactFiguresItemComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.eclValue = input(...(ngDevMode ? [undefined, { debugName: "eclValue" }] : []));
+        this.eclTitle = input(...(ngDevMode ? [undefined, { debugName: "eclTitle" }] : []));
+    }
     /**
      * Applies the base class `ecl-fact-figures__item` to the host element.
      */
@@ -26,13 +31,13 @@ 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: "14.0.0", version: "21.0.0-rc.2", 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", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", 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.0", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-fact-figures-item', template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { cssClasses: [{
+            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: [{
                 type: HostBinding,
                 args: ['class']
             }], eclIconComponents: [{
@@ -94,12 +99,12 @@ 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: "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.0", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0", 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.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"] }]
+            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: [{
                 type: ContentChildren,
                 args: [EclFactFiguresItemComponent, { read: ElementRef }]
@@ -138,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.0", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.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-rc.2", ngImport: i0, type: EclFactFiguresViewAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.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: [{
@@ -153,64 +158,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
             }] } });
 
 /**
- * Component representing the description text of a fact or figures section.
+ * Directive, representing the description text of a fact or figures section.
  * Typically used to provide contextual or supporting information.
  */
-class EclFactFiguresDescriptionComponent extends ECLBaseDirective {
+class EclFactFiguresDescriptionDirective extends ECLBaseDirective {
     /**
      * Applies the base class `ecl-fact-figures__description` to the host element.
      */
     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: EclFactFiguresDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", 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-rc.2", 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: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-/**
- * Component representing the title section of a Fact & Figures item.
- */
-class EclFactFiguresTitleComponent extends ECLBaseDirective {
-    /**
-     * Applies the base class `ecl-fact-figures__title` to the host element.
-     */
-    get cssClasses() {
-        return [super.getCssClasses('ecl-fact-figures__title')].join(' ').trim();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", 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", ngImport: i0, type: EclFactFiguresDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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: EclFactFiguresTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ecl-fact-figures-title', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-/**
- * Component representing the value section of a Fact & Figures item.
- */
-class EclFactFiguresValueComponent extends ECLBaseDirective {
-    /**
-     * Applies the base class `ecl-fact-figures__value` to the host element.
-     */
-    get cssClasses() {
-        return [super.getCssClasses('ecl-fact-figures__value')].join(' ').trim();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", 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-rc.2", ngImport: i0, type: EclFactFiguresValueComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ecl-fact-figures-value', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFactFiguresDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[eclFactFiguresDescription]',
+                }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -222,38 +187,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
  * @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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFactFiguresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclFactFiguresModule, imports: [EclFactFiguresComponent,
             EclFactFiguresItemComponent,
             EclFactFiguresViewAllComponent,
-            EclFactFiguresDescriptionComponent,
-            EclFactFiguresTitleComponent,
-            EclFactFiguresValueComponent], exports: [EclFactFiguresComponent,
+            EclFactFiguresDescriptionDirective], exports: [EclFactFiguresComponent,
             EclFactFiguresItemComponent,
             EclFactFiguresViewAllComponent,
-            EclFactFiguresDescriptionComponent,
-            EclFactFiguresTitleComponent,
-            EclFactFiguresValueComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresModule }); }
+            EclFactFiguresDescriptionDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFactFiguresModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFactFiguresModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFactFiguresModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         EclFactFiguresComponent,
                         EclFactFiguresItemComponent,
                         EclFactFiguresViewAllComponent,
-                        EclFactFiguresDescriptionComponent,
-                        EclFactFiguresTitleComponent,
-                        EclFactFiguresValueComponent,
+                        EclFactFiguresDescriptionDirective,
                     ],
                     exports: [
                         EclFactFiguresComponent,
                         EclFactFiguresItemComponent,
                         EclFactFiguresViewAllComponent,
-                        EclFactFiguresDescriptionComponent,
-                        EclFactFiguresTitleComponent,
-                        EclFactFiguresValueComponent,
+                        EclFactFiguresDescriptionDirective,
                     ],
                 }]
         }] });
@@ -262,14 +219,12 @@ const EUI_ECL_FACT_FIGURES = [
     EclFactFiguresComponent,
     EclFactFiguresItemComponent,
     EclFactFiguresViewAllComponent,
-    EclFactFiguresDescriptionComponent,
-    EclFactFiguresTitleComponent,
-    EclFactFiguresValueComponent,
+    EclFactFiguresDescriptionDirective,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_FACT_FIGURES, EclFactFiguresComponent, EclFactFiguresDescriptionComponent, EclFactFiguresItemComponent, EclFactFiguresModule, EclFactFiguresTitleComponent, EclFactFiguresValueComponent, EclFactFiguresViewAllComponent };
+export { EUI_ECL_FACT_FIGURES, EclFactFiguresComponent, EclFactFiguresDescriptionDirective, EclFactFiguresItemComponent, EclFactFiguresModule, 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.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-description.component.html","../../components/ecl-fact-figures/ecl-fact-figures-title.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-title.component.html","../../components/ecl-fact-figures/ecl-fact-figures-value.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-value.component.html","../../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, 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: 'ecl-fact-figures-item',\n  templateUrl: './ecl-fact-figures-item.component.html',\n})\nexport class EclFactFiguresItemComponent extends ECLBaseDirective implements AfterContentInit {\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></ng-content>\n","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: '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 { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the description text of a fact or figures section.\n * Typically used to provide contextual or supporting information.\n */\n@Component({\n  selector: 'ecl-fact-figures-description',\n  templateUrl: './ecl-fact-figures-description.component.html',\n\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresDescriptionComponent 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","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the title section of a Fact & Figures item.\n */\n@Component({\n  selector: 'ecl-fact-figures-title',\n  templateUrl: './ecl-fact-figures-title.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresTitleComponent extends ECLBaseDirective {\n  /**\n   * Applies the base class `ecl-fact-figures__title` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__title')].join(' ').trim();\n  }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing the value section of a Fact & Figures item.\n */\n@Component({\n  selector: 'ecl-fact-figures-value',\n  templateUrl: './ecl-fact-figures-value.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n})\nexport class EclFactFiguresValueComponent extends ECLBaseDirective {\n  /**\n   * Applies the base class `ecl-fact-figures__value` to the host element.\n   */\n  @HostBinding('class')\n  get cssClasses(): string {\n    return [super.getCssClasses('ecl-fact-figures__value')].join(' ').trim();\n  }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclFactFiguresDescriptionComponent } from './ecl-fact-figures-description.component';\nimport { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';\nimport { EclFactFiguresTitleComponent } from './ecl-fact-figures-title.component';\nimport { EclFactFiguresValueComponent } from './ecl-fact-figures-value.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        EclFactFiguresDescriptionComponent,\n        EclFactFiguresTitleComponent,\n        EclFactFiguresValueComponent,\n    ],\n    exports: [\n        EclFactFiguresComponent,\n        EclFactFiguresItemComponent,\n        EclFactFiguresViewAllComponent,\n        EclFactFiguresDescriptionComponent,\n        EclFactFiguresTitleComponent,\n        EclFactFiguresValueComponent,\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 { EclFactFiguresDescriptionComponent } from './ecl-fact-figures-description.component';\nimport { EclFactFiguresTitleComponent } from './ecl-fact-figures-title.component';\nimport { EclFactFiguresValueComponent } from './ecl-fact-figures-value.component';\n\nexport * from './ecl-fact-figures.module';\nexport * from './ecl-fact-figures.component';\nexport * from './ecl-fact-figures-description.component';\nexport * from './ecl-fact-figures-title.component';\nexport * from './ecl-fact-figures-value.component';\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    EclFactFiguresDescriptionComponent,\n    EclFactFiguresTitleComponent,\n    EclFactFiguresValueComponent,\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/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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"}

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

@@ -29,10 +29,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.0", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0", 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.0", 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 +71,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.0", 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", 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.0", ngImport: i0, type: EclFeaturedItemLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeaturedItemLink]',
@@ -111,10 +111,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.0", 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", 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.0", 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 +141,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.0", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", 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.0", 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: [{
@@ -165,17 +165,17 @@ const COMPONENTS = [
  * @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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeaturedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", 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 }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeaturedModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeaturedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeaturedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS],

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/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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"}

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

@@ -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.0", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.0", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeedbackMessage]',
@@ -52,11 +52,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
  * @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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeedbackMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclFeedbackMessageModule, imports: [EclFeedbackMessageDirective], exports: [EclFeedbackMessageDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeedbackMessageModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFeedbackMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeedbackMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclFeedbackMessageDirective],

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/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;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;;;ACzBvD;;;;AAIG;MAKU,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAxB,wBAAwB,EAAA,OAAA,EAAA,CAHvB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAC3B,2BAA2B,CAAA,EAAA,CAAA,CAAA;+GAE5B,wBAAwB,EAAA,CAAA,CAAA;;2FAAxB,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;;;;"}

package/fesm2022/eui-ecl-components-ecl-file-upload.mjs

@@ -225,10 +225,10 @@ class EclFileUploadDirective extends ECLBaseDirective {
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFileUploadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclFileUploadDirective, isStandalone: true, selector: "[eclFileUpload]", inputs: { variant: "variant", isInvalid: "isInvalid", id: "id", disabled: ["disabled", "disabled", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute] }, outputs: { filesSelected: "filesSelected" }, host: { listeners: { "click": "onClick($event)", "change": "onFilesSelected($event)" }, properties: { "attr.id": "this.id", "attr.disabled": "this.disabled", "attr.multiple": "this.multiple", "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-file-upload--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFileUploadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclFileUploadDirective, isStandalone: true, selector: "[eclFileUpload]", inputs: { variant: "variant", isInvalid: "isInvalid", id: "id", disabled: ["disabled", "disabled", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute] }, outputs: { filesSelected: "filesSelected" }, host: { listeners: { "click": "onClick($event)", "change": "onFilesSelected($event)" }, properties: { "attr.id": "this.id", "attr.disabled": "this.disabled", "attr.multiple": "this.multiple", "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-file-upload--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFileUploadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFileUploadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileUpload]',
@@ -279,11 +279,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
  * @deprecated Use {@link EUI_ECL_FILE_UPLOAD} instead.
  */
 class EclFileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFileUploadModule, imports: [EclFileUploadDirective], exports: [EclFileUploadDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFileUploadModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclFileUploadModule, imports: [EclFileUploadDirective], exports: [EclFileUploadDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFileUploadModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclFileUploadDirective],