@eui/ecl 22.0.0-alpha.32 → 22.0.0-alpha.34

package/docs/json/documentation.json

@@ -31160,12 +31160,12 @@
         },
         {
             "name": "EclSelectDirective",
-            "id": "directive-EclSelectDirective-36ef5f7007c4762cef597fe798ac40154fd44ca5a8830e72bdd1d9973187dcecbc79f63e0d964a15702689da84f2171b162e1fe243c26247df26b842c10d4723",
+            "id": "directive-EclSelectDirective-295863edc7c93bb82eb11114b171204469ad3c18ecb9782ed1eade871e3ba5a6fe8550d90f548da49ec399e2a55521e129202400aea1ff540902fbf6f7f674b6",
             "file": "packages/ecl/components/ecl-select/ecl-select.directive.ts",
             "type": "directive",
             "description": "<p>Directive that enhances a native <select> element with ECL styling\nby wrapping it inside an {@link EclSelectContainerComponent}.</p>\n",
             "rawdescription": "\n\nDirective that enhances a native <select> element with ECL styling\nby wrapping it inside an {@link EclSelectContainerComponent}.\n",
-            "sourceCode": "import {\n    AfterContentInit,\n    ComponentRef,\n    Directive,\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Injector,\n    OnDestroy,\n    OnInit,\n    PLATFORM_ID,\n    Renderer2,\n    ViewContainerRef,\n    afterNextRender,\n    booleanAttribute,\n    inject,\n    runInInjectionContext,\n    input,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\nimport { NgControl } from '@angular/forms';\nimport { isPlatformBrowser } from '@angular/common';\n\n/**\n * Directive that enhances a native <select> element with ECL styling\n * by wrapping it inside an {@link EclSelectContainerComponent}.\n */\n@Directive({ selector: 'select[eclSelect]' })\nexport class EclSelectDirective extends ECLBaseDirective\n    implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n\n    /** Disables the select element. */\n    @HostBinding('attr.disabled')\n    readonly disabled = input(false, { transform: booleanAttribute });\n\n    /** Marks the select element as invalid. */\n    readonly isInvalid = input(false, { transform: booleanAttribute });\n\n    /** Accessible label for the toggle button. */\n    readonly toggleLabel = input<string>(undefined);\n\n    /** Size of the select component. */\n    readonly eclSize = input<'s' | 'm' | 'l'>('m');\n\n    private ngControl = inject(NgControl, { optional: true, self: true });\n    private el = inject(ElementRef<HTMLElement>);\n    private injector = inject(Injector);\n    private vcr = inject(ViewContainerRef);\n    private renderer = inject(Renderer2);\n    private platformId = inject(PLATFORM_ID);\n    private isBrowser = isPlatformBrowser(this.platformId);\n    private containerRef!: ComponentRef<EclSelectContainerComponent>;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-select')].join(' ').trim();\n    }\n\n    @HostBinding('attr.disabled')\n    get isDisabled(): boolean {\n        return this.ngControl ? (this.ngControl.disabled || null) : (this.disabled() || null);\n    }\n\n    @HostBinding('class.ecl-select--invalid')\n    get isInvalidState(): boolean {\n        return this.ngControl\n            ? (this.ngControl.status === 'INVALID' && this.ngControl.touched)\n            : this.isInvalid();\n    }\n\n    /**\n     * Initializes the directive.\n     * - Creates the {@link EclSelectContainerComponent} wrapper.\n     * - Synchronizes initial input values.\n     * - Moves the <select> element inside the wrapper.\n     *\n     * Skipped on the server to avoid SSR hydration mismatch (NG0500).\n     */\n    ngOnInit(): void {\n        if (!this.isBrowser) return;\n\n        this.containerRef = this.vcr.createComponent(EclSelectContainerComponent);\n        this.syncContainerInputs();\n\n        const containerEl = this.containerRef.location.nativeElement as any;\n        const selectEl = this.el.nativeElement as any;\n\n        if (selectEl.parentNode !== containerEl) {\n            runInInjectionContext(this.injector, () => {\n                afterNextRender(() => {\n                    if (selectEl.parentNode === containerEl) return;\n                    const firstChild = containerEl.firstChild ?? null;\n                    this.renderer.insertBefore(containerEl, selectEl, firstChild, true);\n                });\n            });\n        }\n    }\n\n    /**\n     * Processes any <optgroup> elements inside the <select> and\n     * enhances them with appropriate accessibility attributes.\n     */\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] =\n            Array.from(this.el.nativeElement.children);\n\n        this.handleOptgroup(childrenElements);\n    }\n\n    /**\n     * Keeps the wrapper component synchronized with the directive’s\n     * current inputs and form control state.\n     *\n     * This is used to reflect runtime changes such as:\n     * - Disabled state\n     * - Validation status\n     * - Size changes\n     */\n    ngDoCheck(): void {\n        this.syncContainerInputs();\n    }\n\n    /**\n     * Destroys the dynamically created wrapper component to prevent\n     * memory leaks when the directive is removed.\n     */\n    ngOnDestroy(): void {\n        this.containerRef?.destroy();\n    }\n\n    /**\n     * Synchronizes directive inputs and control state\n     * with the wrapper component instance.\n     */\n    private syncContainerInputs(): void {\n        const c = this.containerRef?.instance;\n        if (!c) return;\n\n        c.eclSize.set(this.eclSize());\n        c.disabled.set(this.isDisabled);\n        c.toggleLabel.set(this.toggleLabel());\n        c.isInvalid.set(this.isInvalidState);\n    }\n\n    /**\n     * Enhances <optgroup> and <option> elements with\n     * accessible aria-label attributes.\n     *\n     * - Applies the optgroup label to the group container.\n     * - Combines option and group labels for child options.\n     *\n     * This improves screen reader support for grouped options.\n     *\n     * @param childrenElements List of direct children of the <select> element.\n     */\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements\n            .filter(el =>\n                el.tagName === this.OPTGROUP_TAG_NAME &&\n                el.getAttribute('label') !== null\n            )\n            .forEach(optGroup => {\n                const optGroupLabel = optGroup.getAttribute('label');\n\n                this.renderer.setAttribute(\n                    optGroup,\n                    'aria-label',\n                    optGroupLabel\n                );\n\n                Array.from(optGroup.children).forEach(option => {\n                    const optionLabel =\n                        option.getAttribute('label') || option.textContent;\n\n                    if (optionLabel) {\n                        this.renderer.setAttribute(\n                            option,\n                            'aria-label',\n                            `${optionLabel} - ${optGroupLabel}`\n                        );\n                    }\n                });\n            });\n    }\n}\n",
+            "sourceCode": "import {\n    AfterContentInit,\n    ComponentRef,\n    Directive,\n    DoCheck,\n    ElementRef,\n    Injector,\n    OnDestroy,\n    OnInit,\n    PLATFORM_ID,\n    Renderer2,\n    ViewContainerRef,\n    afterNextRender,\n    booleanAttribute,\n    inject,\n    runInInjectionContext,\n    input,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclSelectContainerComponent } from './ecl-select-container.component';\nimport { NgControl } from '@angular/forms';\nimport { isPlatformBrowser } from '@angular/common';\n\n/**\n * Directive that enhances a native <select> element with ECL styling\n * by wrapping it inside an {@link EclSelectContainerComponent}.\n */\n@Directive({\n    selector: 'select[eclSelect]',\n    host: {\n        '[class]': 'cssClasses',\n        '[attr.disabled]': 'isDisabled',\n        '[class.ecl-select--invalid]': 'isInvalidState',\n    },\n})\nexport class EclSelectDirective extends ECLBaseDirective\n    implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n\n    /** Disables the select element. */\n    readonly disabled = input(false, { transform: booleanAttribute });\n\n    /** Marks the select element as invalid. */\n    readonly isInvalid = input(false, { transform: booleanAttribute });\n\n    /** Accessible label for the toggle button. */\n    readonly toggleLabel = input<string>(undefined);\n\n    /** Size of the select component. */\n    readonly eclSize = input<'s' | 'm' | 'l'>('m');\n\n    private ngControl = inject(NgControl, { optional: true, self: true });\n    private el = inject(ElementRef<HTMLElement>);\n    private injector = inject(Injector);\n    private vcr = inject(ViewContainerRef);\n    private renderer = inject(Renderer2);\n    private platformId = inject(PLATFORM_ID);\n    private isBrowser = isPlatformBrowser(this.platformId);\n    private containerRef!: ComponentRef<EclSelectContainerComponent>;\n    private readonly OPTGROUP_TAG_NAME = 'OPTGROUP';\n\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-select')].join(' ').trim();\n    }\n\n    get isDisabled(): boolean {\n        return this.ngControl ? (this.ngControl.disabled || null) : (this.disabled() || null);\n    }\n\n    get isInvalidState(): boolean {\n        return this.ngControl\n            ? (this.ngControl.status === 'INVALID' && this.ngControl.touched)\n            : this.isInvalid();\n    }\n\n    /**\n     * Initializes the directive.\n     * - Creates the {@link EclSelectContainerComponent} wrapper.\n     * - Synchronizes initial input values.\n     * - Moves the <select> element inside the wrapper.\n     *\n     * Skipped on the server to avoid SSR hydration mismatch (NG0500).\n     */\n    ngOnInit(): void {\n        if (!this.isBrowser) return;\n\n        this.containerRef = this.vcr.createComponent(EclSelectContainerComponent);\n        this.syncContainerInputs();\n\n        const containerEl = this.containerRef.location.nativeElement as any;\n        const selectEl = this.el.nativeElement as any;\n\n        if (selectEl.parentNode !== containerEl) {\n            runInInjectionContext(this.injector, () => {\n                afterNextRender(() => {\n                    if (selectEl.parentNode === containerEl) return;\n                    const firstChild = containerEl.firstChild ?? null;\n                    this.renderer.insertBefore(containerEl, selectEl, firstChild, true);\n                });\n            });\n        }\n    }\n\n    /**\n     * Processes any <optgroup> elements inside the <select> and\n     * enhances them with appropriate accessibility attributes.\n     */\n    ngAfterContentInit(): void {\n        const childrenElements: Element[] =\n            Array.from(this.el.nativeElement.children);\n\n        this.handleOptgroup(childrenElements);\n    }\n\n    /**\n     * Keeps the wrapper component synchronized with the directive’s\n     * current inputs and form control state.\n     *\n     * This is used to reflect runtime changes such as:\n     * - Disabled state\n     * - Validation status\n     * - Size changes\n     */\n    ngDoCheck(): void {\n        this.syncContainerInputs();\n    }\n\n    /**\n     * Destroys the dynamically created wrapper component to prevent\n     * memory leaks when the directive is removed.\n     */\n    ngOnDestroy(): void {\n        this.containerRef?.destroy();\n    }\n\n    /**\n     * Synchronizes directive inputs and control state\n     * with the wrapper component instance.\n     */\n    private syncContainerInputs(): void {\n        const c = this.containerRef?.instance;\n        if (!c) return;\n\n        c.eclSize.set(this.eclSize());\n        c.disabled.set(this.isDisabled);\n        c.toggleLabel.set(this.toggleLabel());\n        c.isInvalid.set(this.isInvalidState);\n    }\n\n    /**\n     * Enhances <optgroup> and <option> elements with\n     * accessible aria-label attributes.\n     *\n     * - Applies the optgroup label to the group container.\n     * - Combines option and group labels for child options.\n     *\n     * This improves screen reader support for grouped options.\n     *\n     * @param childrenElements List of direct children of the <select> element.\n     */\n    private handleOptgroup(childrenElements: Element[]): void {\n        childrenElements\n            .filter(el =>\n                el.tagName === this.OPTGROUP_TAG_NAME &&\n                el.getAttribute('label') !== null\n            )\n            .forEach(optGroup => {\n                const optGroupLabel = optGroup.getAttribute('label');\n\n                this.renderer.setAttribute(\n                    optGroup,\n                    'aria-label',\n                    optGroupLabel\n                );\n\n                Array.from(optGroup.children).forEach(option => {\n                    const optionLabel =\n                        option.getAttribute('label') || option.textContent;\n\n                    if (optionLabel) {\n                        this.renderer.setAttribute(\n                            option,\n                            'aria-label',\n                            `${optionLabel} - ${optGroupLabel}`\n                        );\n                    }\n                });\n            });\n    }\n}\n",
             "selector": "select[eclSelect]",
             "providers": [],
             "hostDirectives": [],
@@ -31181,16 +31181,9 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Disables the select element.</p>\n",
-                    "line": 35,
+                    "line": 40,
                     "rawdescription": "\nDisables the select element.",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'attr.disabled'"
-                        }
-                    ],
                     "modifierKind": [
-                        171,
                         148
                     ],
                     "required": false
@@ -31205,7 +31198,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Size of the select component.</p>\n",
-                    "line": 44,
+                    "line": 49,
                     "rawdescription": "\nSize of the select component.",
                     "modifierKind": [
                         148
@@ -31222,7 +31215,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Marks the select element as invalid.</p>\n",
-                    "line": 38,
+                    "line": 43,
                     "rawdescription": "\nMarks the select element as invalid.",
                     "modifierKind": [
                         148
@@ -31239,7 +31232,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Accessible label for the toggle button.</p>\n",
-                    "line": 41,
+                    "line": 46,
                     "rawdescription": "\nAccessible label for the toggle button.",
                     "modifierKind": [
                         148
@@ -31293,57 +31286,7 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "attr.disabled",
-                    "actualName": "disabled",
-                    "defaultValue": "input(false, { transform: booleanAttribute })",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\nDisables the select element.",
-                    "description": "<p>Disables the select element.</p>\n",
-                    "line": 35,
-                    "type": "any",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "attr.disabled",
-                    "actualName": "isDisabled",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 62,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 57,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-select--invalid",
-                    "actualName": "isInvalidState",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 67,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "propertiesClass": [],
             "methodsClass": [
@@ -31354,7 +31297,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 105,
+                    "line": 107,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nProcesses any <optgroup> elements inside the <select> and\nenhances them with appropriate accessibility attributes.\n",
@@ -31367,7 +31310,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 121,
+                    "line": 123,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nKeeps the wrapper component synchronized with the directive’s\ncurrent inputs and form control state.\n\nThis is used to reflect runtime changes such as:\n- Disabled state\n- Validation status\n- Size changes\n",
@@ -31380,7 +31323,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 129,
+                    "line": 131,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nDestroys the dynamically created wrapper component to prevent\nmemory leaks when the directive is removed.\n",
@@ -31393,7 +31336,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 81,
+                    "line": 83,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nInitializes the directive.\n- Creates the {@link EclSelectContainerComponent} wrapper.\n- Synchronizes initial input values.\n- Moves the <select> element inside the wrapper.\n\nSkipped on the server to avoid SSR hydration mismatch (NG0500).\n",
@@ -31441,8 +31384,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 550,
-                    "end": 692,
+                    "pos": 533,
+                    "end": 675,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -31450,8 +31393,8 @@
                     "transformFlags": 0,
                     "comment": [
                         {
-                            "pos": 550,
-                            "end": 652,
+                            "pos": 533,
+                            "end": 635,
                             "kind": 322,
                             "id": 0,
                             "flags": 16777216,
@@ -31460,16 +31403,16 @@
                             "text": "Directive that enhances a native <select> element with ECL styling\nby wrapping it inside an "
                         },
                         {
-                            "pos": 652,
-                            "end": 687,
+                            "pos": 635,
+                            "end": 670,
                             "kind": 325,
                             "id": 0,
                             "flags": 16777216,
                             "modifierFlagsCache": 0,
                             "transformFlags": 0,
                             "name": {
-                                "pos": 659,
-                                "end": 686,
+                                "pos": 642,
+                                "end": 669,
                                 "kind": 80,
                                 "id": 0,
                                 "flags": 16777216,
@@ -31479,8 +31422,8 @@
                             "text": ""
                         },
                         {
-                            "pos": 687,
-                            "end": 690,
+                            "pos": 670,
+                            "end": 673,
                             "kind": 322,
                             "id": 0,
                             "flags": 16777216,
@@ -31507,7 +31450,7 @@
                         "name": "cssClasses",
                         "type": "string",
                         "returnType": "string",
-                        "line": 57,
+                        "line": 61,
                         "rawdescription": "\n",
                         "description": ""
                     }
@@ -31518,7 +31461,7 @@
                         "name": "isDisabled",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 62,
+                        "line": 65,
                         "rawdescription": "\n",
                         "description": ""
                     }
@@ -31529,7 +31472,7 @@
                         "name": "isInvalidState",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 67,
+                        "line": 69,
                         "rawdescription": "\n",
                         "description": ""
                     }
@@ -31602,12 +31545,12 @@
         },
         {
             "name": "EclSiteFooterColumnDirective",
-            "id": "directive-EclSiteFooterColumnDirective-865b4e1a277f8c01d19841ea2e29cb57084cf2bb091ce66cd9c60baee4bba87133f621ebc2551dd27f24fc48d2053a5dfd440e44a9ba1e314635a47275a84695",
+            "id": "directive-EclSiteFooterColumnDirective-2bd2c3e4901d4cdecd0df184bccf9d3b10d5ccede9fc65769e9b63346e6fb737eb6ca141363b8588ed59bd61ccde8fe02ae6de72c0a65ef297ad94bbd8bce9fa",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-row.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class to a footer column.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class to a footer column.\n",
-            "sourceCode": "import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a footer row.\n */\n@Directive({\n    selector: '[eclSiteFooterRow]',\n})\nexport class EclSiteFooterRowDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__row') cmpClass = true;\n}\n\n/**\n * Directive, that applies a specific class to a footer column.\n */\n@Directive({\n    selector: '[eclSiteFooterColumn]',\n})\nexport class EclSiteFooterColumnDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__column') cmpClass = true;\n}\n",
+            "sourceCode": "import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a footer row.\n */\n@Directive({\n    selector: '[eclSiteFooterRow]',\n    host: { class: 'ecl-site-footer__row' },\n})\nexport class EclSiteFooterRowDirective extends ECLBaseDirective {}\n\n/**\n * Directive, that applies a specific class to a footer column.\n */\n@Directive({\n    selector: '[eclSiteFooterColumn]',\n    host: { class: 'ecl-site-footer__column' },\n})\nexport class EclSiteFooterColumnDirective extends ECLBaseDirective {}\n",
             "selector": "[eclSiteFooterColumn]",
             "providers": [],
             "hostDirectives": [],
@@ -31660,46 +31603,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__column",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 21,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 21,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__column'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -31743,8 +31649,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 361,
-                    "end": 432,
+                    "pos": 328,
+                    "end": 399,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -31774,12 +31680,12 @@
         },
         {
             "name": "EclSiteFooterCoownerItemDirective",
-            "id": "directive-EclSiteFooterCoownerItemDirective-5c948222969d4824787d1469c1d9d4bfce327bb760d5f566c87320ea0ad90da9a997ad15f0ca452c2fb035262f067688fdaba81008ac4f8f6bc3218dd16eb0ca",
+            "id": "directive-EclSiteFooterCoownerItemDirective-150c28680a711f7da63cdfa78cbcf638cd6a6ba9e90c2385b392d386102b6ff5669c93130a4d8db4acf2c96f14feccab4327edcf59c9d0c18141a5f00d9e9c3d",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-coowner/ecl-site-footer-coowner.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class to a list item (<li>) in site footer&#39;s co-owner section.\n Also add classes for the eclLinks children of the list item.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class to a list item (<li>) in site footer's co-owner section.\n Also add classes for the eclLinks children of the list item.\n",
-            "sourceCode": "import { AfterContentInit, contentChildren, Directive, effect, forwardRef, HostBinding } from '@angular/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a list (<ul>) in site footer's co-owner section.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerList]',\n})\nexport class EclSiteFooterCoownerListDirective extends ECLBaseDirective implements AfterContentInit {\n    @HostBinding('class.ecl-site-footer__co-owner-list') className = true;\n    eclFooterCoownerListItems = contentChildren(forwardRef(() => EclSiteFooterCoownerItemDirective));\n    private readonly ITEM_CLASS_FIRST = 'is-first';\n\n    ngAfterContentInit(): void {\n        const items = this.eclFooterCoownerListItems();\n        if (items.length > 0) {\n            items[0].class = this.ITEM_CLASS_FIRST;\n        }\n    }\n}\n\n/**\n * Directive, that applies a specific class to a list item (<li>) in site footer's co-owner section.\n *  Also add classes for the eclLinks children of the list item.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerItem]',\n})\nexport class EclSiteFooterCoownerItemDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__co-owner-item'),\n        ].join(' ').trim();\n    }\n\n    eclLinks = contentChildren(EclLinkDirective);\n    private readonly LINK_CLASS = 'ecl-site-footer__co-owner-link';\n\n    constructor() {\n        super();\n        effect(() => {\n            this.eclLinks().forEach(link => (link.class = this.LINK_CLASS));\n        });\n    }\n}",
+            "sourceCode": "import { AfterContentInit, contentChildren, Directive, effect, forwardRef } from '@angular/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a list (<ul>) in site footer's co-owner section.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerList]',\n    host: { class: 'ecl-site-footer__co-owner-list' },\n})\nexport class EclSiteFooterCoownerListDirective extends ECLBaseDirective implements AfterContentInit {\n    eclFooterCoownerListItems = contentChildren(forwardRef(() => EclSiteFooterCoownerItemDirective));\n    private readonly ITEM_CLASS_FIRST = 'is-first';\n\n    ngAfterContentInit(): void {\n        const items = this.eclFooterCoownerListItems();\n        if (items.length > 0) {\n            items[0].class = this.ITEM_CLASS_FIRST;\n        }\n    }\n}\n\n/**\n * Directive, that applies a specific class to a list item (<li>) in site footer's co-owner section.\n *  Also add classes for the eclLinks children of the list item.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerItem]',\n    host: { '[class]': 'cssClasses' },\n})\nexport class EclSiteFooterCoownerItemDirective extends ECLBaseDirective {\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__co-owner-item'),\n        ].join(' ').trim();\n    }\n\n    eclLinks = contentChildren(EclLinkDirective);\n    private readonly LINK_CLASS = 'ecl-site-footer__co-owner-link';\n\n    constructor() {\n        super();\n        effect(() => {\n            this.eclLinks().forEach(link => (link.class = this.LINK_CLASS));\n        });\n    }\n}",
             "selector": "[eclSiteFooterCoownerItem]",
             "providers": [],
             "hostDirectives": [],
@@ -31832,20 +31738,7 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 33,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "propertiesClass": [
                 {
@@ -31905,8 +31798,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 915,
-                    "end": 1088,
+                    "pos": 882,
+                    "end": 1055,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -31952,12 +31845,12 @@
         },
         {
             "name": "EclSiteFooterCoownerListDirective",
-            "id": "directive-EclSiteFooterCoownerListDirective-5c948222969d4824787d1469c1d9d4bfce327bb760d5f566c87320ea0ad90da9a997ad15f0ca452c2fb035262f067688fdaba81008ac4f8f6bc3218dd16eb0ca",
+            "id": "directive-EclSiteFooterCoownerListDirective-150c28680a711f7da63cdfa78cbcf638cd6a6ba9e90c2385b392d386102b6ff5669c93130a4d8db4acf2c96f14feccab4327edcf59c9d0c18141a5f00d9e9c3d",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-coowner/ecl-site-footer-coowner.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class to a list (<ul>) in site footer&#39;s co-owner section.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class to a list (<ul>) in site footer's co-owner section.\n",
-            "sourceCode": "import { AfterContentInit, contentChildren, Directive, effect, forwardRef, HostBinding } from '@angular/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a list (<ul>) in site footer's co-owner section.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerList]',\n})\nexport class EclSiteFooterCoownerListDirective extends ECLBaseDirective implements AfterContentInit {\n    @HostBinding('class.ecl-site-footer__co-owner-list') className = true;\n    eclFooterCoownerListItems = contentChildren(forwardRef(() => EclSiteFooterCoownerItemDirective));\n    private readonly ITEM_CLASS_FIRST = 'is-first';\n\n    ngAfterContentInit(): void {\n        const items = this.eclFooterCoownerListItems();\n        if (items.length > 0) {\n            items[0].class = this.ITEM_CLASS_FIRST;\n        }\n    }\n}\n\n/**\n * Directive, that applies a specific class to a list item (<li>) in site footer's co-owner section.\n *  Also add classes for the eclLinks children of the list item.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerItem]',\n})\nexport class EclSiteFooterCoownerItemDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__co-owner-item'),\n        ].join(' ').trim();\n    }\n\n    eclLinks = contentChildren(EclLinkDirective);\n    private readonly LINK_CLASS = 'ecl-site-footer__co-owner-link';\n\n    constructor() {\n        super();\n        effect(() => {\n            this.eclLinks().forEach(link => (link.class = this.LINK_CLASS));\n        });\n    }\n}",
+            "sourceCode": "import { AfterContentInit, contentChildren, Directive, effect, forwardRef } from '@angular/core';\nimport { EclLinkDirective } from '@eui/ecl/components/ecl-link';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a list (<ul>) in site footer's co-owner section.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerList]',\n    host: { class: 'ecl-site-footer__co-owner-list' },\n})\nexport class EclSiteFooterCoownerListDirective extends ECLBaseDirective implements AfterContentInit {\n    eclFooterCoownerListItems = contentChildren(forwardRef(() => EclSiteFooterCoownerItemDirective));\n    private readonly ITEM_CLASS_FIRST = 'is-first';\n\n    ngAfterContentInit(): void {\n        const items = this.eclFooterCoownerListItems();\n        if (items.length > 0) {\n            items[0].class = this.ITEM_CLASS_FIRST;\n        }\n    }\n}\n\n/**\n * Directive, that applies a specific class to a list item (<li>) in site footer's co-owner section.\n *  Also add classes for the eclLinks children of the list item.\n */\n@Directive({\n    selector: '[eclSiteFooterCoownerItem]',\n    host: { '[class]': 'cssClasses' },\n})\nexport class EclSiteFooterCoownerItemDirective extends ECLBaseDirective {\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__co-owner-item'),\n        ].join(' ').trim();\n    }\n\n    eclLinks = contentChildren(EclLinkDirective);\n    private readonly LINK_CLASS = 'ecl-site-footer__co-owner-link';\n\n    constructor() {\n        super();\n        effect(() => {\n            this.eclLinks().forEach(link => (link.class = this.LINK_CLASS));\n        });\n    }\n}",
             "selector": "[eclSiteFooterCoownerList]",
             "providers": [],
             "hostDirectives": [],
@@ -32010,45 +31903,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__co-owner-list",
-                    "actualName": "className",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 12,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "propertiesClass": [
-                {
-                    "name": "className",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 12,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__co-owner-list'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                },
                 {
                     "name": "eclFooterCoownerListItems",
                     "coverageIgnore": false,
@@ -32119,8 +31976,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 227,
-                    "end": 330,
+                    "pos": 214,
+                    "end": 317,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32151,12 +32008,12 @@
         },
         {
             "name": "EclSiteFooterDescriptionDirective",
-            "id": "directive-EclSiteFooterDescriptionDirective-7cee406dd81e646cd9096a05b535919945884239516583cb03266457247fa7a04e41865dcfe113fc9766a0776905640d60df6f2e9bb1c06fa4625698b91e1185",
+            "id": "directive-EclSiteFooterDescriptionDirective-56b28a2367cd9f9cbd8edfdf76d5e77ec2eeffa31a369c1d78cecea5550bba9589dcfdb6d3e11f90140b4f0cfac427d14a7de98bd184d3a46099575ccb38793d",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-description.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class to footer description.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class to footer description.\n",
-            "sourceCode": "import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to footer description.\n */\n@Directive({\n    selector: '[eclSiteFooterDescription]',\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__description') cmpClass = true;\n}\n\n/**\n * Directive, that applies a specific class to ecl-social-media-follow component in the footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSocialMedia]',\n})\nexport class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__social-media') cmpClass = true;\n}\n\n/** Adds required class for the line that displays the manager/owner of the site. */\n@Directive({\n    selector: '[eclSiteFooterDescriptionName]',\n})\nexport class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__description-name') cmpClass = true;\n}",
+            "sourceCode": "import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to footer description.\n */\n@Directive({\n    selector: '[eclSiteFooterDescription]',\n    host: { class: 'ecl-site-footer__description' },\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {}\n\n/**\n * Directive, that applies a specific class to ecl-social-media-follow component in the footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSocialMedia]',\n    host: { class: 'ecl-site-footer__social-media' },\n})\nexport class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {}\n\n/** Adds required class for the line that displays the manager/owner of the site. */\n@Directive({\n    selector: '[eclSiteFooterDescriptionName]',\n    host: { class: 'ecl-site-footer__description-name' },\n})\nexport class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {}",
             "selector": "[eclSiteFooterDescription]",
             "providers": [],
             "hostDirectives": [],
@@ -32209,46 +32066,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__description",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 11,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 11,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__description'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -32292,8 +32112,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 107,
-                    "end": 181,
+                    "pos": 94,
+                    "end": 168,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32317,12 +32137,12 @@
         },
         {
             "name": "EclSiteFooterDescriptionNameDirective",
-            "id": "directive-EclSiteFooterDescriptionNameDirective-7cee406dd81e646cd9096a05b535919945884239516583cb03266457247fa7a04e41865dcfe113fc9766a0776905640d60df6f2e9bb1c06fa4625698b91e1185",
+            "id": "directive-EclSiteFooterDescriptionNameDirective-56b28a2367cd9f9cbd8edfdf76d5e77ec2eeffa31a369c1d78cecea5550bba9589dcfdb6d3e11f90140b4f0cfac427d14a7de98bd184d3a46099575ccb38793d",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-description.directive.ts",
             "type": "directive",
             "description": "<p>Adds required class for the line that displays the manager/owner of the site.</p>\n",
             "rawdescription": "\nAdds required class for the line that displays the manager/owner of the site.",
-            "sourceCode": "import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to footer description.\n */\n@Directive({\n    selector: '[eclSiteFooterDescription]',\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__description') cmpClass = true;\n}\n\n/**\n * Directive, that applies a specific class to ecl-social-media-follow component in the footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSocialMedia]',\n})\nexport class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__social-media') cmpClass = true;\n}\n\n/** Adds required class for the line that displays the manager/owner of the site. */\n@Directive({\n    selector: '[eclSiteFooterDescriptionName]',\n})\nexport class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__description-name') cmpClass = true;\n}",
+            "sourceCode": "import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to footer description.\n */\n@Directive({\n    selector: '[eclSiteFooterDescription]',\n    host: { class: 'ecl-site-footer__description' },\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {}\n\n/**\n * Directive, that applies a specific class to ecl-social-media-follow component in the footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSocialMedia]',\n    host: { class: 'ecl-site-footer__social-media' },\n})\nexport class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {}\n\n/** Adds required class for the line that displays the manager/owner of the site. */\n@Directive({\n    selector: '[eclSiteFooterDescriptionName]',\n    host: { class: 'ecl-site-footer__description-name' },\n})\nexport class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {}",
             "selector": "[eclSiteFooterDescriptionName]",
             "providers": [],
             "hostDirectives": [],
@@ -32375,46 +32195,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__description-name",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 29,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 29,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__description-name'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -32458,8 +32241,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 705,
-                    "end": 789,
+                    "pos": 652,
+                    "end": 736,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32538,12 +32321,12 @@
         },
         {
             "name": "EclSiteFooterListDirective",
-            "id": "directive-EclSiteFooterListDirective-3563bdaf0698716aa037abe208148f8a692f257a6f1d46d918eda6d52c2364ef62eb73886536ba7bc24616def73143c7f56a3415531f8a8353471100497d46c9",
+            "id": "directive-EclSiteFooterListDirective-8537bcf0690d5bdf710ad37c2d2319c23d104a978c996823299fa46cce6b649f80489e92ad1078e806ba3d5fad55597782b84a8283388e103b42ff5d68a047b1",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies specific classes to the list element in site footer.</p>\n",
             "rawdescription": "\n\nDirective, that applies specific classes to the list element in site footer.\n",
-            "sourceCode": "import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies specific classes to the list element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterList]',\n    host: {\n        '[class.ecl-site-footer__list]': 'true',\n        '[class.ecl-site-footer__list--inline]': 'isInline()',\n    },\n})\nexport class EclSiteFooterListDirective extends ECLBaseDirective {\n    readonly isInline = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies specific classes to the list item element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterListItem]',\n})\nexport class EclSiteFooterListItemDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__list-item') cmpClass = true;\n}\n",
+            "sourceCode": "import { Directive, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies specific classes to the list element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterList]',\n    host: {\n        '[class.ecl-site-footer__list]': 'true',\n        '[class.ecl-site-footer__list--inline]': 'isInline()',\n    },\n})\nexport class EclSiteFooterListDirective extends ECLBaseDirective {\n    readonly isInline = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies specific classes to the list item element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterListItem]',\n    host: { class: 'ecl-site-footer__list-item' },\n})\nexport class EclSiteFooterListItemDirective extends ECLBaseDirective {}\n",
             "selector": "[eclSiteFooterList]",
             "providers": [],
             "hostDirectives": [],
@@ -32659,8 +32442,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 132,
-                    "end": 219,
+                    "pos": 119,
+                    "end": 206,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32695,12 +32478,12 @@
         },
         {
             "name": "EclSiteFooterListItemDirective",
-            "id": "directive-EclSiteFooterListItemDirective-3563bdaf0698716aa037abe208148f8a692f257a6f1d46d918eda6d52c2364ef62eb73886536ba7bc24616def73143c7f56a3415531f8a8353471100497d46c9",
+            "id": "directive-EclSiteFooterListItemDirective-8537bcf0690d5bdf710ad37c2d2319c23d104a978c996823299fa46cce6b649f80489e92ad1078e806ba3d5fad55597782b84a8283388e103b42ff5d68a047b1",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies specific classes to the list item element in site footer.</p>\n",
             "rawdescription": "\n\nDirective, that applies specific classes to the list item element in site footer.\n",
-            "sourceCode": "import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies specific classes to the list element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterList]',\n    host: {\n        '[class.ecl-site-footer__list]': 'true',\n        '[class.ecl-site-footer__list--inline]': 'isInline()',\n    },\n})\nexport class EclSiteFooterListDirective extends ECLBaseDirective {\n    readonly isInline = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies specific classes to the list item element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterListItem]',\n})\nexport class EclSiteFooterListItemDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__list-item') cmpClass = true;\n}\n",
+            "sourceCode": "import { Directive, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies specific classes to the list element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterList]',\n    host: {\n        '[class.ecl-site-footer__list]': 'true',\n        '[class.ecl-site-footer__list--inline]': 'isInline()',\n    },\n})\nexport class EclSiteFooterListDirective extends ECLBaseDirective {\n    readonly isInline = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies specific classes to the list item element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterListItem]',\n    host: { class: 'ecl-site-footer__list-item' },\n})\nexport class EclSiteFooterListItemDirective extends ECLBaseDirective {}\n",
             "selector": "[eclSiteFooterListItem]",
             "providers": [],
             "hostDirectives": [],
@@ -32753,46 +32536,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__list-item",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 25,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 25,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__list-item'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -32836,8 +32582,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 567,
-                    "end": 659,
+                    "pos": 554,
+                    "end": 646,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33006,12 +32752,12 @@
         },
         {
             "name": "EclSiteFooterRowDirective",
-            "id": "directive-EclSiteFooterRowDirective-865b4e1a277f8c01d19841ea2e29cb57084cf2bb091ce66cd9c60baee4bba87133f621ebc2551dd27f24fc48d2053a5dfd440e44a9ba1e314635a47275a84695",
+            "id": "directive-EclSiteFooterRowDirective-2bd2c3e4901d4cdecd0df184bccf9d3b10d5ccede9fc65769e9b63346e6fb737eb6ca141363b8588ed59bd61ccde8fe02ae6de72c0a65ef297ad94bbd8bce9fa",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-row.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class to a footer row.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class to a footer row.\n",
-            "sourceCode": "import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a footer row.\n */\n@Directive({\n    selector: '[eclSiteFooterRow]',\n})\nexport class EclSiteFooterRowDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__row') cmpClass = true;\n}\n\n/**\n * Directive, that applies a specific class to a footer column.\n */\n@Directive({\n    selector: '[eclSiteFooterColumn]',\n})\nexport class EclSiteFooterColumnDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__column') cmpClass = true;\n}\n",
+            "sourceCode": "import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to a footer row.\n */\n@Directive({\n    selector: '[eclSiteFooterRow]',\n    host: { class: 'ecl-site-footer__row' },\n})\nexport class EclSiteFooterRowDirective extends ECLBaseDirective {}\n\n/**\n * Directive, that applies a specific class to a footer column.\n */\n@Directive({\n    selector: '[eclSiteFooterColumn]',\n    host: { class: 'ecl-site-footer__column' },\n})\nexport class EclSiteFooterColumnDirective extends ECLBaseDirective {}\n",
             "selector": "[eclSiteFooterRow]",
             "providers": [],
             "hostDirectives": [],
@@ -33064,46 +32810,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__row",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 11,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 11,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__row'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -33147,8 +32856,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 107,
-                    "end": 175,
+                    "pos": 94,
+                    "end": 162,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33178,12 +32887,12 @@
         },
         {
             "name": "EclSiteFooterSectionDirective",
-            "id": "directive-EclSiteFooterSectionDirective-e661d33a315beebf51adb4166ff9b41b28f0f2e0ef9685d0356ecff88753ae293d40d60377072fbbf7560eeea89cbaa6f7a0d1d3884f59c39d3336f1733df075",
+            "id": "directive-EclSiteFooterSectionDirective-91f7a6035a2f014d7a08c863eb046dc96671f72fd9cdc8990a015bb63d710be79feec933df91470ad62ebdc61587a8ed708f74ba73c131e018da0a626ec6e695",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-section.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies specific classes to the section element in site footer.</p>\n",
             "rawdescription": "\n\nDirective, that applies specific classes to the section element in site footer.\n",
-            "sourceCode": "import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies specific classes to the section element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSection]',\n})\nexport class EclSiteFooterSectionDirective extends ECLBaseDirective {\n    readonly variant = input<'links' | 'contact' | 'about' | 'more' | 'related' | 'site-info' | string>('');\n    \n    @HostBinding('class')\n    get cssClasses(): string {\n        const variant = this.variant();\n        return [super.getCssClasses('ecl-site-footer__section'),\n            variant !== '' ? `ecl-site-footer__section--${variant}` : ''].join(' ').trim();\n    }\n}\n",
+            "sourceCode": "import { Directive, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies specific classes to the section element in site footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSection]',\n    host: { '[class]': 'cssClasses' },\n})\nexport class EclSiteFooterSectionDirective extends ECLBaseDirective {\n    readonly variant = input<'links' | 'contact' | 'about' | 'more' | 'related' | 'site-info' | string>('');\n\n    get cssClasses(): string {\n        const variant = this.variant();\n        return [super.getCssClasses('ecl-site-footer__section'),\n            variant !== '' ? `ecl-site-footer__section--${variant}` : ''].join(' ').trim();\n    }\n}\n",
             "selector": "[eclSiteFooterSection]",
             "providers": [],
             "hostDirectives": [],
@@ -33199,7 +32908,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 11,
+                    "line": 12,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
@@ -33253,20 +32962,7 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 14,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "propertiesClass": [],
             "methodsClass": [
@@ -33312,8 +33008,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 132,
-                    "end": 222,
+                    "pos": 101,
+                    "end": 191,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33356,12 +33052,12 @@
         },
         {
             "name": "EclSiteFooterSocialMediaDirective",
-            "id": "directive-EclSiteFooterSocialMediaDirective-7cee406dd81e646cd9096a05b535919945884239516583cb03266457247fa7a04e41865dcfe113fc9766a0776905640d60df6f2e9bb1c06fa4625698b91e1185",
+            "id": "directive-EclSiteFooterSocialMediaDirective-56b28a2367cd9f9cbd8edfdf76d5e77ec2eeffa31a369c1d78cecea5550bba9589dcfdb6d3e11f90140b4f0cfac427d14a7de98bd184d3a46099575ccb38793d",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-description.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class to ecl-social-media-follow component in the footer.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class to ecl-social-media-follow component in the footer.\n",
-            "sourceCode": "import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to footer description.\n */\n@Directive({\n    selector: '[eclSiteFooterDescription]',\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__description') cmpClass = true;\n}\n\n/**\n * Directive, that applies a specific class to ecl-social-media-follow component in the footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSocialMedia]',\n})\nexport class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__social-media') cmpClass = true;\n}\n\n/** Adds required class for the line that displays the manager/owner of the site. */\n@Directive({\n    selector: '[eclSiteFooterDescriptionName]',\n})\nexport class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__description-name') cmpClass = true;\n}",
+            "sourceCode": "import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class to footer description.\n */\n@Directive({\n    selector: '[eclSiteFooterDescription]',\n    host: { class: 'ecl-site-footer__description' },\n})\nexport class EclSiteFooterDescriptionDirective extends ECLBaseDirective {}\n\n/**\n * Directive, that applies a specific class to ecl-social-media-follow component in the footer.\n */\n@Directive({\n    selector: '[eclSiteFooterSocialMedia]',\n    host: { class: 'ecl-site-footer__social-media' },\n})\nexport class EclSiteFooterSocialMediaDirective extends ECLBaseDirective {}\n\n/** Adds required class for the line that displays the manager/owner of the site. */\n@Directive({\n    selector: '[eclSiteFooterDescriptionName]',\n    host: { class: 'ecl-site-footer__description-name' },\n})\nexport class EclSiteFooterDescriptionNameDirective extends ECLBaseDirective {}",
             "selector": "[eclSiteFooterSocialMedia]",
             "providers": [],
             "hostDirectives": [],
@@ -33414,46 +33110,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__social-media",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 21,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 21,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__social-media'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -33497,8 +33156,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 391,
-                    "end": 494,
+                    "pos": 358,
+                    "end": 461,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33522,12 +33181,12 @@
         },
         {
             "name": "EclSiteFooterTitleDirective",
-            "id": "directive-EclSiteFooterTitleDirective-310f02eddb348f49fa9d713198d334a0de2dfe4ca9dd6bbb3b4d83c45840907ad57655969caa50a9587a327acd25898c132ee2b3bf03a2b07ddeebe184626bb0",
+            "id": "directive-EclSiteFooterTitleDirective-058c43804afddc1d837f11e347f94e24459b7e01561bc017459e504631e15f69b8e1cee55cfd43537ad15f191dd56df34487e4b853f1d5690f74c55f30c2cdc3",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-title.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class for a title in ecl-site-footer component.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class for a title in ecl-site-footer component.\n",
-            "sourceCode": "import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class for a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitle]',\n})\nexport class EclSiteFooterTitleDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__title') cmpClass = true;\n\n    @HostBinding('class.ecl-site-footer__title--separator')\n    readonly isSeparator = input(false, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies a specific class for the <a> element in a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitleLink]',\n})\nexport class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__title-link') cmpClass = true;\n}\n",
+            "sourceCode": "import { Directive, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class for a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitle]',\n    host: {\n        'class': 'ecl-site-footer__title',\n        '[class.ecl-site-footer__title--separator]': 'isSeparator()',\n    },\n})\nexport class EclSiteFooterTitleDirective extends ECLBaseDirective {\n    readonly isSeparator = input(false, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies a specific class for the <a> element in a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitleLink]',\n    host: { class: 'ecl-site-footer__title-link' },\n})\nexport class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {}\n",
             "selector": "[eclSiteFooterTitle]",
             "providers": [],
             "hostDirectives": [],
@@ -33543,16 +33202,9 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 14,
+                    "line": 15,
                     "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__title--separator'"
-                        }
-                    ],
                     "modifierKind": [
-                        171,
                         148
                     ],
                     "required": false
@@ -33604,59 +33256,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__title",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 11,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__title--separator",
-                    "actualName": "isSeparator",
-                    "defaultValue": "input(false, { transform: booleanAttribute })",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 14,
-                    "type": "any",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 11,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__title'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -33700,8 +33302,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 132,
-                    "end": 225,
+                    "pos": 119,
+                    "end": 212,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33731,12 +33333,12 @@
         },
         {
             "name": "EclSiteFooterTitleLinkDirective",
-            "id": "directive-EclSiteFooterTitleLinkDirective-310f02eddb348f49fa9d713198d334a0de2dfe4ca9dd6bbb3b4d83c45840907ad57655969caa50a9587a327acd25898c132ee2b3bf03a2b07ddeebe184626bb0",
+            "id": "directive-EclSiteFooterTitleLinkDirective-058c43804afddc1d837f11e347f94e24459b7e01561bc017459e504631e15f69b8e1cee55cfd43537ad15f191dd56df34487e4b853f1d5690f74c55f30c2cdc3",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-title.directive.ts",
             "type": "directive",
             "description": "<p>Directive, that applies a specific class for the <a> element in a title in ecl-site-footer component.</p>\n",
             "rawdescription": "\n\nDirective, that applies a specific class for the <a> element in a title in ecl-site-footer component.\n",
-            "sourceCode": "import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class for a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitle]',\n})\nexport class EclSiteFooterTitleDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__title') cmpClass = true;\n\n    @HostBinding('class.ecl-site-footer__title--separator')\n    readonly isSeparator = input(false, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies a specific class for the <a> element in a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitleLink]',\n})\nexport class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {\n    @HostBinding('class.ecl-site-footer__title-link') cmpClass = true;\n}\n",
+            "sourceCode": "import { Directive, booleanAttribute, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive, that applies a specific class for a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitle]',\n    host: {\n        'class': 'ecl-site-footer__title',\n        '[class.ecl-site-footer__title--separator]': 'isSeparator()',\n    },\n})\nexport class EclSiteFooterTitleDirective extends ECLBaseDirective {\n    readonly isSeparator = input(false, { transform: booleanAttribute });\n}\n\n/**\n * Directive, that applies a specific class for the <a> element in a title in ecl-site-footer component.\n */\n@Directive({\n    selector: '[eclSiteFooterTitleLink]',\n    host: { class: 'ecl-site-footer__title-link' },\n})\nexport class EclSiteFooterTitleLinkDirective extends ECLBaseDirective {}\n",
             "selector": "[eclSiteFooterTitleLink]",
             "providers": [],
             "hostDirectives": [],
@@ -33789,46 +33391,9 @@
             "outputsClass": [],
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-site-footer__title-link",
-                    "actualName": "cmpClass",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 24,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
-            "propertiesClass": [
-                {
-                    "name": "cmpClass",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "",
-                    "line": 24,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-site-footer__title-link'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                }
-            ],
+            "propertiesClass": [],
             "methodsClass": [
                 {
                     "name": "getCssClasses",
@@ -33872,8 +33437,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 552,
-                    "end": 664,
+                    "pos": 544,
+                    "end": 656,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -77406,10 +76971,11 @@
         },
         {
             "name": "EclSelectContainerComponent",
-            "id": "component-EclSelectContainerComponent-717d9f42d461ab00e1cac54e44b58f308ededdfef9a60f1268cd1ac27e83508eff0d5a096b5d99d5756ba2736206e08b8b8d7f07b908868e570702ecf6ba7246",
+            "id": "component-EclSelectContainerComponent-52fb6b5010017a285bbdac362014ca29500c77306054d6d5ed50dd99107eeabb4c6a59fc47e6e6b049e248c8db2587de9643f57b7d3df17fbc2e231cb5913707",
             "file": "packages/ecl/components/ecl-select/ecl-select-container.component.ts",
             "encapsulation": [],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -77433,7 +76999,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 26,
+                    "line": 29,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
@@ -77450,7 +77016,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Size/length of the field and the dropdown, can be &#39;s&#39;, &#39;m&#39; or &#39;l&#39;. Default is &#39;m&#39;.\nSame as the size of the main host element.</p>\n",
-                    "line": 25,
+                    "line": 28,
                     "rawdescription": "\n\nSize/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\nSame as the size of the main host element.\n",
                     "modifierKind": [
                         148
@@ -77467,7 +77033,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 27,
+                    "line": 30,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
@@ -77484,7 +77050,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Custom label for the arrow-down button. Set from the main host element.</p>\n",
-                    "line": 31,
+                    "line": 34,
                     "rawdescription": "\n\nCustom label for the arrow-down button. Set from the main host element.\n",
                     "modifierKind": [
                         148
@@ -77546,7 +77112,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 26,
+                    "line": 29,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
@@ -77563,7 +77129,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Size/length of the field and the dropdown, can be &#39;s&#39;, &#39;m&#39; or &#39;l&#39;. Default is &#39;m&#39;.\nSame as the size of the main host element.</p>\n",
-                    "line": 25,
+                    "line": 28,
                     "rawdescription": "\n\nSize/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\nSame as the size of the main host element.\n",
                     "modifierKind": [
                         148
@@ -77580,7 +77146,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 27,
+                    "line": 30,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
@@ -77597,7 +77163,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Custom label for the arrow-down button. Set from the main host element.</p>\n",
-                    "line": 31,
+                    "line": 34,
                     "rawdescription": "\n\nCustom label for the arrow-down button. Set from the main host element.\n",
                     "modifierKind": [
                         148
@@ -77649,20 +77215,7 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdds specific classes for the container.\n",
-                    "description": "<p>Adds specific classes for the container.</p>\n",
-                    "line": 37,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [
@@ -77680,14 +77233,14 @@
             "description": "<p>Container component, which wraps the <select> component. Ataches custom select button with dropdown arrow.</p>\n",
             "rawdescription": "\n\nContainer component, which wraps the <select> component. Ataches custom select button with dropdown arrow.\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding, inject, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n/**\n * Container component, which wraps the <select> component. Ataches custom select button with dropdown arrow.\n */\n@Component({\n    selector: 'ecl-select-container',\n    templateUrl: './ecl-select-container.component.html',\n    imports: [\n        ...EUI_ECL_ICON,\n        TranslatePipe,\n        ...EUI_ECL_BUTTON,\n    ],\n})\nexport class EclSelectContainerComponent extends ECLBaseDirective {\n    /**\n     * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\n     * Same as the size of the main host element.\n     */\n    readonly eclSize = model('m');\n    readonly disabled = model<boolean>(undefined);\n    readonly isInvalid = model<boolean>(undefined);\n    /**\n     * Custom label for the arrow-down button. Set from the main host element.\n     */\n    readonly toggleLabel = model<string | undefined>(undefined);\n\n    /**\n     * Adds specific classes for the container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        const eclSize = this.eclSize();\n        return [\n            super.getCssClasses('ecl-select__container'),\n            eclSize ? `ecl-select__container--${eclSize}` : '',\n            this.disabled() ? 'ecl-select__container--disabled' : '',\n            this.isInvalid() ? 'ecl-select__container--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private ICON_SIZE_EC = 'xs';\n    private ICON_SIZE_EU = 's'\n    private eclThemeService = inject(EclThemeService);\n\n    /**\n     * Returns different icon sizes, depending if it's EU (s) or EC (xs) theme.\n     */\n    get iconSize(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC;\n        } else {\n            return this.ICON_SIZE_EU;\n        }\n    }\n}\n",
+            "sourceCode": "import { Component, inject, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n/**\n * Container component, which wraps the <select> component. Ataches custom select button with dropdown arrow.\n */\n@Component({\n    selector: 'ecl-select-container',\n    templateUrl: './ecl-select-container.component.html',\n    imports: [\n        ...EUI_ECL_ICON,\n        TranslatePipe,\n        ...EUI_ECL_BUTTON,\n    ],\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclSelectContainerComponent extends ECLBaseDirective {\n    /**\n     * Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'.\n     * Same as the size of the main host element.\n     */\n    readonly eclSize = model('m');\n    readonly disabled = model<boolean>(undefined);\n    readonly isInvalid = model<boolean>(undefined);\n    /**\n     * Custom label for the arrow-down button. Set from the main host element.\n     */\n    readonly toggleLabel = model<string | undefined>(undefined);\n\n    /**\n     * Adds specific classes for the container.\n     */\n    get cssClasses(): string {\n        const eclSize = this.eclSize();\n        return [\n            super.getCssClasses('ecl-select__container'),\n            eclSize ? `ecl-select__container--${eclSize}` : '',\n            this.disabled() ? 'ecl-select__container--disabled' : '',\n            this.isInvalid() ? 'ecl-select__container--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private ICON_SIZE_EC = 'xs';\n    private ICON_SIZE_EU = 's'\n    private eclThemeService = inject(EclThemeService);\n\n    /**\n     * Returns different icon sizes, depending if it's EU (s) or EC (xs) theme.\n     */\n    protected get iconSize(): string {\n        if (this.eclThemeService.isECTheme()) {\n            return this.ICON_SIZE_EC;\n        } else {\n            return this.ICON_SIZE_EU;\n        }\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 350,
-                    "end": 467,
+                    "pos": 337,
+                    "end": 454,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -77706,7 +77259,7 @@
                         "name": "cssClasses",
                         "type": "string",
                         "returnType": "string",
-                        "line": 37,
+                        "line": 39,
                         "rawdescription": "\n\nAdds specific classes for the container.\n",
                         "description": "<p>Adds specific classes for the container.</p>\n"
                     }
@@ -77717,7 +77270,7 @@
                         "name": "iconSize",
                         "type": "string",
                         "returnType": "string",
-                        "line": 56,
+                        "line": 58,
                         "rawdescription": "\n\nReturns different icon sizes, depending if it's EU (s) or EC (xs) theme.\n",
                         "description": "<p>Returns different icon sizes, depending if it&#39;s EU (s) or EC (xs) theme.</p>\n"
                     }
@@ -77748,7 +77301,7 @@
         },
         {
             "name": "EclSiteFooterComponent",
-            "id": "component-EclSiteFooterComponent-a7ddefb5b8e0254d19d1c906970fb202ea6ea94773d37e59fa73efc3faee9d65d6aaa3e5f49b56c98c60b382259cec544845a9def0b2c98e6cb101c106ff7afd",
+            "id": "component-EclSiteFooterComponent-33c62bf63d27dc8bfc5dd83452fc742b7310b235189e345a7a37889e1ab1e5e7009346b870b504d869d9373eb37f176524e41057607f4963b296a54384889071",
             "file": "packages/ecl/components/ecl-site-footer/ecl-site-footer.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -77756,7 +77309,7 @@
             "inputs": [],
             "outputs": [],
             "providers": [],
-            "selector": "footer[eclSiteFooter], ecl-site-footer",
+            "selector": "footer[eclSiteFooter]",
             "styleUrls": [],
             "styles": [],
             "templateUrl": [
@@ -77959,14 +77512,14 @@
             "description": "<p>The site footer component content provides supplementary information such as a sitemap, copyright and legal notices,\n privacy and accessibility statements, social media and contact information as well as various links to other\n important sections within the EC ecosystem.</p>\n",
             "rawdescription": "\n\nThe site footer component content provides supplementary information such as a sitemap, copyright and legal notices,\n privacy and accessibility statements, social media and contact information as well as various links to other\n important sections within the EC ecosystem.\n",
             "type": "component",
-            "sourceCode": "import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { Component, ElementRef, booleanAttribute, inject, input } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { I18nService } from '@eui/core';\nimport { ECLBaseDirective, EclThemeService, logoLanguageCode } from '@eui/ecl/core';\nimport { EclSiteFooterCoreComponent, EclSiteFooterFixedContentEUComponent } from './ecl-footer-elements';\nimport { EclSiteFooterRowCommonComponent } from './ecl-footer-elements/ec/ecl-site-footer-row-common/ecl-site-footer-row-common.component';\n\n/**\n * The site footer component content provides supplementary information such as a sitemap, copyright and legal notices,\n *  privacy and accessibility statements, social media and contact information as well as various links to other\n *  important sections within the EC ecosystem.\n */\n@Component({\n    selector: 'footer[eclSiteFooter], ecl-site-footer',\n    templateUrl: './ecl-site-footer.component.html',\n    imports: [AsyncPipe, NgTemplateOutlet, EclSiteFooterRowCommonComponent, EclSiteFooterFixedContentEUComponent,\n        EclSiteFooterCoreComponent,\n    ],\n    host: {\n        '[class]': 'cssClasses',\n        role: 'contentinfo',\n    },\n})\nexport class EclSiteFooterComponent extends ECLBaseDirective {\n    protected i18nService = inject(I18nService);\n    eclThemeService = inject(EclThemeService);\n\n    /**\n     * The current language of the page.\n     */\n    languageCode = 'en';\n    /**\n     * If it's a core site footer. The content of the footer for the Core configuration is specific and all items mandatory.\n     */\n    readonly isCore = input(false, { transform: booleanAttribute });\n    /**\n     * The URL of the accessibility statement. It should be provided by the user, but if not, a default one from the Europa web guide will be used.\n     */\n    readonly a11yStatementRef = input('https://commission.europa.eu/accessibility-statement_en');\n\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer'), this.isCore() ? 'ecl-site-footer--split-columns' : ''].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n        // Detect which selector was used\n        const host = inject(ElementRef<HTMLElement>).nativeElement;\n\n        // If the element tag is the old one → warn\n        if (host.tagName.toLowerCase() === 'ecl-site-footer') {\n            console.warn(\n                '[DEPRECATION] <ecl-site-footer> is deprecated. ' +\n                'Use <footer eclSiteFooter> instead.'\n            );\n        }\n\n        this.i18nService.getState().pipe(takeUntilDestroyed()).subscribe((lang) => {\n            this.languageCode = lang.activeLang;\n        });\n    }\n\n    /**\n     * This method is used, when current language is not present for our available logo collection.\n     * In this case, a default logo is returned.\n     */\n    get logoLanguageCode(): string {\n        return logoLanguageCode(this.languageCode);\n    }\n}\n",
+            "sourceCode": "import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { Component, booleanAttribute, inject, input } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { I18nService } from '@eui/core';\nimport { ECLBaseDirective, EclThemeService, logoLanguageCode } from '@eui/ecl/core';\nimport { EclSiteFooterCoreComponent, EclSiteFooterFixedContentEUComponent } from './ecl-footer-elements';\nimport { EclSiteFooterRowCommonComponent } from './ecl-footer-elements/ec/ecl-site-footer-row-common/ecl-site-footer-row-common.component';\n\n/**\n * The site footer component content provides supplementary information such as a sitemap, copyright and legal notices,\n *  privacy and accessibility statements, social media and contact information as well as various links to other\n *  important sections within the EC ecosystem.\n */\n@Component({\n    selector: 'footer[eclSiteFooter]',\n    templateUrl: './ecl-site-footer.component.html',\n    imports: [AsyncPipe, NgTemplateOutlet, EclSiteFooterRowCommonComponent, EclSiteFooterFixedContentEUComponent,\n        EclSiteFooterCoreComponent,\n    ],\n    host: {\n        '[class]': 'cssClasses',\n        role: 'contentinfo',\n    },\n})\nexport class EclSiteFooterComponent extends ECLBaseDirective {\n    protected i18nService = inject(I18nService);\n    eclThemeService = inject(EclThemeService);\n\n    /**\n     * The current language of the page.\n     */\n    languageCode = 'en';\n    /**\n     * If it's a core site footer. The content of the footer for the Core configuration is specific and all items mandatory.\n     */\n    readonly isCore = input(false, { transform: booleanAttribute });\n    /**\n     * The URL of the accessibility statement. It should be provided by the user, but if not, a default one from the Europa web guide will be used.\n     */\n    readonly a11yStatementRef = input('https://commission.europa.eu/accessibility-statement_en');\n\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer'), this.isCore() ? 'ecl-site-footer--split-columns' : ''].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n\n        this.i18nService.getState().pipe(takeUntilDestroyed()).subscribe((lang) => {\n            this.languageCode = lang.activeLang;\n        });\n    }\n\n    /**\n     * This method is used, when current language is not present for our available logo collection.\n     * In this case, a default logo is returned.\n     */\n    get logoLanguageCode(): string {\n        return logoLanguageCode(this.languageCode);\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 589,
-                    "end": 877,
+                    "pos": 577,
+                    "end": 865,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -78005,7 +77558,7 @@
                         "name": "logoLanguageCode",
                         "type": "string",
                         "returnType": "string",
-                        "line": 68,
+                        "line": 58,
                         "rawdescription": "\n\nThis method is used, when current language is not present for our available logo collection.\nIn this case, a default logo is returned.\n",
                         "description": "<p>This method is used, when current language is not present for our available logo collection.\nIn this case, a default logo is returned.</p>\n"
                     }
@@ -78047,10 +77600,11 @@
         },
         {
             "name": "EclSiteFooterCoownerComponent",
-            "id": "component-EclSiteFooterCoownerComponent-3bea6cb435ec930a29948770ffc5da89a4bfb784016f10942d68e2f1a1cbd4e88baf2b0862ebba34782ab10977b775f6e7229370255ece1f9d3e4f9971d65822",
+            "id": "component-EclSiteFooterCoownerComponent-fc1a68bbde2d77efe110fe6ca4fed4fcabe1c909ec918dc9a5cab5830e02bec5bee87fa9d96bc94ba726449a9484be51ad13998fa817f0cd292f45a8e459f9d6",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-coowner/ecl-site-footer-coowner.component.ts",
             "encapsulation": [],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -78074,7 +77628,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 12,
+                    "line": 13,
                     "rawdescription": "\n",
                     "required": false
                 },
@@ -78167,34 +77721,21 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 15,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [],
             "description": "<p>The content of the site footer core component. The part that is specific for the core variant.</p>\n",
             "rawdescription": "\n\nThe content of the site footer core component. The part that is specific for the core variant.\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * The content of the site footer core component. The part that is specific for the core variant.\n */\n@Component({\n    selector: 'div[eclSiteFooterCoowner]',\n    templateUrl: './ecl-site-footer-coowner.component.html',\n})\nexport class EclSiteFooterCoownerComponent extends ECLBaseDirective {\n    eclTitle = input<string>(null);\n    \n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__co-owner')].join(' ').trim();\n    }\n}\n",
+            "sourceCode": "import { Component, input } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * The content of the site footer core component. The part that is specific for the core variant.\n */\n@Component({\n    selector: 'div[eclSiteFooterCoowner]',\n    templateUrl: './ecl-site-footer-coowner.component.html',\n    host: { '[class]': 'cssClasses' },\n})\nexport class EclSiteFooterCoownerComponent extends ECLBaseDirective {\n    eclTitle = input<string>(null);\n\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__co-owner')].join(' ').trim();\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 114,
-                    "end": 219,
+                    "pos": 101,
+                    "end": 206,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -78232,10 +77773,11 @@
         },
         {
             "name": "EclSiteFooterCoreComponent",
-            "id": "component-EclSiteFooterCoreComponent-bdd16bb1f3000f54ee94f710323aac7fa575d2ccf917ea9c67aeedf5ef94f85d3036742ae4075c56309cfe0c5fc4ab5d1beb031dfe08b5040bb04e232fd4b931",
+            "id": "component-EclSiteFooterCoreComponent-e2a635850b2e632fc4d4495de7db74004d4f2d2b6210c7c096dce9dad617f6dab40a67f2e53b2bbb98cdf6489f0f723815c889f3e42932b3d95736819b23ae9b",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ec/ecl-site-footer-core/ecl-site-footer-core.component.ts",
             "encapsulation": [],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -78259,7 +77801,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>The code of the current language. Used to translate the content.</p>\n",
-                    "line": 23,
+                    "line": 24,
                     "rawdescription": "\n\nThe code of the current language. Used to translate the content.\n",
                     "modifierKind": [
                         148
@@ -78355,20 +77897,7 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 26,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [
@@ -78394,14 +77923,14 @@
             "description": "<p>The content of the site footer core component. The part that is specific for the core variant.</p>\n",
             "rawdescription": "\n\nThe content of the site footer core component. The part that is specific for the core variant.\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding, input } from '@angular/core';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EclSiteFooterListItemDirective } from '../../ecl-site-footer-list.directive';\nimport { EclSiteFooterLinkDirective } from '../../ecl-site-footer-link.directive';\n\n/**\n * The content of the site footer core component. The part that is specific for the core variant.\n */\n@Component({\n    selector: 'div[eclSiteFooterCore]',\n    templateUrl: './ecl-site-footer-core.component.html',\n    imports: [TranslatePipe, ...EUI_ECL_LINK,\n        ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective, EclSiteFooterLinkDirective,\n    ],\n})\nexport class EclSiteFooterCoreComponent extends ECLBaseDirective {\n    /**\n     * The code of the current language. Used to translate the content.\n     */\n    readonly languageCode = input<string>(undefined);\n    \n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__section ecl-site-footer__section--core')].join(' ').trim();\n    }\n}\n",
+            "sourceCode": "import { Component, input } from '@angular/core';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EclSiteFooterListItemDirective } from '../../ecl-site-footer-list.directive';\nimport { EclSiteFooterLinkDirective } from '../../ecl-site-footer-link.directive';\n\n/**\n * The content of the site footer core component. The part that is specific for the core variant.\n */\n@Component({\n    selector: 'div[eclSiteFooterCore]',\n    templateUrl: './ecl-site-footer-core.component.html',\n    imports: [TranslatePipe, ...EUI_ECL_LINK,\n        ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective, EclSiteFooterLinkDirective,\n    ],\n    host: { '[class]': 'cssClasses' },\n})\nexport class EclSiteFooterCoreComponent extends ECLBaseDirective {\n    /**\n     * The code of the current language. Used to translate the content.\n     */\n    readonly languageCode = input<string>(undefined);\n\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__section ecl-site-footer__section--core')].join(' ').trim();\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 489,
-                    "end": 594,
+                    "pos": 476,
+                    "end": 581,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -78978,12 +78507,13 @@
         },
         {
             "name": "EclSiteFooterRowCommonComponent",
-            "id": "component-EclSiteFooterRowCommonComponent-9d3b2031b4019a13f67ff2dca35e8593c120dd243ec90b9833a30b0dc2da6a144022c5df46f84efa549ed053d9d4ee89a1e6a05c3dbe6756323544d3562bc2d4",
+            "id": "component-EclSiteFooterRowCommonComponent-8b1ed3f31f55fa3219251557862d143a93b2b6a9f95ed67f951b5163bf15b61766811d3198ec64edb7ec7cdb11d81609bf0855aba5b1cc7c7bce824add1d40cb",
             "file": "packages/ecl/components/ecl-site-footer/ecl-footer-elements/ec/ecl-site-footer-row-common/ecl-site-footer-row-common.component.ts",
             "encapsulation": [
                 "ViewEncapsulation.None"
             ],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -79009,7 +78539,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>The URL of the accessibility statement. It should be provided by the user, but if not, a default one from the Europa web guide will be used.</p>\n",
-                    "line": 29,
+                    "line": 30,
                     "rawdescription": "\n\nThe URL of the accessibility statement. It should be provided by the user, but if not, a default one from the Europa web guide will be used.\n",
                     "modifierKind": [
                         148
@@ -79026,7 +78556,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>If this is a core template. If it&#39;s standardised or harmonised footer, ec logo should be added.</p>\n",
-                    "line": 34,
+                    "line": 35,
                     "rawdescription": "\n\nIf this is a core template. If it's standardised or harmonised footer, ec logo should be added.\n",
                     "modifierKind": [
                         148
@@ -79043,7 +78573,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>The code of the current language. Used to translate the content.</p>\n",
-                    "line": 25,
+                    "line": 26,
                     "rawdescription": "\n\nThe code of the current language. Used to translate the content.\n",
                     "modifierKind": [
                         148
@@ -79139,20 +78669,7 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "class",
-                    "actualName": "cssClasses",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": "",
-                    "line": 37,
-                    "type": "string",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [
@@ -79182,7 +78699,7 @@
             "description": "<p>There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.\nThis component represents this fixed content.</p>\n",
             "rawdescription": "\n\nThere is some fixed content in the site footer, that cannot be changed by the user and is mandatory.\nThis component represents this fixed content.\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding, ViewEncapsulation, booleanAttribute, input } from '@angular/core';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';\nimport { ECLBaseDirective, logoLanguageCode } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EclSiteFooterLinkDirective } from '../../ecl-site-footer-link.directive';\nimport { EclSiteFooterListDirective, EclSiteFooterListItemDirective } from '../../ecl-site-footer-list.directive';\n\n/**\n * There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.\n * This component represents this fixed content.\n */\n@Component({\n    selector: 'div[eclSiteFooterRowCommon]',\n    templateUrl: './ecl-site-footer-row-common.component.html',\n    styleUrls: ['./ecl-site-footer-row-common.css'],\n    encapsulation: ViewEncapsulation.None,\n    imports: [TranslatePipe, ...EUI_ECL_LINK, ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective,\n        EclSiteFooterLinkDirective, EclSiteFooterListDirective],\n})\nexport class EclSiteFooterRowCommonComponent extends ECLBaseDirective {\n    /**\n     * The code of the current language. Used to translate the content.\n     */\n    readonly languageCode = input<string>(undefined);\n    /**\n     * The URL of the accessibility statement. It should be provided by the user, but if not, a default one from the Europa web guide will be used.\n     */\n    readonly a11yStatementRef = input('https://commission.europa.eu/accessibility-statement_en');\n\n    /**\n     * If this is a core template. If it's standardised or harmonised footer, ec logo should be added.\n     */\n    readonly isCore = input(false, { transform: booleanAttribute });\n    \n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__row ecl-site-footer__row--common')].join(' ').trim();\n    }\n\n    /**\n     * This method is used, when current language is not present for our available logo collection.\n     * In this case, a default logo is returned.\n     */\n    get logoLanguageCode(): string {\n        return logoLanguageCode(this.languageCode());\n    }\n}\n",
+            "sourceCode": "import { Component, ViewEncapsulation, booleanAttribute, input } from '@angular/core';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\nimport { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';\nimport { ECLBaseDirective, logoLanguageCode } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EclSiteFooterLinkDirective } from '../../ecl-site-footer-link.directive';\nimport { EclSiteFooterListDirective, EclSiteFooterListItemDirective } from '../../ecl-site-footer-list.directive';\n\n/**\n * There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.\n * This component represents this fixed content.\n */\n@Component({\n    selector: 'div[eclSiteFooterRowCommon]',\n    templateUrl: './ecl-site-footer-row-common.component.html',\n    styleUrls: ['./ecl-site-footer-row-common.css'],\n    encapsulation: ViewEncapsulation.None,\n    imports: [TranslatePipe, ...EUI_ECL_LINK, ...EUI_ECL_SOCIAL_MEDIA_FOLLOW, EclSiteFooterListItemDirective,\n        EclSiteFooterLinkDirective, EclSiteFooterListDirective],\n    host: { '[class]': 'cssClasses' },\n})\nexport class EclSiteFooterRowCommonComponent extends ECLBaseDirective {\n    /**\n     * The code of the current language. Used to translate the content.\n     */\n    readonly languageCode = input<string>(undefined);\n    /**\n     * The URL of the accessibility statement. It should be provided by the user, but if not, a default one from the Europa web guide will be used.\n     */\n    readonly a11yStatementRef = input('https://commission.europa.eu/accessibility-statement_en');\n\n    /**\n     * If this is a core template. If it's standardised or harmonised footer, ec logo should be added.\n     */\n    readonly isCore = input(false, { transform: booleanAttribute });\n\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-site-footer__row ecl-site-footer__row--common')].join(' ').trim();\n    }\n\n    /**\n     * This method is used, when current language is not present for our available logo collection.\n     * In this case, a default logo is returned.\n     */\n    get logoLanguageCode(): string {\n        return logoLanguageCode(this.languageCode());\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": [
                 {
@@ -79193,8 +78710,8 @@
             "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 572,
-                    "end": 732,
+                    "pos": 559,
+                    "end": 719,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,