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

package/docs/json/documentation.json

@@ -31545,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": [],
@@ -31603,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",
@@ -31686,8 +31649,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 361,
-                    "end": 432,
+                    "pos": 328,
+                    "end": 399,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -31717,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": [],
@@ -31775,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": [
                 {
@@ -31848,8 +31798,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 915,
-                    "end": 1088,
+                    "pos": 882,
+                    "end": 1055,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -31895,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": [],
@@ -31953,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,
@@ -32062,8 +31976,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 227,
-                    "end": 330,
+                    "pos": 214,
+                    "end": 317,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32094,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": [],
@@ -32152,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",
@@ -32235,8 +32112,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 107,
-                    "end": 181,
+                    "pos": 94,
+                    "end": 168,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32260,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": [],
@@ -32318,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",
@@ -32401,8 +32241,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 705,
-                    "end": 789,
+                    "pos": 652,
+                    "end": 736,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32481,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": [],
@@ -32602,8 +32442,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 132,
-                    "end": 219,
+                    "pos": 119,
+                    "end": 206,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32638,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": [],
@@ -32696,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",
@@ -32779,8 +32582,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 567,
-                    "end": 659,
+                    "pos": 554,
+                    "end": 646,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -32949,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": [],
@@ -33007,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",
@@ -33090,8 +32856,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 107,
-                    "end": 175,
+                    "pos": 94,
+                    "end": 162,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33121,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": [],
@@ -33142,7 +32908,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 11,
+                    "line": 12,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
@@ -33196,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": [
@@ -33255,8 +33008,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 132,
-                    "end": 222,
+                    "pos": 101,
+                    "end": 191,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33299,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": [],
@@ -33357,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",
@@ -33440,8 +33156,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 391,
-                    "end": 494,
+                    "pos": 358,
+                    "end": 461,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33465,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": [],
@@ -33486,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
@@ -33547,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",
@@ -33643,8 +33302,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 132,
-                    "end": 225,
+                    "pos": 119,
+                    "end": 212,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -33674,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": [],
@@ -33732,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",
@@ -33815,8 +33437,8 @@
             "coverageIgnore": false,
             "jsdoctags": [
                 {
-                    "pos": 552,
-                    "end": 664,
+                    "pos": 544,
+                    "end": 656,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,
@@ -77679,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": [],
@@ -77687,7 +77309,7 @@
             "inputs": [],
             "outputs": [],
             "providers": [],
-            "selector": "footer[eclSiteFooter], ecl-site-footer",
+            "selector": "footer[eclSiteFooter]",
             "styleUrls": [],
             "styles": [],
             "templateUrl": [
@@ -77890,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,
@@ -77936,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"
                     }
@@ -77978,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": [],
@@ -78005,7 +77628,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 12,
+                    "line": 13,
                     "rawdescription": "\n",
                     "required": false
                 },
@@ -78098,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,
@@ -78163,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": [],
@@ -78190,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
@@ -78286,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": [
@@ -78325,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,
@@ -78909,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": [],
@@ -78940,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
@@ -78957,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
@@ -78974,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
@@ -79070,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": [
@@ -79113,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": [
                 {
@@ -79124,8 +78710,8 @@
             "stylesData": "",
             "jsdoctags": [
                 {
-                    "pos": 572,
-                    "end": 732,
+                    "pos": 559,
+                    "end": 719,
                     "kind": 321,
                     "id": 0,
                     "flags": 16777216,