@eui/ecl 23.0.0-alpha.11 → 23.0.0-alpha.13

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

@@ -43,10 +43,10 @@ class EclFeaturedComponent extends ECLBaseDirective {
             this.isDynamicImage() ? 'ecl-featured-item--dynamic' : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EclFeaturedComponent, isStandalone: true, selector: "ecl-featured, article[eclFeatured]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isDynamicImage: { classPropertyName: "isDynamicImage", publicName: "isDynamicImage", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null }, isLinkHighlighted: { classPropertyName: "isLinkHighlighted", publicName: "isLinkHighlighted", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-featured-item--link-highlighted": "isLinkHighlighted()", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position() === 'right'\">\n    <ng-content></ng-content>\n</div>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclFeaturedComponent, isStandalone: true, selector: "ecl-featured, article[eclFeatured]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isDynamicImage: { classPropertyName: "isDynamicImage", publicName: "isDynamicImage", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null }, isLinkHighlighted: { classPropertyName: "isLinkHighlighted", publicName: "isLinkHighlighted", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-featured-item--link-highlighted": "isLinkHighlighted()", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-featured-item__container\" [class.ecl-featured-item__container--right]=\"position() === 'right'\">\n    <ng-content></ng-content>\n</div>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured, article[eclFeatured]', host: {
                         '[class.ecl-featured-item--link-highlighted]': 'isLinkHighlighted()',
@@ -77,10 +77,10 @@ class EclFeaturedItemLinkDirective extends ECLBaseDirective {
             this.renderer.removeAttribute(this.el.nativeElement, 'aria-describedby');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedItemLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFeaturedItemLinkDirective, isStandalone: true, selector: "[eclFeaturedItemLink]", inputs: { ariaDescribedBy: "ariaDescribedBy" }, host: { properties: { "class.ecl-featured-item__link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedItemLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFeaturedItemLinkDirective, isStandalone: true, selector: "[eclFeaturedItemLink]", inputs: { ariaDescribedBy: "ariaDescribedBy" }, host: { properties: { "class.ecl-featured-item__link": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedItemLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedItemLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeaturedItemLink]',
@@ -105,10 +105,10 @@ class EclFeaturedMediaAnchorDirective extends ECLBaseDirective {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "cssAnchor" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedMediaAnchorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: EclFeaturedMediaAnchorDirective, isStandalone: true, selector: "[eclFeaturedMediaAnchor]", inputs: { eclFeaturedMediaAnchor: { classPropertyName: "eclFeaturedMediaAnchor", publicName: "eclFeaturedMediaAnchor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--ecl-image-anchor": "cssAnchor()" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedMediaAnchorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EclFeaturedMediaAnchorDirective, isStandalone: true, selector: "[eclFeaturedMediaAnchor]", inputs: { eclFeaturedMediaAnchor: { classPropertyName: "eclFeaturedMediaAnchor", publicName: "eclFeaturedMediaAnchor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--ecl-image-anchor": "cssAnchor()" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedMediaAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedMediaAnchorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeaturedMediaAnchor]',
@@ -155,10 +155,10 @@ class EclFeaturedItemComponent extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclFeaturedItemComponent, isStandalone: true, selector: "ecl-featured-item, div[eclFeaturedItem]", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null }, eclMicroTitle: { classPropertyName: "eclMicroTitle", publicName: "eclMicroTitle", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true, isSignal: true }, { propertyName: "links", predicate: EclFeaturedItemLinkDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n         @if(hasMicroTitle()) {\n        <div class=\"ecl-featured-item__micro-title\">{{ eclMicroTitle() }}</div>\n         }\n        @if(hasTitle()) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id() + '-title'\">\n            {{ eclTitle() }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclFeaturedItemComponent, isStandalone: true, selector: "ecl-featured-item, div[eclFeaturedItem]", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null }, eclMicroTitle: { classPropertyName: "eclMicroTitle", publicName: "eclMicroTitle", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true, isSignal: true }, { propertyName: "links", predicate: EclFeaturedItemLinkDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n         @if(hasMicroTitle()) {\n        <div class=\"ecl-featured-item__micro-title\">{{ eclMicroTitle() }}</div>\n         }\n        @if(hasTitle()) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id() + '-title'\">\n            {{ eclTitle() }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured-item, div[eclFeaturedItem]', imports: [NgTemplateOutlet], template: "@if (!hasMedia()) {\n<div class=\"ecl-featured-item__content\">\n    <div class=\"ecl-featured-item__info\">\n         @if(hasMicroTitle()) {\n        <div class=\"ecl-featured-item__micro-title\">{{ eclMicroTitle() }}</div>\n         }\n        @if(hasTitle()) {\n        <div class=\"ecl-featured-item__title\" [attr.id]=\"id() + '-title'\">\n            {{ eclTitle() }}\n        </div>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <ng-content select=\"[eclLink]\"></ng-content>\n</div>\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], eclMicroTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclMicroTitle", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], mediaContainer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclMediaContainerComponent), { isSignal: true }] }], links: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => EclFeaturedItemLinkDirective), { ...{ descendants: true }, isSignal: true }] }], className: [{
@@ -175,10 +175,10 @@ class EclFeaturedItemDescriptionComponent extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EclFeaturedItemDescriptionComponent, isStandalone: true, selector: "ecl-featured-item-description", host: { properties: { "class.ecl-featured-item__description": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EclFeaturedItemDescriptionComponent, isStandalone: true, selector: "ecl-featured-item-description", host: { properties: { "class.ecl-featured-item__description": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeaturedItemDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeaturedItemDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured-item-description', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { className: [{

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

@@ -40,10 +40,10 @@ class EclFeedbackMessageDirective extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: EclFeedbackMessageDirective, isStandalone: true, selector: "[eclFeedbackMessage]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent), isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclFeedbackMessageDirective, isStandalone: true, selector: "[eclFeedbackMessage]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent), isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeedbackMessage]',

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

@@ -239,10 +239,10 @@ class EclFileUploadDirective extends ECLBaseDirective {
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileUploadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: EclFileUploadDirective, isStandalone: true, selector: "[eclFileUpload]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected" }, host: { listeners: { "click": "onClick($event)", "change": "onFilesSelected($event)" }, properties: { "attr.id": "this.id", "attr.disabled": "this.disabled", "attr.multiple": "this.multiple", "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-file-upload--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileUploadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EclFileUploadDirective, isStandalone: true, selector: "[eclFileUpload]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected" }, host: { listeners: { "click": "onClick($event)", "change": "onFilesSelected($event)" }, properties: { "attr.id": "this.id", "attr.disabled": "this.disabled", "attr.multiple": "this.multiple", "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-file-upload--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileUploadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileUploadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileUpload]',

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

@@ -13,10 +13,10 @@ import { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';
  * inside a file component.
  */
 class EclFileTranslationDownloadDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileTranslationDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFileTranslationDownloadDirective, isStandalone: true, selector: "[eclFileTranslationDownload]", host: { classAttribute: "ecl-file__translation-download" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileTranslationDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFileTranslationDownloadDirective, isStandalone: true, selector: "[eclFileTranslationDownload]", host: { classAttribute: "ecl-file__translation-download" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileTranslationDownloadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileTranslationDownloadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileTranslationDownload]',
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Directive to apply the correct styling class for a standard file download link.
  */
 class EclFileDownloadDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFileDownloadDirective, isStandalone: true, selector: "[eclFileDownload]", host: { classAttribute: "ecl-file__download" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFileDownloadDirective, isStandalone: true, selector: "[eclFileDownload]", host: { classAttribute: "ecl-file__download" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileDownloadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileDownloadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileDownload]',
@@ -46,10 +46,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Adds ECL link classes for standalone branded appearance.
  */
 class EclFilePreviewDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFilePreviewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFilePreviewDirective, isStandalone: true, selector: "[eclFilePreview]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFilePreviewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFilePreviewDirective, isStandalone: true, selector: "[eclFilePreview]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFilePreviewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFilePreviewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFilePreview]',
@@ -60,10 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * inside the download link label.
  */
 class EclFileMetaDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFileMetaDirective, isStandalone: true, selector: "[eclFileMeta]", host: { classAttribute: "ecl-file__meta" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFileMetaDirective, isStandalone: true, selector: "[eclFileMeta]", host: { classAttribute: "ecl-file__meta" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileMeta]',
@@ -115,10 +115,10 @@ class EclFileItemComponent extends ECLBaseDirective {
         this.langDetail = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "langDetail" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclFileItemComponent, isStandalone: true, selector: "ecl-file-item", inputs: { isDescription: { classPropertyName: "isDescription", publicName: "isDescription", isSignal: true, isRequired: false, transformFunction: null }, eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null }, titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, metaId: { classPropertyName: "metaId", publicName: "metaId", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, langDetail: { classPropertyName: "langDetail", publicName: "langDetail", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "ecl-file__translation-item" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__translation-info\">\n    @if (eclTitle()) {\n        <div class=\"ecl-file__translation-title\" [id]=\"titleId()\" [attr.lang]=\"langDetail()\">{{ eclTitle() }}</div>\n    }\n    @if (meta()) {\n        <div class=\"ecl-file__translation-meta\" [id]=\"metaId()\">{{ meta() }}</div>\n    }\n</div>\n<div class=\"ecl-file__translation-action\">\n    <ng-content select=\"[eclFilePreview]\"></ng-content>\n    <ng-content select=\"[eclFileTranslationDownload]\"></ng-content>\n</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclFileItemComponent, isStandalone: true, selector: "ecl-file-item", inputs: { isDescription: { classPropertyName: "isDescription", publicName: "isDescription", isSignal: true, isRequired: false, transformFunction: null }, eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null }, titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, metaId: { classPropertyName: "metaId", publicName: "metaId", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, langDetail: { classPropertyName: "langDetail", publicName: "langDetail", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "ecl-file__translation-item" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__translation-info\">\n    @if (eclTitle()) {\n        <div class=\"ecl-file__translation-title\" [id]=\"titleId()\" [attr.lang]=\"langDetail()\">{{ eclTitle() }}</div>\n    }\n    @if (meta()) {\n        <div class=\"ecl-file__translation-meta\" [id]=\"metaId()\">{{ meta() }}</div>\n    }\n</div>\n<div class=\"ecl-file__translation-action\">\n    <ng-content select=\"[eclFilePreview]\"></ng-content>\n    <ng-content select=\"[eclFileTranslationDownload]\"></ng-content>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-file-item', host: {
                         class: 'ecl-file__translation-item',
@@ -144,10 +144,10 @@ class EclFileItemsComponent extends ECLBaseDirective {
         this.isExpanded = model(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EclFileItemsComponent, isStandalone: true, selector: "ecl-file-items", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", isExpanded: "isExpandedChange" }, host: { attributes: { "role": "list" }, properties: { "attr.id": "id()", "style.display": "isExpanded() ? \"block\" : \"none\"" }, classAttribute: "ecl-file__translation-list" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclFileItemsComponent, isStandalone: true, selector: "ecl-file-items", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", isExpanded: "isExpandedChange" }, host: { attributes: { "role": "list" }, properties: { "attr.id": "id()", "style.display": "isExpanded() ? \"block\" : \"none\"" }, classAttribute: "ecl-file__translation-list" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileItemsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileItemsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ecl-file-items',
@@ -166,10 +166,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Adds ECL-specific picture and file picture classes.
  */
 class EclFilePictureDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFilePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFilePictureDirective, isStandalone: true, selector: "picture[eclFilePicture]", host: { classAttribute: "ecl-picture ecl-file__picture" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFilePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFilePictureDirective, isStandalone: true, selector: "picture[eclFilePicture]", host: { classAttribute: "ecl-picture ecl-file__picture" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFilePictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFilePictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclFilePicture]',
@@ -183,10 +183,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Adds the ECL-specific image class.
  */
 class EclFileImageDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFileImageDirective, isStandalone: true, selector: "img[eclFileImage]", host: { classAttribute: "ecl-file__image" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFileImageDirective, isStandalone: true, selector: "img[eclFileImage]", host: { classAttribute: "ecl-file__image" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclFileImage]',
@@ -199,10 +199,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Directive to style a title element in an ECL file component.
  */
 class EclFileTitleDirective extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFileTitleDirective, isStandalone: true, selector: "[eclFileTitle]", host: { classAttribute: "ecl-file__title" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFileTitleDirective, isStandalone: true, selector: "[eclFileTitle]", host: { classAttribute: "ecl-file__title" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileTitle]',
@@ -216,10 +216,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Component representing the lists section of a file in the ECL File component.
  */
 class EclFileListsComponent extends ECLBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileListsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EclFileListsComponent, isStandalone: true, selector: "ecl-file-lists, ecl-file-taxonomy", host: { styleAttribute: "display: block", classAttribute: "ecl-file__lists" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileListsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EclFileListsComponent, isStandalone: true, selector: "ecl-file-lists, ecl-file-taxonomy", host: { styleAttribute: "display: block", classAttribute: "ecl-file__lists" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileListsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileListsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ecl-file-lists, ecl-file-taxonomy',
@@ -416,10 +416,10 @@ class EclFileComponent extends ECLBaseDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclFileComponent, isStandalone: true, selector: "ecl-file", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, langId: { classPropertyName: "langId", publicName: "langId", isSignal: true, isRequired: false, transformFunction: null }, labelInfo: { classPropertyName: "labelInfo", publicName: "labelInfo", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, primaryMeta: { classPropertyName: "primaryMeta", publicName: "primaryMeta", isSignal: true, isRequired: false, transformFunction: null }, detailMeta: { classPropertyName: "detailMeta", publicName: "detailMeta", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, metaId: { classPropertyName: "metaId", publicName: "metaId", isSignal: true, isRequired: false, transformFunction: null }, toggleAriaLabel: { classPropertyName: "toggleAriaLabel", publicName: "toggleAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, fileIcon: { classPropertyName: "fileIcon", publicName: "fileIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { translationsToggle: "translationsToggle" }, host: { properties: { "class": "cssClasses", "attr.id": "id()" } }, queries: [{ propertyName: "eclPictureContent", first: true, predicate: EclFilePictureDirective, descendants: true, isSignal: true }, { propertyName: "eclFileItems", first: true, predicate: EclFileItemsComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<article class=\"ecl-file__container\">\n    <div class=\"ecl-file__info\">\n        @if (hasPicture()) {\n            <ng-content select=\"[eclFilePicture]\"></ng-content>\n        } @else {\n            <div class=\"ecl-file__icon-box\">\n                <ecl-icon [icon]=\"resolvedIconName()\" iconSet=\"phosphor\" size=\"l\" class=\"ecl-file__icon\" [title]=\"fileIcon()\"></ecl-icon>\n            </div>\n        }\n\n        <div class=\"ecl-file__content\">\n            @if (labelInfo()) {\n                <div class=\"ecl-file__labels\">\n                    <div class=\"ecl-file__label\">\n                        <span eclLabel variant=\"highlight\">{{ labelInfo() }}</span>\n                    </div>\n                </div>\n            }\n\n            <ng-content select=\"[eclFileTitle]\"></ng-content>\n\n            @if (description()) {\n                <div class=\"ecl-file__description\">{{ description() }}</div>\n            }\n\n            @if (resolvedPrimaryMeta()) {\n                <ul class=\"ecl-file__primary-meta\">\n                    @for (item of resolvedPrimaryMeta(); track item) {\n                        <li class=\"ecl-file__primary-meta-item\">{{ item }}</li>\n                    }\n                </ul>\n            }\n\n            <ng-content select=\"ecl-file-lists, ecl-file-taxonomy\"></ng-content>\n        </div>\n    </div>\n\n    <footer class=\"ecl-file__footer\">\n        @if (language()) {\n            @if (hasTranslations()) {\n                <button eclButton variant=\"tertiary\" eclStyle=\"neutral\"\n                    class=\"ecl-file__translation-toggle\"\n                    type=\"button\"\n                    [attr.aria-expanded]=\"isTranslationsExpanded()\"\n                    [attr.aria-controls]=\"eclFileItems()?.id()\"\n                    [attr.aria-label]=\"toggleAriaLabel() || language()\"\n                    (click)=\"onTranslationToggleClick()\">\n                    <span eclButtonLabel>\n                        <span class=\"ecl-file__language\" [id]=\"langId()\">{{ language() }}</span>\n                    </span>\n                    <ecl-icon icon=\"caret-down\" iconSet=\"phosphor\" size=\"fluid\"></ecl-icon>\n                </button>\n            } @else {\n                <span class=\"ecl-file__language ecl-file__language--no-toggle\" [id]=\"langId()\">{{ language() }}</span>\n            }\n        }\n\n        <div class=\"ecl-file__action\">\n            <ng-content select=\"[eclFilePreview]\"></ng-content>\n            <ng-content select=\"[eclFileDownload]\"></ng-content>\n        </div>\n    </footer>\n</article>\n\n<ng-content select=\"ecl-file-items\"></ng-content>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i2.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }, { kind: "component", type: i3.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclFileComponent, isStandalone: true, selector: "ecl-file", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, langId: { classPropertyName: "langId", publicName: "langId", isSignal: true, isRequired: false, transformFunction: null }, labelInfo: { classPropertyName: "labelInfo", publicName: "labelInfo", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, primaryMeta: { classPropertyName: "primaryMeta", publicName: "primaryMeta", isSignal: true, isRequired: false, transformFunction: null }, detailMeta: { classPropertyName: "detailMeta", publicName: "detailMeta", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, metaId: { classPropertyName: "metaId", publicName: "metaId", isSignal: true, isRequired: false, transformFunction: null }, toggleAriaLabel: { classPropertyName: "toggleAriaLabel", publicName: "toggleAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, fileIcon: { classPropertyName: "fileIcon", publicName: "fileIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { translationsToggle: "translationsToggle" }, host: { properties: { "class": "cssClasses", "attr.id": "id()" } }, queries: [{ propertyName: "eclPictureContent", first: true, predicate: EclFilePictureDirective, descendants: true, isSignal: true }, { propertyName: "eclFileItems", first: true, predicate: EclFileItemsComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<article class=\"ecl-file__container\">\n    <div class=\"ecl-file__info\">\n        @if (hasPicture()) {\n            <ng-content select=\"[eclFilePicture]\"></ng-content>\n        } @else {\n            <div class=\"ecl-file__icon-box\">\n                <ecl-icon [icon]=\"resolvedIconName()\" iconSet=\"phosphor\" size=\"l\" class=\"ecl-file__icon\" [title]=\"fileIcon()\"></ecl-icon>\n            </div>\n        }\n\n        <div class=\"ecl-file__content\">\n            @if (labelInfo()) {\n                <div class=\"ecl-file__labels\">\n                    <div class=\"ecl-file__label\">\n                        <span eclLabel variant=\"highlight\">{{ labelInfo() }}</span>\n                    </div>\n                </div>\n            }\n\n            <ng-content select=\"[eclFileTitle]\"></ng-content>\n\n            @if (description()) {\n                <div class=\"ecl-file__description\">{{ description() }}</div>\n            }\n\n            @if (resolvedPrimaryMeta()) {\n                <ul class=\"ecl-file__primary-meta\">\n                    @for (item of resolvedPrimaryMeta(); track item) {\n                        <li class=\"ecl-file__primary-meta-item\">{{ item }}</li>\n                    }\n                </ul>\n            }\n\n            <ng-content select=\"ecl-file-lists, ecl-file-taxonomy\"></ng-content>\n        </div>\n    </div>\n\n    <footer class=\"ecl-file__footer\">\n        @if (language()) {\n            @if (hasTranslations()) {\n                <button eclButton variant=\"tertiary\" eclStyle=\"neutral\"\n                    class=\"ecl-file__translation-toggle\"\n                    type=\"button\"\n                    [attr.aria-expanded]=\"isTranslationsExpanded()\"\n                    [attr.aria-controls]=\"eclFileItems()?.id()\"\n                    [attr.aria-label]=\"toggleAriaLabel() || language()\"\n                    (click)=\"onTranslationToggleClick()\">\n                    <span eclButtonLabel>\n                        <span class=\"ecl-file__language\" [id]=\"langId()\">{{ language() }}</span>\n                    </span>\n                    <ecl-icon icon=\"caret-down\" iconSet=\"phosphor\" size=\"fluid\"></ecl-icon>\n                </button>\n            } @else {\n                <span class=\"ecl-file__language ecl-file__language--no-toggle\" [id]=\"langId()\">{{ language() }}</span>\n            }\n        }\n\n        <div class=\"ecl-file__action\">\n            <ng-content select=\"[eclFilePreview]\"></ng-content>\n            <ng-content select=\"[eclFileDownload]\"></ng-content>\n        </div>\n    </footer>\n</article>\n\n<ng-content select=\"ecl-file-items\"></ng-content>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i2.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }, { kind: "component", type: i3.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-file', imports: [
                         ...EUI_ECL_ICON,

package/fesm2022/eui-ecl-components-ecl-form-group.mjs

@@ -33,10 +33,10 @@ class EclFormGroupComponent extends ECLBaseDirective {
     get hasEclRange() {
         return this.eclRange().length > 0 || null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EclFormGroupComponent, isStandalone: true, selector: "[eclFormGroup], ecl-form-group", host: { properties: { "class": "this.cssClasses", "attr.data-ecl-range": "this.hasEclRange" } }, queries: [{ propertyName: "eclRange", predicate: i0.forwardRef(() => EclRangeDirective), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EclFormGroupComponent, isStandalone: true, selector: "[eclFormGroup], ecl-form-group", host: { properties: { "class": "this.cssClasses", "attr.data-ecl-range": "this.hasEclRange" } }, queries: [{ propertyName: "eclRange", predicate: i0.forwardRef(() => EclRangeDirective), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFormGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFormGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclFormGroup], ecl-form-group', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { eclRange: [{ type: i0.ContentChildren, args: [forwardRef(() => EclRangeDirective), { ...{ descendants: true }, isSignal: true }] }], cssClasses: [{

package/fesm2022/eui-ecl-components-ecl-form-label.mjs

@@ -14,10 +14,10 @@ class ECLFormLabelOptionalDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ECLFormLabelOptionalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ECLFormLabelOptionalDirective, isStandalone: true, selector: "[eclFormLabelOptional]", host: { properties: { "class.ecl-form-label__optional": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ECLFormLabelOptionalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: ECLFormLabelOptionalDirective, isStandalone: true, selector: "[eclFormLabelOptional]", host: { properties: { "class.ecl-form-label__optional": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ECLFormLabelOptionalDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ECLFormLabelOptionalDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFormLabelOptional]',
@@ -55,10 +55,10 @@ class EclFormLabelComponent extends ECLBaseDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EclFormLabelComponent, isStandalone: true, selector: "[eclFormLabel]", inputs: { isOptional: { classPropertyName: "isOptional", publicName: "isOptional", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-form-label": "this.hasClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(isOptional()) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired()) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n\n<ng-content select=\"[eclHelpHidden]\"></ng-content>\n<ng-content select=\"[eclFeedbackHidden]\"></ng-content>\n", dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclFormLabelComponent, isStandalone: true, selector: "[eclFormLabel]", inputs: { isOptional: { classPropertyName: "isOptional", publicName: "isOptional", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ecl-form-label": "this.hasClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(isOptional()) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired()) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n\n<ng-content select=\"[eclHelpHidden]\"></ng-content>\n<ng-content select=\"[eclFeedbackHidden]\"></ng-content>\n", dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFormLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFormLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclFormLabel]', imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n@if(isOptional()) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired()) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n\n<ng-content select=\"[eclHelpHidden]\"></ng-content>\n<ng-content select=\"[eclFeedbackHidden]\"></ng-content>\n" }]
         }], propDecorators: { isOptional: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOptional", required: false }] }], isRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRequired", required: false }] }], hasClass: [{
@@ -77,10 +77,10 @@ class EclHelpHiddenDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclHelpHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclHelpHiddenDirective, isStandalone: true, selector: "[eclHelpHidden]", host: { properties: { "class.ecl-help-block--hidden": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclHelpHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclHelpHiddenDirective, isStandalone: true, selector: "[eclHelpHidden]", host: { properties: { "class.ecl-help-block--hidden": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclHelpHiddenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclHelpHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclHelpHidden]',
@@ -100,10 +100,10 @@ class EclFeedbackHiddenDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeedbackHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EclFeedbackHiddenDirective, isStandalone: true, selector: "[eclFeedbackHidden]", host: { properties: { "class.ecl-feedback-message--hidden": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeedbackHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclFeedbackHiddenDirective, isStandalone: true, selector: "[eclFeedbackHidden]", host: { properties: { "class.ecl-feedback-message--hidden": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EclFeedbackHiddenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclFeedbackHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeedbackHidden]',