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

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

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 (508) hide show

package/fesm2022/eui-ecl-components-ecl-page-header.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, signal, Component, booleanAttribute, Input, ContentChild, NgModule } from '@angular/core';
+import { HostBinding, Directive, signal, Component, booleanAttribute, Input, ContentChild } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
-import { NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@eui/ecl/components/ecl-button';
 import { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';
 import * as i2 from '@eui/ecl/components/ecl-icon';
 import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
+import { NgTemplateOutlet } from '@angular/common';
 import { EclBreadcrumbComponent } from '@eui/ecl/components/ecl-breadcrumb';
 /**
@@ -21,10 +21,10 @@ class EclPageHeaderBackgroundPictureDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-picture ecl-page-header__picture-background';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderBackgroundPictureDirective, isStandalone: true, selector: "[eclPageHeaderBackgroundPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderBackgroundPictureDirective, isStandalone: true, selector: "[eclPageHeaderBackgroundPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderBackgroundPicture]',
@@ -46,10 +46,10 @@ class EclPageHeaderBackgroundImageDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__background';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderBackgroundImageDirective, isStandalone: true, selector: "[eclPageHeaderBackgroundImage]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderBackgroundImageDirective, isStandalone: true, selector: "[eclPageHeaderBackgroundImage]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderBackgroundImage]',
@@ -72,10 +72,10 @@ class EclPageHeaderDescriptionContainerDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__description-container';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderDescriptionContainerDirective, isStandalone: true, selector: "[eclPageHeaderDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderDescriptionContainerDirective, isStandalone: true, selector: "[eclPageHeaderDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescriptionContainer]',
@@ -97,10 +97,10 @@ class EclPageHeaderDescriptionPictureDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-picture ecl-page-header__picture-thumbnail';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderDescriptionPictureDirective, isStandalone: true, selector: "[eclPageHeaderDescriptionPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderDescriptionPictureDirective, isStandalone: true, selector: "[eclPageHeaderDescriptionPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescriptionPicture]',
@@ -122,10 +122,10 @@ class EclPageHeaderDescriptionThumbnailDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__description-thumbnail';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderDescriptionThumbnailDirective, isStandalone: true, selector: "[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderDescriptionThumbnailDirective, isStandalone: true, selector: "[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]',
@@ -147,10 +147,10 @@ class EclPageHeaderDescriptionDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__description';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderDescriptionDirective, isStandalone: true, selector: "[eclPageHeaderDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderDescriptionDirective, isStandalone: true, selector: "[eclPageHeaderDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescription]',
@@ -183,12 +183,12 @@ class EclPageHeaderExpandableComponent extends ECLBaseDirective {
     onExpandButtonClick() {
         this.isExpanded.set(!this.isExpanded());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderExpandableComponent, isStandalone: true, selector: "div[eclPageHeaderExpandable]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-page-header-expandable__header\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content select=\"[eclPageHeaderExpandableHeader]\"></ng-content>\n\n        <button eclButton variant=\"tertiary\" eclStyle=\"neutral\" isIconOnly aria-expanded=\"{{isExpanded()}}\" type=\"submit\"\n            [attr.aria-controls]=\"panelId\" class=\"ecl-page-header-expandable__toggle\" (click)=\"onExpandButtonClick()\">\n            <span eclButtonLabel>expandable button</span>\n            <ecl-icon icon=\"corner-arrow\" transform=\"flip-vertical\"></ecl-icon>\n        </button>\n    </div>\n</div>\n<div class=\"ecl-page-header-expandable__panel\" id=\"{{panelId}}\" [hidden]=\"!isExpanded()\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content></ng-content>\n    </div>\n</div>", dependencies: [{ kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderExpandableComponent, isStandalone: true, selector: "div[eclPageHeaderExpandable]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-page-header-expandable__header\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content select=\"[eclPageHeaderExpandableHeader]\"></ng-content>\n\n        <button eclButton variant=\"tertiary\" eclStyle=\"neutral\" isIconOnly aria-expanded=\"{{isExpanded()}}\" type=\"submit\"\n            [attr.aria-controls]=\"panelId\" class=\"ecl-page-header-expandable__toggle\" (click)=\"onExpandButtonClick()\">\n            <span eclButtonLabel>expandable button</span>\n            <ecl-icon icon=\"corner-arrow\" transform=\"flip-vertical\"></ecl-icon>\n        </button>\n    </div>\n</div>\n<div class=\"ecl-page-header-expandable__panel\" id=\"{{panelId}}\" [hidden]=\"!isExpanded()\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content></ng-content>\n    </div>\n</div>", dependencies: [{ kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderExpandableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderExpandableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[eclPageHeaderExpandable]', imports: [NgTemplateOutlet, ...EUI_ECL_BUTTON, ...EUI_ECL_ICON], template: "<div class=\"ecl-page-header-expandable__header\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content select=\"[eclPageHeaderExpandableHeader]\"></ng-content>\n\n        <button eclButton variant=\"tertiary\" eclStyle=\"neutral\" isIconOnly aria-expanded=\"{{isExpanded()}}\" type=\"submit\"\n            [attr.aria-controls]=\"panelId\" class=\"ecl-page-header-expandable__toggle\" (click)=\"onExpandButtonClick()\">\n            <span eclButtonLabel>expandable button</span>\n            <ecl-icon icon=\"corner-arrow\" transform=\"flip-vertical\"></ecl-icon>\n        </button>\n    </div>\n</div>\n<div class=\"ecl-page-header-expandable__panel\" id=\"{{panelId}}\" [hidden]=\"!isExpanded()\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content></ng-content>\n    </div>\n</div>" }]
+            args: [{ selector: 'div[eclPageHeaderExpandable]', imports: [...EUI_ECL_BUTTON, ...EUI_ECL_ICON], template: "<div class=\"ecl-page-header-expandable__header\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content select=\"[eclPageHeaderExpandableHeader]\"></ng-content>\n\n        <button eclButton variant=\"tertiary\" eclStyle=\"neutral\" isIconOnly aria-expanded=\"{{isExpanded()}}\" type=\"submit\"\n            [attr.aria-controls]=\"panelId\" class=\"ecl-page-header-expandable__toggle\" (click)=\"onExpandButtonClick()\">\n            <span eclButtonLabel>expandable button</span>\n            <ecl-icon icon=\"corner-arrow\" transform=\"flip-vertical\"></ecl-icon>\n        </button>\n    </div>\n</div>\n<div class=\"ecl-page-header-expandable__panel\" id=\"{{panelId}}\" [hidden]=\"!isExpanded()\">\n    <div class=\"ecl-container ecl-page-header-expandable__container\">\n        <ng-content></ng-content>\n    </div>\n</div>" }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -207,10 +207,10 @@ class EclPageHeaderInfoDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__info';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderInfoDirective, isStandalone: true, selector: "[eclPageHeaderInfo]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderInfoDirective, isStandalone: true, selector: "[eclPageHeaderInfo]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderInfoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderInfoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderInfo]',
@@ -233,10 +233,10 @@ class EclPageHeaderMetaDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__meta';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderMetaDirective, isStandalone: true, selector: "[eclPageHeaderMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderMetaDirective, isStandalone: true, selector: "[eclPageHeaderMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderMeta]',
@@ -258,10 +258,10 @@ class EclPageHeaderMetaItemDirective extends ECLBaseDirective {
          */
         this.className = 'ecl-page-header__meta-item';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderMetaItemDirective, isStandalone: true, selector: "[eclPageHeaderMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderMetaItemDirective, isStandalone: true, selector: "[eclPageHeaderMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderMetaItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderMetaItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderMetaItem]',
@@ -296,10 +296,10 @@ class EclPageHeaderTitleDirective extends ECLBaseDirective {
             !this.isTitleVisible ? 'ecl-u-sr-only' : '',
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclPageHeaderTitleDirective, isStandalone: true, selector: "[eclPageHeaderTitle]", inputs: { isTitleVisible: ["isTitleVisible", "isTitleVisible", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.3", type: EclPageHeaderTitleDirective, isStandalone: true, selector: "[eclPageHeaderTitle]", inputs: { isTitleVisible: ["isTitleVisible", "isTitleVisible", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderTitle]',
@@ -323,10 +323,10 @@ class EclPageHeaderExpandableHeaderDirective extends ECLBaseDirective {
             super.getCssClasses('ecl-page-header-expandable__header-text'),
         ].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPageHeaderExpandableHeaderDirective, isStandalone: true, selector: "[eclPageHeaderExpandableHeader]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPageHeaderExpandableHeaderDirective, isStandalone: true, selector: "[eclPageHeaderExpandableHeader]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderExpandableHeader]',
@@ -372,10 +372,10 @@ class EclPageHeaderComponent extends ECLBaseDirective {
     get hasPicture() {
         return !!this.eclBackgroundPicture;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclPageHeaderComponent, isStandalone: true, selector: "ecl-page-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n    <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n</div>\n}\n\n<div class=\"ecl-container\">\n    <ng-container *ngTemplateOutlet=\"content\"> </ng-container>\n</div>\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: "21.0.3", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EclPageHeaderComponent, isStandalone: true, selector: "ecl-page-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n    <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n</div>\n}\n\n<div class=\"ecl-container\">\n    <ng-container *ngTemplateOutlet=\"content\"> </ng-container>\n</div>\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: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-page-header', imports: [NgTemplateOutlet], template: "<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n    <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n</div>\n}\n\n<div class=\"ecl-container\">\n    <ng-container *ngTemplateOutlet=\"content\"> </ng-container>\n</div>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -389,63 +389,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: [EclPageHeaderBackgroundPictureDirective]
             }] } });
-const COMPONENTS = [
-    EclPageHeaderComponent,
-    EclPageHeaderExpandableComponent,
-    EclPageHeaderExpandableHeaderDirective,
-    EclPageHeaderInfoDirective,
-    EclPageHeaderMetaDirective,
-    EclPageHeaderMetaItemDirective,
-    EclPageHeaderTitleDirective,
-    EclPageHeaderDescriptionDirective,
-    EclPageHeaderDescriptionThumbnailDirective,
-    EclPageHeaderDescriptionContainerDirective,
-    EclPageHeaderDescriptionPictureDirective,
-    EclPageHeaderBackgroundPictureDirective,
-    EclPageHeaderBackgroundImageDirective,
-];
-/**
- * Module that provides the EclPageHeaderComponent and it's dependencies.
- *
- * @deprecated Use {@link EUI_ECL_PAGE_HEADER} instead.
- */
-class EclPageHeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderModule, imports: [EclPageHeaderComponent,
-            EclPageHeaderExpandableComponent,
-            EclPageHeaderExpandableHeaderDirective,
-            EclPageHeaderInfoDirective,
-            EclPageHeaderMetaDirective,
-            EclPageHeaderMetaItemDirective,
-            EclPageHeaderTitleDirective,
-            EclPageHeaderDescriptionDirective,
-            EclPageHeaderDescriptionThumbnailDirective,
-            EclPageHeaderDescriptionContainerDirective,
-            EclPageHeaderDescriptionPictureDirective,
-            EclPageHeaderBackgroundPictureDirective,
-            EclPageHeaderBackgroundImageDirective], exports: [EclPageHeaderComponent,
-            EclPageHeaderExpandableComponent,
-            EclPageHeaderExpandableHeaderDirective,
-            EclPageHeaderInfoDirective,
-            EclPageHeaderMetaDirective,
-            EclPageHeaderMetaItemDirective,
-            EclPageHeaderTitleDirective,
-            EclPageHeaderDescriptionDirective,
-            EclPageHeaderDescriptionThumbnailDirective,
-            EclPageHeaderDescriptionContainerDirective,
-            EclPageHeaderDescriptionPictureDirective,
-            EclPageHeaderBackgroundPictureDirective,
-            EclPageHeaderBackgroundImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderModule, imports: [EclPageHeaderExpandableComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPageHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...COMPONENTS],
-                    exports: [...COMPONENTS],
-                }]
-        }] });
 const EUI_ECL_PAGE_HEADER = [
     EclPageHeaderComponent,
     EclPageHeaderExpandableComponent,
@@ -466,5 +409,5 @@ const EUI_ECL_PAGE_HEADER = [
  * Generated bundle index. Do not edit.
  */
-export { EUI_ECL_PAGE_HEADER, EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective, EclPageHeaderComponent, EclPageHeaderDescriptionContainerDirective, EclPageHeaderDescriptionDirective, EclPageHeaderDescriptionPictureDirective, EclPageHeaderDescriptionThumbnailDirective, EclPageHeaderExpandableComponent, EclPageHeaderExpandableHeaderDirective, EclPageHeaderInfoDirective, EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective, EclPageHeaderModule, EclPageHeaderTitleDirective };
+export { EUI_ECL_PAGE_HEADER, EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective, EclPageHeaderComponent, EclPageHeaderDescriptionContainerDirective, EclPageHeaderDescriptionDirective, EclPageHeaderDescriptionPictureDirective, EclPageHeaderDescriptionThumbnailDirective, EclPageHeaderExpandableComponent, EclPageHeaderExpandableHeaderDirective, EclPageHeaderInfoDirective, EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective, EclPageHeaderTitleDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-page-header.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-page-header.mjs","sources":["../../components/ecl-page-header/ecl-page-header-background.directive.ts","../../components/ecl-page-header/ecl-page-header-description.directive.ts","../../components/ecl-page-header/ecl-page-header-expandable/ecl-page-header-expandable.component.ts","../../components/ecl-page-header/ecl-page-header-expandable/ecl-page-header-expandable.component.html","../../components/ecl-page-header/ecl-page-header-info.directive.ts","../../components/ecl-page-header/ecl-page-header-meta.directive.ts","../../components/ecl-page-header/ecl-page-header-title.directive.ts","../../components/ecl-page-header/ecl-page-header.component.ts","../../components/ecl-page-header/ecl-page-header.component.html","../../components/ecl-page-header/ecl-page-header.module.ts","../../components/ecl-page-header/index.ts","../../components/ecl-page-header/eui-ecl-components-ecl-page-header.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Styles the background picture inside the page header.\n /\n@Directive({\n selector: '[eclPageHeaderBackgroundPicture]',\n})\nexport class EclPageHeaderBackgroundPictureDirective extends ECLBaseDirective {\n /\n Applies 'ecl-picture ecl-page-header__picture-background' classes to the host.\n \n @default 'ecl-picture ecl-page-header__picture-background'\n /\n @HostBinding('class') className = 'ecl-picture ecl-page-header__picture-background';\n}\n\n/\n Styles the background image inside the page header.\n /\n@Directive({\n selector: '[eclPageHeaderBackgroundImage]',\n})\nexport class EclPageHeaderBackgroundImageDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__background' class to the host.\n \n @default 'ecl-page-header__background'\n /\n @HostBinding('class') className = 'ecl-page-header__background';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the container for the page header description.\n /\n@Directive({\n selector: '[eclPageHeaderDescriptionContainer]',\n})\nexport class EclPageHeaderDescriptionContainerDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__description-container' class to the host.\n \n @default 'ecl-page-header__description-container'\n /\n @HostBinding('class') className = 'ecl-page-header__description-container';\n}\n\n/\n Styles a picture used in the page header description.\n /\n@Directive({\n selector: '[eclPageHeaderDescriptionPicture]',\n})\nexport class EclPageHeaderDescriptionPictureDirective extends ECLBaseDirective {\n /\n Applies 'ecl-picture ecl-page-header__picture-thumbnail' classes to the host.\n \n @default 'ecl-picture ecl-page-header__picture-thumbnail'\n /\n @HostBinding('class') className = 'ecl-picture ecl-page-header__picture-thumbnail';\n}\n\n/\n Styles a thumbnail or image in the page header description.\n /\n@Directive({\n selector: '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]',\n})\nexport class EclPageHeaderDescriptionThumbnailDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__description-thumbnail' class to the host.\n \n @default 'ecl-page-header__description-thumbnail'\n /\n @HostBinding('class') className = 'ecl-page-header__description-thumbnail';\n}\n\n/\n Styles the text description in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderDescription]',\n})\nexport class EclPageHeaderDescriptionDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__description' class to the host.\n \n @default 'ecl-page-header__description'\n /\n @HostBinding('class') className = 'ecl-page-header__description';\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, signal } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/\n ECL Page Header expandable component. As a part of the PageHeader,\n * it represents expandable content, placed at the top of the parent component.\n /\n@Component({\n selector: 'div[eclPageHeaderExpandable]',\n templateUrl: './ecl-page-header-expandable.component.html',\n imports: [NgTemplateOutlet, ...EUI_ECL_BUTTON, ...EUI_ECL_ICON],\n})\nexport class EclPageHeaderExpandableComponent extends ECLBaseDirective {\n /\n CSS classes applied to the host.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header-expandable')]\n .join(' ')\n .trim();\n }\n\n panelId = crypto.randomUUID();\n isExpanded = signal(false);\n\n onExpandButtonClick(): void {\n this.isExpanded.set(!this.isExpanded());\n }\n}\n","<div class=\"ecl-page-header-expandable__header\">\n <div class=\"ecl-container ecl-page-header-expandable__container\">\n <ng-content select=\"[eclPageHeaderExpandableHeader]\"></ng-content>\n\n <button eclButton variant=\"tertiary\" eclStyle=\"neutral\" isIconOnly aria-expanded=\"{{isExpanded()}}\" type=\"submit\"\n [attr.aria-controls]=\"panelId\" class=\"ecl-page-header-expandable__toggle\" (click)=\"onExpandButtonClick()\">\n <span eclButtonLabel>expandable button</span>\n <ecl-icon icon=\"corner-arrow\" transform=\"flip-vertical\"></ecl-icon>\n </button>\n </div>\n</div>\n<div class=\"ecl-page-header-expandable__panel\" id=\"{{panelId}}\" [hidden]=\"!isExpanded()\">\n <div class=\"ecl-container ecl-page-header-expandable__container\">\n <ng-content></ng-content>\n </div>\n</div>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the info section in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderInfo]',\n})\nexport class EclPageHeaderInfoDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__info' class to the host.\n \n @default 'ecl-page-header__info'\n /\n @HostBinding('class') className = 'ecl-page-header__info';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the meta section in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderMeta]',\n})\nexport class EclPageHeaderMetaDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__meta' class to the host.\n \n @default 'ecl-page-header__meta'\n /\n @HostBinding('class') className = 'ecl-page-header__meta';\n}\n\n/\n Styles individual meta items in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderMetaItem]',\n})\nexport class EclPageHeaderMetaItemDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__meta-item' class to the host.\n \n @default 'ecl-page-header__meta-item'\n /\n @HostBinding('class') className = 'ecl-page-header__meta-item';\n}\n","import { Directive, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the title section in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderTitle]',\n})\nexport class EclPageHeaderTitleDirective extends ECLBaseDirective {\n /\n Whether the title is visible.\n \n @default true\n /\n @Input({ transform: booleanAttribute }) isTitleVisible = true;\n\n /\n CSS classes applied to the host.\n \n @default 'ecl-page-header__title'\n * 'ecl-u-sr-only' if the title is hidden\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header__title'),\n !this.isTitleVisible ? 'ecl-u-sr-only' : '',\n ].join(' ').trim();\n }\n}\n\n\n/\n Styles the header section for the page header expandable component.\n /\n@Directive({\n selector: '[eclPageHeaderExpandableHeader]',\n})\nexport class EclPageHeaderExpandableHeaderDirective extends ECLBaseDirective {\n /\n CSS classes applied to the host.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header-expandable__header-text'),\n ].join(' ').trim();\n }\n}\n","import { AfterContentInit, Component, ContentChild, HostBinding } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common'\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBreadcrumbComponent } from '@eui/ecl/components/ecl-breadcrumb';\nimport { EclPageHeaderBackgroundPictureDirective } from './ecl-page-header-background.directive';\n\n/\n ECL Page Header component, wraps header content and handles background images and breadcrumb styling.\n /\n@Component({\n selector: 'ecl-page-header',\n templateUrl: './ecl-page-header.component.html',\n imports: [NgTemplateOutlet],\n styles: [\n `\n :host {\n display: block;\n }\n `,\n ],\n})\nexport class EclPageHeaderComponent extends ECLBaseDirective implements AfterContentInit {\n /\n CSS classes applied to the host.\n \n @default 'ecl-page-header'\n * Adds 'ecl-page-header--image' if a background picture exists\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header'),\n this.hasPicture ? 'ecl-page-header--image' : '']\n .join(' ')\n .trim();\n }\n\n /\n Reference to the ECL breadcrumb inside the header.\n /\n @ContentChild(EclBreadcrumbComponent)\n eclBreadcrumbComponent: EclBreadcrumbComponent;\n\n /\n Reference to the background picture directive, if present.\n /\n @ContentChild(EclPageHeaderBackgroundPictureDirective)\n eclBackgroundPicture: EclPageHeaderBackgroundPictureDirective;\n\n private readonly BREADCRUMB_CLASS = 'ecl-page-header__breadcrumb';\n\n /\n Adds CSS class to the breadcrumb after content initialization.\n /\n ngAfterContentInit(): void {\n if (this.eclBreadcrumbComponent) {\n this.eclBreadcrumbComponent.class = this.BREADCRUMB_CLASS;\n }\n }\n\n /\n True if a background picture exists.\n /\n get hasPicture(): boolean {\n return !!this.eclBackgroundPicture;\n }\n}\n","<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n</div>\n}\n\n<div class=\"ecl-container\">\n <ng-container ngTemplateOutlet=\"content\"> </ng-container>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective } from './ecl-page-header-background.directive';\nimport {\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionPictureDirective,\n EclPageHeaderDescriptionThumbnailDirective,\n} from './ecl-page-header-description.directive';\nimport { EclPageHeaderInfoDirective } from './ecl-page-header-info.directive';\nimport { EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective } from './ecl-page-header-meta.directive';\nimport { EclPageHeaderExpandableHeaderDirective, EclPageHeaderTitleDirective } from './ecl-page-header-title.directive';\nimport { EclPageHeaderComponent } from './ecl-page-header.component';\nimport { EclPageHeaderExpandableComponent } from './ecl-page-header-expandable/ecl-page-header-expandable.component';\n\nconst COMPONENTS = [\n EclPageHeaderComponent,\n EclPageHeaderExpandableComponent,\n EclPageHeaderExpandableHeaderDirective,\n EclPageHeaderInfoDirective,\n EclPageHeaderMetaDirective,\n EclPageHeaderMetaItemDirective,\n EclPageHeaderTitleDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionThumbnailDirective,\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionPictureDirective,\n EclPageHeaderBackgroundPictureDirective,\n EclPageHeaderBackgroundImageDirective,\n];\n\n/*\n Module that provides the EclPageHeaderComponent and it's dependencies.\n \n @deprecated Use {@link EUI_ECL_PAGE_HEADER} instead.\n /\n@NgModule({\n imports: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EclPageHeaderModule {}\n","import { EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective } from './ecl-page-header-background.directive';\nimport {\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionPictureDirective,\n EclPageHeaderDescriptionThumbnailDirective,\n} from './ecl-page-header-description.directive';\nimport { EclPageHeaderExpandableComponent } from './ecl-page-header-expandable/ecl-page-header-expandable.component';\nimport { EclPageHeaderInfoDirective } from './ecl-page-header-info.directive';\nimport { EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective } from './ecl-page-header-meta.directive';\nimport { EclPageHeaderExpandableHeaderDirective, EclPageHeaderTitleDirective } from './ecl-page-header-title.directive';\nimport { EclPageHeaderComponent } from './ecl-page-header.component';\n\nexport from './ecl-page-header.module';\nexport * from './ecl-page-header.component';\nexport * from './ecl-page-header-expandable/ecl-page-header-expandable.component';\nexport * from './ecl-page-header-description.directive';\nexport * from './ecl-page-header-background.directive';\nexport * from './ecl-page-header-meta.directive';\nexport * from './ecl-page-header-title.directive';\nexport * from './ecl-page-header-info.directive';\n\nexport const EUI_ECL_PAGE_HEADER = [\n EclPageHeaderComponent,\n EclPageHeaderExpandableComponent,\n EclPageHeaderExpandableHeaderDirective,\n EclPageHeaderInfoDirective,\n EclPageHeaderMetaDirective,\n EclPageHeaderMetaItemDirective,\n EclPageHeaderTitleDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionThumbnailDirective,\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionPictureDirective,\n EclPageHeaderBackgroundPictureDirective,\n EclPageHeaderBackgroundImageDirective,\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-page-header.mjs","sources":["../../components/ecl-page-header/ecl-page-header-background.directive.ts","../../components/ecl-page-header/ecl-page-header-description.directive.ts","../../components/ecl-page-header/ecl-page-header-expandable/ecl-page-header-expandable.component.ts","../../components/ecl-page-header/ecl-page-header-expandable/ecl-page-header-expandable.component.html","../../components/ecl-page-header/ecl-page-header-info.directive.ts","../../components/ecl-page-header/ecl-page-header-meta.directive.ts","../../components/ecl-page-header/ecl-page-header-title.directive.ts","../../components/ecl-page-header/ecl-page-header.component.ts","../../components/ecl-page-header/ecl-page-header.component.html","../../components/ecl-page-header/index.ts","../../components/ecl-page-header/eui-ecl-components-ecl-page-header.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/*\n Styles the background picture inside the page header.\n /\n@Directive({\n selector: '[eclPageHeaderBackgroundPicture]',\n})\nexport class EclPageHeaderBackgroundPictureDirective extends ECLBaseDirective {\n /\n Applies 'ecl-picture ecl-page-header__picture-background' classes to the host.\n \n @default 'ecl-picture ecl-page-header__picture-background'\n /\n @HostBinding('class') className = 'ecl-picture ecl-page-header__picture-background';\n}\n\n/\n Styles the background image inside the page header.\n /\n@Directive({\n selector: '[eclPageHeaderBackgroundImage]',\n})\nexport class EclPageHeaderBackgroundImageDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__background' class to the host.\n \n @default 'ecl-page-header__background'\n /\n @HostBinding('class') className = 'ecl-page-header__background';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the container for the page header description.\n /\n@Directive({\n selector: '[eclPageHeaderDescriptionContainer]',\n})\nexport class EclPageHeaderDescriptionContainerDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__description-container' class to the host.\n \n @default 'ecl-page-header__description-container'\n /\n @HostBinding('class') className = 'ecl-page-header__description-container';\n}\n\n/\n Styles a picture used in the page header description.\n /\n@Directive({\n selector: '[eclPageHeaderDescriptionPicture]',\n})\nexport class EclPageHeaderDescriptionPictureDirective extends ECLBaseDirective {\n /\n Applies 'ecl-picture ecl-page-header__picture-thumbnail' classes to the host.\n \n @default 'ecl-picture ecl-page-header__picture-thumbnail'\n /\n @HostBinding('class') className = 'ecl-picture ecl-page-header__picture-thumbnail';\n}\n\n/\n Styles a thumbnail or image in the page header description.\n /\n@Directive({\n selector: '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]',\n})\nexport class EclPageHeaderDescriptionThumbnailDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__description-thumbnail' class to the host.\n \n @default 'ecl-page-header__description-thumbnail'\n /\n @HostBinding('class') className = 'ecl-page-header__description-thumbnail';\n}\n\n/\n Styles the text description in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderDescription]',\n})\nexport class EclPageHeaderDescriptionDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__description' class to the host.\n \n @default 'ecl-page-header__description'\n /\n @HostBinding('class') className = 'ecl-page-header__description';\n}\n","import { Component, HostBinding, signal } from '@angular/core';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n ECL Page Header expandable component. As a part of the PageHeader,\n * it represents expandable content, placed at the top of the parent component.\n /\n@Component({\n selector: 'div[eclPageHeaderExpandable]',\n templateUrl: './ecl-page-header-expandable.component.html',\n imports: [...EUI_ECL_BUTTON, ...EUI_ECL_ICON],\n})\nexport class EclPageHeaderExpandableComponent extends ECLBaseDirective {\n /\n CSS classes applied to the host.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header-expandable')]\n .join(' ')\n .trim();\n }\n\n panelId = crypto.randomUUID();\n isExpanded = signal(false);\n\n onExpandButtonClick(): void {\n this.isExpanded.set(!this.isExpanded());\n }\n}\n","<div class=\"ecl-page-header-expandable__header\">\n <div class=\"ecl-container ecl-page-header-expandable__container\">\n <ng-content select=\"[eclPageHeaderExpandableHeader]\"></ng-content>\n\n <button eclButton variant=\"tertiary\" eclStyle=\"neutral\" isIconOnly aria-expanded=\"{{isExpanded()}}\" type=\"submit\"\n [attr.aria-controls]=\"panelId\" class=\"ecl-page-header-expandable__toggle\" (click)=\"onExpandButtonClick()\">\n <span eclButtonLabel>expandable button</span>\n <ecl-icon icon=\"corner-arrow\" transform=\"flip-vertical\"></ecl-icon>\n </button>\n </div>\n</div>\n<div class=\"ecl-page-header-expandable__panel\" id=\"{{panelId}}\" [hidden]=\"!isExpanded()\">\n <div class=\"ecl-container ecl-page-header-expandable__container\">\n <ng-content></ng-content>\n </div>\n</div>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the info section in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderInfo]',\n})\nexport class EclPageHeaderInfoDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__info' class to the host.\n \n @default 'ecl-page-header__info'\n /\n @HostBinding('class') className = 'ecl-page-header__info';\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the meta section in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderMeta]',\n})\nexport class EclPageHeaderMetaDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__meta' class to the host.\n \n @default 'ecl-page-header__meta'\n /\n @HostBinding('class') className = 'ecl-page-header__meta';\n}\n\n/\n Styles individual meta items in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderMetaItem]',\n})\nexport class EclPageHeaderMetaItemDirective extends ECLBaseDirective {\n /\n Applies 'ecl-page-header__meta-item' class to the host.\n \n @default 'ecl-page-header__meta-item'\n /\n @HostBinding('class') className = 'ecl-page-header__meta-item';\n}\n","import { Directive, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/\n Styles the title section in the page header.\n /\n@Directive({\n selector: '[eclPageHeaderTitle]',\n})\nexport class EclPageHeaderTitleDirective extends ECLBaseDirective {\n /\n Whether the title is visible.\n \n @default true\n /\n @Input({ transform: booleanAttribute }) isTitleVisible = true;\n\n /\n CSS classes applied to the host.\n \n @default 'ecl-page-header__title'\n * 'ecl-u-sr-only' if the title is hidden\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header__title'),\n !this.isTitleVisible ? 'ecl-u-sr-only' : '',\n ].join(' ').trim();\n }\n}\n\n\n/\n Styles the header section for the page header expandable component.\n /\n@Directive({\n selector: '[eclPageHeaderExpandableHeader]',\n})\nexport class EclPageHeaderExpandableHeaderDirective extends ECLBaseDirective {\n /\n CSS classes applied to the host.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header-expandable__header-text'),\n ].join(' ').trim();\n }\n}\n","import { AfterContentInit, Component, ContentChild, HostBinding } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common'\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBreadcrumbComponent } from '@eui/ecl/components/ecl-breadcrumb';\nimport { EclPageHeaderBackgroundPictureDirective } from './ecl-page-header-background.directive';\n\n/\n ECL Page Header component, wraps header content and handles background images and breadcrumb styling.\n /\n@Component({\n selector: 'ecl-page-header',\n templateUrl: './ecl-page-header.component.html',\n imports: [NgTemplateOutlet],\n styles: [\n `\n :host {\n display: block;\n }\n `,\n ],\n})\nexport class EclPageHeaderComponent extends ECLBaseDirective implements AfterContentInit {\n /\n CSS classes applied to the host.\n \n @default 'ecl-page-header'\n * Adds 'ecl-page-header--image' if a background picture exists\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [\n super.getCssClasses('ecl-page-header'),\n this.hasPicture ? 'ecl-page-header--image' : '']\n .join(' ')\n .trim();\n }\n\n /\n Reference to the ECL breadcrumb inside the header.\n /\n @ContentChild(EclBreadcrumbComponent)\n eclBreadcrumbComponent: EclBreadcrumbComponent;\n\n /\n Reference to the background picture directive, if present.\n /\n @ContentChild(EclPageHeaderBackgroundPictureDirective)\n eclBackgroundPicture: EclPageHeaderBackgroundPictureDirective;\n\n private readonly BREADCRUMB_CLASS = 'ecl-page-header__breadcrumb';\n\n /\n Adds CSS class to the breadcrumb after content initialization.\n /\n ngAfterContentInit(): void {\n if (this.eclBreadcrumbComponent) {\n this.eclBreadcrumbComponent.class = this.BREADCRUMB_CLASS;\n }\n }\n\n /\n True if a background picture exists.\n /\n get hasPicture(): boolean {\n return !!this.eclBackgroundPicture;\n }\n}\n","<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n</div>\n}\n\n<div class=\"ecl-container\">\n <ng-container ngTemplateOutlet=\"content\"> </ng-container>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>","import { EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective } from './ecl-page-header-background.directive';\nimport {\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionPictureDirective,\n EclPageHeaderDescriptionThumbnailDirective,\n} from './ecl-page-header-description.directive';\nimport { EclPageHeaderExpandableComponent } from './ecl-page-header-expandable/ecl-page-header-expandable.component';\nimport { EclPageHeaderInfoDirective } from './ecl-page-header-info.directive';\nimport { EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective } from './ecl-page-header-meta.directive';\nimport { EclPageHeaderExpandableHeaderDirective, EclPageHeaderTitleDirective } from './ecl-page-header-title.directive';\nimport { EclPageHeaderComponent } from './ecl-page-header.component';\n\nexport * from './ecl-page-header.component';\nexport * from './ecl-page-header-expandable/ecl-page-header-expandable.component';\nexport * from './ecl-page-header-description.directive';\nexport * from './ecl-page-header-background.directive';\nexport * from './ecl-page-header-meta.directive';\nexport * from './ecl-page-header-title.directive';\nexport * from './ecl-page-header-info.directive';\n\nexport const EUI_ECL_PAGE_HEADER = [\n EclPageHeaderComponent,\n EclPageHeaderExpandableComponent,\n EclPageHeaderExpandableHeaderDirective,\n EclPageHeaderInfoDirective,\n EclPageHeaderMetaDirective,\n EclPageHeaderMetaItemDirective,\n EclPageHeaderTitleDirective,\n EclPageHeaderDescriptionDirective,\n EclPageHeaderDescriptionThumbnailDirective,\n EclPageHeaderDescriptionContainerDirective,\n EclPageHeaderDescriptionPictureDirective,\n EclPageHeaderBackgroundPictureDirective,\n EclPageHeaderBackgroundImageDirective,\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-pagination.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, booleanAttribute, Output, Input, HostBinding, ViewEncapsulation, Component, Directive, numberAttribute, ContentChild, NgModule } from '@angular/core';
+import { inject, ElementRef, EventEmitter, booleanAttribute, Output, Input, HostBinding, ViewEncapsulation, Component, Directive, numberAttribute, ContentChild } from '@angular/core';
 import { RouterLink, RouterLinkWithHref } from '@angular/router';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -16,7 +16,6 @@ import { DefaultConfig, EuiPagination } from '@eui/base';
  */
 class EclPaginationItemClickEvent extends EclBaseEvent {
 }
-// TODO: ecl-pagination-item selector is deprecated and should be removed in v20
 class EclPaginationItemComponent extends ECLBaseDirective {
     get cssClasses() {
         return [
@@ -124,12 +123,12 @@ class EclPaginationItemComponent extends ECLBaseDirective {
     isPrevOrNextVisible() {
         return this.isPrevious || this.isNext;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclPaginationItemComponent, isStandalone: true, selector: "ecl-pagination-item, li[eclPaginationItem]", inputs: { label: "label", ariaLabel: "ariaLabel", pagesCount: "pagesCount", isCurrent: ["isCurrent", "isCurrent", booleanAttribute], isNext: ["isNext", "isNext", booleanAttribute], isPrevious: ["isPrevious", "isPrevious", booleanAttribute], isTruncated: ["isTruncated", "isTruncated", booleanAttribute], routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href" }, outputs: { pageClick: "pageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "class.ecl-pagination__item--truncation": "this.isTruncated" } }, usesInheritance: true, ngImport: i0, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.role]=\"anchorRole\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\" [attr.role]=\"anchorRole\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "directive", type: i2.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPaginationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EclPaginationItemComponent, isStandalone: true, selector: "li[eclPaginationItem]", inputs: { label: "label", ariaLabel: "ariaLabel", pagesCount: "pagesCount", isCurrent: ["isCurrent", "isCurrent", booleanAttribute], isNext: ["isNext", "isNext", booleanAttribute], isPrevious: ["isPrevious", "isPrevious", booleanAttribute], isTruncated: ["isTruncated", "isTruncated", booleanAttribute], routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href" }, outputs: { pageClick: "pageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "class.ecl-pagination__item--truncation": "this.isTruncated" } }, usesInheritance: true, ngImport: i0, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.role]=\"anchorRole\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\" [attr.role]=\"anchorRole\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "directive", type: i2.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPaginationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-pagination-item, li[eclPaginationItem]', imports: [RouterLink, RouterLinkWithHref, TranslateModule, ...EUI_ECL_ICON, ...EUI_ECL_LINK], encapsulation: ViewEncapsulation.None, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.role]=\"anchorRole\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\" [attr.role]=\"anchorRole\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}" }]
+            args: [{ selector: 'li[eclPaginationItem]', imports: [RouterLink, RouterLinkWithHref, TranslateModule, ...EUI_ECL_ICON, ...EUI_ECL_LINK], encapsulation: ViewEncapsulation.None, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.role]=\"anchorRole\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\" [attr.role]=\"anchorRole\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}" }]
         }], ctorParameters: () => [], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -181,10 +180,10 @@ class EclPaginationListDirective extends ECLBaseDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclPaginationListDirective, isStandalone: true, selector: "[eclPaginationList]", host: { properties: { "class.ecl-pagination__list": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPaginationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclPaginationListDirective, isStandalone: true, selector: "[eclPaginationList]", host: { properties: { "class.ecl-pagination__list": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPaginationListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPaginationList]',
@@ -332,10 +331,10 @@ class EclPaginationComponent extends ECLBaseDirective {
         const evt = new EclPaginationEvent(this.model.getCurrentPage(), this.model.getShowingFrom(), this.model.getShowingTo());
         this.page.next(evt);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclPaginationComponent, isStandalone: true, selector: "ecl-pagination", inputs: { mode: "mode", totalItems: ["totalItems", "totalItems", numberAttribute], pageSize: ["pageSize", "pageSize", numberAttribute], currentPage: ["currentPage", "currentPage", numberAttribute], pageWindowSize: ["pageWindowSize", "pageWindowSize", numberAttribute] }, outputs: { page: "page" }, host: { properties: { "class.ecl-pagination": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "eclPaginationList", first: true, predicate: EclPaginationListDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(!hasList) {\n    <ul class=\"ecl-pagination__list\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ul>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n    \n    <ng-template #content>\n        @if (isModeAuto()){\n            @if(model.hasPreviousPage()){\n                <li eclPaginationItem [isPrevious]=\"true\" (pageClick)=\"onPreviousPage()\"> </li>\n            }\n            @for (page of model.getPages(); track page) {\n                <li eclPaginationItem\n                    [label]=\"page.toString()\"\n                    [isCurrent]=\"model.getCurrentPage() === page\"\n                    (pageClick)=\"onPage(page)\"\n                    [pagesCount]=\"model.getPagesCount().toString()\">\n            </li>\n            }\n    \n            @if(model.hasNextPage()){\n                <li eclPaginationItem [isNext]=\"true\" (pageClick)=\"onNextPage()\"> </li>\n            }\n        }\n    \n        @if(!isModeAuto()) {\n            <ng-content></ng-content>\n        }\n    </ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclPaginationItemComponent, selector: "ecl-pagination-item, li[eclPaginationItem]", inputs: ["label", "ariaLabel", "pagesCount", "isCurrent", "isNext", "isPrevious", "isTruncated", "routerLink", "queryParams", "queryParamsHandling", "href"], outputs: ["pageClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EclPaginationComponent, isStandalone: true, selector: "ecl-pagination", inputs: { mode: "mode", totalItems: ["totalItems", "totalItems", numberAttribute], pageSize: ["pageSize", "pageSize", numberAttribute], currentPage: ["currentPage", "currentPage", numberAttribute], pageWindowSize: ["pageWindowSize", "pageWindowSize", numberAttribute] }, outputs: { page: "page" }, host: { properties: { "class.ecl-pagination": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "eclPaginationList", first: true, predicate: EclPaginationListDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(!hasList) {\n    <ul class=\"ecl-pagination__list\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ul>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n    \n    <ng-template #content>\n        @if (isModeAuto()){\n            @if(model.hasPreviousPage()){\n                <li eclPaginationItem [isPrevious]=\"true\" (pageClick)=\"onPreviousPage()\"> </li>\n            }\n            @for (page of model.getPages(); track page) {\n                <li eclPaginationItem\n                    [label]=\"page.toString()\"\n                    [isCurrent]=\"model.getCurrentPage() === page\"\n                    (pageClick)=\"onPage(page)\"\n                    [pagesCount]=\"model.getPagesCount().toString()\">\n            </li>\n            }\n    \n            @if(model.hasNextPage()){\n                <li eclPaginationItem [isNext]=\"true\" (pageClick)=\"onNextPage()\"> </li>\n            }\n        }\n    \n        @if(!isModeAuto()) {\n            <ng-content></ng-content>\n        }\n    </ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclPaginationItemComponent, selector: "li[eclPaginationItem]", inputs: ["label", "ariaLabel", "pagesCount", "isCurrent", "isNext", "isPrevious", "isTruncated", "routerLink", "queryParams", "queryParamsHandling", "href"], outputs: ["pageClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-pagination', imports: [NgTemplateOutlet, EclPaginationItemComponent], template: "@if(!hasList) {\n    <ul class=\"ecl-pagination__list\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ul>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n    \n    <ng-template #content>\n        @if (isModeAuto()){\n            @if(model.hasPreviousPage()){\n                <li eclPaginationItem [isPrevious]=\"true\" (pageClick)=\"onPreviousPage()\"> </li>\n            }\n            @for (page of model.getPages(); track page) {\n                <li eclPaginationItem\n                    [label]=\"page.toString()\"\n                    [isCurrent]=\"model.getCurrentPage() === page\"\n                    (pageClick)=\"onPage(page)\"\n                    [pagesCount]=\"model.getPagesCount().toString()\">\n            </li>\n            }\n    \n            @if(model.hasNextPage()){\n                <li eclPaginationItem [isNext]=\"true\" (pageClick)=\"onNextPage()\"> </li>\n            }\n        }\n    \n        @if(!isModeAuto()) {\n            <ng-content></ng-content>\n        }\n    </ng-template>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { mode: [{
@@ -365,25 +364,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: [EclPaginationListDirective]
             }] } });
-const COMPONENTS = [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective];
-/**
- * Module that provides the EclPaginationComponent and it's dependencies.
- *
- * @deprecated Use {@link EUI_ECL_PAGINATION} instead.
- */
-class EclPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationModule, imports: [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective], exports: [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationModule, imports: [EclPaginationComponent, EclPaginationItemComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclPaginationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...COMPONENTS],
-                    exports: [...COMPONENTS],
-                }]
-        }] });
 const EUI_ECL_PAGINATION = [
     EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective,
 ];
@@ -392,5 +372,5 @@ const EUI_ECL_PAGINATION = [
  * Generated bundle index. Do not edit.
  */
-export { EUI_ECL_PAGINATION, EclPaginationComponent, EclPaginationEvent, EclPaginationItemClickEvent, EclPaginationItemComponent, EclPaginationListDirective, EclPaginationModule };
+export { EUI_ECL_PAGINATION, EclPaginationComponent, EclPaginationEvent, EclPaginationItemClickEvent, EclPaginationItemComponent, EclPaginationListDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-pagination.mjs.map