@eui/ecl 22.0.0-alpha.35 → 22.0.0-alpha.37

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eui documentation
 
-> Generated by compodoc 2.0.0 at 2026-09-30T17:55:26.914Z, llm-md export.
+> Generated by compodoc 2.0.0 at 2026-10-01T14:10:28.447Z, llm-md export.
 
 ## Modules
 
@@ -1025,16 +1025,6 @@ Description: Component for indicating special content inside the ECL Button. Aut
 Properties:
 - `hasClass: unknown = true` — Applies the ecl-indicator CSS class.
 
-### EclIndicatorComponent
-
-File: `packages/ecl/components/ecl-link/ecl-indicator/ecl-indicator.component.ts`
-Selector: `[eclIndicator]`
-
-Description: Component for indicating special content inside the ECL Link. Automatically applies the ecl-indicator CSS class.
-
-Properties:
-- `hasClass: unknown = true` — Applies the ecl-indicator CSS class.
-
 ### EclInpageNavigationComponent
 
 File: `packages/ecl/components/ecl-inpage-navigation/ecl-inpage-navigation.component.ts`
@@ -1970,8 +1960,7 @@ Methods:
 ### EclPageHeaderComponent
 
 File: `packages/ecl/components/ecl-page-header/ecl-page-header.component.ts`
-Selector: `ecl-page-header`
-Deprecated: (deprecated: Use `div[eclPageHeader]` instead. To be removed in v23.)
+Selector: `div[eclPageHeader]`
 
 Description: ECL Page Header component, wraps header content and handles background images and breadcrumb styling.
 
@@ -1984,7 +1973,6 @@ Inputs:
 - `tabindex: number`
 
 Properties:
-- `eclBackgroundPicture: unknown = contentChild(EclPageHeaderBackgroundPictureDirective)` — Reference to the background picture directive, if present.
 - `eclBreadcrumbComponent: unknown = contentChild(EclBreadcrumbComponent)` — Reference to the ECL breadcrumb inside the header.
 
 Methods:
@@ -2025,27 +2013,6 @@ Methods:
 - `onExpandButtonClick(): void`
 - `getCssClasses(rootClass: string): string`
 
-### EclPageHeaderNextComponent
-
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-next/ecl-page-header-next.component.ts`
-Selector: `div[eclPageHeader]`
-
-Description: ECL Page Header component, wraps header content and handles background images and breadcrumb styling.
-
-Inputs:
-- `descriptionPosition: "top" | "bottom" = 'top'`
-- `hasBackground: boolean = false`
-- `picturePosition: "top" | "beside" | "bottom" = 'top'`
-- `class: string`
-- `e2eAttr: any`
-- `tabindex: number`
-
-Properties:
-- `eclBreadcrumbComponent: unknown = contentChild(EclBreadcrumbComponent)` — Reference to the ECL breadcrumb inside the header.
-
-Methods:
-- `getCssClasses(rootClass: string): string`
-
 ### EclPageHeaderSectionComponent
 
 File: `packages/ecl/components/ecl-page-header/ecl-page-header-section/ecl-page-header-section.component.ts`
@@ -3682,7 +3649,7 @@ Methods:
 
 ### EclContainerDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-info.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-info.directive.ts`
 Selector: `[eclContainer]`
 
 Inputs:
@@ -4513,16 +4480,6 @@ Description: Directive for indicating special content inside the ECL Button. Aut
 Properties:
 - `hasClass: unknown = true` — Applies the ecl-indicator\_\_label CSS class.
 
-### EclIndicatorLabelDirective
-
-File: `packages/ecl/components/ecl-link/ecl-indicator/ecl-indicator.directive.ts`
-Selector: `[eclIndicatorLabel]`
-
-Description: Directive for indicating special content inside the ECL Link. Automatically applies the ecl-indicator\_\_label CSS class.
-
-Properties:
-- `hasClass: unknown = true` — Applies the ecl-indicator\_\_label CSS class.
-
 ### EclInpageNavigationListDirective
 
 File: `packages/ecl/components/ecl-inpage-navigation/ecl-inpage-navigation-list.directive.ts`
@@ -5173,7 +5130,7 @@ Methods:
 
 ### EclPageHeaderBackgroundImageDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-background.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-background.directive.ts`
 Selector: `[eclPageHeaderBackgroundImage]`
 
 Description: Styles the background image inside the page header.
@@ -5188,7 +5145,7 @@ Methods:
 
 ### EclPageHeaderBackgroundPictureDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-background.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-background.directive.ts`
 Selector: `[eclPageHeaderBackgroundPicture]`
 
 Description: Styles the background picture inside the page header.
@@ -5203,7 +5160,7 @@ Methods:
 
 ### EclPageHeaderContainerDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-info.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-info.directive.ts`
 Selector: `[eclPageHeaderContainer]`
 
 Inputs:
@@ -5216,7 +5173,7 @@ Methods:
 
 ### EclPageHeaderDescriptionDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-description.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-description.directive.ts`
 Selector: `p[eclPageHeaderDescription]`
 
 Description: Styles the text description in the page header.
@@ -5231,7 +5188,7 @@ Methods:
 
 ### EclPageHeaderDescriptionPictureDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-description.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-description.directive.ts`
 Selector: `[eclPageHeaderDescriptionPicture]`
 
 Description: Styles a picture used in the page header description.
@@ -5246,7 +5203,7 @@ Methods:
 
 ### EclPageHeaderDescriptionThumbnailDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-description.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-description.directive.ts`
 Selector: `[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]`
 
 Description: Styles a thumbnail or image in the page header description.
@@ -5261,7 +5218,7 @@ Methods:
 
 ### EclPageHeaderExpandableHeaderDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-title.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-title.directive.ts`
 Selector: `[eclPageHeaderExpandableHeader]`
 
 Description: Styles the header section for the page header expandable component.
@@ -5276,7 +5233,7 @@ Methods:
 
 ### EclPageHeaderInfoDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-info.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-info.directive.ts`
 Selector: `[eclPageHeaderInfo]`
 
 Description: Styles the info section in the page header.
@@ -5291,7 +5248,7 @@ Methods:
 
 ### EclPageHeaderMetaDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-meta.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-meta.directive.ts`
 Selector: `[eclPageHeaderMeta]`
 
 Description: Styles the meta section in the page header.
@@ -5306,7 +5263,7 @@ Methods:
 
 ### EclPageHeaderMetaItemDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-meta.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-meta.directive.ts`
 Selector: `[eclPageHeaderMetaItem]`
 
 Description: Styles individual meta items in the page header.
@@ -5324,7 +5281,7 @@ Methods:
 
 ### EclPageHeaderTitleDirective
 
-File: `packages/ecl/components/ecl-page-header/ecl-page-header-title.directive.ts`
+File: `packages/ecl/components/ecl-page-header/ecl-page-header-directives/ecl-page-header-title.directive.ts`
 Selector: `[eclPageHeaderTitle]`
 
 Description: Styles the title section in the page header.
@@ -7396,10 +7353,10 @@ Properties:
 
 ## Public variables
 
-- `ARROW_SIZE: string = '0.5rem'` — Half the arrow's own width, matching ECL's arrowSize .
-  Defined in `packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts`
 - `ARROW_SIZE: string = '0.5rem'` — Half the arrow's own width, matching ECL's arrowSize .
   Defined in `packages/ecl/components/ecl-site-header/language/ecl-site-header-language.component.ts`
+- `ARROW_SIZE: string = '0.5rem'` — Half the arrow's own width, matching ECL's arrowSize .
+  Defined in `packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts`
 - `ARROW_SIZE: string = '0.5rem'` — Half the arrow's own width, matching ECL's arrowSize .
   Defined in `packages/ecl/components/ecl-site-header/search/ecl-site-header-search.component.ts`
 - `AVAILABLE_NON_EU_LOGO_COUNTRY_CODES: string[] = ['ar', 'ca', 'is', 'jp', 'lb', 'no', 'ru', 'sw', 'tr', 'uk', 'zh'] as const`
@@ -7504,7 +7461,7 @@ Properties:
   Defined in `packages/ecl/components/ecl-news-ticker/index.ts`
 - `EUI_ECL_NOTIFICATION: unknown = [ EclNotificationComponent, EclNotificationTitleDirective, EclNotificationIconDirective, EclNotificationLinkDirective, ] as const`
   Defined in `packages/ecl/components/ecl-notification/index.ts`
-- `EUI_ECL_PAGE_HEADER: unknown = [ EclPageHeaderComponent, EclPageHeaderNextComponent, EclPageHeaderContainerDirective, EclPageHeaderExpandableComponent, EclPageHeaderExpandableHeaderDirective,…`
+- `EUI_ECL_PAGE_HEADER: unknown = [ EclPageHeaderComponent, EclPageHeaderContainerDirective, EclPageHeaderExpandableComponent, EclPageHeaderExpandableHeaderDirective, EclPageHeaderInfoDirective,…`
   Defined in `packages/ecl/components/ecl-page-header/index.ts`
 - `EUI_ECL_PAGE_INFORMATION: unknown = [ EclPageInformationDirective, ] as const`
   Defined in `packages/ecl/components/ecl-page-information/index.ts`

package/docs/miscellaneous/variables.html

@@ -138,10 +138,10 @@
                 <td class="col-md-4">
                     <ul class="index-list">
                         <li>
-                            <a href="#ARROW_SIZE" title="packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>ARROW_SIZE</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-site-header-login.component.ts)</span></a>
+                            <a href="#ARROW_SIZE" title="packages/ecl/components/ecl-site-header/language/ecl-site-header-language.component.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>ARROW_SIZE</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-site-header-language.component.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#ARROW_SIZE" title="packages/ecl/components/ecl-site-header/language/ecl-site-header-language.component.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>ARROW_SIZE</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-site-header-language.component.ts)</span></a>
+                            <a href="#ARROW_SIZE" title="packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>ARROW_SIZE</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-site-header-login.component.ts)</span></a>
                         </li>
                         <li>
                             <a href="#ARROW_SIZE" title="packages/ecl/components/ecl-site-header/search/ecl-site-header-search.component.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>ARROW_SIZE</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-site-header-search.component.ts)</span></a>
@@ -411,7 +411,7 @@
     </table>
 </section>
 
-    <h3>packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts</h3>
+    <h3>packages/ecl/components/ecl-site-header/language/ecl-site-header-language.component.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -445,67 +445,67 @@
 
         </tbody>
     </table>
-    <table class="table table-sm table-bordered">
+</section>
+    <h3>packages/ecl/components/ecl-site-header/login/ecl-site-header-login.component.ts</h3>
+    <section data-compodoc="block-properties">
+    <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="RESIZE_DEBOUNCE"></a>
+                    <a name="ARROW_SIZE"></a>
                     <span class="name">
-                        <span ><b>RESIZE_DEBOUNCE</b></span>
-                        <a href="#RESIZE_DEBOUNCE"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>ARROW_SIZE</b></span>
+                        <a href="#ARROW_SIZE"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>200</code>
+                        <i>Default value : </i><code>&#x27;0.5rem&#x27;</code>
                     </td>
                 </tr>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-description"><p>Debounce for the resize recomputation, matching ECL&#39;s <code>handleResize</code>.</p>
+                    <div class="io-description"><p>Half the arrow&#39;s own width, matching ECL&#39;s <code>arrowSize</code>.</p>
 </div>
                 </td>
             </tr>
 
         </tbody>
     </table>
-</section>
-    <h3>packages/ecl/components/ecl-site-header/language/ecl-site-header-language.component.ts</h3>
-    <section data-compodoc="block-properties">
-    <h3></h3>    <table class="table table-sm table-bordered">
+    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="ARROW_SIZE"></a>
+                    <a name="RESIZE_DEBOUNCE"></a>
                     <span class="name">
-                        <span ><b>ARROW_SIZE</b></span>
-                        <a href="#ARROW_SIZE"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>RESIZE_DEBOUNCE</b></span>
+                        <a href="#RESIZE_DEBOUNCE"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;0.5rem&#x27;</code>
+                        <i>Default value : </i><code>200</code>
                     </td>
                 </tr>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-description"><p>Half the arrow&#39;s own width, matching ECL&#39;s <code>arrowSize</code>.</p>
+                    <div class="io-description"><p>Debounce for the resize recomputation, matching ECL&#39;s <code>handleResize</code>.</p>
 </div>
                 </td>
             </tr>
@@ -2406,7 +2406,6 @@
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
     EclPageHeaderComponent,
-    EclPageHeaderNextComponent,
     EclPageHeaderContainerDirective,
     EclPageHeaderExpandableComponent,
     EclPageHeaderExpandableHeaderDirective,

package/docs/overview.html

@@ -129,7 +129,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
-                    <p class="card-text">131 Components</p>
+                    <p class="card-text">129 Components</p>
                 </div>
             </div>
         </div>
@@ -137,7 +137,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
-                    <p class="card-text">213 Directives</p>
+                    <p class="card-text">212 Directives</p>
                 </div>
             </div>
         </div>

package/docs/properties.html

@@ -128,7 +128,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 22.0.0-alpha.35</li>
+            <b>Version</b> : 22.0.0-alpha.37</li>
     </ul>
 
 

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

@@ -1,54 +1,10 @@
+import { EclIndicatorComponent, EclIndicatorLabelDirective } from '@eui/ecl/components/ecl-button';
+export { EclIndicatorComponent, EclIndicatorLabelDirective } from '@eui/ecl/components/ecl-button';
 import * as i0 from '@angular/core';
-import { HostBinding, Component, Directive, inject, ElementRef, Renderer2, input, booleanAttribute, contentChildren, forwardRef, computed, effect } from '@angular/core';
+import { HostBinding, Directive, inject, ElementRef, Renderer2, input, booleanAttribute, contentChildren, forwardRef, computed, effect } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
 
-/**
- * Component for indicating special content inside the ECL Link.
- * Automatically applies the `ecl-indicator` CSS class.
- */
-class EclIndicatorComponent {
-    constructor() {
-        /**
-         * Applies the `ecl-indicator` CSS class.
-         */
-        this.hasClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EclIndicatorComponent, isStandalone: true, selector: "[eclIndicator]", host: { properties: { "class.ecl-indicator": "this.hasClass" } }, ngImport: i0, template: "<span class=\"ecl-indicator__value\"><ng-content></ng-content></span>\n<ng-content select=\"[eclIndicatorLabel]\"></ng-content>" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: '[eclIndicator]', template: "<span class=\"ecl-indicator__value\"><ng-content></ng-content></span>\n<ng-content select=\"[eclIndicatorLabel]\"></ng-content>" }]
-        }], propDecorators: { hasClass: [{
-                type: HostBinding,
-                args: ['class.ecl-indicator']
-            }] } });
-
-/**
- * Directive for indicating special content inside the ECL Link.
- * Automatically applies the `ecl-indicator__label` CSS class.
- */
-class EclIndicatorLabelDirective {
-    constructor() {
-        /**
-         * Applies the `ecl-indicator__label` CSS class.
-         */
-        this.hasClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclIndicatorLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclIndicatorLabelDirective, isStandalone: true, selector: "[eclIndicatorLabel]", host: { properties: { "class.ecl-indicator__label": "this.hasClass" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclIndicatorLabelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclIndicatorLabel]',
-                }]
-        }], propDecorators: { hasClass: [{
-                type: HostBinding,
-                args: ['class.ecl-indicator__label']
-            }] } });
-
 class EclLinkLabelDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-link__label')].join(' ').trim();
@@ -221,5 +177,5 @@ const EUI_ECL_LINK = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_LINK, EclIndicatorComponent, EclIndicatorLabelDirective, EclLinkDirective, EclLinkIconContainerDirective, EclLinkLabelDirective };
+export { EUI_ECL_LINK, EclLinkDirective, EclLinkIconContainerDirective, EclLinkLabelDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-link.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-link.mjs","sources":["../../components/ecl-link/ecl-indicator/ecl-indicator.component.ts","../../components/ecl-link/ecl-indicator/ecl-indicator.component.html","../../components/ecl-link/ecl-indicator/ecl-indicator.directive.ts","../../components/ecl-link/ecl-link-label.directive.ts","../../components/ecl-link/ecl-link.directive.ts","../../components/ecl-link/index.ts","../../components/ecl-link/eui-ecl-components-ecl-link.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n/**\n * Component for indicating special content inside the ECL Link.\n * Automatically applies the `ecl-indicator` CSS class.\n */\n@Component({\n    selector: '[eclIndicator]',\n    templateUrl: './ecl-indicator.component.html',\n})\nexport class EclIndicatorComponent {\n    /**\n     * Applies the `ecl-indicator` CSS class.\n     */\n    @HostBinding('class.ecl-indicator') hasClass = true;\n}\n","<span class=\"ecl-indicator__value\"><ng-content></ng-content></span>\n<ng-content select=\"[eclIndicatorLabel]\"></ng-content>","import { Directive, HostBinding } from '@angular/core';\n\n/**\n * Directive for indicating special content inside the ECL Link.\n * Automatically applies the `ecl-indicator__label` CSS class.\n */\n@Directive({\n    selector: '[eclIndicatorLabel]',\n})\nexport class EclIndicatorLabelDirective {\n    /**\n     * Applies the `ecl-indicator__label` CSS class.\n     */\n    @HostBinding('class.ecl-indicator__label') hasClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n    selector: '[eclLinkLabel]',\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n    }\n}\n\n@Directive({\n    selector: '[eclLinkIconContainer]',\n})\nexport class EclLinkIconContainerDirective {\n    @HostBinding('class.ecl-link__icon-container') hasClass = true;\n}\n","import { booleanAttribute, contentChildren, Directive, ElementRef, HostBinding, inject, input, Renderer2, effect, computed, forwardRef } from '@angular/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * 'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.\n */\n@Directive({\n    selector: '[eclLink]',\n})\nexport class EclLinkDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n    renderer = inject(Renderer2);\n\n    /**\n     * Additional HTML attributes to be set on the link element.\n     * Used e.g. by social-media-follow for passing extra_attributes.\n     */\n    extraAttributes = input<{ name: string; value?: string | null }[] | undefined>();\n\n    /**\n     * Property to style the component as 'inverted' (with dark background). Can be used alone or with 'standalone' variant.\n     */\n    isInverted = input(false, { transform: booleanAttribute });\n\n    /**\n     * Property to style the component if it consist only of an icon.\n     */\n    isIconOnly = input(false, { transform: booleanAttribute });\n\n    /** Adds class for hightlighted link (works only with 'primary' variant)\n     * @deprecated - to be removed in v23. Use variant='primary-highlight', as only primary variant can be highlighted.\n    */\n    isHighlight = input(false, { transform: booleanAttribute });\n\n    /**\n     * @deprecated - will be removed in v21. Deprecated on ECL side.\n     */\n    isNoVisited = input(false, { transform: booleanAttribute });\n\n    isBranded = input(false, { transform: booleanAttribute });\n\n    /**\n     * With 'variant' property user can add some more specific styling to the <a> component.\n     */\n    variant = input<'standalone' | 'primary' | 'secondary' | 'secondary-neutral' | 'primary-neutral' | 'primary-highlight'>();\n\n    eclIconComponents = contentChildren(forwardRef(() => EclIconComponent), { descendants: true });\n\n    constructor() {\n        super();\n        effect(() => {\n            const attrs = this.extraAttributes();\n            if (attrs && attrs.length) {\n                attrs.forEach((attr) => {\n                    if (attr?.name) {\n                        this.el.nativeElement.setAttribute(attr.name, attr.value ?? '');\n                    }\n                });\n            }\n        });\n\n        // Add 'ecl-link__icon' class to child icons reactively.\n        effect(() => {\n            const icons = this.eclIconComponents();\n            if (icons?.length > 0) {\n                icons.forEach((icn) => {\n                    icn.addExtraClass('ecl-link__icon');\n                });\n            }\n        });\n    }\n\n    @HostBinding('class.ecl-link--inverted')\n    get hostIsInverted(): boolean {\n        return (!this.variant() || this.variant() === 'standalone') && this.isInverted();\n    }\n\n    @HostBinding('class.ecl-link--brand')\n    get hostIsBranded(): boolean {\n        return (!this.variant() || this.variant() === 'standalone') && this.isBranded();\n    }\n\n    @HostBinding('class.ecl-link--icon-only')\n    get hostIsIconOnly(): boolean {\n        return this.isIconOnly();\n    }\n\n    @HostBinding('class.ecl-link--icon')\n    get hasIcon(): boolean {\n        return this._hasIcon();\n    }\n\n    private _hasIcon = computed(() => {\n        return this.eclIconComponents()?.length > 0;\n    });\n\n    /**\n     * Adds speific ECL classes to the <a> component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        const variantClass = this.variant()\n            ? (this.variant() === 'secondary' && this.isInverted()\n                ? 'ecl-link--secondary-inverted'\n                : `ecl-link--${this.variant()}`)\n            : '';\n\n        return [super.getCssClasses('ecl-link'),\n            variantClass,\n            (this.variant() === 'primary' && this.isHighlight()) ? 'ecl-link--primary-highlight' : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Calls the native focus() method of the default HTML element.\n     */\n    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n\n    /**\n     * Calls the native click() method of the default HTML element.\n     */\n    onClick(): void {\n        this.el.nativeElement.click();\n    }\n\n    /**\n     * Calls the native blur() method of the default HTML element.\n     */\n    onBlur(): void {\n        this.el.nativeElement.blur();\n    }\n}\n","import { EclIndicatorComponent } from './ecl-indicator/ecl-indicator.component';\nimport { EclIndicatorLabelDirective } from './ecl-indicator/ecl-indicator.directive';\nimport { EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\nimport { EclLinkDirective } from './ecl-link.directive';\n\nexport * from './ecl-link.directive';\nexport * from './ecl-link-label.directive';\nexport * from './ecl-indicator/ecl-indicator.component';\nexport * from './ecl-indicator/ecl-indicator.directive';\n\nexport const EUI_ECL_LINK = [\n    EclLinkDirective, EclLinkLabelDirective, EclLinkIconContainerDirective, EclIndicatorComponent,\n    EclIndicatorLabelDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-link.mjs","sources":["../../components/ecl-link/ecl-link-label.directive.ts","../../components/ecl-link/ecl-link.directive.ts","../../components/ecl-link/index.ts","../../components/ecl-link/eui-ecl-components-ecl-link.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n    selector: '[eclLinkLabel]',\n})\nexport class EclLinkLabelDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n    }\n}\n\n@Directive({\n    selector: '[eclLinkIconContainer]',\n})\nexport class EclLinkIconContainerDirective {\n    @HostBinding('class.ecl-link__icon-container') hasClass = true;\n}\n","import { booleanAttribute, contentChildren, Directive, ElementRef, HostBinding, inject, input, Renderer2, effect, computed, forwardRef } from '@angular/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * 'eclLink' directive is used to add some styling to the defalt HTML anchor component. In order to comply with ECL standards.\n */\n@Directive({\n    selector: '[eclLink]',\n})\nexport class EclLinkDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n    renderer = inject(Renderer2);\n\n    /**\n     * Additional HTML attributes to be set on the link element.\n     * Used e.g. by social-media-follow for passing extra_attributes.\n     */\n    extraAttributes = input<{ name: string; value?: string | null }[] | undefined>();\n\n    /**\n     * Property to style the component as 'inverted' (with dark background). Can be used alone or with 'standalone' variant.\n     */\n    isInverted = input(false, { transform: booleanAttribute });\n\n    /**\n     * Property to style the component if it consist only of an icon.\n     */\n    isIconOnly = input(false, { transform: booleanAttribute });\n\n    /** Adds class for hightlighted link (works only with 'primary' variant)\n     * @deprecated - to be removed in v23. Use variant='primary-highlight', as only primary variant can be highlighted.\n    */\n    isHighlight = input(false, { transform: booleanAttribute });\n\n    /**\n     * @deprecated - will be removed in v21. Deprecated on ECL side.\n     */\n    isNoVisited = input(false, { transform: booleanAttribute });\n\n    isBranded = input(false, { transform: booleanAttribute });\n\n    /**\n     * With 'variant' property user can add some more specific styling to the <a> component.\n     */\n    variant = input<'standalone' | 'primary' | 'secondary' | 'secondary-neutral' | 'primary-neutral' | 'primary-highlight'>();\n\n    eclIconComponents = contentChildren(forwardRef(() => EclIconComponent), { descendants: true });\n\n    constructor() {\n        super();\n        effect(() => {\n            const attrs = this.extraAttributes();\n            if (attrs && attrs.length) {\n                attrs.forEach((attr) => {\n                    if (attr?.name) {\n                        this.el.nativeElement.setAttribute(attr.name, attr.value ?? '');\n                    }\n                });\n            }\n        });\n\n        // Add 'ecl-link__icon' class to child icons reactively.\n        effect(() => {\n            const icons = this.eclIconComponents();\n            if (icons?.length > 0) {\n                icons.forEach((icn) => {\n                    icn.addExtraClass('ecl-link__icon');\n                });\n            }\n        });\n    }\n\n    @HostBinding('class.ecl-link--inverted')\n    get hostIsInverted(): boolean {\n        return (!this.variant() || this.variant() === 'standalone') && this.isInverted();\n    }\n\n    @HostBinding('class.ecl-link--brand')\n    get hostIsBranded(): boolean {\n        return (!this.variant() || this.variant() === 'standalone') && this.isBranded();\n    }\n\n    @HostBinding('class.ecl-link--icon-only')\n    get hostIsIconOnly(): boolean {\n        return this.isIconOnly();\n    }\n\n    @HostBinding('class.ecl-link--icon')\n    get hasIcon(): boolean {\n        return this._hasIcon();\n    }\n\n    private _hasIcon = computed(() => {\n        return this.eclIconComponents()?.length > 0;\n    });\n\n    /**\n     * Adds speific ECL classes to the <a> component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        const variantClass = this.variant()\n            ? (this.variant() === 'secondary' && this.isInverted()\n                ? 'ecl-link--secondary-inverted'\n                : `ecl-link--${this.variant()}`)\n            : '';\n\n        return [super.getCssClasses('ecl-link'),\n            variantClass,\n            (this.variant() === 'primary' && this.isHighlight()) ? 'ecl-link--primary-highlight' : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Calls the native focus() method of the default HTML element.\n     */\n    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n\n    /**\n     * Calls the native click() method of the default HTML element.\n     */\n    onClick(): void {\n        this.el.nativeElement.click();\n    }\n\n    /**\n     * Calls the native blur() method of the default HTML element.\n     */\n    onBlur(): void {\n        this.el.nativeElement.blur();\n    }\n}\n","import { EclIndicatorComponent, EclIndicatorLabelDirective } from '@eui/ecl/components/ecl-button';\nimport { EclLinkIconContainerDirective, EclLinkLabelDirective } from './ecl-link-label.directive';\nimport { EclLinkDirective } from './ecl-link.directive';\n\nexport * from './ecl-link.directive';\nexport * from './ecl-link-label.directive';\n// The indicator component/directive are shared with ecl-button; re-exported here\n// so the ecl-link entry point keeps exposing them (non-breaking) while a single\n// EclIndicatorComponent class exists (avoids NG0912 component ID collision).\nexport { EclIndicatorComponent, EclIndicatorLabelDirective } from '@eui/ecl/components/ecl-button';\n\nexport const EUI_ECL_LINK = [\n    EclLinkDirective, EclLinkLabelDirective, EclLinkIconContainerDirective, EclIndicatorComponent,\n    EclIndicatorLabelDirective,\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-page-header.mjs

@@ -272,7 +272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 /**
  * ECL Page Header component, wraps header content and handles background images and breadcrumb styling.
  */
-class EclPageHeaderNextComponent extends ECLBaseDirective {
+class EclPageHeaderComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
         /**
@@ -314,10 +314,10 @@ class EclPageHeaderNextComponent extends ECLBaseDirective {
             breadcrumb.class = this.BREADCRUMB_CLASS;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclPageHeaderNextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EclPageHeaderNextComponent, isStandalone: true, selector: "div[eclPageHeader]", inputs: { hasBackground: { classPropertyName: "hasBackground", publicName: "hasBackground", isSignal: true, isRequired: false, transformFunction: null }, descriptionPosition: { classPropertyName: "descriptionPosition", publicName: "descriptionPosition", isSignal: true, isRequired: false, transformFunction: null }, picturePosition: { classPropertyName: "picturePosition", publicName: "picturePosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EclPageHeaderComponent, isStandalone: true, selector: "div[eclPageHeader]", inputs: { hasBackground: { classPropertyName: "hasBackground", publicName: "hasBackground", isSignal: true, isRequired: false, transformFunction: null }, descriptionPosition: { classPropertyName: "descriptionPosition", publicName: "descriptionPosition", isSignal: true, isRequired: false, transformFunction: null }, picturePosition: { classPropertyName: "picturePosition", publicName: "picturePosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclPageHeaderNextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[eclPageHeader]', imports: [], host: {
                         '[class]': 'cssClasses',
@@ -408,78 +408,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 }]
         }] });
 
-/**
- * ECL Page Header component, wraps header content and handles background images and breadcrumb styling.
- * @deprecated Use `div[eclPageHeader]` instead. To be removed in v23.
- */
-class EclPageHeaderComponent extends ECLBaseDirective {
-    /**
-     * CSS classes applied to the host.
-     *
-     * @default 'ecl-page-header'
-     * Adds 'ecl-page-header--image' if a background picture exists
-     */
-    get cssClasses() {
-        return [
-            super.getCssClasses('ecl-page-header'),
-            this.hasBackground() ? 'ecl-page-header--background' : '',
-            this.descriptionPosition() ? `ecl-page-header--description-${this.descriptionPosition()}` : '',
-            this.picturePosition() ? `ecl-page-header--picture-${this.picturePosition()}` : '',
-            this.hasPicture ? 'ecl-page-header--image' : '',
-            // this.colorMode() ? `ecl-color-mode--${this.colorMode()}` : '',
-        ]
-            .join(' ')
-            .trim();
-    }
-    constructor() {
-        super();
-        /**
-         * Reference to the ECL breadcrumb inside the header.
-         */
-        this.eclBreadcrumbComponent = contentChild(EclBreadcrumbComponent, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "eclBreadcrumbComponent" }] : /* istanbul ignore next */ []));
-        /**
-         * Reference to the background picture directive, if present.
-         */
-        this.eclBackgroundPicture = contentChild(EclPageHeaderBackgroundPictureDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "eclBackgroundPicture" }] : /* istanbul ignore next */ []));
-        // colorMode = input<string | null>(null);
-        this.hasBackground = input(false, { ...(ngDevMode ? { debugName: "hasBackground" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.descriptionPosition = input('top', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "descriptionPosition" }] : /* istanbul ignore next */ []));
-        this.picturePosition = input('top', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "picturePosition" }] : /* istanbul ignore next */ []));
-        this.BREADCRUMB_CLASS = 'ecl-page-header__breadcrumb';
-        console.warn('"ecl-page-header" selector is deprecated; use "div[eclPageHeader]" instead.');
-    }
-    /**
-     * Adds CSS class to the breadcrumb after content initialization.
-     */
-    ngAfterContentInit() {
-        const eclBreadcrumbComponent = this.eclBreadcrumbComponent();
-        if (eclBreadcrumbComponent) {
-            eclBreadcrumbComponent.class = this.BREADCRUMB_CLASS;
-        }
-    }
-    /**
-     * True if a background picture exists.
-     */
-    get hasPicture() {
-        return !!this.eclBackgroundPicture();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EclPageHeaderComponent, isStandalone: true, selector: "ecl-page-header", inputs: { hasBackground: { classPropertyName: "hasBackground", publicName: "hasBackground", isSignal: true, isRequired: false, transformFunction: null }, descriptionPosition: { classPropertyName: "descriptionPosition", publicName: "descriptionPosition", isSignal: true, isRequired: false, transformFunction: null }, picturePosition: { classPropertyName: "picturePosition", publicName: "picturePosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true, isSignal: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\">\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: "22.1.2", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ecl-page-header', imports: [NgTemplateOutlet], host: {
-                        '[class]': 'cssClasses',
-                    }, template: "<ng-content select=\"[eclPageHeaderExpandable]\"></ng-content>\n@if(hasPicture){\n<div class=\"ecl-page-header__background-container\">\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"] }]
-        }], ctorParameters: () => [], propDecorators: { eclBreadcrumbComponent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclBreadcrumbComponent), { isSignal: true }] }], eclBackgroundPicture: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EclPageHeaderBackgroundPictureDirective), { isSignal: true }] }], hasBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackground", required: false }] }], descriptionPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionPosition", required: false }] }], picturePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "picturePosition", required: false }] }] } });
-
 const EUI_ECL_PAGE_HEADER = [
     EclPageHeaderComponent,
-    EclPageHeaderNextComponent,
     EclPageHeaderContainerDirective,
     EclPageHeaderExpandableComponent,
     EclPageHeaderExpandableHeaderDirective,
@@ -502,5 +432,5 @@ const EUI_ECL_PAGE_HEADER = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_PAGE_HEADER, EclContainerDirective, EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective, EclPageHeaderComponent, EclPageHeaderContainerDirective, EclPageHeaderDescriptionContainerComponent, EclPageHeaderDescriptionDirective, EclPageHeaderDescriptionPictureDirective, EclPageHeaderDescriptionThumbnailDirective, EclPageHeaderExpandableComponent, EclPageHeaderExpandableHeaderDirective, EclPageHeaderInfoDirective, EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective, EclPageHeaderNextComponent, EclPageHeaderSectionComponent, EclPageHeaderSectionInfoComponent, EclPageHeaderTitleDirective };
+export { EUI_ECL_PAGE_HEADER, EclContainerDirective, EclPageHeaderBackgroundImageDirective, EclPageHeaderBackgroundPictureDirective, EclPageHeaderComponent, EclPageHeaderContainerDirective, EclPageHeaderDescriptionContainerComponent, EclPageHeaderDescriptionDirective, EclPageHeaderDescriptionPictureDirective, EclPageHeaderDescriptionThumbnailDirective, EclPageHeaderExpandableComponent, EclPageHeaderExpandableHeaderDirective, EclPageHeaderInfoDirective, EclPageHeaderMetaDirective, EclPageHeaderMetaItemDirective, EclPageHeaderSectionComponent, EclPageHeaderSectionInfoComponent, EclPageHeaderTitleDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-page-header.mjs.map