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

package/docs/properties.html

@@ -121,7 +121,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 21.0.0-alpha.33</li>
+            <b>Version</b> : 21.0.0-alpha.35</li>
     </ul>
 
 

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

@@ -1,9 +1,45 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Input, HostBinding, Component, ContentChildren, ContentChild, NgModule } from '@angular/core';
+import { ContentChildren, HostBinding, Component, inject, Renderer2, ElementRef, booleanAttribute, Input, ContentChild, 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';
 
+/**
+ * Component representing a single item within the Fact & Figures block.
+ * Optionally handles embedded icons and applies appropriate styling.
+ */
+class EclFactFiguresItemComponent extends ECLBaseDirective {
+    /**
+     * Applies the base class `ecl-fact-figures__item` to the host element.
+     */
+    get cssClasses() {
+        return [super.getCssClasses('ecl-fact-figures__item')].join(' ').trim();
+    }
+    /**
+     * Lifecycle hook that adds a CSS class to any EclIconComponent
+     * found within the projected content.
+     */
+    ngAfterContentInit() {
+        if (this.eclIconComponents) {
+            this.eclIconComponents.forEach((eclIcon) => {
+                eclIcon.baseDirective.class = [eclIcon.baseDirective.class, 'ecl-fact-figures__icon'].join(' ');
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", type: EclFactFiguresItemComponent, isStandalone: true, selector: "ecl-fact-figures-item", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: EclIconComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-fact-figures-item', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], eclIconComponents: [{
+                type: ContentChildren,
+                args: [EclIconComponent]
+            }] } });
+
 /**
  * Main component for displaying a collection of fact and figure items
  * in a responsive, styled grid layout.
@@ -11,6 +47,7 @@ import { EclLinkDirective } from '@eui/ecl/components/ecl-link';
 class EclFactFiguresComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
+        this.renderer = inject(Renderer2);
         /**
          * Number of columns in the layout (as string).
          * Default is `'3'`.
@@ -31,21 +68,42 @@ class EclFactFiguresComponent extends ECLBaseDirective {
     /**
      * Sets the CSS classes for the component, including layout and font size modifiers.
      * Automatically adds:
-     * - `ecl-fact-figures--font-m` when `fontSize` is `'m'`
      * - `ecl-fact-figures--col-{n}` depending on the `columns` value
      */
     get cssClasses() {
         return [super.getCssClasses('ecl-fact-figures'),
-            this.fontSize === 'm' ? 'ecl-fact-figures--font-m' : '',
             `ecl-fact-figures--col-${this.columns}`].join(' ').trim();
     }
+    /**
+     * After content init, mark the first item with `is-first` class
+     * and add the `ecl-fact-figures__item--font-m` class to all items
+     * if the fontSize input is set to 'm'.
+     */
+    ngAfterContentInit() {
+        const elements = this.items?.toArray() ?? [];
+        if (!elements.length)
+            return;
+        elements.forEach((el) => this.renderer.removeClass(el.nativeElement, 'is-first'));
+        this.renderer.addClass(elements[0].nativeElement, 'is-first');
+        elements.forEach(el => {
+            if (this.fontSize === 'm') {
+                this.renderer.addClass(el.nativeElement, 'ecl-fact-figures__item--font-m');
+            }
+            else {
+                this.renderer.removeClass(el.nativeElement, 'ecl-fact-figures__item--font-m');
+            }
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-rc.0", type: EclFactFiguresComponent, isStandalone: true, selector: "ecl-fact-figures", inputs: { columns: "columns", fontSize: "fontSize", isCentered: ["isCentered", "isCentered", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-fact-figures--centered": "this.isCentered" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-fact-figures__items\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-rc.0", type: EclFactFiguresComponent, isStandalone: true, selector: "ecl-fact-figures", inputs: { columns: "columns", fontSize: "fontSize", isCentered: ["isCentered", "isCentered", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-fact-figures--centered": "this.isCentered" } }, 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.0", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures', template: "<div class=\"ecl-fact-figures__items\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>\n", styles: [":host{display:block}\n"] }]
-        }], propDecorators: { cssClasses: [{
+        }], propDecorators: { items: [{
+                type: ContentChildren,
+                args: [EclFactFiguresItemComponent, { read: ElementRef }]
+            }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], columns: [{
@@ -60,42 +118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ng
                 args: ['class.ecl-fact-figures--centered']
             }] } });
 
-/**
- * Component representing a single item within the Fact & Figures block.
- * Optionally handles embedded icons and applies appropriate styling.
- */
-class EclFactFiguresItemComponent extends ECLBaseDirective {
-    /**
-     * Applies the base class `ecl-fact-figures__item` to the host element.
-     */
-    get cssClasses() {
-        return [super.getCssClasses('ecl-fact-figures__item')].join(' ').trim();
-    }
-    /**
-     * Lifecycle hook that adds a CSS class to any EclIconComponent
-     * found within the projected content.
-     */
-    ngAfterContentInit() {
-        if (this.eclIconComponents) {
-            this.eclIconComponents.forEach((eclIcon) => {
-                eclIcon.baseDirective.class = [eclIcon.baseDirective.class, 'ecl-fact-figures__icon'].join(' ');
-            });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", type: EclFactFiguresItemComponent, isStandalone: true, selector: "ecl-fact-figures-item", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: EclIconComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclFactFiguresItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ecl-fact-figures-item', template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], eclIconComponents: [{
-                type: ContentChildren,
-                args: [EclIconComponent]
-            }] } });
-
 /**
  * Component representing the "View all" section in a Fact & Figures block.
  * Used to display a link that allows users to view additional content.

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.component.ts","../../components/ecl-fact-figures/ecl-fact-figures.component.html","../../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-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 { Component, Input, HostBinding, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\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  /**\n   * Sets the CSS classes for the component, including layout and font size modifiers.\n   * Automatically adds:\n   * - `ecl-fact-figures--font-m` when `fontSize` is `'m'`\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      this.fontSize === 'm' ? 'ecl-fact-figures--font-m' : '',\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","<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, 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 { 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.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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eui/ecl",
-  "version": "21.0.0-alpha.33",
+  "version": "21.0.0-alpha.35",
   "tag": "next",
   "description": "eUI ECL components package",
   "homepage": "https://eui.ecdevops.eu",
@@ -85,14 +85,14 @@
       "types": "./types/eui-ecl-components-ecl-content-block.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-content-block.mjs"
     },
-    "./components/ecl-date-block": {
-      "types": "./types/eui-ecl-components-ecl-date-block.d.ts",
-      "default": "./fesm2022/eui-ecl-components-ecl-date-block.mjs"
-    },
     "./components/ecl-content-item": {
       "types": "./types/eui-ecl-components-ecl-content-item.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-content-item.mjs"
     },
+    "./components/ecl-date-block": {
+      "types": "./types/eui-ecl-components-ecl-date-block.d.ts",
+      "default": "./fesm2022/eui-ecl-components-ecl-date-block.mjs"
+    },
     "./components/ecl-date-picker": {
       "types": "./types/eui-ecl-components-ecl-date-picker.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-date-picker.mjs"
@@ -105,26 +105,26 @@
       "types": "./types/eui-ecl-components-ecl-expandable.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-expandable.mjs"
     },
-    "./components/ecl-fact-figures": {
-      "types": "./types/eui-ecl-components-ecl-fact-figures.d.ts",
-      "default": "./fesm2022/eui-ecl-components-ecl-fact-figures.mjs"
-    },
     "./components/ecl-featured": {
       "types": "./types/eui-ecl-components-ecl-featured.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-featured.mjs"
     },
+    "./components/ecl-fact-figures": {
+      "types": "./types/eui-ecl-components-ecl-fact-figures.d.ts",
+      "default": "./fesm2022/eui-ecl-components-ecl-fact-figures.mjs"
+    },
     "./components/ecl-feedback-message": {
       "types": "./types/eui-ecl-components-ecl-feedback-message.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-feedback-message.mjs"
     },
-    "./components/ecl-file-upload": {
-      "types": "./types/eui-ecl-components-ecl-file-upload.d.ts",
-      "default": "./fesm2022/eui-ecl-components-ecl-file-upload.mjs"
-    },
     "./components/ecl-file": {
       "types": "./types/eui-ecl-components-ecl-file.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-file.mjs"
     },
+    "./components/ecl-file-upload": {
+      "types": "./types/eui-ecl-components-ecl-file-upload.d.ts",
+      "default": "./fesm2022/eui-ecl-components-ecl-file-upload.mjs"
+    },
     "./components/ecl-form-group": {
       "types": "./types/eui-ecl-components-ecl-form-group.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-form-group.mjs"

package/types/eui-ecl-components-ecl-fact-figures.d.ts

@@ -1,6 +1,6 @@
-import { ECLBaseDirective } from '@eui/ecl/core';
 import * as i0 from '@angular/core';
-import { AfterContentInit, QueryList } from '@angular/core';
+import { QueryList, ElementRef, AfterContentInit } 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,10 +9,11 @@ import { EclLinkDirective } from '@eui/ecl/components/ecl-link';
  * in a responsive, styled grid layout.
  */
 declare class EclFactFiguresComponent extends ECLBaseDirective {
+    private renderer;
+    items: QueryList<ElementRef>;
     /**
      * Sets the CSS classes for the component, including layout and font size modifiers.
      * Automatically adds:
-     * - `ecl-fact-figures--font-m` when `fontSize` is `'m'`
      * - `ecl-fact-figures--col-{n}` depending on the `columns` value
      */
     get cssClasses(): string;
@@ -32,8 +33,14 @@ declare class EclFactFiguresComponent extends ECLBaseDirective {
      * Adds `ecl-fact-figures--centered` class when true.
      */
     isCentered: boolean;
+    /**
+     * After content init, mark the first item with `is-first` class
+     * and add the `ecl-fact-figures__item--font-m` class to all items
+     * if the fontSize input is set to 'm'.
+     */
+    ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresComponent, "ecl-fact-figures", never, { "columns": { "alias": "columns"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "isCentered": { "alias": "isCentered"; "required": false; }; }, {}, never, ["*", "ecl-fact-figures-view-all"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresComponent, "ecl-fact-figures", never, { "columns": { "alias": "columns"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "isCentered": { "alias": "isCentered"; "required": false; }; }, {}, ["items"], ["*", "ecl-fact-figures-view-all"], true, never>;
     static ngAcceptInputType_isCentered: unknown;
 }
 

package/types/eui-ecl-components-ecl-fact-figures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-fact-figures.d.ts","sources":["../../components/ecl-fact-figures/ecl-fact-figures.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-item.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-description.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-title.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-value.component.ts","../../components/ecl-fact-figures/ecl-fact-figures.module.ts","../../components/ecl-fact-figures/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;AAGA;;;AAGG;AACH,cAAA,uBAAA,SAAA,gBAAA;AAYE;;;;;AAKG;;AAQH;;;AAGG;AACM;AAET;;;;AAIG;AACM;AAET;;;AAGG;AAGH;;;;AACD;;AChDD;;;AAGG;AACH,cAAA,2BAAA,SAAA,gBAAA,YAAA,gBAAA;AAKE;;AAEG;;AAMH;;;AAGG;AACgC,uBAAA,SAAA,CAAA,gBAAA;AAEnC;;;AAGG;AACH;;;AAOD;;AClCD;;;AAGG;AACH,cAAA,8BAAA,SAAA,gBAAA,YAAA,gBAAA;AAYE;;AAEG;;AAMH;;;AAGG;;AAGH;;;AAGG;AACH;;;AAKD;;ACxCD;;;AAGG;AACH,cAAA,kCAAA,SAAA,gBAAA;AAaE;;AAEG;;;;AAKJ;;ACvBD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAYE;;AAEG;;;;AAKJ;;ACvBD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAYE;;AAEG;;;;AAKJ;;ACjBD;;;;AAIG;AACH,cAAA,oBAAA;;;;AAkBoC;;AChBpC,cAAA,oBAAA,mBAAA,uBAAA,SAAA,2BAAA,SAAA,8BAAA,SAAA,kCAAA,SAAA,4BAAA,SAAA,4BAAA;;;;"}
+{"version":3,"file":"eui-ecl-components-ecl-fact-figures.d.ts","sources":["../../components/ecl-fact-figures/ecl-fact-figures.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-item.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-description.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-title.component.ts","../../components/ecl-fact-figures/ecl-fact-figures-value.component.ts","../../components/ecl-fact-figures/ecl-fact-figures.module.ts","../../components/ecl-fact-figures/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;AAcA;;;AAGG;AACH,cAAA,uBAAA,SAAA,gBAAA;;AAeE,WAAA,SAAA,CAAA,UAAA;AAEA;;;;AAIG;;AAOH;;;AAGG;AACM;AAET;;;;AAIG;AACM;AAET;;;AAGG;AAGH;AAEA;;;;AAIG;AACH;;;;AAeD;;ACnFD;;;AAGG;AACH,cAAA,2BAAA,SAAA,gBAAA,YAAA,gBAAA;AAKE;;AAEG;;AAMH;;;AAGG;AACgC,uBAAA,SAAA,CAAA,gBAAA;AAEnC;;;AAGG;AACH;;;AAOD;;AClCD;;;AAGG;AACH,cAAA,8BAAA,SAAA,gBAAA,YAAA,gBAAA;AAYE;;AAEG;;AAMH;;;AAGG;;AAGH;;;AAGG;AACH;;;AAKD;;ACxCD;;;AAGG;AACH,cAAA,kCAAA,SAAA,gBAAA;AAaE;;AAEG;;;;AAKJ;;ACvBD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAYE;;AAEG;;;;AAKJ;;ACvBD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAYE;;AAEG;;;;AAKJ;;ACjBD;;;;AAIG;AACH,cAAA,oBAAA;;;;AAkBoC;;AChBpC,cAAA,oBAAA,mBAAA,uBAAA,SAAA,2BAAA,SAAA,8BAAA,SAAA,kCAAA,SAAA,4BAAA,SAAA,4BAAA;;;;"}