npm - @eui/ecl - Versions diffs - 21.0.0-next.28 → 21.0.0-next.29 - Mend

@eui/ecl 21.0.0-next.28 → 21.0.0-next.29

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

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

@@ -29,10 +29,10 @@ class EclNotificationTitleDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-notification__title')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclNotificationTitleDirective, isStandalone: true, selector: "[eclNotificationTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: EclNotificationTitleDirective, isStandalone: true, selector: "[eclNotificationTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationTitle]',
@@ -52,10 +52,10 @@ class EclNotificationIconDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclNotificationIconDirective, isStandalone: true, selector: "[eclNotificationIcon]", host: { properties: { "class.ecl-notification__icon": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: EclNotificationIconDirective, isStandalone: true, selector: "[eclNotificationIcon]", host: { properties: { "class.ecl-notification__icon": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationIcon]',
@@ -73,16 +73,16 @@ class EclNotificationLinkDirective {
          * Host binding for applying the ECL notification link CSS class.
          */
         this.hasClass = true;
-        this.eclLinkItems = contentChildren(EclLinkDirective, ...(ngDevMode ? [{ debugName: "eclLinkItems" }] : []));
+        this.eclLinkItems = contentChildren(EclLinkDirective, { ...(ngDevMode ? { debugName: "eclLinkItems" } : {}) });
     }
     ngAfterContentInit() {
         // Add required class for all the child eclLinks.
         this.eclLinkItems().forEach(item => item.class = 'ecl-notification__link-item');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.0", type: EclNotificationLinkDirective, isStandalone: true, selector: "[eclNotificationLink]", host: { properties: { "class.ecl-notification__link": "this.hasClass" } }, queries: [{ propertyName: "eclLinkItems", predicate: EclLinkDirective, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.1", type: EclNotificationLinkDirective, isStandalone: true, selector: "[eclNotificationLink]", host: { properties: { "class.ecl-notification__link": "this.hasClass" } }, queries: [{ propertyName: "eclLinkItems", predicate: EclLinkDirective, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationLink]',
@@ -121,8 +121,8 @@ class EclNotificationComponent extends ECLBaseDirective {
          * The ARIA role for the component. Set to "alert" by default.
          */
         this.role = 'alert';
-        this.notificationCustomIcon = contentChild(EclNotificationIconDirective, ...(ngDevMode ? [{ debugName: "notificationCustomIcon" }] : []));
-        this.hasCustomIcon = computed(() => this.notificationCustomIcon() !== undefined, ...(ngDevMode ? [{ debugName: "hasCustomIcon" }] : []));
+        this.notificationCustomIcon = contentChild(EclNotificationIconDirective, { ...(ngDevMode ? { debugName: "notificationCustomIcon" } : {}) });
+        this.hasCustomIcon = computed(() => this.notificationCustomIcon() !== undefined, { ...(ngDevMode ? { debugName: "hasCustomIcon" } : {}) });
         this.variantTitleIconMapping = new Map([
             ['info', { title: 'information', icon: 'information' }],
             ['success', { title: 'success', icon: 'check-filled' }],
@@ -172,10 +172,10 @@ class EclNotificationComponent extends ECLBaseDirective {
             this.isVisible = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclNotificationComponent, isStandalone: true, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, queries: [{ propertyName: "notificationCustomIcon", first: true, predicate: EclNotificationIconDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: EclNotificationComponent, isStandalone: true, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, queries: [{ propertyName: "notificationCustomIcon", first: true, predicate: EclNotificationIconDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ | async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable){\n    <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n        (click)=\"onCloseClick($event)\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n    </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-notification', imports: [
                         AsyncPipe,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-notification.mjs","sources":["../../components/ecl-notification/events/ecl-notification-close.event.ts","../../components/ecl-notification/ecl-notification-title.directive.ts","../../components/ecl-notification/ecl-notification.component.ts","../../components/ecl-notification/ecl-notification.component.html","../../components/ecl-notification/index.ts","../../components/ecl-notification/eui-ecl-components-ecl-notification.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/*\n Event emitted when the notification is closed.\n \n Can be used to prevent default close behavior by calling `event.preventDefault()`.\n /\nexport class EclNotificationCloseEvent extends EclBaseEvent {\n}\n","import { AfterContentInit, contentChildren, Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/\n Directive applied to a notification title element.\n * Adds the appropriate ECL class for styling the notification title.\n /\n@Directive({\n selector: '[eclNotificationTitle]',\n})\nexport class EclNotificationTitleDirective extends ECLBaseDirective {\n /\n Host binding for applying the ECL notification title CSS class.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-notification__title')].join(' ').trim();\n }\n}\n\n/\n Directive that adds specific class for the notification icon. By default there are icons for all notification variants.\n * This directive can be used, if user wants to use another icon.\n /\n@Directive({\n selector: '[eclNotificationIcon]',\n})\nexport class EclNotificationIconDirective {\n /\n Host binding for applying the ECL notification icon CSS class.\n /\n @HostBinding('class.ecl-notification__icon') hasClass = true;\n}\n\n/\n Directive that adds specific class for the div around the notification link and the link itself.\n /\n@Directive({\n selector: '[eclNotificationLink]',\n})\nexport class EclNotificationLinkDirective implements AfterContentInit {\n /\n Host binding for applying the ECL notification link CSS class.\n /\n @HostBinding('class.ecl-notification__link') hasClass = true;\n\n eclLinkItems = contentChildren(EclLinkDirective);\n\n ngAfterContentInit(): void {\n // Add required class for all the child eclLinks.\n this.eclLinkItems().forEach(item => item.class = 'ecl-notification__link-item');\n }\n}\n","import { Component, Input, Output, EventEmitter, HostBinding, booleanAttribute, inject, contentChild, computed } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclNotificationCloseEvent } from './events/ecl-notification-close.event';\nimport { AsyncPipe, TitleCasePipe } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclNotificationIconDirective } from './ecl-notification-title.directive';\n\n@Component({\n selector: 'ecl-notification',\n templateUrl: './ecl-notification.component.html',\n imports: [\n AsyncPipe,\n TitleCasePipe,\n ...EUI_ECL_ICON,\n ...EUI_ECL_BUTTON,\n TranslateModule,\n ],\n})\nexport class EclNotificationComponent extends ECLBaseDirective {\n eclThemeService = inject(EclThemeService);\n\n /\n The title of the notification. This is displayed inside the component.\n /\n @Input() notificationTitle: string;\n\n /\n Defines the visual style of the notification.\n * Can be one of: 'info' \| 'success' \| 'warning' \| 'error'.\n * Default is 'info'.\n /\n @Input() variant: 'info' \| 'success' \| 'warning' \| 'error' = 'info';\n\n /\n Controls the visibility of the notification.\n * When false, the component is hidden using CSS utility class.\n /\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n /\n Indicates whether the close button is displayed.\n /\n @Input({ transform: booleanAttribute }) isCloseable = true;\n\n /\n Emits an event when the close button is clicked.\n * Consumers can call `preventDefault()` on the emitted event to prevent the notification from closing.\n /\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output() close = new EventEmitter<EclNotificationCloseEvent>();\n\n /\n The ARIA role for the component. Set to \"alert\" by default.\n /\n @HostBinding('attr.role') role = 'alert';\n\n notificationCustomIcon = contentChild(EclNotificationIconDirective);\n readonly hasCustomIcon = computed(() => this.notificationCustomIcon() !== undefined);\n\n private variantTitleIconMapping = new Map<string, { title: string, icon: string }>([\n ['info', { title: 'information', icon: 'information' }],\n ['success', { title: 'success', icon: 'check-filled' }],\n ['warning', { title: 'warning', icon: 'warning' }],\n ['error', { title: 'error', icon: 'error' }],\n ]);\n\n /\n Applies the `ecl-u-d-none` utility class when the notification is not visible.\n /\n @HostBinding('class.ecl-u-d-none')\n get isHidden(): boolean {\n return !this.isVisible;\n }\n\n /\n Computes the CSS classes applied to the host element, including the modifier for the current variant.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-notification'), this.variant ? `ecl-notification--${this.variant}` : ''].join(' ').trim();\n }\n\n /\n Returns the default title text based on the current variant.\n /\n get title(): string {\n return this.titleAndIconBaseOnVariant.title;\n }\n\n /\n Returns the icon name based on the current variant.\n /\n get icon(): string {\n return this.titleAndIconBaseOnVariant.icon;\n }\n\n /\n Returns a mapping of title and icon based on the current variant.\n /\n get titleAndIconBaseOnVariant(): { title: string, icon: string } {\n return this.variantTitleIconMapping.get(this.variant) \|\| { title: 'information', icon: 'information' };\n }\n\n /\n Handles the click event on the close button.\n * Emits a `close` event with an instance of `EclNotificationCloseEvent`.\n * If the event is not prevented, the notification is hidden.\n /\n onCloseClick(evt: Event): void {\n const event = new EclNotificationCloseEvent();\n this.close.next(event);\n if (!event.defaultPrevented) {\n this.isVisible = false;\n }\n }\n}\n","@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ \| async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title \| titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title \| titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n @if(isCloseable){\n <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n (click)=\"onCloseClick($event)\">\n <span eclButtonLabel>\n {{ 'ecl.common.CLOSE' \| translate }}\n </span>\n <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n </button>\n }\n\n <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>","import { EclNotificationComponent } from './ecl-notification.component';\nimport { EclNotificationIconDirective, EclNotificationLinkDirective, EclNotificationTitleDirective } from './ecl-notification-title.directive';\n\nexport from './ecl-notification.component';\nexport * from './ecl-notification-title.directive';\nexport * from './events/ecl-notification-close.event';\n\nexport const EUI_ECL_NOTIFICATION = [\n EclNotificationComponent,\n EclNotificationTitleDirective,\n EclNotificationIconDirective,\n EclNotificationLinkDirective,\n] as const;\n","/*\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-notification.mjs","sources":["../../components/ecl-notification/events/ecl-notification-close.event.ts","../../components/ecl-notification/ecl-notification-title.directive.ts","../../components/ecl-notification/ecl-notification.component.ts","../../components/ecl-notification/ecl-notification.component.html","../../components/ecl-notification/index.ts","../../components/ecl-notification/eui-ecl-components-ecl-notification.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/*\n Event emitted when the notification is closed.\n \n Can be used to prevent default close behavior by calling `event.preventDefault()`.\n /\nexport class EclNotificationCloseEvent extends EclBaseEvent {\n}\n","import { AfterContentInit, contentChildren, Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\n\n/\n Directive applied to a notification title element.\n * Adds the appropriate ECL class for styling the notification title.\n /\n@Directive({\n selector: '[eclNotificationTitle]',\n})\nexport class EclNotificationTitleDirective extends ECLBaseDirective {\n /\n Host binding for applying the ECL notification title CSS class.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-notification__title')].join(' ').trim();\n }\n}\n\n/\n Directive that adds specific class for the notification icon. By default there are icons for all notification variants.\n * This directive can be used, if user wants to use another icon.\n /\n@Directive({\n selector: '[eclNotificationIcon]',\n})\nexport class EclNotificationIconDirective {\n /\n Host binding for applying the ECL notification icon CSS class.\n /\n @HostBinding('class.ecl-notification__icon') hasClass = true;\n}\n\n/\n Directive that adds specific class for the div around the notification link and the link itself.\n /\n@Directive({\n selector: '[eclNotificationLink]',\n})\nexport class EclNotificationLinkDirective implements AfterContentInit {\n /\n Host binding for applying the ECL notification link CSS class.\n /\n @HostBinding('class.ecl-notification__link') hasClass = true;\n\n eclLinkItems = contentChildren(EclLinkDirective);\n\n ngAfterContentInit(): void {\n // Add required class for all the child eclLinks.\n this.eclLinkItems().forEach(item => item.class = 'ecl-notification__link-item');\n }\n}\n","import { Component, Input, Output, EventEmitter, HostBinding, booleanAttribute, inject, contentChild, computed } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclNotificationCloseEvent } from './events/ecl-notification-close.event';\nimport { AsyncPipe, TitleCasePipe } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclNotificationIconDirective } from './ecl-notification-title.directive';\n\n@Component({\n selector: 'ecl-notification',\n templateUrl: './ecl-notification.component.html',\n imports: [\n AsyncPipe,\n TitleCasePipe,\n ...EUI_ECL_ICON,\n ...EUI_ECL_BUTTON,\n TranslateModule,\n ],\n})\nexport class EclNotificationComponent extends ECLBaseDirective {\n eclThemeService = inject(EclThemeService);\n\n /\n The title of the notification. This is displayed inside the component.\n /\n @Input() notificationTitle: string;\n\n /\n Defines the visual style of the notification.\n * Can be one of: 'info' \| 'success' \| 'warning' \| 'error'.\n * Default is 'info'.\n /\n @Input() variant: 'info' \| 'success' \| 'warning' \| 'error' = 'info';\n\n /\n Controls the visibility of the notification.\n * When false, the component is hidden using CSS utility class.\n /\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n /\n Indicates whether the close button is displayed.\n /\n @Input({ transform: booleanAttribute }) isCloseable = true;\n\n /\n Emits an event when the close button is clicked.\n * Consumers can call `preventDefault()` on the emitted event to prevent the notification from closing.\n /\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output() close = new EventEmitter<EclNotificationCloseEvent>();\n\n /\n The ARIA role for the component. Set to \"alert\" by default.\n /\n @HostBinding('attr.role') role = 'alert';\n\n notificationCustomIcon = contentChild(EclNotificationIconDirective);\n readonly hasCustomIcon = computed(() => this.notificationCustomIcon() !== undefined);\n\n private variantTitleIconMapping = new Map<string, { title: string, icon: string }>([\n ['info', { title: 'information', icon: 'information' }],\n ['success', { title: 'success', icon: 'check-filled' }],\n ['warning', { title: 'warning', icon: 'warning' }],\n ['error', { title: 'error', icon: 'error' }],\n ]);\n\n /\n Applies the `ecl-u-d-none` utility class when the notification is not visible.\n /\n @HostBinding('class.ecl-u-d-none')\n get isHidden(): boolean {\n return !this.isVisible;\n }\n\n /\n Computes the CSS classes applied to the host element, including the modifier for the current variant.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-notification'), this.variant ? `ecl-notification--${this.variant}` : ''].join(' ').trim();\n }\n\n /\n Returns the default title text based on the current variant.\n /\n get title(): string {\n return this.titleAndIconBaseOnVariant.title;\n }\n\n /\n Returns the icon name based on the current variant.\n /\n get icon(): string {\n return this.titleAndIconBaseOnVariant.icon;\n }\n\n /\n Returns a mapping of title and icon based on the current variant.\n /\n get titleAndIconBaseOnVariant(): { title: string, icon: string } {\n return this.variantTitleIconMapping.get(this.variant) \|\| { title: 'information', icon: 'information' };\n }\n\n /\n Handles the click event on the close button.\n * Emits a `close` event with an instance of `EclNotificationCloseEvent`.\n * If the event is not prevented, the notification is hidden.\n /\n onCloseClick(evt: Event): void {\n const event = new EclNotificationCloseEvent();\n this.close.next(event);\n if (!event.defaultPrevented) {\n this.isVisible = false;\n }\n }\n}\n","@if (!hasCustomIcon()) {\n@if( eclThemeService.isEC$ \| async ){\n<ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title \| titlecase \"></ecl-icon>\n} @else {\n<ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title \| titlecase \"></ecl-icon>\n}\n} @else {\n<ng-content select=\"[eclNotificationIcon]\"></ng-content>\n}\n\n<div class=\"ecl-notification__content\">\n @if(isCloseable){\n <button eclButton variant=\"tertiary\" class=\"ecl-notification__close ecl-button--neutral\" isIconOnly\n (click)=\"onCloseClick($event)\">\n <span eclButtonLabel>\n {{ 'ecl.common.CLOSE' \| translate }}\n </span>\n <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n </button>\n }\n\n <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>","import { EclNotificationComponent } from './ecl-notification.component';\nimport { EclNotificationIconDirective, EclNotificationLinkDirective, EclNotificationTitleDirective } from './ecl-notification-title.directive';\n\nexport from './ecl-notification.component';\nexport * from './ecl-notification-title.directive';\nexport * from './events/ecl-notification-close.event';\n\nexport const EUI_ECL_NOTIFICATION = [\n EclNotificationComponent,\n EclNotificationTitleDirective,\n EclNotificationIconDirective,\n EclNotificationLinkDirective,\n] as const;\n","/*\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-page-header.mjs CHANGED Viewed

@@ -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", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclPageHeaderDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescription]',
@@ -168,7 +168,7 @@ class EclPageHeaderExpandableComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
         this.panelId = crypto.randomUUID();
-        this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
+        this.isExpanded = signal(false, { ...(ngDevMode ? { debugName: "isExpanded" } : {}) });
     }
     /**
      * CSS classes applied to the host.
@@ -183,10 +183,10 @@ class EclPageHeaderExpandableComponent extends ECLBaseDirective {
     onExpandButtonClick() {
         this.isExpanded.set(!this.isExpanded());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclPageHeaderExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderExpandableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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>" }]
         }], propDecorators: { cssClasses: [{
@@ -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", ngImport: i0, type: EclPageHeaderInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderInfoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderMetaItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderExpandableHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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: [{

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

@@ -123,10 +123,10 @@ class EclPaginationItemComponent extends ECLBaseDirective {
     isPrevOrNextVisible() {
         return this.isPrevious || this.isNext;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclPaginationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclPaginationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPaginationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclPaginationItemComponent, decorators: [{
             type: Component,
             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: [{
@@ -180,10 +180,10 @@ class EclPaginationListDirective extends ECLBaseDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclPaginationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", 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.1", ngImport: i0, type: EclPaginationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPaginationListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclPaginationListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPaginationList]',
@@ -331,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", ngImport: i0, type: EclPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: EclPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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", ngImport: i0, type: EclPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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: [{