@eui/ecl 22.0.0-alpha.1 → 22.0.0-alpha.3

package/docs/json/documentation.json

@@ -48539,10 +48539,11 @@
         },
         {
             "name": "EclCategoryFilterComponent",
-            "id": "component-EclCategoryFilterComponent-5b7eac139d8923fa53c46d5b5583fa2782b6aeec1e430ed76e544c7450f44542bf6361248fc79f18b6967980ee2d3ccdc6a270eda267961eda26bd4cbbec4dae",
+            "id": "component-EclCategoryFilterComponent-ca0a9a64af386ecfbf3280aae381be951ef493a43f291d38ee699091c309c77aac670db9e4f997d2c6ce8393ba2363c39ce23d978e457d8884b8c95093cdfa6a",
             "file": "packages/ecl/components/ecl-category-filter/ecl-category-filter/ecl-category-filter.component.ts",
             "encapsulation": [],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -48567,7 +48568,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nAria-label for the navigation role. Defaults to \"Category filter\".\n",
                     "description": "<p>Aria-label for the navigation role. Defaults to &quot;Category filter&quot;.</p>\n",
-                    "line": 59,
+                    "line": 45,
                     "type": "string | null",
                     "decorators": []
                 },
@@ -48581,7 +48582,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>ID of the currently selected item. When provided, the item with the matching ID\nwill be marked as current and automatically expanded on initialization.</p>\n",
-                    "line": 43,
+                    "line": 40,
                     "rawdescription": "\n\nID of the currently selected item. When provided, the item with the matching ID\nwill be marked as current and automatically expanded on initialization.\n",
                     "modifierKind": [
                         148
@@ -48634,47 +48635,20 @@
             ],
             "outputsClass": [],
             "propertiesClass": [
-                {
-                    "name": "className",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Static class applied to the host element for styling.\nAlways returns true to include the <code>ecl-category-filter</code> class.</p>\n",
-                    "line": 49,
-                    "rawdescription": "\n\nStatic class applied to the host element for styling.\nAlways returns true to include the `ecl-category-filter` class.\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-category-filter'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                },
                 {
                     "name": "eclCategoryFilterItemsAll",
                     "coverageIgnore": false,
+                    "defaultValue": "contentChildren<EclCategoryFilterItemComponent>(\n        forwardRef(() => EclCategoryFilterItemComponent), { descendants: true }\n    )",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "type": "QueryList<EclCategoryFilterItemComponent>",
+                    "type": "unknown",
                     "indexKey": "",
                     "optional": false,
-                    "description": "",
-                    "line": 63,
-                    "rawdescription": "\n",
-                    "decorators": [
-                        {
-                            "name": "ContentChildren",
-                            "stringifiedArguments": "undefined, {descendants: true}"
-                        }
-                    ],
+                    "description": "<p>Signal-based query for all descendant category filter items.</p>\n",
+                    "line": 52,
+                    "rawdescription": "\n\nSignal-based query for all descendant category filter items.\n",
                     "modifierKind": [
-                        171
+                        148
                     ]
                 },
                 {
@@ -48687,49 +48661,14 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "",
-                    "line": 61,
+                    "line": 47,
                     "rawdescription": "\n",
                     "modifierKind": [
                         148
                     ]
-                },
-                {
-                    "name": "role",
-                    "coverageIgnore": false,
-                    "defaultValue": "'navigation'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Defines the ARIA role for the host element. Always set to &quot;navigation&quot;.</p>\n",
-                    "line": 54,
-                    "rawdescription": "\n\nDefines the ARIA role for the host element. Always set to \"navigation\".\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'attr.role'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
                 }
             ],
             "methodsClass": [
-                {
-                    "name": "ngAfterContentInit",
-                    "coverageIgnore": false,
-                    "args": [],
-                    "optional": false,
-                    "returnType": "void",
-                    "typeParameters": [],
-                    "line": 70,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n",
-                    "description": ""
-                },
                 {
                     "name": "ngOnDestroy",
                     "coverageIgnore": false,
@@ -48737,7 +48676,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 86,
+                    "line": 83,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n",
@@ -48785,49 +48724,30 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "attr.role",
-                    "actualName": "role",
-                    "defaultValue": "'navigation'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDefines the ARIA role for the host element. Always set to \"navigation\".\n",
-                    "description": "<p>Defines the ARIA role for the host element. Always set to &quot;navigation&quot;.</p>\n",
-                    "line": 54,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-category-filter",
-                    "actualName": "className",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStatic class applied to the host element for styling.\nAlways returns true to include the `ecl-category-filter` class.\n",
-                    "description": "<p>Static class applied to the host element for styling.\nAlways returns true to include the <code>ecl-category-filter</code> class.</p>\n",
-                    "line": 49,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [],
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import {\n    Component,\n    ContentChildren,\n    forwardRef,\n    HostBinding,\n    IterableDiffer,\n    IterableDiffers,\n    QueryList,\n    Input,\n    DoCheck,\n    AfterContentInit,\n    inject,\n    Injector,\n    ChangeDetectorRef,\n    afterNextRender,\n    OnDestroy,\n    input,\n    contentChild,\n} from '@angular/core';\nimport { startWith, Subject, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCategoryFilterItem } from '../models/ecl-category-filter-item.model';\nimport { EclCategoryFilterItemSelectEvent } from '../events/ecl-category-filter-item-select.event';\nimport { EclCategoryFilterItemComponent } from '../ecl-category-filter-list';\nimport { EclCategoryFilterListComponent } from '../ecl-category-filter-list';\n\n@Component({\n    selector: 'ecl-category-filter',\n    templateUrl: './ecl-category-filter.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclCategoryFilterComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    /**\n     * ID of the currently selected item. When provided, the item with the matching ID\n     * will be marked as current and automatically expanded on initialization.\n     */\n    readonly currentItemId = input<string>(undefined);\n\n    /**\n     * Static class applied to the host element for styling.\n     * Always returns true to include the `ecl-category-filter` class.\n     */\n    @HostBinding('class.ecl-category-filter') className = true;\n\n    /**\n     * Defines the ARIA role for the host element. Always set to \"navigation\".\n     */\n    @HostBinding('attr.role') role = 'navigation';\n\n    /**\n     * Aria-label for the navigation role. Defaults to \"Category filter\".\n     */\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'Category filter';\n\n    readonly eclCategoryList = contentChild(forwardRef(() => EclCategoryFilterListComponent));\n    @ContentChildren(forwardRef(() => EclCategoryFilterItemComponent), { descendants: true })\n    eclCategoryFilterItemsAll: QueryList<EclCategoryFilterItemComponent>;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly cdr = inject(ChangeDetectorRef);\n    private readonly injector = inject(Injector);\n    private readonly initializedItems = new WeakSet<EclCategoryFilterItemComponent>();\n\n    ngAfterContentInit(): void {\n        this.eclCategoryFilterItemsAll.changes\n            .pipe(\n                startWith(this.eclCategoryFilterItemsAll),\n                takeUntil(this.destroy$)\n            )\n            .subscribe((items: QueryList<EclCategoryFilterItemComponent>) => {\n                for (const item of items.toArray()) {\n                    this.connectCategoryfilterItemEventsOnce(item);\n                }\n\n                this.scheduleLevelUpdate();\n            });\n        this.setId(this.eclCategoryList().eclCategoryFilterItems());\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private connectCategoryfilterItemEventsOnce(item: EclCategoryFilterItemComponent): void {\n        if (this.initializedItems.has(item)) return;\n\n        this.initializedItems.add(item);\n        this.connectCategoryfilterItemEvents(item);\n    }\n\n    private scheduleLevelUpdate(): void {\n\n        afterNextRender(() => {\n\n            this.eclCategoryList().updateChildrenItemsLevel(0);\n\n            if (this.currentItemId() !== undefined) {\n                this.setPreselectedCurrentItem();\n            }\n\n            this.cdr.markForCheck();\n        }, { injector: this.injector });\n    }\n\n    private setId(subList: QueryList<EclCategoryFilterItemComponent>): void {\n        if (subList) {\n            subList.forEach((item) => {\n                if (!item.id) {\n                    item.id = crypto.randomUUID();\n                }\n                const eclCategoryList = item.eclCategoryList();\n                if (eclCategoryList) {\n                    eclCategoryList.controls = item.id;\n                    this.setId(eclCategoryList.eclCategoryFilterItems());\n                }\n            });\n        }\n    }\n\n    private connectCategoryfilterItemEvents(item: EclCategoryFilterItemComponent): void {\n        item.itemSelect.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.onItemSelected(evt);\n        });\n    }\n\n    private onItemSelected(evt: EclCategoryFilterItemSelectEvent): void {\n        if (evt.item.isRootItem) {\n            this.closeAllItemsButOne(evt.item);\n        } else {\n            this.deselectAllItemsButOne(evt.item);\n        }\n    }\n\n    private setPreselectedCurrentItem(): void {\n        const currItem = this.eclCategoryFilterItemsAll.toArray().find((item) => item.id === this.currentItemId());\n        if (currItem) {\n            currItem.isCurrent = true;\n            if (currItem.hasChildren) {\n                currItem.isExpanded = true;\n            }\n            this.expandParents(currItem);\n        }\n    }\n\n    private expandParents(currItem: EclCategoryFilterItem): void {\n        if (currItem.isRootItem) {\n            return;\n        } else {\n            const parent = this.eclCategoryFilterItemsAll.find(\n                (item) => item.hasChildren && item.children.find((child) => child.id === currItem.id) !== undefined,\n            );\n            parent.isExpanded = true;\n            this.expandParents(parent);\n        }\n    }\n\n    private closeAllItemsButOne(item: EclCategoryFilterItem): void {\n        this.eclCategoryFilterItemsAll\n            .filter((it) => it !== item)\n            .forEach((it) => {\n                it.isExpanded = false;\n                it.isCurrent = false;\n            });\n    }\n\n    private deselectAllItemsButOne(item: EclCategoryFilterItem): void {\n        this.eclCategoryFilterItemsAll\n            .filter((it) => it !== item)\n            .forEach((it) => {\n                it.isCurrent = false;\n            });\n    }\n}\n",
+            "sourceCode": "import {\n    Component,\n    forwardRef,\n    Input,\n    OnDestroy,\n    input,\n    contentChild,\n    contentChildren,\n    effect,\n    untracked,\n} from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCategoryFilterItem } from '../models/ecl-category-filter-item.model';\nimport { EclCategoryFilterItemSelectEvent } from '../events/ecl-category-filter-item-select.event';\nimport { EclCategoryFilterItemComponent } from '../ecl-category-filter-list';\nimport { EclCategoryFilterListComponent } from '../ecl-category-filter-list';\n\n@Component({\n    selector: 'ecl-category-filter',\n    templateUrl: './ecl-category-filter.component.html',\n    host: {\n        'class': 'ecl-category-filter',\n        'role': 'navigation',\n        '[attr.aria-label]': 'ariaLabel',\n    },\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclCategoryFilterComponent extends ECLBaseDirective implements OnDestroy {\n    /**\n     * ID of the currently selected item. When provided, the item with the matching ID\n     * will be marked as current and automatically expanded on initialization.\n     */\n    readonly currentItemId = input<string>(undefined);\n\n    /**\n     * Aria-label for the navigation role. Defaults to \"Category filter\".\n     */\n    @Input('aria-label') ariaLabel: string | null = 'Category filter';\n\n    readonly eclCategoryList = contentChild(forwardRef(() => EclCategoryFilterListComponent));\n\n    /**\n     * Signal-based query for all descendant category filter items.\n     */\n    readonly eclCategoryFilterItemsAll = contentChildren<EclCategoryFilterItemComponent>(\n        forwardRef(() => EclCategoryFilterItemComponent), { descendants: true }\n    );\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly initializedItems = new WeakSet<EclCategoryFilterItemComponent>();\n\n    constructor() {\n        super();\n\n        // Reacts to item changes and performs all setup:\n        // - subscribes to itemSelect events (guarded by WeakSet)\n        // - assigns IDs where missing\n        // - propagates levels through the tree\n        // - handles preselection of currentItemId\n        effect(() => {\n            const items = this.eclCategoryFilterItemsAll();\n            untracked(() => {\n                for (const item of items) {\n                    this.connectCategoryfilterItemEventsOnce(item);\n                }\n                this.setIds(items);\n                this.eclCategoryList().updateChildrenItemsLevel(0);\n\n                if (this.currentItemId() !== undefined) {\n                    this.setPreselectedCurrentItem();\n                }\n            });\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private connectCategoryfilterItemEventsOnce(item: EclCategoryFilterItemComponent): void {\n        if (this.initializedItems.has(item)) return;\n\n        this.initializedItems.add(item);\n        this.connectCategoryfilterItemEvents(item);\n    }\n\n    private setIds(items: readonly EclCategoryFilterItemComponent[]): void {\n        for (const item of items) {\n            if (!item.id) {\n                item.id = crypto.randomUUID();\n            }\n            const eclCategoryList = item.eclCategoryList();\n            if (eclCategoryList && !eclCategoryList.id) {\n                eclCategoryList.id = `${item.id}-list`;\n            }\n        }\n    }\n\n    private connectCategoryfilterItemEvents(item: EclCategoryFilterItemComponent): void {\n        item.itemSelect.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n            this.onItemSelected(evt);\n        });\n    }\n\n    private onItemSelected(evt: EclCategoryFilterItemSelectEvent): void {\n        if (evt.item.isRootItem) {\n            this.closeAllItemsButOne(evt.item);\n        } else {\n            this.deselectAllItemsButOne(evt.item);\n        }\n    }\n\n    private setPreselectedCurrentItem(): void {\n        const items = this.eclCategoryFilterItemsAll();\n        const currItem = items.find((item) => item.id === this.currentItemId());\n        if (currItem) {\n            currItem.isCurrent = true;\n            if (currItem.hasChildren) {\n                currItem.isExpanded = true;\n            }\n            this.expandParents(currItem);\n        }\n    }\n\n    private expandParents(currItem: EclCategoryFilterItem): void {\n        if (currItem.isRootItem) {\n            return;\n        }\n        const items = this.eclCategoryFilterItemsAll();\n        const parent = items.find(\n            (item) => item.hasChildren && item.children.find((child) => child.id === currItem.id) !== undefined,\n        );\n        if (parent) {\n            parent.isExpanded = true;\n            this.expandParents(parent);\n        }\n    }\n\n    private closeAllItemsButOne(item: EclCategoryFilterItem): void {\n        const items = this.eclCategoryFilterItemsAll();\n        for (const it of items) {\n            if (it !== item) {\n                it.isExpanded = false;\n                it.isCurrent = false;\n            }\n        }\n    }\n\n    private deselectAllItemsButOne(item: EclCategoryFilterItem): void {\n        const items = this.eclCategoryFilterItemsAll();\n        for (const it of items) {\n            if (it !== item) {\n                it.isCurrent = false;\n            }\n        }\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "\n            :host {\n                display: block;\n            }\n        \n",
+            "constructorObj": {
+                "name": "constructor",
+                "description": "",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "args": [],
+                "line": 57,
+                "rawdescription": "\n"
+            },
             "extends": [
                 "ECLBaseDirective"
             ],
             "implements": [
-                "AfterContentInit",
                 "OnDestroy"
             ],
             "relationships": {
@@ -48837,10 +48757,6 @@
                         "name": "ECLBaseDirective",
                         "type": "directive"
                     },
-                    {
-                        "name": "AfterContentInit",
-                        "type": "interface"
-                    },
                     {
                         "name": "OnDestroy",
                         "type": "interface"
@@ -48851,10 +48767,11 @@
         },
         {
             "name": "EclCategoryFilterItemComponent",
-            "id": "component-EclCategoryFilterItemComponent-58b8f1bef20fecdab2f5060f73e05e8e23de171c5f8e53e4338c1a327c63013f379b3f1469177936743d5eca3d256619d2fb91bb19de5af3ac14e11fa9ddef5d",
+            "id": "component-EclCategoryFilterItemComponent-e199e1e36f1fa13ca6feb60bd9cd525f32e1a111b823be0322e4a8248c5dfb018d962a372453158fbb664d57d3880230772a432fcda0fa951926cf6e58583754",
             "file": "packages/ecl/components/ecl-category-filter/ecl-category-filter-list/ecl-category-filter-item.component.ts",
             "encapsulation": [],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -48875,7 +48792,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nUnique identifier for the item. Used to manage selection state.\n",
                     "description": "<p>Unique identifier for the item. Used to manage selection state.</p>\n",
-                    "line": 27,
+                    "line": 32,
                     "type": "string",
                     "decorators": []
                 },
@@ -48889,7 +48806,7 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Link URL associated with this category filter item.\nIf not provided, the item acts as a toggle only.</p>\n",
-                    "line": 22,
+                    "line": 27,
                     "rawdescription": "\n\nLink URL associated with this category filter item.\nIf not provided, the item acts as a toggle only.\n",
                     "modifierKind": [
                         148
@@ -48949,33 +48866,11 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits when the item is selected by the user (clicked).\n",
                     "description": "<p>Emits when the item is selected by the user (clicked).</p>\n",
-                    "line": 32,
+                    "line": 37,
                     "type": "EventEmitter"
                 }
             ],
             "propertiesClass": [
-                {
-                    "name": "className",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Static class binding for base list item styling.</p>\n",
-                    "line": 37,
-                    "rawdescription": "\n\nStatic class binding for base list item styling.\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-category-filter__list-item'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                },
                 {
                     "name": "eclCategoryList",
                     "coverageIgnore": false,
@@ -48986,59 +48881,11 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>Child list component if the item has nested children.</p>\n",
-                    "line": 65,
+                    "line": 66,
                     "rawdescription": "\n\nChild list component if the item has nested children.\n",
                     "modifierKind": [
                         148
                     ]
-                },
-                {
-                    "name": "isCurrent",
-                    "coverageIgnore": false,
-                    "defaultValue": "false",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Indicates whether the item is currently selected.</p>\n",
-                    "line": 60,
-                    "rawdescription": "\n\nIndicates whether the item is currently selected.\n"
-                },
-                {
-                    "name": "isExpanded",
-                    "coverageIgnore": false,
-                    "defaultValue": "false",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Indicates whether the item is currently expanded (open).</p>\n",
-                    "line": 55,
-                    "rawdescription": "\n\nIndicates whether the item is currently expanded (open).\n"
-                },
-                {
-                    "name": "role",
-                    "coverageIgnore": false,
-                    "defaultValue": "'listitem'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Defines the ARIA role for the list item. Always set to &quot;listitem&quot;.</p>\n",
-                    "line": 42,
-                    "rawdescription": "\n\nDefines the ARIA role for the list item. Always set to \"listitem\".\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'attr.role'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
                 }
             ],
             "methodsClass": [
@@ -49058,7 +48905,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 129,
+                    "line": 130,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nHandles user click interaction, updates state and emits selection event.\nPrevents navigation if no `href` is defined.\n",
@@ -49119,46 +48966,7 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "attr.role",
-                    "actualName": "role",
-                    "defaultValue": "'listitem'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nDefines the ARIA role for the list item. Always set to \"listitem\".\n",
-                    "description": "<p>Defines the ARIA role for the list item. Always set to &quot;listitem&quot;.</p>\n",
-                    "line": 42,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-category-filter__list-item",
-                    "actualName": "className",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nStatic class binding for base list item styling.\n",
-                    "description": "<p>Static class binding for base list item styling.</p>\n",
-                    "line": 37,
-                    "type": "boolean",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-category-filter__list-item--open",
-                    "actualName": "isAriaExpanded",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nIndicates whether the item is expanded. Applied only if the item has children.\n",
-                    "description": "<p>Indicates whether the item is expanded. Applied only if the item has children.</p>\n",
-                    "line": 48,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [
@@ -49172,7 +48980,7 @@
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import { Component, EventEmitter, forwardRef, HostBinding, Input, Output, input, contentChild } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCategoryFilterItem } from '../models/ecl-category-filter-item.model';\nimport { EclCategoryFilterItemSelectEvent } from '../events/ecl-category-filter-item-select.event';\nimport { EclCategoryFilterListComponent } from './ecl-category-filter-list.component';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n    selector: 'ecl-category-filter-item',\n    templateUrl: './ecl-category-filter-item.component.html',\n    imports: [\n        NgTemplateOutlet,\n        ...EUI_ECL_ICON,\n    ],\n})\nexport class EclCategoryFilterItemComponent extends ECLBaseDirective implements EclCategoryFilterItem {\n    /**\n     * Link URL associated with this category filter item.\n     * If not provided, the item acts as a toggle only.\n     */\n    readonly href = input<string>(undefined);\n\n    /**\n     * Unique identifier for the item. Used to manage selection state.\n     */\n    @Input() id: string;\n\n    /**\n     * Emits when the item is selected by the user (clicked).\n     */\n    @Output() itemSelect = new EventEmitter<EclCategoryFilterItemSelectEvent>();\n\n    /**\n     * Static class binding for base list item styling.\n     */\n    @HostBinding('class.ecl-category-filter__list-item') className = true;\n\n    /**\n     * Defines the ARIA role for the list item. Always set to \"listitem\".\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    /**\n     * Indicates whether the item is expanded. Applied only if the item has children.\n     */\n    @HostBinding('class.ecl-category-filter__list-item--open')\n    get isAriaExpanded(): boolean {\n        return this.hasChildren ? this.isExpanded : null;\n    }\n\n    /**\n     * Indicates whether the item is currently expanded (open).\n     */\n    isExpanded = false;\n\n    /**\n     * Indicates whether the item is currently selected.\n     */\n    isCurrent = false;\n\n    /**\n     * Child list component if the item has nested children.\n     */\n    readonly eclCategoryList = contentChild(forwardRef(() => EclCategoryFilterListComponent));\n\n    /**\n     * Returns the hierarchical level of the item within the tree.\n     */\n    get level(): number {\n        return this._level;\n    }\n\n    /**\n     * Sets the level and updates the level of the child list accordingly.\n     */\n    set level(value: number) {\n        this._level = ++value;\n        this.updateChildListLevel(this._level);\n    }\n    private _level: number;\n\n    /**\n     * Returns the CSS class for the current level of the item.\n     */\n    get levelClass(): string {\n        return `ecl-category-filter__item--level-${this._level}`;\n    }\n\n    /**\n     * Indicates whether the item has child elements.\n     */\n    get hasChildren(): boolean {\n        return this.eclCategoryList() !== undefined;\n    }\n\n    /**\n     * Returns the child components of this item, if any.\n     */\n    get children(): readonly EclCategoryFilterItemComponent[] {\n        return this.eclCategoryList().children;\n    }\n\n    /**\n     * Returns true if this is a root-level item and has children.\n     */\n    get isRootItemWithChildren(): boolean {\n        return this.hasChildren && this.isRootItem;\n    }\n\n    /**\n     * Returns true if this is a child item and has its own children.\n     */\n    get isChildItemWithChildren(): boolean {\n        return this.hasChildren && !this.isRootItem;\n    }\n\n    /**\n     * Returns true if this is a root-level item (level === 1).\n     */\n    get isRootItem(): boolean {\n        return this.level === 1;\n    }\n\n    /**\n     * Handles user click interaction, updates state and emits selection event.\n     * Prevents navigation if no `href` is defined.\n     */\n    onItemClick(evt: MouseEvent): void {\n        this.toggleExpanded();\n        this.isCurrent = true;\n        this.itemSelect.next(new EclCategoryFilterItemSelectEvent(this));\n        if (!this.href()) {\n            evt.preventDefault();\n        }\n        evt.stopPropagation();\n    }\n\n    private toggleExpanded(): void {\n        this.isExpanded = !this.isExpanded;\n    }\n\n    private updateChildListLevel(value: number): void {\n        const eclCategoryList = this.eclCategoryList();\n        if (eclCategoryList) {\n            eclCategoryList.level = value;\n        }\n    }\n}\n",
+            "sourceCode": "import { Component, EventEmitter, forwardRef, Input, Output, input, contentChild, signal } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCategoryFilterItem } from '../models/ecl-category-filter-item.model';\nimport { EclCategoryFilterItemSelectEvent } from '../events/ecl-category-filter-item-select.event';\nimport { EclCategoryFilterListComponent } from './ecl-category-filter-list.component';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n    selector: 'ecl-category-filter-item',\n    templateUrl: './ecl-category-filter-item.component.html',\n    imports: [\n        NgTemplateOutlet,\n        ...EUI_ECL_ICON,\n    ],\n    host: {\n        'class': 'ecl-category-filter__list-item',\n        'role': 'listitem',\n        '[class.ecl-category-filter__list-item--open]': 'hasChildren ? isExpanded : null',\n    },\n})\nexport class EclCategoryFilterItemComponent extends ECLBaseDirective implements EclCategoryFilterItem {\n    /**\n     * Link URL associated with this category filter item.\n     * If not provided, the item acts as a toggle only.\n     */\n    readonly href = input<string>(undefined);\n\n    /**\n     * Unique identifier for the item. Used to manage selection state.\n     */\n    @Input() id: string;\n\n    /**\n     * Emits when the item is selected by the user (clicked).\n     */\n    @Output() itemSelect = new EventEmitter<EclCategoryFilterItemSelectEvent>();\n\n    /**\n     * Whether the item is currently expanded (open).\n     * Backed by a signal so that parent mutations trigger template updates.\n     */\n    get isExpanded(): boolean {\n        return this._isExpanded();\n    }\n    set isExpanded(value: boolean) {\n        this._isExpanded.set(value);\n    }\n    private readonly _isExpanded = signal(false);\n\n    /**\n     * Whether the item is currently selected.\n     * Backed by a signal so that parent mutations trigger template updates.\n     */\n    get isCurrent(): boolean {\n        return this._isCurrent();\n    }\n    set isCurrent(value: boolean) {\n        this._isCurrent.set(value);\n    }\n    private readonly _isCurrent = signal(false);\n\n    /**\n     * Child list component if the item has nested children.\n     */\n    readonly eclCategoryList = contentChild(forwardRef(() => EclCategoryFilterListComponent));\n\n    /**\n     * Returns the hierarchical level of the item within the tree.\n     */\n    get level(): number {\n        return this._level;\n    }\n\n    /**\n     * Sets the level and updates the level of the child list accordingly.\n     */\n    set level(value: number) {\n        this._level = ++value;\n        this.updateChildListLevel(this._level);\n    }\n    private _level: number;\n\n    /**\n     * Returns the CSS class for the current level of the item.\n     */\n    get levelClass(): string {\n        return `ecl-category-filter__item--level-${this._level}`;\n    }\n\n    /**\n     * Indicates whether the item has child elements.\n     */\n    get hasChildren(): boolean {\n        return this.eclCategoryList() !== undefined;\n    }\n\n    /**\n     * Returns the child components of this item, if any.\n     */\n    get children(): readonly EclCategoryFilterItemComponent[] {\n        return this.eclCategoryList().children;\n    }\n\n    /**\n     * Returns true if this is a root-level item and has children.\n     */\n    get isRootItemWithChildren(): boolean {\n        return this.hasChildren && this.isRootItem;\n    }\n\n    /**\n     * Returns true if this is a child item and has its own children.\n     */\n    get isChildItemWithChildren(): boolean {\n        return this.hasChildren && !this.isRootItem;\n    }\n\n    /**\n     * Returns true if this is a root-level item (level === 1).\n     */\n    get isRootItem(): boolean {\n        return this.level === 1;\n    }\n\n    /**\n     * Handles user click interaction, updates state and emits selection event.\n     * Prevents navigation if no `href` is defined.\n     */\n    onItemClick(evt: MouseEvent): void {\n        this.isExpanded = !this.isExpanded;\n        this.isCurrent = true;\n        this.itemSelect.next(new EclCategoryFilterItemSelectEvent(this));\n        if (!this.href()) {\n            evt.preventDefault();\n        }\n        evt.stopPropagation();\n    }\n\n    private updateChildListLevel(value: number): void {\n        const eclCategoryList = this.eclCategoryList();\n        if (eclCategoryList) {\n            eclCategoryList.level = value;\n        }\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -49183,15 +48991,92 @@
                 "EclCategoryFilterItem"
             ],
             "accessors": {
-                "isAriaExpanded": {
-                    "name": "isAriaExpanded",
+                "isExpanded": {
+                    "name": "isExpanded",
+                    "setSignature": {
+                        "name": "isExpanded",
+                        "type": "void",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "args": [
+                            {
+                                "name": "value",
+                                "type": "boolean",
+                                "optional": false,
+                                "dotDotDotToken": false,
+                                "deprecated": false,
+                                "deprecationMessage": ""
+                            }
+                        ],
+                        "returnType": "void",
+                        "line": 46,
+                        "rawdescription": "\n",
+                        "description": "",
+                        "jsdoctags": [
+                            {
+                                "name": "value",
+                                "type": "boolean",
+                                "optional": false,
+                                "dotDotDotToken": false,
+                                "deprecated": false,
+                                "deprecationMessage": "",
+                                "tagName": {
+                                    "text": "param"
+                                }
+                            }
+                        ]
+                    },
                     "getSignature": {
-                        "name": "isAriaExpanded",
+                        "name": "isExpanded",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 48,
-                        "rawdescription": "\n\nIndicates whether the item is expanded. Applied only if the item has children.\n",
-                        "description": "<p>Indicates whether the item is expanded. Applied only if the item has children.</p>\n"
+                        "line": 43,
+                        "rawdescription": "\n\nWhether the item is currently expanded (open).\nBacked by a signal so that parent mutations trigger template updates.\n",
+                        "description": "<p>Whether the item is currently expanded (open).\nBacked by a signal so that parent mutations trigger template updates.</p>\n"
+                    }
+                },
+                "isCurrent": {
+                    "name": "isCurrent",
+                    "setSignature": {
+                        "name": "isCurrent",
+                        "type": "void",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "args": [
+                            {
+                                "name": "value",
+                                "type": "boolean",
+                                "optional": false,
+                                "dotDotDotToken": false,
+                                "deprecated": false,
+                                "deprecationMessage": ""
+                            }
+                        ],
+                        "returnType": "void",
+                        "line": 58,
+                        "rawdescription": "\n",
+                        "description": "",
+                        "jsdoctags": [
+                            {
+                                "name": "value",
+                                "type": "boolean",
+                                "optional": false,
+                                "dotDotDotToken": false,
+                                "deprecated": false,
+                                "deprecationMessage": "",
+                                "tagName": {
+                                    "text": "param"
+                                }
+                            }
+                        ]
+                    },
+                    "getSignature": {
+                        "name": "isCurrent",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 55,
+                        "rawdescription": "\n\nWhether the item is currently selected.\nBacked by a signal so that parent mutations trigger template updates.\n",
+                        "description": "<p>Whether the item is currently selected.\nBacked by a signal so that parent mutations trigger template updates.</p>\n"
                     }
                 },
                 "level": {
@@ -49212,7 +49097,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 77,
+                        "line": 78,
                         "rawdescription": "\n\nSets the level and updates the level of the child list accordingly.\n",
                         "description": "<p>Sets the level and updates the level of the child list accordingly.</p>\n",
                         "jsdoctags": [
@@ -49233,7 +49118,7 @@
                         "name": "level",
                         "type": "number",
                         "returnType": "number",
-                        "line": 70,
+                        "line": 71,
                         "rawdescription": "\n\nReturns the hierarchical level of the item within the tree.\n",
                         "description": "<p>Returns the hierarchical level of the item within the tree.</p>\n"
                     }
@@ -49244,7 +49129,7 @@
                         "name": "levelClass",
                         "type": "string",
                         "returnType": "string",
-                        "line": 86,
+                        "line": 87,
                         "rawdescription": "\n\nReturns the CSS class for the current level of the item.\n",
                         "description": "<p>Returns the CSS class for the current level of the item.</p>\n"
                     }
@@ -49255,7 +49140,7 @@
                         "name": "hasChildren",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 93,
+                        "line": 94,
                         "rawdescription": "\n\nIndicates whether the item has child elements.\n",
                         "description": "<p>Indicates whether the item has child elements.</p>\n"
                     }
@@ -49266,7 +49151,7 @@
                         "name": "children",
                         "type": "unknown",
                         "returnType": "readonly EclCategoryFilterItemComponent[]",
-                        "line": 100,
+                        "line": 101,
                         "rawdescription": "\n\nReturns the child components of this item, if any.\n",
                         "description": "<p>Returns the child components of this item, if any.</p>\n"
                     }
@@ -49277,7 +49162,7 @@
                         "name": "isRootItemWithChildren",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 107,
+                        "line": 108,
                         "rawdescription": "\n\nReturns true if this is a root-level item and has children.\n",
                         "description": "<p>Returns true if this is a root-level item and has children.</p>\n"
                     }
@@ -49288,7 +49173,7 @@
                         "name": "isChildItemWithChildren",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 114,
+                        "line": 115,
                         "rawdescription": "\n\nReturns true if this is a child item and has its own children.\n",
                         "description": "<p>Returns true if this is a child item and has its own children.</p>\n"
                     }
@@ -49299,7 +49184,7 @@
                         "name": "isRootItem",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 121,
+                        "line": 122,
                         "rawdescription": "\n\nReturns true if this is a root-level item (level === 1).\n",
                         "description": "<p>Returns true if this is a root-level item (level === 1).</p>\n"
                     }
@@ -49326,14 +49211,15 @@
                     }
                 ]
             },
-            "templateData": "@if (hasChildren) {\n    <button\n        class=\"ecl-category-filter__item {{ levelClass }}\"\n        [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n        [class.ecl-category-filter__item--current]=\"isCurrent\"\n        [attr.aria-current]=\"isCurrent ? true : null\"\n        [attr.aria-expanded] = \"isExpanded\"\n        [attr.aria-controls]=\"id\"\n        (click)=\"onItemClick($event)\">\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon=\"solid-arrow\" size=\"xs\" transform=\"rotate-90\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        }\n        @if(isRootItemWithChildren) {\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-180\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n        }\n    </button>\n} @else {\n    <a\n        [href]=\"href()\"\n        class=\"ecl-category-filter__item {{ levelClass }}\"\n        [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n        [attr.aria-current]=\"isCurrent ? true : null\"\n        (click)=\"onItemClick($event)\">\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon=\"solid-arrow\" size=\"xs\" transform=\"rotate-90\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        @if(isRootItemWithChildren) {\n            <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-180\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n        }\n    </a>\n}\n<ng-content select=\"ecl-category-filter-list\"></ng-content>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n"
+            "templateData": "@if (hasChildren) {\n    <button\n        class=\"ecl-category-filter__item {{ levelClass }}\"\n        [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n        [class.ecl-category-filter__item--current]=\"isCurrent\"\n        [attr.aria-current]=\"isCurrent ? true : null\"\n        [attr.aria-expanded]=\"isExpanded\"\n        [attr.aria-controls]=\"eclCategoryList()?.id\"\n        (click)=\"onItemClick($event)\">\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon=\"solid-arrow\" size=\"xs\" transform=\"rotate-90\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        }\n        @if(isRootItemWithChildren) {\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-180\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n        }\n    </button>\n} @else {\n    <a\n        [href]=\"href()\"\n        class=\"ecl-category-filter__item {{ levelClass }}\"\n        [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n        [class.ecl-category-filter__item--current]=\"isCurrent\"\n        [attr.aria-current]=\"isCurrent ? true : null\"\n        (click)=\"onItemClick($event)\">\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon=\"solid-arrow\" size=\"xs\" transform=\"rotate-90\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n        }\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        @if(isRootItemWithChildren) {\n            <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-180\" class=\"ecl-category-filter__item-icon\"> </ecl-icon>\n        }\n    </a>\n}\n<ng-content select=\"ecl-category-filter-list\"></ng-content>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n"
         },
         {
             "name": "EclCategoryFilterListComponent",
-            "id": "component-EclCategoryFilterListComponent-5fef16fc40a41d27a4cbd5a31298c14d8d8100e1aac2916f12bdec406a4edae109520057c8d82cca7bc0c613d9d27043c26487373450592726448cdffdb24549",
+            "id": "component-EclCategoryFilterListComponent-47e464fbf74b6bcb699e884902518ed798e7c7122866d78f38efd8a36006a9954beb5ada092491c660e2b88b3567b3ca335e240ebc785aebc76a91b35f1e9c19",
             "file": "packages/ecl/components/ecl-category-filter/ecl-category-filter-list/ecl-category-filter-list.component.ts",
             "encapsulation": [],
             "entryComponents": [],
+            "host": {},
             "inputs": [],
             "outputs": [],
             "providers": [],
@@ -49393,49 +49279,6 @@
             ],
             "outputsClass": [],
             "propertiesClass": [
-                {
-                    "name": "className",
-                    "coverageIgnore": false,
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "unknown",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>Adds the base class for the category filter list component.</p>\n",
-                    "line": 13,
-                    "rawdescription": "\n\nAdds the base class for the category filter list component.\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'class.ecl-category-filter__list'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                },
-                {
-                    "name": "controls",
-                    "coverageIgnore": false,
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "type": "string",
-                    "indexKey": "",
-                    "optional": false,
-                    "description": "<p>ARIA attribute that points to the element controlled by this list (if applicable).</p>\n",
-                    "line": 23,
-                    "rawdescription": "\n\nARIA attribute that points to the element controlled by this list (if applicable).\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'attr.aria-controls'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
-                },
                 {
                     "name": "eclCategoryFilterItems",
                     "coverageIgnore": false,
@@ -49446,33 +49289,23 @@
                     "indexKey": "",
                     "optional": false,
                     "description": "<p>List of all category filter items projected inside this list.</p>\n",
-                    "line": 28,
+                    "line": 23,
                     "rawdescription": "\n\nList of all category filter items projected inside this list.\n",
                     "modifierKind": [
                         148
                     ]
                 },
                 {
-                    "name": "role",
+                    "name": "id",
                     "coverageIgnore": false,
-                    "defaultValue": "'list'",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "string",
                     "indexKey": "",
                     "optional": false,
-                    "description": "<p>Sets ARIA role to &quot;list&quot; for accessibility purposes.</p>\n",
+                    "description": "<p>ID of this list element, referenced by the parent item&#39;s aria-controls.</p>\n",
                     "line": 18,
-                    "rawdescription": "\n\nSets ARIA role to \"list\" for accessibility purposes.\n",
-                    "decorators": [
-                        {
-                            "name": "HostBinding",
-                            "stringifiedArguments": "'attr.role'"
-                        }
-                    ],
-                    "modifierKind": [
-                        171
-                    ]
+                    "rawdescription": "\n\nID of this list element, referenced by the parent item's aria-controls.\n"
                 }
             ],
             "methodsClass": [
@@ -49492,7 +49325,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 65,
+                    "line": 60,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nPropagates the current level to all direct children items.\n",
@@ -49500,8 +49333,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 2004,
-                                "end": 2009,
+                                "pos": 1779,
+                                "end": 1784,
                                 "kind": 80,
                                 "id": 0,
                                 "flags": 16842752,
@@ -49514,8 +49347,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 1998,
-                                "end": 2003,
+                                "pos": 1773,
+                                "end": 1778,
                                 "kind": 80,
                                 "id": 0,
                                 "flags": 16842752,
@@ -49568,53 +49401,14 @@
             "coverageIgnore": false,
             "deprecated": false,
             "deprecationMessage": "",
-            "hostBindings": [
-                {
-                    "coverageIgnore": false,
-                    "name": "attr.aria-controls",
-                    "actualName": "controls",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nARIA attribute that points to the element controlled by this list (if applicable).\n",
-                    "description": "<p>ARIA attribute that points to the element controlled by this list (if applicable).</p>\n",
-                    "line": 23,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "attr.role",
-                    "actualName": "role",
-                    "defaultValue": "'list'",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nSets ARIA role to \"list\" for accessibility purposes.\n",
-                    "description": "<p>Sets ARIA role to &quot;list&quot; for accessibility purposes.</p>\n",
-                    "line": 18,
-                    "type": "string",
-                    "decorators": []
-                },
-                {
-                    "coverageIgnore": false,
-                    "name": "class.ecl-category-filter__list",
-                    "actualName": "className",
-                    "defaultValue": "true",
-                    "deprecated": false,
-                    "deprecationMessage": "",
-                    "rawdescription": "\n\nAdds the base class for the category filter list component.\n",
-                    "description": "<p>Adds the base class for the category filter list component.</p>\n",
-                    "line": 13,
-                    "type": "boolean",
-                    "decorators": []
-                }
-            ],
+            "hostBindings": [],
             "hostListeners": [],
             "standalone": false,
             "imports": [],
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import { Component, forwardRef, HostBinding, contentChildren } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCategoryFilterItemComponent } from './ecl-category-filter-item.component';\n\n@Component({\n    selector: 'ecl-category-filter-list',\n    templateUrl: './ecl-category-filter-list.component.html',\n})\nexport class EclCategoryFilterListComponent extends ECLBaseDirective {\n    /**\n     * Adds the base class for the category filter list component.\n     */\n    @HostBinding('class.ecl-category-filter__list') className = true;\n\n    /**\n     * Sets ARIA role to \"list\" for accessibility purposes.\n     */\n    @HostBinding('attr.role') role = 'list';\n\n    /**\n     * ARIA attribute that points to the element controlled by this list (if applicable).\n     */\n    @HostBinding('attr.aria-controls') controls: string;\n\n    /**\n     * List of all category filter items projected inside this list.\n     */\n    readonly eclCategoryFilterItems = contentChildren<EclCategoryFilterItemComponent>(forwardRef(() => EclCategoryFilterItemComponent));\n\n    /**\n     * Gets the nesting level of this list in the category tree.\n     */\n    get level(): number {\n        return this._level;\n    }\n\n    /**\n     * Sets the level of the list and applies it to all its children.\n     */\n    set level(value: number) {\n        this._level = value;\n        this.updateChildrenItemsLevel(value);\n    }\n    private _level: number;\n\n    /**\n     * Returns true if the list contains one or more category filter items.\n     */\n    get hasChildren(): boolean {\n        const eclCategoryFilterItems = this.eclCategoryFilterItems();\n        return eclCategoryFilterItems !== undefined && eclCategoryFilterItems.length > 0;\n    }\n\n    /**\n     * Returns the list of child components.\n     */\n    get children(): readonly EclCategoryFilterItemComponent[] {\n        return this.eclCategoryFilterItems();\n    }\n\n    /**\n     * Propagates the current level to all direct children items.\n     * @param value Level value to set on each child.\n     */\n    updateChildrenItemsLevel(value: number): void {\n        const eclCategoryFilterItems = this.eclCategoryFilterItems();\n        if (eclCategoryFilterItems) {\n            eclCategoryFilterItems.forEach((item) =>\n                (item.level = value));\n        }\n    }\n}\n",
+            "sourceCode": "import { Component, forwardRef, contentChildren } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCategoryFilterItemComponent } from './ecl-category-filter-item.component';\n\n@Component({\n    selector: 'ecl-category-filter-list',\n    templateUrl: './ecl-category-filter-list.component.html',\n    host: {\n        'class': 'ecl-category-filter__list',\n        'role': 'list',\n        '[attr.id]': 'id',\n    },\n})\nexport class EclCategoryFilterListComponent extends ECLBaseDirective {\n    /**\n     * ID of this list element, referenced by the parent item's aria-controls.\n     */\n    id: string;\n\n    /**\n     * List of all category filter items projected inside this list.\n     */\n    readonly eclCategoryFilterItems = contentChildren<EclCategoryFilterItemComponent>(forwardRef(() => EclCategoryFilterItemComponent));\n\n    /**\n     * Gets the nesting level of this list in the category tree.\n     */\n    get level(): number {\n        return this._level;\n    }\n\n    /**\n     * Sets the level of the list and applies it to all its children.\n     */\n    set level(value: number) {\n        this._level = value;\n        this.updateChildrenItemsLevel(value);\n    }\n    private _level: number;\n\n    /**\n     * Returns true if the list contains one or more category filter items.\n     */\n    get hasChildren(): boolean {\n        const eclCategoryFilterItems = this.eclCategoryFilterItems();\n        return eclCategoryFilterItems !== undefined && eclCategoryFilterItems.length > 0;\n    }\n\n    /**\n     * Returns the list of child components.\n     */\n    get children(): readonly EclCategoryFilterItemComponent[] {\n        return this.eclCategoryFilterItems();\n    }\n\n    /**\n     * Propagates the current level to all direct children items.\n     * @param value Level value to set on each child.\n     */\n    updateChildrenItemsLevel(value: number): void {\n        const eclCategoryFilterItems = this.eclCategoryFilterItems();\n        if (eclCategoryFilterItems) {\n            eclCategoryFilterItems.forEach((item) =>\n                (item.level = value));\n        }\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -49640,7 +49434,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 40,
+                        "line": 35,
                         "rawdescription": "\n\nSets the level of the list and applies it to all its children.\n",
                         "description": "<p>Sets the level of the list and applies it to all its children.</p>\n",
                         "jsdoctags": [
@@ -49661,7 +49455,7 @@
                         "name": "level",
                         "type": "number",
                         "returnType": "number",
-                        "line": 33,
+                        "line": 28,
                         "rawdescription": "\n\nGets the nesting level of this list in the category tree.\n",
                         "description": "<p>Gets the nesting level of this list in the category tree.</p>\n"
                     }
@@ -49672,7 +49466,7 @@
                         "name": "hasChildren",
                         "type": "boolean",
                         "returnType": "boolean",
-                        "line": 49,
+                        "line": 44,
                         "rawdescription": "\n\nReturns true if the list contains one or more category filter items.\n",
                         "description": "<p>Returns true if the list contains one or more category filter items.</p>\n"
                     }
@@ -49683,7 +49477,7 @@
                         "name": "children",
                         "type": "unknown",
                         "returnType": "readonly EclCategoryFilterItemComponent[]",
-                        "line": 57,
+                        "line": 52,
                         "rawdescription": "\n\nReturns the list of child components.\n",
                         "description": "<p>Returns the list of child components.</p>\n"
                     }