npm - @eui/ecl - Versions diffs - 21.0.0-next.1 → 21.0.0-next.10 - Mend

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

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

Files changed (290) hide show

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

@@ -7,10 +7,10 @@ class EclLinkLabelDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-link__label')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclLinkLabelDirective, isStandalone: true, selector: "[eclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclLinkLabelDirective, isStandalone: true, selector: "[eclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLinkLabel]',
@@ -23,10 +23,10 @@ class EclLinkIndicatorDirective {
     constructor() {
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclLinkIndicatorDirective, isStandalone: true, selector: "[eclIndicator]", host: { properties: { "class.ecl-indicator": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclLinkIndicatorDirective, isStandalone: true, selector: "[eclIndicator]", host: { properties: { "class.ecl-indicator": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclIndicator]',
@@ -39,10 +39,10 @@ class EclLinkIconContainerDirective {
     constructor() {
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkIconContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclLinkIconContainerDirective, isStandalone: true, selector: "[eclLinkIconContainer]", host: { properties: { "class.ecl-link__icon-container": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkIconContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclLinkIconContainerDirective, isStandalone: true, selector: "[eclLinkIconContainer]", host: { properties: { "class.ecl-link__icon-container": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkIconContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkIconContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLinkIconContainer]',
@@ -60,19 +60,15 @@ class EclLinkDirective extends ECLBaseDirective {
         super(...arguments);
         this.el = inject(ElementRef);
         /**
-         * Property to style the component as 'inverted' (with dark background).
+         * Property to style the component as 'inverted' (with dark background). Can be used alone or with 'standalone' variant.
          */
         this.isInverted = false;
         /**
          * Property to style the component if it consist only of an icon.
          */
         this.isIconOnly = false;
-    }
-    /**
-     * Adds speific ECL classes to the <a> component.
-     */
-    get cssClasses() {
-        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();
+        /** Adds class for hightlighted link (works only with 'primary' variant) */
+        this.isHighlight = false;
     }
     /**
      * Adds class for styling if the link has icon.
@@ -83,6 +79,14 @@ class EclLinkDirective extends ECLBaseDirective {
     get isLinkNoVisited() {
         return this.isNoVisited;
     }
+    /**
+     * Adds speific ECL classes to the <a> component.
+     */
+    get cssClasses() {
+        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : '',
+            (this.variant === 'primary' && this.isHighlight) ? 'ecl-link--primary-highlight' : '',
+        ].join(' ').trim();
+    }
     ngAfterContentInit() {
         // Add additional class to the child icon, if any.
         if (this.eclIconComponents) {
@@ -111,18 +115,15 @@ class EclLinkDirective extends ECLBaseDirective {
     onBlur() {
         this.el.nativeElement.blur();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclLinkDirective, isStandalone: true, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute], variant: "variant" }, host: { properties: { "class": "this.cssClasses", "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent), descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclLinkDirective, isStandalone: true, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], isHighlight: ["isHighlight", "isHighlight", booleanAttribute], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute], variant: "variant" }, host: { properties: { "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent), descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLink]',
                 }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], hasIcon: [{
+        }], propDecorators: { hasIcon: [{
                 type: HostBinding,
                 args: ['class.ecl-link--icon']
             }], isLinkNoVisited: [{
@@ -140,11 +141,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
             }, {
                 type: HostBinding,
                 args: ['class.ecl-link--icon-only']
+            }], isHighlight: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], isNoVisited: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], variant: [{
                 type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
             }], eclIconComponents: [{
                 type: ContentChildren,
                 args: [forwardRef(() => EclIconComponent), { descendants: true }]
@@ -156,11 +163,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
  * @deprecated Use {@link EUI_ECL_LINK} instead.
  */
 class EclLinkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkModule, imports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective], exports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclLinkModule, imports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective], exports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-link.mjs","sources":["../../components/ecl-link/ecl-link-label.directive.ts","../../components/ecl-link/ecl-link.directive.ts","../../components/ecl-link/ecl-link.module.ts","../../components/ecl-link/index.ts","../../components/ecl-link/eui-ecl-components-ecl-link.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n selector: '[eclLinkLabel]',\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n }\n}\n\n@Directive({\n selector: '[eclIndicator]',\n})\nexport class EclLinkIndicatorDirective {\n @HostBinding('class.ecl-indicator') hasClass = true;\n}\n\n@Directive({\n selector: '[eclLinkIconContainer]',\n})\nexport class EclLinkIconContainerDirective {\n @HostBinding('class.ecl-link__icon-container') hasClass = true;\n}\n","import { Directive, HostBinding, Input, forwardRef, ContentChildren, QueryList, booleanAttribute, ElementRef, AfterContentInit, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n/*\n 'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.\n /\n@Directive({\n selector: '[eclLink]',\n})\nexport class EclLinkDirective extends ECLBaseDirective implements AfterContentInit {\n el = inject(ElementRef);\n\n /\n Adds speific ECL classes to the <a> component.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();\n }\n /\n Adds class for styling if the link has icon.\n /\n @HostBinding('class.ecl-link--icon')\n get hasIcon(): boolean {\n return this.eclIconComponents && this.eclIconComponents.length > 0;\n }\n\n @HostBinding('class.ecl-link--no-visited')\n get isLinkNoVisited(): boolean {\n return this.isNoVisited;\n }\n\n /\n Property to style the component as 'inverted' (with dark background).\n /\n @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--inverted') isInverted = false;\n /\n Property to style the component if it consist only of an icon.\n /\n @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--icon-only') isIconOnly = false;\n /\n @deprecated - will be removed in v20. Deprecated on ECL side.\n /\n @Input({ transform: booleanAttribute }) isNoVisited: boolean;\n /\n With 'varian' property user can add some more specific styling to the <a> component.\n /\n @Input() variant: 'standalone' \| 'cta' \| 'primary' \| 'secondary';\n\n @ContentChildren(forwardRef(() => EclIconComponent), { descendants: true }) eclIconComponents: QueryList<EclIconComponent>;\n\n ngAfterContentInit(): void {\n // Add additional class to the child icon, if any.\n if (this.eclIconComponents) {\n setTimeout(() => {\n this.eclIconComponents.forEach((icn) => {\n icn.baseDirective.class = icn.baseDirective.class ? icn.baseDirective.class + ' ecl-link__icon' : 'ecl-link__icon';\n });\n });\n }\n }\n\n /\n Calls the native focus() method of the default HTML element.\n /\n onFocus(): void {\n this.el.nativeElement.focus();\n }\n\n /\n Calls the native click() method of the default HTML element.\n /\n onClick(): void {\n this.el.nativeElement.click();\n }\n\n /\n Calls the native blur() method of the default HTML element.\n /\n onBlur(): void {\n this.el.nativeElement.blur();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EclLinkDirective } from './ecl-link.directive';\nimport { EclLinkIndicatorDirective, EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\n\n/\n Module that provides the EclLink directive and its dependencies.\n \n @deprecated Use {@link EUI_ECL_LINK} instead.\n /\n@NgModule({\n imports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective],\n exports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective],\n})\nexport class EclLinkModule {}\n","import { EclLinkIndicatorDirective, EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\nimport { EclLinkDirective } from './ecl-link.directive';\n\nexport from './ecl-link.module';\nexport * from './ecl-link.directive';\nexport * from './ecl-link-label.directive';\n\nexport const EUI_ECL_LINK = [\n EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-ecl-components-ecl-link.mjs","sources":["../../components/ecl-link/ecl-link-label.directive.ts","../../components/ecl-link/ecl-link.directive.ts","../../components/ecl-link/ecl-link.module.ts","../../components/ecl-link/index.ts","../../components/ecl-link/eui-ecl-components-ecl-link.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n selector: '[eclLinkLabel]',\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n }\n}\n\n@Directive({\n selector: '[eclIndicator]',\n})\nexport class EclLinkIndicatorDirective {\n @HostBinding('class.ecl-indicator') hasClass = true;\n}\n\n@Directive({\n selector: '[eclLinkIconContainer]',\n})\nexport class EclLinkIconContainerDirective {\n @HostBinding('class.ecl-link__icon-container') hasClass = true;\n}\n","import { Directive, HostBinding, Input, forwardRef, ContentChildren, QueryList, booleanAttribute, ElementRef, AfterContentInit, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\n\n/*\n 'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.\n /\n@Directive({\n selector: '[eclLink]',\n})\nexport class EclLinkDirective extends ECLBaseDirective implements AfterContentInit {\n el = inject(ElementRef);\n\n /\n Adds class for styling if the link has icon.\n /\n @HostBinding('class.ecl-link--icon')\n get hasIcon(): boolean {\n return this.eclIconComponents && this.eclIconComponents.length > 0;\n }\n\n @HostBinding('class.ecl-link--no-visited')\n get isLinkNoVisited(): boolean {\n return this.isNoVisited;\n }\n\n /\n Property to style the component as 'inverted' (with dark background). Can be used alone or with 'standalone' variant.\n /\n @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--inverted') isInverted = false;\n /\n Property to style the component if it consist only of an icon.\n /\n @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-link--icon-only') isIconOnly = false;\n\n /* Adds class for hightlighted link (works only with 'primary' variant) /\n @Input({ transform: booleanAttribute }) isHighlight = false;\n \n /\n @deprecated - will be removed in v21. Deprecated on ECL side.\n /\n @Input({ transform: booleanAttribute }) isNoVisited: boolean;\n /\n With 'variant' property user can add some more specific styling to the <a> component.\n /\n @Input() variant: 'standalone' \| 'primary' \| 'secondary';\n\n /\n Adds speific ECL classes to the <a> component.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : '',\n (this.variant === 'primary' && this.isHighlight) ? 'ecl-link--primary-highlight' : '',\n\n ].join(' ').trim();\n }\n\n @ContentChildren(forwardRef(() => EclIconComponent), { descendants: true }) eclIconComponents: QueryList<EclIconComponent>;\n\n ngAfterContentInit(): void {\n // Add additional class to the child icon, if any.\n if (this.eclIconComponents) {\n setTimeout(() => {\n this.eclIconComponents.forEach((icn) => {\n icn.baseDirective.class = icn.baseDirective.class ? icn.baseDirective.class + ' ecl-link__icon' : 'ecl-link__icon';\n });\n });\n }\n }\n\n /\n Calls the native focus() method of the default HTML element.\n /\n onFocus(): void {\n this.el.nativeElement.focus();\n }\n\n /\n Calls the native click() method of the default HTML element.\n /\n onClick(): void {\n this.el.nativeElement.click();\n }\n\n /\n Calls the native blur() method of the default HTML element.\n /\n onBlur(): void {\n this.el.nativeElement.blur();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EclLinkDirective } from './ecl-link.directive';\nimport { EclLinkIndicatorDirective, EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\n\n/\n Module that provides the EclLink directive and its dependencies.\n \n @deprecated Use {@link EUI_ECL_LINK} instead.\n /\n@NgModule({\n imports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective],\n exports: [EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective],\n})\nexport class EclLinkModule {}\n","import { EclLinkIndicatorDirective, EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\nimport { EclLinkDirective } from './ecl-link.directive';\n\nexport from './ecl-link.module';\nexport * from './ecl-link.directive';\nexport * from './ecl-link-label.directive';\n\nexport const EUI_ECL_LINK = [\n EclLinkDirective, EclLinkLabelDirective, EclLinkIndicatorDirective, EclLinkIconContainerDirective,\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-list-illustration.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ class EclListIllustrationIconDirective extends ECLBaseDirective {
          */
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclListIllustrationIconDirective, isStandalone: true, selector: "[eclListIllustrationIcon]", host: { properties: { "class.ecl-list-illustration__icon": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclListIllustrationIconDirective, isStandalone: true, selector: "[eclListIllustrationIcon]", host: { properties: { "class.ecl-list-illustration__icon": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclListIllustrationIcon]',
@@ -53,10 +53,10 @@ class EclListIllustrationPictureDirective extends ECLBaseDirective {
     ngAfterContentInit() {
         this.eclIllustrationImage.isSquare = this.isSquare;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclListIllustrationPictureDirective, isStandalone: true, selector: "picture[eclListIllustrationPicture]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIllustrationImage", first: true, predicate: i0.forwardRef(() => EclListIllustrationImageDirective), descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclListIllustrationPictureDirective, isStandalone: true, selector: "picture[eclListIllustrationPicture]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIllustrationImage", first: true, predicate: i0.forwardRef(() => EclListIllustrationImageDirective), descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclListIllustrationPicture]',
@@ -101,10 +101,10 @@ class EclListIllustrationImageDirective extends ECLBaseDirective {
             .join(' ')
             .trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclListIllustrationImageDirective, isStandalone: true, selector: "img[eclListIllustrationImage]", inputs: { size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclListIllustrationImageDirective, isStandalone: true, selector: "img[eclListIllustrationImage]", inputs: { size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclListIllustrationImage]',
@@ -158,10 +158,10 @@ class EclListIllustrationItemComponent extends ECLBaseDirective {
     get hasValue() {
         return Boolean(this.eclValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclListIllustrationItemComponent, isStandalone: true, selector: "ecl-list-illustration-item", inputs: { eclTitle: "eclTitle", eclValue: "eclValue" }, host: { properties: { "attr.role": "this.role", "class.ecl-list-illustration__item": "this.className" } }, queries: [{ propertyName: "eclIllustrationIcon", first: true, predicate: i0.forwardRef(() => EclListIllustrationIconDirective), descendants: true }, { propertyName: "eclIllustrationPicture", first: true, predicate: i0.forwardRef(() => EclListIllustrationPictureDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-list-illustration__item-content\" [class.ecl-list-illustration__item-content--row]=\"isVerticalPicture()\"\n    [class.ecl-list-illustration__divider]=\"hasDivider()\">\n    <ng-content select=\"[eclListIllustrationImage],[eclListIllustrationPicture],[eclListIllustrationIcon]\"></ng-content>\n    <div class=\"ecl-list-illustration__detail\">\n        @if (hasTitle || hasValue) {\n        <div class=\"ecl-list-illustration__title-container\">\n            @if (hasValue) {\n            <div class=\"ecl-list-illustration__value\">{{ eclValue }}</div>\n            }\n            <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n        </div>\n        }\n\n        <div class=\"ecl-list-illustration__description\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclListIllustrationItemComponent, isStandalone: true, selector: "ecl-list-illustration-item", inputs: { eclTitle: "eclTitle", eclValue: "eclValue" }, host: { properties: { "attr.role": "this.role", "class.ecl-list-illustration__item": "this.className" } }, queries: [{ propertyName: "eclIllustrationIcon", first: true, predicate: i0.forwardRef(() => EclListIllustrationIconDirective), descendants: true }, { propertyName: "eclIllustrationPicture", first: true, predicate: i0.forwardRef(() => EclListIllustrationPictureDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-list-illustration__item-content\" [class.ecl-list-illustration__item-content--row]=\"isVerticalPicture()\"\n    [class.ecl-list-illustration__divider]=\"hasDivider()\">\n    <ng-content select=\"[eclListIllustrationImage],[eclListIllustrationPicture],[eclListIllustrationIcon]\"></ng-content>\n    <div class=\"ecl-list-illustration__detail\">\n        @if (hasTitle || hasValue) {\n        <div class=\"ecl-list-illustration__title-container\">\n            @if (hasValue) {\n            <div class=\"ecl-list-illustration__value\">{{ eclValue }}</div>\n            }\n            <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n        </div>\n        }\n\n        <div class=\"ecl-list-illustration__description\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-list-illustration-item', template: "<div class=\"ecl-list-illustration__item-content\" [class.ecl-list-illustration__item-content--row]=\"isVerticalPicture()\"\n    [class.ecl-list-illustration__divider]=\"hasDivider()\">\n    <ng-content select=\"[eclListIllustrationImage],[eclListIllustrationPicture],[eclListIllustrationIcon]\"></ng-content>\n    <div class=\"ecl-list-illustration__detail\">\n        @if (hasTitle || hasValue) {\n        <div class=\"ecl-list-illustration__title-container\">\n            @if (hasValue) {\n            <div class=\"ecl-list-illustration__value\">{{ eclValue }}</div>\n            }\n            <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n        </div>\n        }\n\n        <div class=\"ecl-list-illustration__description\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { eclTitle: [{
@@ -279,10 +279,10 @@ class EclListIllustrationComponent extends ECLBaseDirective {
             this.isTabletBreakpoint = result.matches;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0-rc.2", type: EclListIllustrationComponent, isStandalone: true, selector: "ecl-list-illustration", inputs: { isZebra: { classPropertyName: "isZebra", publicName: "isZebra", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, horizontalColumns: { classPropertyName: "horizontalColumns", publicName: "horizontalColumns", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: false, isRequired: false, transformFunction: null }, isCentered: { classPropertyName: "isCentered", publicName: "isCentered", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, isIconInline: { classPropertyName: "isIconInline", publicName: "isIconInline", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, hasDividers: { classPropertyName: "hasDividers", publicName: "hasDividers", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, counterStart: { classPropertyName: "counterStart", publicName: "counterStart", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "this.role", "style.--ecl-list-illustration-counter-start": "this.counterStartStyle", "class": "this.cssClasses", "style.display": "this.elementDisplayStyle" } }, queries: [{ propertyName: "eclIllustrationItems", predicate: i0.forwardRef(() => EclListIllustrationItemComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", type: EclListIllustrationComponent, isStandalone: true, selector: "ecl-list-illustration", inputs: { isZebra: { classPropertyName: "isZebra", publicName: "isZebra", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, horizontalColumns: { classPropertyName: "horizontalColumns", publicName: "horizontalColumns", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: false, isRequired: false, transformFunction: null }, isCentered: { classPropertyName: "isCentered", publicName: "isCentered", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, isIconInline: { classPropertyName: "isIconInline", publicName: "isIconInline", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, hasDividers: { classPropertyName: "hasDividers", publicName: "hasDividers", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, counterStart: { classPropertyName: "counterStart", publicName: "counterStart", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "this.role", "style.--ecl-list-illustration-counter-start": "this.counterStartStyle", "class": "this.cssClasses", "style.display": "this.elementDisplayStyle" } }, queries: [{ propertyName: "eclIllustrationItems", predicate: i0.forwardRef(() => EclListIllustrationItemComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-list-illustration', template: "<ng-content></ng-content>" }]
         }], ctorParameters: () => [], propDecorators: { isZebra: [{
@@ -334,8 +334,8 @@ const COMPONENTS = [
  * @deprecated Use {@link EUI_ECL_LIST_ILUSTRATION} instead.
  */
 class EclListIllustrationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationModule, imports: [EclListIllustrationComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationModule, imports: [EclListIllustrationComponent,
             EclListIllustrationItemComponent,
             EclListIllustrationIconDirective,
             EclListIllustrationPictureDirective,
@@ -344,9 +344,9 @@ class EclListIllustrationModule {
             EclListIllustrationIconDirective,
             EclListIllustrationPictureDirective,
             EclListIllustrationImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListIllustrationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListIllustrationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-list-illustration.mjs","sources":["../../components/ecl-list-illustration/ecl-list-illustration-icon.directive.ts","../../components/ecl-list-illustration/ecl-list-illustration-picture.directive.ts","../../components/ecl-list-illustration/ecl-list-illustration-item.component.ts","../../components/ecl-list-illustration/ecl-list-illustration-item.component.html","../../components/ecl-list-illustration/ecl-list-illustration.component.ts","../../components/ecl-list-illustration/ecl-list-illustration.component.html","../../components/ecl-list-illustration/ecl-list-illustration.module.ts","../../components/ecl-list-illustration/index.ts","../../components/ecl-list-illustration/eui-ecl-components-ecl-list-illustration.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Directive representing an icon within an ECL illustration list item.\n \n Applies the correct ECL class for list item icons.\n /\n@Directive({\n selector: '[eclListIllustrationIcon]',\n})\nexport class EclListIllustrationIconDirective extends ECLBaseDirective {\n /\n Applies the ECL class for illustration item icons.\n /\n @HostBinding('class.ecl-list-illustration__icon') className = true;\n}\n","import { ContentChild, Directive, HostBinding, Input, booleanAttribute, forwardRef, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Directive applied to `<picture>` elements within ECL list illustrations.\n \n Adds the necessary ECL CSS classes for illustration pictures.\n /\n@Directive({\n selector: 'picture[eclListIllustrationPicture]',\n})\nexport class EclListIllustrationPictureDirective extends ECLBaseDirective implements AfterContentInit {\n\n /\n If true, image is styled with square dimensions.\n /\n @Input({ transform: booleanAttribute }) isSquare = false;\n\n @ContentChild(forwardRef(() => EclListIllustrationImageDirective))\n eclIllustrationImage!: EclListIllustrationImageDirective;\n\n /\n Applies the base ECL picture classes for list illustration pictures.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-picture ecl-list-illustration__picture'),\n this.isSquare ? 'ecl-list-illustration__picture--square' : '',\n ].join(' ').trim();\n }\n\n ngAfterContentInit(): void {\n this.eclIllustrationImage.isSquare = this.isSquare;\n }\n}\n\n/\n Directive applied to `<img>` elements within ECL list illustrations.\n \n Supports square variant and size options for image styling.\n /\n@Directive({\n selector: 'img[eclListIllustrationImage]',\n})\nexport class EclListIllustrationImageDirective extends ECLBaseDirective {\n /\n If true, image is styled with square dimensions.\n /\n isSquare = false; // TODO: breaking change - this inpt should be set in the parent picture. This is not used as an imput anymore, v21.\n\n /\n Defines the size variant of the image.\n * Possible values: `'s'`, `'m'`, `'l'`.\n /\n @Input() size: 's' \| 'm' \| 'l' = 'm';\n\n /\n Computes the appropriate ECL CSS classes for the image.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-list-illustration__image'),\n this.isSquare ? 'ecl-list-illustration__image--square' : '',\n this.isSquare ? `ecl-list-illustration__image--${this.size}` : '',\n ]\n .join(' ')\n .trim();\n }\n}\n","import {\n Component,\n computed,\n ContentChild,\n ContentChildren,\n forwardRef,\n HostBinding,\n Input,\n QueryList,\n Signal,\n signal,\n} from '@angular/core';\nimport { EclListIllustrationIconDirective } from './ecl-list-illustration-icon.directive';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclListIllustrationPictureDirective } from './ecl-list-illustration-picture.directive';\n\n/\n Component representing a single item in an ECL illustration list.\n \n Displays optional title, value, and one or more illustration icons.\n /\n@Component({\n selector: 'ecl-list-illustration-item',\n templateUrl: './ecl-list-illustration-item.component.html',\n})\nexport class EclListIllustrationItemComponent extends ECLBaseDirective {\n /\n Text displayed as the item title.\n /\n @Input() eclTitle = '';\n\n /\n Text displayed as the item value.\n /\n @Input() eclValue = '';\n\n /\n Applies ARIA role for list items.\n /\n @HostBinding('attr.role') role = 'listitem';\n\n /\n Applies ECL class for illustration list item.\n /\n @HostBinding('class.ecl-list-illustration__item') className = true;\n\n @ContentChild(forwardRef(() => EclListIllustrationIconDirective))\n eclIllustrationIcon: EclListIllustrationIconDirective;\n\n @ContentChild(forwardRef(() => EclListIllustrationPictureDirective))\n eclIllustrationPicture: EclListIllustrationPictureDirective;\n\n /* A special class needs to be added, for vertical lists with picture. /\n isVerticalPicture = signal(false);\n\n /* A special class needs to be added, if an icon list has dividers between items. /\n hasDivider = signal(false);\n\n hasPicture: Signal<boolean> = computed(() => this.eclIllustrationPicture !== undefined);\n\n /\n Returns `true` if the item has a title or any projected icons.\n /\n get hasTitle(): boolean {\n return Boolean(this.eclTitle) \|\| this.eclIllustrationIcon !== undefined;\n }\n\n /\n Returns `true` if the item has a value.\n /\n get hasValue(): boolean {\n return Boolean(this.eclValue);\n }\n}\n","<div class=\"ecl-list-illustration__item-content\" [class.ecl-list-illustration__item-content--row]=\"isVerticalPicture()\"\n [class.ecl-list-illustration__divider]=\"hasDivider()\">\n <ng-content select=\"[eclListIllustrationImage],[eclListIllustrationPicture],[eclListIllustrationIcon]\"></ng-content>\n <div class=\"ecl-list-illustration__detail\">\n @if (hasTitle \|\| hasValue) {\n <div class=\"ecl-list-illustration__title-container\">\n @if (hasValue) {\n <div class=\"ecl-list-illustration__value\">{{ eclValue }}</div>\n }\n <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n </div>\n }\n\n <div class=\"ecl-list-illustration__description\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>","import { Component, HostBinding, Input, booleanAttribute, numberAttribute, afterNextRender, inject, ContentChildren, forwardRef, QueryList, AfterContentInit, Signal, computed, input, effect } from '@angular/core';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclListIllustrationItemComponent } from './ecl-list-illustration-item.component';\n\n/\n Component representing a list using ECL illustration styles.\n \n Supports zebra styling, responsive horizontal layout, and font size options.\n /\n@Component({\n selector: 'ecl-list-illustration',\n templateUrl: './ecl-list-illustration.component.html',\n})\nexport class EclListIllustrationComponent extends ECLBaseDirective implements AfterContentInit {\n /\n Enables zebra style (alternating background colors for list items).\n /\n @Input({ transform: booleanAttribute }) isZebra = false;\n\n /\n Number of horizontal columns. If greater than `0`, items are displayed in a grid layout.\n /\n @Input({ transform: numberAttribute }) horizontalColumns = 0;\n\n /\n Font size for list content.\n * Possible values:\n * - `'m'` – medium\n * - `'l'` – large (default)\n /\n @Input() fontSize: 'm' \| 'l' = 'l';\n\n /* If content should be centered /\n @Input({ transform: booleanAttribute }) isCentered = false;\n\n /* If the icon should be on the same row as title - for list with icons /\n @Input({ transform: booleanAttribute }) isIconInline = false;\n\n /* Two variants available: icon-list and number-list. /\n @Input() variant: 'icon-list' \| 'number-list' \| null = null;\n\n /* If this is an icon-list, it can have dividers between each item. /\n @Input({ transform: booleanAttribute }) hasDividers = false;\n\n /* If we have a number-list, the user can set the start of the counter. /\n counterStart = input<number \| null>(null);\n\n @ContentChildren(forwardRef(() => EclListIllustrationItemComponent))\n eclIllustrationItems: QueryList<EclListIllustrationItemComponent>;\n\n /\n Applies ARIA role for list elements.\n /\n @HostBinding('attr.role') role = 'list';\n\n @HostBinding('style.--ecl-list-illustration-counter-start')\n counterStartStyle = '';\n\n /\n Applies the appropriate ECL CSS classes to the host element.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-list-illustration'),\n this.isZebra ? 'ecl-list-illustration--zebra' : '',\n this.horizontalColumns > 0 ? `ecl-list-illustration--col-${this.horizontalColumns}` : '',\n this.fontSize === 'm' ? 'ecl-list-illustration--font-m' : '',\n this.isCentered ? 'ecl-list-illustration--centered' : '',\n this.isIconInline ? 'ecl-list-illustration--icon-inline' : '',\n this.variant === 'icon-list' ? 'ecl-list-illustration--icon-list' : '',\n this.variant === 'number-list' ? 'ecl-list-illustration--number-list ecl-list-illustration--number-list-reset': '',\n ]\n .join(' ')\n .trim();\n }\n\n /\n Controls `display` style of the host element based on breakpoint and column count.\n /\n @HostBinding('style.display')\n get elementDisplayStyle(): string \| null {\n if (this.horizontalColumns > 0 && this.isTabletBreakpoint) {\n return null;\n } else {\n return 'block';\n }\n }\n\n private isTabletBreakpoint = false;\n private cdkBreakpointObserver = inject(BreakpointObserver);\n\n constructor() {\n super();\n afterNextRender(() => {\n this.observeBreakpointChanges();\n });\n effect(() => {\n this.counterStartStyle = this.counterStart()\n ? `${this.counterStart()}`\n : '';\n });\n }\n\n ngAfterContentInit(): void {\n if (this.horizontalColumns === 0) {\n this.eclIllustrationItems?.forEach(item => {\n if (item.hasPicture()) item.isVerticalPicture.set(true);\n });\n }\n\n if (this.variant === 'icon-list' && this.hasDividers) {\n this.eclIllustrationItems?.forEach(item => {\n item.hasDivider.set(true);\n });\n }\n }\n\n private observeBreakpointChanges(): void {\n this.cdkBreakpointObserver\n .observe(['(min-width: 768px)'])\n .subscribe((result) => {\n this.isTabletBreakpoint = result.matches;\n });\n }\n}\n","<ng-content></ng-content>","import { NgModule } from '@angular/core';\nimport { EclListIllustrationIconDirective } from './ecl-list-illustration-icon.directive';\nimport { EclListIllustrationItemComponent } from './ecl-list-illustration-item.component';\nimport { EclListIllustrationImageDirective, EclListIllustrationPictureDirective } from './ecl-list-illustration-picture.directive';\nimport { EclListIllustrationComponent } from './ecl-list-illustration.component';\n\nconst COMPONENTS = [\n EclListIllustrationComponent,\n EclListIllustrationItemComponent,\n EclListIllustrationIconDirective,\n EclListIllustrationPictureDirective,\n EclListIllustrationImageDirective,\n];\n/\n Module that provides the EclList component and its dependencies.\n \n @deprecated Use {@link EUI_ECL_LIST_ILUSTRATION} instead.\n /\n@NgModule({\n imports: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EclListIllustrationModule {}\n","import { EclListIllustrationIconDirective } from './ecl-list-illustration-icon.directive';\nimport { EclListIllustrationItemComponent } from './ecl-list-illustration-item.component';\nimport { EclListIllustrationImageDirective, EclListIllustrationPictureDirective } from './ecl-list-illustration-picture.directive';\nimport { EclListIllustrationComponent } from './ecl-list-illustration.component';\n\nexport from './ecl-list-illustration-item.component';\nexport * from './ecl-list-illustration-icon.directive';\nexport * from './ecl-list-illustration-picture.directive';\nexport * from './ecl-list-illustration.component';\nexport * from './ecl-list-illustration.module';\n\nexport const EUI_ECL_LIST_ILUSTRATION = [\n EclListIllustrationComponent,\n EclListIllustrationItemComponent,\n EclListIllustrationIconDirective,\n EclListIllustrationPictureDirective,\n EclListIllustrationImageDirective,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-ecl-components-ecl-list-illustration.mjs","sources":["../../components/ecl-list-illustration/ecl-list-illustration-icon.directive.ts","../../components/ecl-list-illustration/ecl-list-illustration-picture.directive.ts","../../components/ecl-list-illustration/ecl-list-illustration-item.component.ts","../../components/ecl-list-illustration/ecl-list-illustration-item.component.html","../../components/ecl-list-illustration/ecl-list-illustration.component.ts","../../components/ecl-list-illustration/ecl-list-illustration.component.html","../../components/ecl-list-illustration/ecl-list-illustration.module.ts","../../components/ecl-list-illustration/index.ts","../../components/ecl-list-illustration/eui-ecl-components-ecl-list-illustration.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Directive representing an icon within an ECL illustration list item.\n \n Applies the correct ECL class for list item icons.\n /\n@Directive({\n selector: '[eclListIllustrationIcon]',\n})\nexport class EclListIllustrationIconDirective extends ECLBaseDirective {\n /\n Applies the ECL class for illustration item icons.\n /\n @HostBinding('class.ecl-list-illustration__icon') className = true;\n}\n","import { ContentChild, Directive, HostBinding, Input, booleanAttribute, forwardRef, AfterContentInit } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Directive applied to `<picture>` elements within ECL list illustrations.\n \n Adds the necessary ECL CSS classes for illustration pictures.\n /\n@Directive({\n selector: 'picture[eclListIllustrationPicture]',\n})\nexport class EclListIllustrationPictureDirective extends ECLBaseDirective implements AfterContentInit {\n\n /\n If true, image is styled with square dimensions.\n /\n @Input({ transform: booleanAttribute }) isSquare = false;\n\n @ContentChild(forwardRef(() => EclListIllustrationImageDirective))\n eclIllustrationImage!: EclListIllustrationImageDirective;\n\n /\n Applies the base ECL picture classes for list illustration pictures.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-picture ecl-list-illustration__picture'),\n this.isSquare ? 'ecl-list-illustration__picture--square' : '',\n ].join(' ').trim();\n }\n\n ngAfterContentInit(): void {\n this.eclIllustrationImage.isSquare = this.isSquare;\n }\n}\n\n/\n Directive applied to `<img>` elements within ECL list illustrations.\n \n Supports square variant and size options for image styling.\n /\n@Directive({\n selector: 'img[eclListIllustrationImage]',\n})\nexport class EclListIllustrationImageDirective extends ECLBaseDirective {\n /\n If true, image is styled with square dimensions.\n /\n isSquare = false; // TODO: breaking change - this inpt should be set in the parent picture. This is not used as an imput anymore, v21.\n\n /\n Defines the size variant of the image.\n * Possible values: `'s'`, `'m'`, `'l'`.\n /\n @Input() size: 's' \| 'm' \| 'l' = 'm';\n\n /\n Computes the appropriate ECL CSS classes for the image.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-list-illustration__image'),\n this.isSquare ? 'ecl-list-illustration__image--square' : '',\n this.isSquare ? `ecl-list-illustration__image--${this.size}` : '',\n ]\n .join(' ')\n .trim();\n }\n}\n","import {\n Component,\n computed,\n ContentChild,\n ContentChildren,\n forwardRef,\n HostBinding,\n Input,\n QueryList,\n Signal,\n signal,\n} from '@angular/core';\nimport { EclListIllustrationIconDirective } from './ecl-list-illustration-icon.directive';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclListIllustrationPictureDirective } from './ecl-list-illustration-picture.directive';\n\n/\n Component representing a single item in an ECL illustration list.\n \n Displays optional title, value, and one or more illustration icons.\n /\n@Component({\n selector: 'ecl-list-illustration-item',\n templateUrl: './ecl-list-illustration-item.component.html',\n})\nexport class EclListIllustrationItemComponent extends ECLBaseDirective {\n /\n Text displayed as the item title.\n /\n @Input() eclTitle = '';\n\n /\n Text displayed as the item value.\n /\n @Input() eclValue = '';\n\n /\n Applies ARIA role for list items.\n /\n @HostBinding('attr.role') role = 'listitem';\n\n /\n Applies ECL class for illustration list item.\n /\n @HostBinding('class.ecl-list-illustration__item') className = true;\n\n @ContentChild(forwardRef(() => EclListIllustrationIconDirective))\n eclIllustrationIcon: EclListIllustrationIconDirective;\n\n @ContentChild(forwardRef(() => EclListIllustrationPictureDirective))\n eclIllustrationPicture: EclListIllustrationPictureDirective;\n\n /* A special class needs to be added, for vertical lists with picture. /\n isVerticalPicture = signal(false);\n\n /* A special class needs to be added, if an icon list has dividers between items. /\n hasDivider = signal(false);\n\n hasPicture: Signal<boolean> = computed(() => this.eclIllustrationPicture !== undefined);\n\n /\n Returns `true` if the item has a title or any projected icons.\n /\n get hasTitle(): boolean {\n return Boolean(this.eclTitle) \|\| this.eclIllustrationIcon !== undefined;\n }\n\n /\n Returns `true` if the item has a value.\n /\n get hasValue(): boolean {\n return Boolean(this.eclValue);\n }\n}\n","<div class=\"ecl-list-illustration__item-content\" [class.ecl-list-illustration__item-content--row]=\"isVerticalPicture()\"\n [class.ecl-list-illustration__divider]=\"hasDivider()\">\n <ng-content select=\"[eclListIllustrationImage],[eclListIllustrationPicture],[eclListIllustrationIcon]\"></ng-content>\n <div class=\"ecl-list-illustration__detail\">\n @if (hasTitle \|\| hasValue) {\n <div class=\"ecl-list-illustration__title-container\">\n @if (hasValue) {\n <div class=\"ecl-list-illustration__value\">{{ eclValue }}</div>\n }\n <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n </div>\n }\n\n <div class=\"ecl-list-illustration__description\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>","import { Component, HostBinding, Input, booleanAttribute, numberAttribute, afterNextRender, inject, ContentChildren, forwardRef, QueryList, AfterContentInit, Signal, computed, input, effect } from '@angular/core';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclListIllustrationItemComponent } from './ecl-list-illustration-item.component';\n\n/\n Component representing a list using ECL illustration styles.\n \n Supports zebra styling, responsive horizontal layout, and font size options.\n /\n@Component({\n selector: 'ecl-list-illustration',\n templateUrl: './ecl-list-illustration.component.html',\n})\nexport class EclListIllustrationComponent extends ECLBaseDirective implements AfterContentInit {\n /\n Enables zebra style (alternating background colors for list items).\n /\n @Input({ transform: booleanAttribute }) isZebra = false;\n\n /\n Number of horizontal columns. If greater than `0`, items are displayed in a grid layout.\n /\n @Input({ transform: numberAttribute }) horizontalColumns = 0;\n\n /\n Font size for list content.\n * Possible values:\n * - `'m'` – medium\n * - `'l'` – large (default)\n /\n @Input() fontSize: 'm' \| 'l' = 'l';\n\n /* If content should be centered /\n @Input({ transform: booleanAttribute }) isCentered = false;\n\n /* If the icon should be on the same row as title - for list with icons /\n @Input({ transform: booleanAttribute }) isIconInline = false;\n\n /* Two variants available: icon-list and number-list. /\n @Input() variant: 'icon-list' \| 'number-list' \| null = null;\n\n /* If this is an icon-list, it can have dividers between each item. /\n @Input({ transform: booleanAttribute }) hasDividers = false;\n\n /* If we have a number-list, the user can set the start of the counter. /\n counterStart = input<number \| null>(null);\n\n @ContentChildren(forwardRef(() => EclListIllustrationItemComponent))\n eclIllustrationItems: QueryList<EclListIllustrationItemComponent>;\n\n /\n Applies ARIA role for list elements.\n /\n @HostBinding('attr.role') role = 'list';\n\n @HostBinding('style.--ecl-list-illustration-counter-start')\n counterStartStyle = '';\n\n /\n Applies the appropriate ECL CSS classes to the host element.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-list-illustration'),\n this.isZebra ? 'ecl-list-illustration--zebra' : '',\n this.horizontalColumns > 0 ? `ecl-list-illustration--col-${this.horizontalColumns}` : '',\n this.fontSize === 'm' ? 'ecl-list-illustration--font-m' : '',\n this.isCentered ? 'ecl-list-illustration--centered' : '',\n this.isIconInline ? 'ecl-list-illustration--icon-inline' : '',\n this.variant === 'icon-list' ? 'ecl-list-illustration--icon-list' : '',\n this.variant === 'number-list' ? 'ecl-list-illustration--number-list ecl-list-illustration--number-list-reset': '',\n ]\n .join(' ')\n .trim();\n }\n\n /\n Controls `display` style of the host element based on breakpoint and column count.\n /\n @HostBinding('style.display')\n get elementDisplayStyle(): string \| null {\n if (this.horizontalColumns > 0 && this.isTabletBreakpoint) {\n return null;\n } else {\n return 'block';\n }\n }\n\n private isTabletBreakpoint = false;\n private cdkBreakpointObserver = inject(BreakpointObserver);\n\n constructor() {\n super();\n afterNextRender(() => {\n this.observeBreakpointChanges();\n });\n effect(() => {\n this.counterStartStyle = this.counterStart()\n ? `${this.counterStart()}`\n : '';\n });\n }\n\n ngAfterContentInit(): void {\n if (this.horizontalColumns === 0) {\n this.eclIllustrationItems?.forEach(item => {\n if (item.hasPicture()) item.isVerticalPicture.set(true);\n });\n }\n\n if (this.variant === 'icon-list' && this.hasDividers) {\n this.eclIllustrationItems?.forEach(item => {\n item.hasDivider.set(true);\n });\n }\n }\n\n private observeBreakpointChanges(): void {\n this.cdkBreakpointObserver\n .observe(['(min-width: 768px)'])\n .subscribe((result) => {\n this.isTabletBreakpoint = result.matches;\n });\n }\n}\n","<ng-content></ng-content>","import { NgModule } from '@angular/core';\nimport { EclListIllustrationIconDirective } from './ecl-list-illustration-icon.directive';\nimport { EclListIllustrationItemComponent } from './ecl-list-illustration-item.component';\nimport { EclListIllustrationImageDirective, EclListIllustrationPictureDirective } from './ecl-list-illustration-picture.directive';\nimport { EclListIllustrationComponent } from './ecl-list-illustration.component';\n\nconst COMPONENTS = [\n EclListIllustrationComponent,\n EclListIllustrationItemComponent,\n EclListIllustrationIconDirective,\n EclListIllustrationPictureDirective,\n EclListIllustrationImageDirective,\n];\n/\n Module that provides the EclList component and its dependencies.\n \n @deprecated Use {@link EUI_ECL_LIST_ILUSTRATION} instead.\n /\n@NgModule({\n imports: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EclListIllustrationModule {}\n","import { EclListIllustrationIconDirective } from './ecl-list-illustration-icon.directive';\nimport { EclListIllustrationItemComponent } from './ecl-list-illustration-item.component';\nimport { EclListIllustrationImageDirective, EclListIllustrationPictureDirective } from './ecl-list-illustration-picture.directive';\nimport { EclListIllustrationComponent } from './ecl-list-illustration.component';\n\nexport from './ecl-list-illustration-item.component';\nexport * from './ecl-list-illustration-icon.directive';\nexport * from './ecl-list-illustration-picture.directive';\nexport * from './ecl-list-illustration.component';\nexport * from './ecl-list-illustration.module';\n\nexport const EUI_ECL_LIST_ILUSTRATION = [\n EclListIllustrationComponent,\n EclListIllustrationItemComponent,\n EclListIllustrationIconDirective,\n EclListIllustrationPictureDirective,\n EclListIllustrationImageDirective,\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-list.mjs CHANGED Viewed

@@ -33,10 +33,10 @@ class EclDescriptionListDefinitionItemDirective extends ECLBaseDirective {
             this.isLastVisible ? 'ecl-description-list__definition-item--last-visible' : '',
         ].join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclDescriptionListDefinitionItemDirective, isStandalone: true, selector: "[eclDescriptionListDefinitionItem]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclDescriptionListDefinitionItemDirective, isStandalone: true, selector: "[eclDescriptionListDefinitionItem]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionListDefinitionItem]',
@@ -58,10 +58,10 @@ class EclDescriptionListDefinitionListDirective extends ECLBaseDirective {
          */
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDefinitionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclDescriptionListDefinitionListDirective, isStandalone: true, selector: "[eclDescriptionListDefinitionList]", host: { properties: { "class.ecl-description-list__definition-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDefinitionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclDescriptionListDefinitionListDirective, isStandalone: true, selector: "[eclDescriptionListDefinitionList]", host: { properties: { "class.ecl-description-list__definition-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDefinitionListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDefinitionListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionListDefinitionList]',
@@ -146,12 +146,12 @@ class EclDescriptionListDefinitionComponent extends ECLBaseDirective {
     getLastVisibleItem() {
         return this.eclListItems.filter((item, cnt) => cnt < this._maxVisibleItems).pop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDefinitionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclDescriptionListDefinitionComponent, isStandalone: true, selector: "[eclDescriptionListDefinition]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.list.SEE-ALL-ITEMS' | translate\n    }}</a>\n}", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDefinitionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclDescriptionListDefinitionComponent, isStandalone: true, selector: "[eclDescriptionListDefinition]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.SHOW-MORE-ITEMS' | translate\n    }}</a>\n}", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDefinitionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDefinitionComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[eclDescriptionListDefinition]', imports: [...EUI_ECL_LINK, TranslateModule], template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.list.SEE-ALL-ITEMS' | translate\n    }}</a>\n}" }]
+            args: [{ selector: '[eclDescriptionListDefinition]', imports: [...EUI_ECL_LINK, TranslateModule], template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.SHOW-MORE-ITEMS' | translate\n    }}</a>\n}" }]
         }], propDecorators: { variant: [{
                 type: Input
             }], eclListItems: [{
@@ -173,10 +173,10 @@ class EclOrderedListDirective extends ECLBaseDirective {
          */
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclOrderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclOrderedListDirective, isStandalone: true, selector: "[eclOrderedList]", host: { properties: { "class.ecl-ordered-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclOrderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclOrderedListDirective, isStandalone: true, selector: "[eclOrderedList]", host: { properties: { "class.ecl-ordered-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclOrderedListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclOrderedListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclOrderedList]',
@@ -196,10 +196,10 @@ class EclOrderedListItemDirective extends ECLBaseDirective {
          */
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclOrderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclOrderedListItemDirective, isStandalone: true, selector: "[eclOrderedListItem]", host: { properties: { "class.ecl-ordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclOrderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclOrderedListItemDirective, isStandalone: true, selector: "[eclOrderedListItem]", host: { properties: { "class.ecl-ordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclOrderedListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclOrderedListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclOrderedListItem]',
@@ -229,10 +229,10 @@ class EclUnorderedListDirective extends ECLBaseDirective {
          */
         this.isNoMarker = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclUnorderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclUnorderedListDirective, isStandalone: true, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute] }, host: { properties: { "class.ecl-unordered-list": "this.cmpClass", "class.ecl-unordered-list--divider": "this.isDivider", "class.ecl-unordered-list--no-marker": "this.isNoMarker" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclUnorderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclUnorderedListDirective, isStandalone: true, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute] }, host: { properties: { "class.ecl-unordered-list": "this.cmpClass", "class.ecl-unordered-list--divider": "this.isDivider", "class.ecl-unordered-list--no-marker": "this.isNoMarker" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclUnorderedListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclUnorderedListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclUnorderedList]',
@@ -264,10 +264,10 @@ class EclUnorderedListItemDirective extends ECLBaseDirective {
          */
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclUnorderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclUnorderedListItemDirective, isStandalone: true, selector: "[eclUnorderedListItem]", host: { properties: { "class.ecl-unordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclUnorderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclUnorderedListItemDirective, isStandalone: true, selector: "[eclUnorderedListItem]", host: { properties: { "class.ecl-unordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclUnorderedListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclUnorderedListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclUnorderedListItem]',
@@ -311,10 +311,10 @@ class EclDescriptionListDirective extends ECLBaseDirective {
         }
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclDescriptionListDirective, isStandalone: true, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclDescriptionListDirective, isStandalone: true, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionList]',
@@ -346,10 +346,10 @@ class EclDescriptionListTermDirective extends ECLBaseDirective {
          */
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListTermDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclDescriptionListTermDirective, isStandalone: true, selector: "[eclDescriptionListTerm]", host: { properties: { "class.ecl-description-list__term": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListTermDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclDescriptionListTermDirective, isStandalone: true, selector: "[eclDescriptionListTerm]", host: { properties: { "class.ecl-description-list__term": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclDescriptionListTermDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclDescriptionListTermDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionListTerm]',
@@ -376,8 +376,8 @@ const COMPONENTS = [
  * @deprecated Use {@link EUI_ECL_LIST} instead.
  */
 class EclListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListModule, imports: [EclOrderedListDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclListModule, imports: [EclOrderedListDirective,
             EclOrderedListItemDirective,
             EclUnorderedListDirective,
             EclUnorderedListItemDirective,
@@ -394,9 +394,9 @@ class EclListModule {
             EclDescriptionListDefinitionComponent,
             EclDescriptionListDefinitionItemDirective,
             EclDescriptionListDefinitionListDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListModule, imports: [EclDescriptionListDefinitionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListModule, imports: [EclDescriptionListDefinitionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS],