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

package/docs/json/documentation.json

@@ -11495,11 +11495,6 @@
                         "type": "component",
                         "description": "ECL Page Header expandable component. As a part of the PageHeader, it represents expandable content, placed at the top of the parent comp..."
                     },
-                    {
-                        "name": "EclPageHeaderNextComponent",
-                        "type": "component",
-                        "description": "ECL Page Header component, wraps header content and handles background images and breadcrumb styling."
-                    },
                     {
                         "name": "EclPageHeaderSectionComponent",
                         "type": "component"
@@ -11526,6 +11521,11 @@
                         "name": "EclQuizCardComponent",
                         "type": "component",
                         "description": "ECL Quiz Card component – represents a single card in the quiz. For the 'reveal' variant, the entire card is clickable to flip. For the '..."
+                    },
+                    {
+                        "name": "EclQuizComponent",
+                        "type": "component",
+                        "description": "ECL Quiz component – renders a carousel of quiz cards with navigation. Supports two variants: 'reveal' (flip cards) and 'poll' (multiple..."
                     }
                 ],
                 "outgoing": []
@@ -13321,7 +13321,7 @@
         {
             "name": "EclContainerDirective",
             "id": "directive-EclContainerDirective-1734adc0c3818a1ec39ba92b424db439991e0ddaabfa86139e9c44e4522d2ce5323a53832f3e2fef4164e966acd82b36177d9adfd5f4e80b9f8d71896d6372c9",
-            "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",
             "type": "directive",
             "description": "",
             "rawdescription": "\n",
@@ -28070,7 +28070,7 @@
         {
             "name": "EclPageHeaderBackgroundImageDirective",
             "id": "directive-EclPageHeaderBackgroundImageDirective-b515fe80c7194005016a1a710cee5dd95f9611857ae3a18bf2830e6022711b22a60753a7c79cc07949551e7ff82974b0af53d143623d92b9af81f75e43b803f1",
-            "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",
             "type": "directive",
             "description": "<p>Styles the background image inside the page header.</p>\n",
             "rawdescription": "\n\nStyles the background image inside the page header.\n",
@@ -28199,7 +28199,7 @@
         {
             "name": "EclPageHeaderBackgroundPictureDirective",
             "id": "directive-EclPageHeaderBackgroundPictureDirective-b515fe80c7194005016a1a710cee5dd95f9611857ae3a18bf2830e6022711b22a60753a7c79cc07949551e7ff82974b0af53d143623d92b9af81f75e43b803f1",
-            "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",
             "type": "directive",
             "description": "<p>Styles the background picture inside the page header.</p>\n",
             "rawdescription": "\n\nStyles the background picture inside the page header.\n",
@@ -28328,7 +28328,7 @@
         {
             "name": "EclPageHeaderContainerDirective",
             "id": "directive-EclPageHeaderContainerDirective-1734adc0c3818a1ec39ba92b424db439991e0ddaabfa86139e9c44e4522d2ce5323a53832f3e2fef4164e966acd82b36177d9adfd5f4e80b9f8d71896d6372c9",
-            "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",
             "type": "directive",
             "description": "",
             "rawdescription": "\n",
@@ -28445,7 +28445,7 @@
         {
             "name": "EclPageHeaderDescriptionDirective",
             "id": "directive-EclPageHeaderDescriptionDirective-b49a2c3fe612023f61f6b53be80341391111626d1b26b631457d15a1fa46351fc3d6cc3b774423746bea0588bc9fc182625e4ac692754459be85951154609e13",
-            "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",
             "type": "directive",
             "description": "<p>Styles the text description in the page header.</p>\n",
             "rawdescription": "\n\nStyles the text description in the page header.\n",
@@ -28574,7 +28574,7 @@
         {
             "name": "EclPageHeaderDescriptionPictureDirective",
             "id": "directive-EclPageHeaderDescriptionPictureDirective-b49a2c3fe612023f61f6b53be80341391111626d1b26b631457d15a1fa46351fc3d6cc3b774423746bea0588bc9fc182625e4ac692754459be85951154609e13",
-            "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",
             "type": "directive",
             "description": "<p>Styles a picture used in the page header description.</p>\n",
             "rawdescription": "\n\nStyles a picture used in the page header description.\n",
@@ -28703,7 +28703,7 @@
         {
             "name": "EclPageHeaderDescriptionThumbnailDirective",
             "id": "directive-EclPageHeaderDescriptionThumbnailDirective-b49a2c3fe612023f61f6b53be80341391111626d1b26b631457d15a1fa46351fc3d6cc3b774423746bea0588bc9fc182625e4ac692754459be85951154609e13",
-            "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",
             "type": "directive",
             "description": "<p>Styles a thumbnail or image in the page header description.</p>\n",
             "rawdescription": "\n\nStyles a thumbnail or image in the page header description.\n",
@@ -28832,7 +28832,7 @@
         {
             "name": "EclPageHeaderExpandableHeaderDirective",
             "id": "directive-EclPageHeaderExpandableHeaderDirective-39d2cac94378b8f5bf5da972e9a043fee0da158da099ff29a26062d2bbda44de7c3116319192ef0399d66bdbe11ea01b88fa27477cacddd9000f0fe61a544a68",
-            "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",
             "type": "directive",
             "description": "<p>Styles the header section for the page header expandable component.</p>\n",
             "rawdescription": "\n\nStyles the header section for the page header expandable component.\n",
@@ -28974,7 +28974,7 @@
         {
             "name": "EclPageHeaderInfoDirective",
             "id": "directive-EclPageHeaderInfoDirective-1734adc0c3818a1ec39ba92b424db439991e0ddaabfa86139e9c44e4522d2ce5323a53832f3e2fef4164e966acd82b36177d9adfd5f4e80b9f8d71896d6372c9",
-            "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",
             "type": "directive",
             "description": "<p>Styles the info section in the page header.</p>\n",
             "rawdescription": "\n\nStyles the info section in the page header.\n",
@@ -29103,7 +29103,7 @@
         {
             "name": "EclPageHeaderMetaDirective",
             "id": "directive-EclPageHeaderMetaDirective-eb0f289b76656b32748ded68475925d1e84a131daef85a57fd7892a286b34628704e569231dc3f4d62f7973a1ad136fbef76cb7697542888c251847ee29164f0",
-            "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",
             "type": "directive",
             "description": "<p>Styles the meta section in the page header.</p>\n",
             "rawdescription": "\n\nStyles the meta section in the page header.\n",
@@ -29232,7 +29232,7 @@
         {
             "name": "EclPageHeaderMetaItemDirective",
             "id": "directive-EclPageHeaderMetaItemDirective-eb0f289b76656b32748ded68475925d1e84a131daef85a57fd7892a286b34628704e569231dc3f4d62f7973a1ad136fbef76cb7697542888c251847ee29164f0",
-            "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",
             "type": "directive",
             "description": "<p>Styles individual meta items in the page header.</p>\n",
             "rawdescription": "\n\nStyles individual meta items in the page header.\n",
@@ -29395,7 +29395,7 @@
         {
             "name": "EclPageHeaderTitleDirective",
             "id": "directive-EclPageHeaderTitleDirective-39d2cac94378b8f5bf5da972e9a043fee0da158da099ff29a26062d2bbda44de7c3116319192ef0399d66bdbe11ea01b88fa27477cacddd9000f0fe61a544a68",
-            "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",
             "type": "directive",
             "description": "<p>Styles the title section in the page header.</p>\n",
             "rawdescription": "\n\nStyles the title section in the page header.\n",
@@ -70203,7 +70203,7 @@
         },
         {
             "name": "EclPageHeaderComponent",
-            "id": "component-EclPageHeaderComponent-83a4f2c3676fef6adbe0f1035d98a05c40db326e3a4b9eb71ad72248f4d2029b529ab88b00d7251d1c9221bc19ad1fc2d1d38e4bdaccb6ec545cd1cda672658b",
+            "id": "component-EclPageHeaderComponent-a822373bae42006415c7ac4f6168ba87c01ddf2f407b8eb34a72763c4f4d92738088ddcf7d2be3236e5bd707a0113eb88b9e061e430bd5e254171c37a0bc55eb",
             "file": "packages/ecl/components/ecl-page-header/ecl-page-header.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -70211,11 +70211,9 @@
             "inputs": [],
             "outputs": [],
             "providers": [],
-            "selector": "ecl-page-header",
+            "selector": "div[eclPageHeader]",
             "styleUrls": [],
-            "styles": [
-                "\n            :host {\n                display: block;\n            }\n        "
-            ],
+            "styles": [],
             "templateUrl": [
                 "./ecl-page-header.component.html"
             ],
@@ -70233,7 +70231,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 58,
+                    "line": 42,
                     "rawdescription": "\n",
                     "required": false
                 },
@@ -70247,7 +70245,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 57,
+                    "line": 41,
                     "rawdescription": "\n",
                     "required": false
                 },
@@ -70261,7 +70259,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 59,
+                    "line": 43,
                     "rawdescription": "\n",
                     "required": false
                 },
@@ -70311,22 +70309,6 @@
             ],
             "outputsClass": [],
             "propertiesClass": [
-                {
-                    "name": "eclBackgroundPicture",
-                    "coverageIgnore": false,
-                    "defaultValue": "contentChild(EclPageHeaderBackgroundPictureDirective)",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Reference to the background picture directive, if present.</p>\n",
-                    "line": 54,
-                    "rawdescription": "\n\nReference to the background picture directive, if present.\n",
-                    "modifierKind": [
-                        148
-                    ]
-                },
                 {
                     "name": "eclBreadcrumbComponent",
                     "coverageIgnore": false,
@@ -70337,11 +70319,8 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Reference to the ECL breadcrumb inside the header.</p>\n",
-                    "line": 49,
-                    "rawdescription": "\n\nReference to the ECL breadcrumb inside the header.\n",
-                    "modifierKind": [
-                        148
-                    ]
+                    "line": 38,
+                    "rawdescription": "\n\nReference to the ECL breadcrumb inside the header.\n"
                 }
             ],
             "methodsClass": [
@@ -70352,7 +70331,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 71,
+                    "line": 50,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nAdds CSS class to the breadcrumb after content initialization.\n",
@@ -70398,53 +70377,31 @@
                 }
             ],
             "coverageIgnore": false,
-            "deprecated": true,
-            "deprecationMessage": "Use `div[eclPageHeader]` instead. To be removed in v23.",
+            "deprecated": false,
+            "deprecationMessage": "",
             "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
-            "imports": [
-                {
-                    "name": "NgTemplateOutlet"
-                }
-            ],
+            "imports": [],
             "description": "<p>ECL Page Header component, wraps header content and handles background images and breadcrumb styling.</p>\n",
             "rawdescription": "\n\nECL Page Header component, wraps header content and handles background images and breadcrumb styling.\n",
             "type": "component",
-            "sourceCode": "import { AfterContentInit, booleanAttribute, Component, input, contentChild } 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 * @deprecated Use `div[eclPageHeader]` instead. To be removed in v23.\n */\n@Component({\n    selector: 'ecl-page-header',\n    templateUrl: './ecl-page-header.component.html',\n    imports: [NgTemplateOutlet],\n    host: {\n        '[class]': 'cssClasses',\n    },\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    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-page-header'),\n            this.hasBackground() ? 'ecl-page-header--background' : '',\n            this.descriptionPosition() ? `ecl-page-header--description-${this.descriptionPosition()}` : '',\n            this.picturePosition() ? `ecl-page-header--picture-${this.picturePosition()}` : '',\n            this.hasPicture ? 'ecl-page-header--image' : '',\n            // this.colorMode() ? `ecl-color-mode--${this.colorMode()}` : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Reference to the ECL breadcrumb inside the header.\n     */\n    readonly eclBreadcrumbComponent = contentChild(EclBreadcrumbComponent);\n\n    /**\n     * Reference to the background picture directive, if present.\n     */\n    readonly eclBackgroundPicture = contentChild(EclPageHeaderBackgroundPictureDirective);\n\n    // colorMode = input<string | null>(null);\n    hasBackground = input(false, { transform: booleanAttribute });\n    descriptionPosition = input<'top' | 'bottom'>('top');\n    picturePosition = input<'top' | 'beside' | 'bottom'>('top');\n\n    private readonly BREADCRUMB_CLASS = 'ecl-page-header__breadcrumb';\n\n    constructor() {\n        super();\n        console.warn('\"ecl-page-header\" selector is deprecated; use \"div[eclPageHeader]\" instead.');\n    }\n\n    /**\n     * Adds CSS class to the breadcrumb after content initialization.\n     */\n    ngAfterContentInit(): void {\n        const eclBreadcrumbComponent = this.eclBreadcrumbComponent();\n        if (eclBreadcrumbComponent) {\n            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",
+            "sourceCode": "import { AfterContentInit, booleanAttribute, Component, contentChild, input } from '@angular/core';\nimport { EclBreadcrumbComponent } from '@eui/ecl/components/ecl-breadcrumb';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * ECL Page Header component, wraps header content and handles background images and breadcrumb styling.\n */\n@Component({\n    selector: 'div[eclPageHeader]',\n    templateUrl: './ecl-page-header.component.html',\n    imports: [],\n    host: {\n        '[class]': 'cssClasses',\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    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-page-header'),\n            // this.colorMode() ? `ecl-color-mode--${this.colorMode()}` : '',\n            this.hasBackground() ? 'ecl-page-header--background' : '',\n            this.descriptionPosition() ? `ecl-page-header--description-${this.descriptionPosition()}` : '',\n            this.picturePosition() ? `ecl-page-header--picture-${this.picturePosition()}` : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Reference to the ECL breadcrumb inside the header.\n     */\n    eclBreadcrumbComponent = contentChild(EclBreadcrumbComponent);\n\n    // colorMode = input<string | null>(null);\n    hasBackground = input(false, { transform: booleanAttribute });\n    descriptionPosition = input<'top' | 'bottom'>('top');\n    picturePosition = input<'top' | 'beside' | 'bottom'>('top');\n\n    private readonly BREADCRUMB_CLASS = 'ecl-page-header__breadcrumb ecl-breadcrumb--wrap';\n\n    /**\n     * Adds CSS class to the breadcrumb after content initialization.\n     */\n    ngAfterContentInit(): void {\n        const breadcrumb = this.eclBreadcrumbComponent();\n        if (breadcrumb) {\n            breadcrumb.class = this.BREADCRUMB_CLASS;\n        }\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
-            "stylesData": "\n            :host {\n                display: block;\n            }\n        \n",
+            "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 489,
-                    "end": 558,
-                    "kind": 332,
+                    "pos": 228,
+                    "end": 340,
+                    "kind": 321,
                     "id": 0,
                     "flags": 16777216,
                     "modifierFlagsCache": 0,
                     "transformFlags": 0,
-                    "tagName": {
-                        "pos": 490,
-                        "end": 500,
-                        "kind": 80,
-                        "id": 0,
-                        "flags": 16777216,
-                        "transformFlags": 0,
-                        "escapedText": "deprecated"
-                    },
-                    "comment": "<p>Use <code>div[eclPageHeader]</code> instead. To be removed in v23.</p>\n"
+                    "comment": "ECL Page Header component, wraps header content and handles background images and breadcrumb styling."
                 }
             ],
-            "constructorObj": {
-                "name": "constructor",
-                "description": "",
-                "deprecated": false,
-                "deprecationMessage": "",
-                "args": [],
-                "line": 61,
-                "rawdescription": "\n"
-            },
             "extends": [
                 "ECLBaseDirective"
             ],
@@ -70458,21 +70415,21 @@
                         "name": "cssClasses",
                         "type": "string",
                         "returnType": "string",
-                        "line": 33,
+                        "line": 23,
                         "rawdescription": "\n\nCSS classes applied to the host.\n\n'ecl-page-header'\nAdds 'ecl-page-header--image' if a background picture exists\n",
                         "description": "<p>CSS classes applied to the host.</p>\n<p>&#39;ecl-page-header&#39;\nAdds &#39;ecl-page-header--image&#39; if a background picture exists</p>\n",
                         "jsdoctags": [
                             {
-                                "pos": 1009,
-                                "end": 1109,
+                                "pos": 668,
+                                "end": 768,
                                 "kind": 328,
                                 "id": 0,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
                                 "tagName": {
-                                    "pos": 1010,
-                                    "end": 1017,
+                                    "pos": 669,
+                                    "end": 676,
                                     "kind": 80,
                                     "id": 0,
                                     "flags": 16842752,
@@ -70483,26 +70440,11 @@
                             }
                         ]
                     }
-                },
-                "hasPicture": {
-                    "name": "hasPicture",
-                    "getSignature": {
-                        "name": "hasPicture",
-                        "type": "boolean",
-                        "returnType": "boolean",
-                        "line": 81,
-                        "rawdescription": "\n\nTrue if a background picture exists.\n",
-                        "description": "<p>True if a background picture exists.</p>\n"
-                    }
                 }
             },
             "relationships": {
                 "incoming": [],
                 "outgoing": [
-                    {
-                        "name": "NgTemplateOutlet",
-                        "type": "module"
-                    },
                     {
                         "name": "ECLBaseDirective",
                         "type": "directive"
@@ -70513,7 +70455,7 @@
                     }
                 ]
             },
-            "templateData": "<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>"
+            "templateData": "<ng-content></ng-content>"
         },
         {
             "name": "EclPageHeaderDescriptionContainerComponent",
@@ -70930,262 +70872,6 @@
             },
             "templateData": "<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        @if (hasProjectedContent()) {\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        }\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\" #projectedSlot>\n        <ng-content></ng-content>\n    </div>\n</div>"
         },
-        {
-            "name": "EclPageHeaderNextComponent",
-            "id": "component-EclPageHeaderNextComponent-0bbbffda47e8a29223e67d86defc82f04f415661f90d2296486cf6319d474c70c4aa3bf83b04979f23e1c0b9090a3c2bf05007940b09f5c93cbc48dac917a110",
-            "file": "packages/ecl/components/ecl-page-header/ecl-page-header-next/ecl-page-header-next.component.ts",
-            "encapsulation": [],
-            "entryComponents": [],
-            "host": {},
-            "inputs": [],
-            "outputs": [],
-            "providers": [],
-            "selector": "div[eclPageHeader]",
-            "styleUrls": [],
-            "styles": [],
-            "templateUrl": [
-                "./ecl-page-header-next.component.html"
-            ],
-            "templateVariables": [],
-            "viewProviders": [],
-            "hostDirectives": [],
-            "inputsClass": [
-                {
-                    "name": "descriptionPosition",
-                    "coverageIgnore": false,
-                    "defaultValue": "'top'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "\"top\" | \"bottom\"",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 42,
-                    "rawdescription": "\n",
-                    "required": false
-                },
-                {
-                    "name": "hasBackground",
-                    "coverageIgnore": false,
-                    "defaultValue": "false",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "boolean",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 41,
-                    "rawdescription": "\n",
-                    "required": false
-                },
-                {
-                    "name": "picturePosition",
-                    "coverageIgnore": false,
-                    "defaultValue": "'top'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "\"top\" | \"beside\" | \"bottom\"",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 43,
-                    "rawdescription": "\n",
-                    "required": false
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 8,
-                    "type": "string",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "ECLBaseDirective"
-                    }
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "e2eAttr",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 10,
-                    "type": "any",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "ECLBaseDirective"
-                    }
-                },
-                {
-                    "coverageIgnore": false,
-                    "required": false,
-                    "name": "tabindex",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 13,
-                    "type": "number",
-                    "decorators": [],
-                    "inheritance": {
-                        "file": "ECLBaseDirective"
-                    }
-                }
-            ],
-            "outputsClass": [],
-            "propertiesClass": [
-                {
-                    "name": "eclBreadcrumbComponent",
-                    "coverageIgnore": false,
-                    "defaultValue": "contentChild(EclBreadcrumbComponent)",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Reference to the ECL breadcrumb inside the header.</p>\n",
-                    "line": 38,
-                    "rawdescription": "\n\nReference to the ECL breadcrumb inside the header.\n"
-                }
-            ],
-            "methodsClass": [
-                {
-                    "name": "ngAfterContentInit",
-                    "coverageIgnore": false,
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 50,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdds CSS class to the breadcrumb after content initialization.\n",
-                    "description": "<p>Adds CSS class to the breadcrumb after content initialization.</p>\n"
-                },
-                {
-                    "name": "getCssClasses",
-                    "coverageIgnore": false,
-                    "args": [
-                        {
-                            "name": "rootClass",
-                            "type": "string",
-                            "optional": false,
-                            "dotDotDotToken": false,
-                            "deprecated": false,
-                            "deprecationMessage": ""
-                        }
-                    ],
-                    "optional": false,
-                    "returnType": "string",
-                    "typeParameters": [],
-                    "line": 15,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "jsdoctags": [
-                        {
-                            "name": "rootClass",
-                            "type": "string",
-                            "optional": false,
-                            "dotDotDotToken": false,
-                            "deprecated": false,
-                            "deprecationMessage": "",
-                            "tagName": {
-                                "text": "param"
-                            }
-                        }
-                    ],
-                    "inheritance": {
-                        "file": "ECLBaseDirective"
-                    }
-                }
-            ],
-            "coverageIgnore": false,
-            "deprecated": false,
-            "deprecationMessage": "",
-            "hostBindings": [],
-            "hostListeners": [],
-            "standalone": false,
-            "imports": [],
-            "description": "<p>ECL Page Header component, wraps header content and handles background images and breadcrumb styling.</p>\n",
-            "rawdescription": "\n\nECL Page Header component, wraps header content and handles background images and breadcrumb styling.\n",
-            "type": "component",
-            "sourceCode": "import { AfterContentInit, booleanAttribute, Component, contentChild, input } from '@angular/core';\nimport { EclBreadcrumbComponent } from '@eui/ecl/components/ecl-breadcrumb';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * ECL Page Header component, wraps header content and handles background images and breadcrumb styling.\n */\n@Component({\n    selector: 'div[eclPageHeader]',\n    templateUrl: './ecl-page-header-next.component.html',\n    imports: [],\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclPageHeaderNextComponent 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    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-page-header'),\n            // this.colorMode() ? `ecl-color-mode--${this.colorMode()}` : '',\n            this.hasBackground() ? 'ecl-page-header--background' : '',\n            this.descriptionPosition() ? `ecl-page-header--description-${this.descriptionPosition()}` : '',\n            this.picturePosition() ? `ecl-page-header--picture-${this.picturePosition()}` : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Reference to the ECL breadcrumb inside the header.\n     */\n    eclBreadcrumbComponent = contentChild(EclBreadcrumbComponent);\n\n    // colorMode = input<string | null>(null);\n    hasBackground = input(false, { transform: booleanAttribute });\n    descriptionPosition = input<'top' | 'bottom'>('top');\n    picturePosition = input<'top' | 'beside' | 'bottom'>('top');\n\n    private readonly BREADCRUMB_CLASS = 'ecl-page-header__breadcrumb ecl-breadcrumb--wrap';\n\n    /**\n     * Adds CSS class to the breadcrumb after content initialization.\n     */\n    ngAfterContentInit(): void {\n        const breadcrumb = this.eclBreadcrumbComponent();\n        if (breadcrumb) {\n            breadcrumb.class = this.BREADCRUMB_CLASS;\n        }\n    }\n}\n",
-            "assetsDirs": [],
-            "styleUrlsData": "",
-            "stylesData": "",
-            "jsdoctags": [
-                {
-                    "pos": 228,
-                    "end": 340,
-                    "kind": 321,
-                    "id": 0,
-                    "flags": 16777216,
-                    "modifierFlagsCache": 0,
-                    "transformFlags": 0,
-                    "comment": "ECL Page Header component, wraps header content and handles background images and breadcrumb styling."
-                }
-            ],
-            "extends": [
-                "ECLBaseDirective"
-            ],
-            "implements": [
-                "AfterContentInit"
-            ],
-            "accessors": {
-                "cssClasses": {
-                    "name": "cssClasses",
-                    "getSignature": {
-                        "name": "cssClasses",
-                        "type": "string",
-                        "returnType": "string",
-                        "line": 23,
-                        "rawdescription": "\n\nCSS classes applied to the host.\n\n'ecl-page-header'\nAdds 'ecl-page-header--image' if a background picture exists\n",
-                        "description": "<p>CSS classes applied to the host.</p>\n<p>&#39;ecl-page-header&#39;\nAdds &#39;ecl-page-header--image&#39; if a background picture exists</p>\n",
-                        "jsdoctags": [
-                            {
-                                "pos": 677,
-                                "end": 777,
-                                "kind": 328,
-                                "id": 0,
-                                "flags": 16842752,
-                                "modifierFlagsCache": 0,
-                                "transformFlags": 0,
-                                "tagName": {
-                                    "pos": 678,
-                                    "end": 685,
-                                    "kind": 80,
-                                    "id": 0,
-                                    "flags": 16842752,
-                                    "transformFlags": 0,
-                                    "escapedText": "default"
-                                },
-                                "comment": "<p>&#39;ecl-page-header&#39;\nAdds &#39;ecl-page-header--image&#39; if a background picture exists</p>\n"
-                            }
-                        ]
-                    }
-                }
-            },
-            "relationships": {
-                "incoming": [],
-                "outgoing": [
-                    {
-                        "name": "ECLBaseDirective",
-                        "type": "directive"
-                    },
-                    {
-                        "name": "AfterContentInit",
-                        "type": "interface"
-                    }
-                ]
-            },
-            "templateData": "<ng-content></ng-content>"
-        },
         {
             "name": "EclPageHeaderSectionComponent",
             "id": "component-EclPageHeaderSectionComponent-10c0c99f0ff4dc4505681f4dcef60d72a222c2566411a3f24e1936af30d62c0cd6be3aef9857da5b2bcc586687ff3db72932a38e1d548dfb7d5bfea8af3ad219",
@@ -91412,7 +91098,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "unknown",
-                "defaultValue": "[\n    EclPageHeaderComponent,\n    EclPageHeaderNextComponent,\n    EclPageHeaderContainerDirective,\n    EclPageHeaderExpandableComponent,\n    EclPageHeaderExpandableHeaderDirective,\n    EclPageHeaderInfoDirective,\n    EclPageHeaderMetaDirective,\n    EclPageHeaderMetaItemDirective,\n    EclPageHeaderTitleDirective,\n    EclPageHeaderDescriptionDirective,\n    EclPageHeaderDescriptionThumbnailDirective,\n    EclPageHeaderDescriptionContainerComponent,\n    EclPageHeaderDescriptionPictureDirective,\n    EclPageHeaderBackgroundPictureDirective,\n    EclPageHeaderBackgroundImageDirective,\n    EclPageHeaderSectionComponent,\n    EclPageHeaderSectionInfoComponent,\n    EclContainerDirective,\n] as const"
+                "defaultValue": "[\n    EclPageHeaderComponent,\n    EclPageHeaderContainerDirective,\n    EclPageHeaderExpandableComponent,\n    EclPageHeaderExpandableHeaderDirective,\n    EclPageHeaderInfoDirective,\n    EclPageHeaderMetaDirective,\n    EclPageHeaderMetaItemDirective,\n    EclPageHeaderTitleDirective,\n    EclPageHeaderDescriptionDirective,\n    EclPageHeaderDescriptionThumbnailDirective,\n    EclPageHeaderDescriptionContainerComponent,\n    EclPageHeaderDescriptionPictureDirective,\n    EclPageHeaderBackgroundPictureDirective,\n    EclPageHeaderBackgroundImageDirective,\n    EclPageHeaderSectionComponent,\n    EclPageHeaderSectionInfoComponent,\n    EclContainerDirective,\n] as const"
             },
             {
                 "name": "EUI_ECL_PAGE_INFORMATION",
@@ -93063,7 +92749,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "unknown",
-                    "defaultValue": "[\n    EclPageHeaderComponent,\n    EclPageHeaderNextComponent,\n    EclPageHeaderContainerDirective,\n    EclPageHeaderExpandableComponent,\n    EclPageHeaderExpandableHeaderDirective,\n    EclPageHeaderInfoDirective,\n    EclPageHeaderMetaDirective,\n    EclPageHeaderMetaItemDirective,\n    EclPageHeaderTitleDirective,\n    EclPageHeaderDescriptionDirective,\n    EclPageHeaderDescriptionThumbnailDirective,\n    EclPageHeaderDescriptionContainerComponent,\n    EclPageHeaderDescriptionPictureDirective,\n    EclPageHeaderBackgroundPictureDirective,\n    EclPageHeaderBackgroundImageDirective,\n    EclPageHeaderSectionComponent,\n    EclPageHeaderSectionInfoComponent,\n    EclContainerDirective,\n] as const"
+                    "defaultValue": "[\n    EclPageHeaderComponent,\n    EclPageHeaderContainerDirective,\n    EclPageHeaderExpandableComponent,\n    EclPageHeaderExpandableHeaderDirective,\n    EclPageHeaderInfoDirective,\n    EclPageHeaderMetaDirective,\n    EclPageHeaderMetaItemDirective,\n    EclPageHeaderTitleDirective,\n    EclPageHeaderDescriptionDirective,\n    EclPageHeaderDescriptionThumbnailDirective,\n    EclPageHeaderDescriptionContainerComponent,\n    EclPageHeaderDescriptionPictureDirective,\n    EclPageHeaderBackgroundPictureDirective,\n    EclPageHeaderBackgroundImageDirective,\n    EclPageHeaderSectionComponent,\n    EclPageHeaderSectionInfoComponent,\n    EclContainerDirective,\n] as const"
                 }
             ],
             "packages/ecl/components/ecl-page-information/index.ts": [