@odx/angular 5.3.0 → 5.3.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @odx/angular
 
+## 5.3.2
+
+### Patch Changes
+
+- d9e27d4: The rich list component was refactored by changing the selector from `rich-list-header` to `rich-list-item-header`. All the logic previously in `rich-list-header` has been moved to `rich-list-item` to enhance its compatibility with a disabled controller
+
+## 5.3.1
+
+### Patch Changes
+
+- c357174: Use CSS only icons for breadcrumb separator icons
+
 ## 5.3.0
 
 ### Minor Changes

package/components/breadcrumbs/lib/breadcrumbs.component.d.ts

@@ -1,17 +1,6 @@
-import { AfterViewInit, QueryList } from '@angular/core';
-import { LinkDirective } from '@odx/angular/components/link';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbsComponent implements AfterViewInit {
-    private readonly renderer;
-    private readonly destroyed;
-    private readonly dynamicViewService;
-    private readonly icons;
-    protected readonly linkItems: QueryList<LinkDirective>;
+export declare class BreadcrumbsComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    ngAfterViewInit(): void;
-    private addIcons;
-    private addIcon;
-    private removeIcons;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "odx-breadcrumbs", never, {}, {}, ["linkItems"], ["[odxLink]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "odx-breadcrumbs", never, {}, {}, never, ["[odxLink]"], true, never>;
 }

package/components/rich-list/lib/components/rich-list-header/rich-list-header.component.d.ts

@@ -1,9 +1,6 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class RichListItemHeaderComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    toggled: EventEmitter<void>;
-    toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RichListItemHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RichListItemHeaderComponent, "odx-rich-list-header", never, {}, { "toggled": "toggled"; }, never, ["odx-checkbox", "odx-avatar", "*", "[odxButton]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichListItemHeaderComponent, "odx-rich-list-header, odx-rich-list-item-header", never, {}, {}, never, ["odx-checkbox", "odx-avatar", "*", "[odxButton]"], true, never>;
 }

package/components/rich-list/lib/components/rich-list-item/rich-list-item.component.d.ts

@@ -1,23 +1,34 @@
-import { AfterViewInit, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
-import { RichListItemContentComponent } from '../rich-list-content/rich-list-content.component';
-import { RichListItemHeaderComponent } from '../rich-list-header/rich-list-header.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@odx/angular/cdk/expandable";
-export declare class RichListItemComponent implements AfterViewInit {
+export declare class RichListItemComponent {
     private readonly disabledController;
-    private readonly takeUntilDestroyed;
+    private readonly content?;
     readonly expandableItem: ExpandableItemDirective;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    /**
+     * @output expandedChange
+     * Emits an event whenever the expanded state of the `RichListItemComponent` changes. This EventEmitter
+     * outputs a boolean value that indicates the new expanded state of the component: `true` for expanded
+     * and `false` for collapsed. This allows for external components or services to react to changes
+     * in the item's expanded state, providing an opportunity to implement custom behaviors or actions
+     * based on the expansion/collapse of the item.
+     */
     expandedChange: EventEmitter<boolean>;
-    content?: RichListItemContentComponent;
-    header?: RichListItemHeaderComponent;
-    ngAfterViewInit(): void;
+    /**
+     * Toggles the expanded state of the component.
+     *
+     * This method is a key function of the `RichListItemComponent`, enabling dynamic interaction with the component's presentation.
+     * When invoked, it switches this item current state. If the item is currently expanded (showing additional content or details),
+     * calling `toggle` will collapse it, hiding these elements from view.
+     */
+    toggle(): void;
     get titleId(): string;
     get slotId(): string;
     get empty(): boolean;
     get isDisabled(): boolean;
     onAnimationEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RichListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RichListItemComponent, "odx-rich-list-item", never, {}, { "expandedChange": "expandedChange"; }, ["content", "header"], ["odx-rich-list-header", "odx-rich-list-content"], true, [{ directive: typeof i1.ExpandableItemDirective; inputs: { "expanded": "expanded"; "id": "id"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichListItemComponent, "odx-rich-list-item", never, {}, { "expandedChange": "expandedChange"; }, ["content"], ["odx-rich-list-item-header", "odx-rich-list-content"], true, [{ directive: typeof i1.ExpandableItemDirective; inputs: { "expanded": "expanded"; "id": "id"; }; outputs: {}; }]>;
 }

package/esm2022/components/breadcrumbs/lib/breadcrumbs.component.mjs

@@ -1,40 +1,14 @@
 import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, ContentChildren, inject, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';
-import { DynamicViewService } from '@odx/angular/cdk/dynamic-view';
-import { IconComponent } from '@odx/angular/components/icon';
-import { LinkDirective } from '@odx/angular/components/link';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
-import { fromQueryList } from '@odx/angular/rxjs';
-import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { injectElement } from '@odx/angular/utils';
 import * as i0 from "@angular/core";
 export let BreadcrumbsComponent = class BreadcrumbsComponent {
     constructor() {
-        this.renderer = inject(Renderer2);
-        this.destroyed = untilDestroyed();
-        this.dynamicViewService = inject(DynamicViewService);
-        this.icons = new Set();
         this.element = injectElement();
     }
-    ngAfterViewInit() {
-        fromQueryList(this.linkItems)
-            .pipe(this.destroyed())
-            .subscribe(() => this.addIcons());
-    }
-    addIcons() {
-        this.removeIcons();
-        this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));
-    }
-    addIcon(linkElement) {
-        const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });
-        this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);
-        this.icons.add(icon);
-    }
-    removeIcons() {
-        this.icons.forEach((icon) => icon.destroy());
-        this.icons.clear();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", queries: [{ propertyName: "linkItems", predicate: LinkDirective }], ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 BreadcrumbsComponent = __decorate([
     CSSComponent('breadcrumbs')
@@ -42,8 +16,5 @@ BreadcrumbsComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-breadcrumbs', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[odxLink]\"></ng-content>\n" }]
-        }], propDecorators: { linkItems: [{
-                type: ContentChildren,
-                args: [LinkDirective]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvc3JjL2xpYi9icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEosT0FBTyxFQUFrQixrQkFBa0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVU1RCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFvQjtJQUExQjtRQUNZLGFBQVEsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDN0IsY0FBUyxHQUFHLGNBQWMsRUFBRSxDQUFDO1FBQzdCLHVCQUFrQixHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELFVBQUssR0FBRyxJQUFJLEdBQUcsRUFBd0MsQ0FBQztRQUt6RCxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0F1QjNDO0lBckJRLGVBQWU7UUFDcEIsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7YUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQzthQUN0QixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVPLFFBQVE7UUFDZCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7SUFFTyxPQUFPLENBQUMsV0FBd0I7UUFDdEMsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUM3QyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBL0JVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHFHQU1kLGFBQWEsNkJDdEJoQyxrREFDQTs7QURlYSxvQkFBb0I7SUFSaEMsWUFBWSxDQUFDLGFBQWEsQ0FBQztHQVFmLG9CQUFvQixDQWdDaEM7NEZBaENZLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLGlCQUVELGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBUzVCLFNBQVM7c0JBRDNCLGVBQWU7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgaW5qZWN0LCBRdWVyeUxpc3QsIFJlbmRlcmVyMiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IER5bmFtaWNWaWV3UmVmLCBEeW5hbWljVmlld1NlcnZpY2UgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2R5bmFtaWMtdmlldyc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBMaW5rRGlyZWN0aXZlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvbGluayc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgZnJvbVF1ZXJ5TGlzdCB9IGZyb20gJ0BvZHgvYW5ndWxhci9yeGpzJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnYnJlYWRjcnVtYnMnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95ZWQgPSB1bnRpbERlc3Ryb3llZCgpO1xuICBwcml2YXRlIHJlYWRvbmx5IGR5bmFtaWNWaWV3U2VydmljZSA9IGluamVjdChEeW5hbWljVmlld1NlcnZpY2UpO1xuICBwcml2YXRlIHJlYWRvbmx5IGljb25zID0gbmV3IFNldDxEeW5hbWljVmlld1JlZjx0eXBlb2YgSWNvbkNvbXBvbmVudD4+KCk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihMaW5rRGlyZWN0aXZlKVxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbGlua0l0ZW1zITogUXVlcnlMaXN0PExpbmtEaXJlY3RpdmU+O1xuXG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgZnJvbVF1ZXJ5TGlzdCh0aGlzLmxpbmtJdGVtcylcbiAgICAgIC5waXBlKHRoaXMuZGVzdHJveWVkKCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuYWRkSWNvbnMoKSk7XG4gIH1cblxuICBwcml2YXRlIGFkZEljb25zKCk6IHZvaWQge1xuICAgIHRoaXMucmVtb3ZlSWNvbnMoKTtcbiAgICB0aGlzLmxpbmtJdGVtcy5mb3JFYWNoKChsaW5rSXRlbSwgaW5kZXgpID0+ICEhaW5kZXggJiYgdGhpcy5hZGRJY29uKGxpbmtJdGVtLmVsZW1lbnQubmF0aXZlRWxlbWVudCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBhZGRJY29uKGxpbmtFbGVtZW50OiBIVE1MRWxlbWVudCk6IHZvaWQge1xuICAgIGNvbnN0IGljb24gPSB0aGlzLmR5bmFtaWNWaWV3U2VydmljZS5jcmVhdGVWaWV3KEljb25Db21wb25lbnQsIHsgY29udGV4dDogeyBuYW1lOiAnY2hldnJvbi1yaWdodCcsIGljb25TZXQ6ICdjb3JlJyB9IH0pO1xuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCBpY29uLmdldEVsZW1lbnQoKSwgbGlua0VsZW1lbnQpO1xuICAgIHRoaXMuaWNvbnMuYWRkKGljb24pO1xuICB9XG5cbiAgcHJpdmF0ZSByZW1vdmVJY29ucygpOiB2b2lkIHtcbiAgICB0aGlzLmljb25zLmZvckVhY2goKGljb24pID0+IGljb24uZGVzdHJveSgpKTtcbiAgICB0aGlzLmljb25zLmNsZWFyKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhMaW5rXVwiPjwvbmctY29udGVudD5cbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvc3JjL2xpYi9icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVTVDLFdBQU0sb0JBQW9CLEdBQTFCLE1BQU0sb0JBQW9CO0lBQTFCO1FBQ1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO0tBQzNDOytHQUZZLG9CQUFvQjttR0FBcEIsb0JBQW9CLDJFQ1pqQyxrREFDQTs7QURXYSxvQkFBb0I7SUFSaEMsWUFBWSxDQUFDLGFBQWEsQ0FBQztHQVFmLG9CQUFvQixDQUVoQzs0RkFGWSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxpQkFFRCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnYnJlYWRjcnVtYnMnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWJyZWFkY3J1bWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJbb2R4TGlua11cIj48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2022/components/rich-list/lib/components/rich-list-header/rich-list-header.component.mjs

@@ -1,30 +1,22 @@
 import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
-import { CoreModule } from '@odx/angular';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
-import { ButtonComponent } from '@odx/angular/components/button';
-import { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
 import { injectElement } from '@odx/angular/utils';
 import * as i0 from "@angular/core";
+// TODO: rename component class name and file names to match the component name
 export let RichListItemHeaderComponent = class RichListItemHeaderComponent {
     constructor() {
         this.element = injectElement();
-        this.toggled = new EventEmitter();
-    }
-    toggle() {
-        this.toggled.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemHeaderComponent, isStandalone: true, selector: "odx-rich-list-header", outputs: { toggled: "toggled" }, ngImport: i0, template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n<odx-action-group class=\"odx-rich-list-header__expand-button\">\n  <button odxButton (click)=\"toggle()\">\n    <odx-icon class=\"odx-rich-list-header__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemHeaderComponent, isStandalone: true, selector: "odx-rich-list-header, odx-rich-list-item-header", ngImport: i0, template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n", dependencies: [{ kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 RichListItemHeaderComponent = __decorate([
-    CSSComponent('rich-list-header')
+    CSSComponent('rich-list-item-header')
 ], RichListItemHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemHeaderComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-rich-list-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CoreModule, ActionGroupComponent, IconComponent, ButtonComponent], template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n<odx-action-group class=\"odx-rich-list-header__expand-button\">\n  <button odxButton (click)=\"toggle()\">\n    <odx-icon class=\"odx-rich-list-header__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
-        }], propDecorators: { toggled: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1oZWFkZXIvcmljaC1saXN0LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1oZWFkZXIvcmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVc1QyxXQUFNLDJCQUEyQixHQUFqQyxNQUFNLDJCQUEyQjtJQUFqQztRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUduQyxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FLekQ7SUFIUSxNQUFNO1FBQ1gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQVJVLDJCQUEyQjttR0FBM0IsMkJBQTJCLGlIQ2pCeEMsb2xCQWFBLDJDREVZLFVBQVUsK0JBQUUsb0JBQW9CLGtGQUFFLGFBQWEsa0hBQUUsZUFBZTs7QUFFL0QsMkJBQTJCO0lBVHZDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQztHQVNwQiwyQkFBMkIsQ0FTdkM7NEZBVFksMkJBQTJCO2tCQVJ2QyxTQUFTO2lDQUNJLElBQUksWUFDTixzQkFBc0IsbUJBRWYsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLFVBQVUsRUFBRSxvQkFBb0IsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDOzhCQU1wRSxPQUFPO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgQWN0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9hY3Rpb24tZ3JvdXAnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgncmljaC1saXN0LWhlYWRlcicpXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAncmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQ29yZU1vZHVsZSwgQWN0aW9uR3JvdXBDb21wb25lbnQsIEljb25Db21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0SXRlbUhlYWRlckNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgdG9nZ2xlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy50b2dnbGVkLmVtaXQoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWNoZWNrYm94XCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWF2YXRhclwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9fdGl0bGVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48b2R4LWFjdGlvbi1ncm91cCBjbGFzcz1cIm9keC1yaWNoLWxpc3QtaGVhZGVyX19hY3Rpb24tZ3JvdXBcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29keEJ1dHRvbl1cIiBuZ1Byb2plY3RBcz1cIltvZHhCdXR0b25dXCI+PC9uZy1jb250ZW50PlxuPC9vZHgtYWN0aW9uLWdyb3VwPlxuPG9keC1hY3Rpb24tZ3JvdXAgY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9fZXhwYW5kLWJ1dHRvblwiPlxuICA8YnV0dG9uIG9keEJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlKClcIj5cbiAgICA8b2R4LWljb24gY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9faWNvblwiIG5hbWU9XCJjaGV2cm9uLWRvd25cIiBpY29uU2V0PVwiY29yZVwiPjwvb2R4LWljb24+XG4gIDwvYnV0dG9uPlxuPC9vZHgtYWN0aW9uLWdyb3VwPlxuIl19
+            args: [{ standalone: true, selector: 'odx-rich-list-header, odx-rich-list-item-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ActionGroupComponent], template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1oZWFkZXIvcmljaC1saXN0LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1oZWFkZXIvcmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUVuRCwrRUFBK0U7QUFVeEUsV0FBTSwyQkFBMkIsR0FBakMsTUFBTSwyQkFBMkI7SUFBakM7UUFDVyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0FDM0M7K0dBRlksMkJBQTJCO21HQUEzQiwyQkFBMkIsMkdDZnhDLDhWQVFBLDRDREtZLG9CQUFvQjs7QUFFbkIsMkJBQTJCO0lBVHZDLFlBQVksQ0FBQyx1QkFBdUIsQ0FBQztHQVN6QiwyQkFBMkIsQ0FFdkM7NEZBRlksMkJBQTJCO2tCQVJ2QyxTQUFTO2lDQUNJLElBQUksWUFDTixpREFBaUQsbUJBRTFDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb25Hcm91cENvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2FjdGlvbi1ncm91cCc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbi8vIFRPRE86IHJlbmFtZSBjb21wb25lbnQgY2xhc3MgbmFtZSBhbmQgZmlsZSBuYW1lcyB0byBtYXRjaCB0aGUgY29tcG9uZW50IG5hbWVcbkBDU1NDb21wb25lbnQoJ3JpY2gtbGlzdC1pdGVtLWhlYWRlcicpXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0LWhlYWRlciwgb2R4LXJpY2gtbGlzdC1pdGVtLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAncmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQWN0aW9uR3JvdXBDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBSaWNoTGlzdEl0ZW1IZWFkZXJDb21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1jaGVja2JveFwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1hdmF0YXJcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwib2R4LXJpY2gtbGlzdC1oZWFkZXJfX3RpdGxlXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPG9keC1hY3Rpb24tZ3JvdXAgY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9fYWN0aW9uLWdyb3VwXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhCdXR0b25dXCIgbmdQcm9qZWN0QXM9XCJbb2R4QnV0dG9uXVwiPjwvbmctY29udGVudD5cbjwvb2R4LWFjdGlvbi1ncm91cD5cbiJdfQ==

package/esm2022/components/rich-list/lib/components/rich-list-item/rich-list-item.component.mjs

@@ -5,23 +5,39 @@ import { CoreModule, DisabledController } from '@odx/angular';
 import { collapse, expand } from '@odx/angular/animations';
 import { A11yModule } from '@odx/angular/cdk/a11y';
 import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
-import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { injectElement } from '@odx/angular/utils';
 import { RichListItemContentComponent } from '../rich-list-content/rich-list-content.component';
-import { RichListItemHeaderComponent } from '../rich-list-header/rich-list-header.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@odx/angular/cdk/expandable";
 import * as i2 from "@angular/common";
 export let RichListItemComponent = class RichListItemComponent {
     constructor() {
         this.disabledController = DisabledController.inject();
-        this.takeUntilDestroyed = untilDestroyed();
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
         this.element = injectElement();
+        /**
+         * @output expandedChange
+         * Emits an event whenever the expanded state of the `RichListItemComponent` changes. This EventEmitter
+         * outputs a boolean value that indicates the new expanded state of the component: `true` for expanded
+         * and `false` for collapsed. This allows for external components or services to react to changes
+         * in the item's expanded state, providing an opportunity to implement custom behaviors or actions
+         * based on the expansion/collapse of the item.
+         */
         this.expandedChange = new EventEmitter();
     }
-    ngAfterViewInit() {
-        this.header?.toggled.pipe(this.takeUntilDestroyed()).subscribe(() => this.expandableItem.toggle());
+    /**
+     * Toggles the expanded state of the component.
+     *
+     * This method is a key function of the `RichListItemComponent`, enabling dynamic interaction with the component's presentation.
+     * When invoked, it switches this item current state. If the item is currently expanded (showing additional content or details),
+     * calling `toggle` will collapse it, hiding these elements from view.
+     */
+    toggle() {
+        this.expandableItem.toggle();
     }
     get titleId() {
         return `${this.expandableItem.id}-title`;
@@ -39,26 +55,23 @@ export let RichListItemComponent = class RichListItemComponent {
         this.expandedChange.emit(this.expandableItem.expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-rich-list-item--expanded": "expandableItem.expanded", "class.odx-rich-list-item--empty": "empty", "attr.id": "expandableItem.id" } }, providers: [DisabledController.connect()], queries: [{ propertyName: "content", first: true, predicate: RichListItemContentComponent, descendants: true }, { propertyName: "header", first: true, predicate: RichListItemHeaderComponent, descendants: true }], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-header\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CoreModule }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-rich-list-item--expanded": "expandableItem.expanded", "class.odx-rich-list-item--empty": "empty", "attr.id": "expandableItem.id" } }, providers: [DisabledController.connect()], queries: [{ propertyName: "content", first: true, predicate: RichListItemContentComponent, descendants: true }], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-item-header\"></ng-content>\n  <odx-action-group class=\"odx-rich-list-item__expand-button\">\n    <button odxButton (click)=\"toggle()\">\n      <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n    </button>\n  </odx-action-group>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 RichListItemComponent = __decorate([
     CSSComponent('rich-list-item')
 ], RichListItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'odx-rich-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule], providers: [DisabledController.connect()], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
+            args: [{ selector: 'odx-rich-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule, ActionGroupComponent, IconComponent, ButtonComponent], providers: [DisabledController.connect()], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
                         '[class.is-disabled]': 'isDisabled',
                         '[class.odx-rich-list-item--expanded]': 'expandableItem.expanded',
                         '[class.odx-rich-list-item--empty]': 'empty',
                         '[attr.id]': 'expandableItem.id',
-                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-header\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n" }]
-        }], propDecorators: { expandedChange: [{
-                type: Output
-            }], content: [{
+                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-item-header\"></ng-content>\n  <odx-action-group class=\"odx-rich-list-item__expand-button\">\n    <button odxButton (click)=\"toggle()\">\n      <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n    </button>\n  </odx-action-group>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n" }]
+        }], propDecorators: { content: [{
                 type: ContentChild,
                 args: [RichListItemContentComponent]
-            }], header: [{
-                type: ContentChild,
-                args: [RichListItemHeaderComponent]
+            }], expandedChange: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakosT0FBTyxFQUFFLFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNoRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnREFBZ0QsQ0FB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dUJBQUMsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpdGlvbiwgdHJpZ2dlciwgdXNlQW5pbWF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlLCBEaXNhYmxlZENvbnRyb2xsZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgY29sbGFwc2UsIGV4cGFuZCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IFJpY2hMaXN0SXRlbUNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi9yaWNoLWxpc3QtY29udGVudC9yaWNoLWxpc3QtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vcmljaC1saXN0LWhlYWRlci9yaWNoLWxpc3QtaGVhZGVyLmNvbXBvbmVudCc7XG5cbkBDU1NDb21wb25lbnQoJ3JpY2gtbGlzdC1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1yaWNoLWxpc3QtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQTExeU1vZHVsZSwgQ29yZU1vZHVsZV0sXG4gIHByb3ZpZGVyczogW0Rpc2FibGVkQ29udHJvbGxlci5jb25uZWN0KCldLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgaW5wdXRzOiBbJ2V4cGFuZGVkJywgJ2lkJ10gfV0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmlzLWRpc2FibGVkXSc6ICdpc0Rpc2FibGVkJyxcbiAgICAnW2NsYXNzLm9keC1yaWNoLWxpc3QtaXRlbS0tZXhwYW5kZWRdJzogJ2V4cGFuZGFibGVJdGVtLmV4cGFuZGVkJyxcbiAgICAnW2NsYXNzLm9keC1yaWNoLWxpc3QtaXRlbS0tZW1wdHldJzogJ2VtcHR5JyxcbiAgICAnW2F0dHIuaWRdJzogJ2V4cGFuZGFibGVJdGVtLmlkJyxcbiAgfSxcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZFNsb3RBbmltYXRpb24nLCBbdHJhbnNpdGlvbignOmVudGVyJywgW3VzZUFuaW1hdGlvbihleHBhbmQpXSksIHRyYW5zaXRpb24oJzpsZWF2ZScsIFt1c2VBbmltYXRpb24oY29sbGFwc2UpXSldKV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkQ29udHJvbGxlciA9IERpc2FibGVkQ29udHJvbGxlci5pbmplY3QoKTtcbiAgcHJpdmF0ZSByZWFkb25seSB0YWtlVW50aWxEZXN0cm95ZWQgPSB1bnRpbERlc3Ryb3llZCgpO1xuICBwdWJsaWMgcmVhZG9ubHkgZXhwYW5kYWJsZUl0ZW0gPSBpbmplY3QoRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUsIHsgc2VsZjogdHJ1ZSB9KTtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBleHBhbmRlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBDb250ZW50Q2hpbGQoUmljaExpc3RJdGVtQ29udGVudENvbXBvbmVudClcbiAgcHVibGljIGNvbnRlbnQ/OiBSaWNoTGlzdEl0ZW1Db250ZW50Q29tcG9uZW50O1xuXG4gIEBDb250ZW50Q2hpbGQoUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50KVxuICBwdWJsaWMgaGVhZGVyPzogUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50O1xuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5oZWFkZXI/LnRvZ2dsZWQucGlwZSh0aGlzLnRha2VVbnRpbERlc3Ryb3llZCgpKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5leHBhbmRhYmxlSXRlbS50b2dnbGUoKSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHRpdGxlSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5leHBhbmRhYmxlSXRlbS5pZH0tdGl0bGVgO1xuICB9XG5cbiAgcHVibGljIGdldCBzbG90SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5leHBhbmRhYmxlSXRlbS5pZH0tc2xvdGA7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGVtcHR5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5jb250ZW50O1xuICB9XG5cbiAgcHVibGljIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuZGlzYWJsZWRDb250cm9sbGVyPy5kaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBvbkFuaW1hdGlvbkVuZCgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRhYmxlSXRlbS5leHBhbmRlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX2hlYWRlclwiIFthdHRyLmlkXT1cInRpdGxlSWRcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImV4cGFuZGFibGVJdGVtLmV4cGFuZGVkXCIgW2F0dHIuYXJpYS1jb250cm9sc109XCJzbG90SWRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX3Nsb3RcIlxuICAqbmdJZj1cImV4cGFuZGFibGVJdGVtLmV4cGFuZGVkXCJcbiAgQGV4cGFuZFNsb3RBbmltYXRpb25cbiAgKEBleHBhbmRTbG90QW5pbWF0aW9uLmRvbmUpPVwib25BbmltYXRpb25FbmQoKVwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCJcbiAgW2F0dHIuaWRdPVwic2xvdElkXCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSSxPQUFPLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8s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LE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmFuc2l0aW9uLCB0cmlnZ2VyLCB1c2VBbmltYXRpb24gfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUsIERpc2FibGVkQ29udHJvbGxlciB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBjb2xsYXBzZSwgZXhwYW5kIH0gZnJvbSAnQG9keC9hbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQTExeU1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZXhwYW5kYWJsZSc7XG5pbXBvcnQgeyBBY3Rpb25Hcm91cENvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2FjdGlvbi1ncm91cCc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgUmljaExpc3RJdGVtQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4uL3JpY2gtbGlzdC1jb250ZW50L3JpY2gtbGlzdC1jb250ZW50LmNvbXBvbmVudCc7XG5cbkBDU1NDb21wb25lbnQoJ3JpY2gtbGlzdC1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1yaWNoLWxpc3QtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQTExeU1vZHVsZSwgQ29yZU1vZHVsZSwgQWN0aW9uR3JvdXBDb21wb25lbnQsIEljb25Db21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIC8qKlxuICAgKiBAaW5wdXQgZGlzYWJsZVxuICAgKiBEZXRlcm1pbmVzIHRoZSBkaXNhYmxlZCBzdGF0ZSBmb3IgdGhpcyBjb21wb25lbnQuIFdoZW4gc2V0IHRvIGB0cnVlYCwgdGhlIGNvbXBvbmVudCBiZWNvbWVzIG5vbi1pbnRlcmFjdGl2ZSxcbiAgICogaW5kaWNhdGluZyB0aGF0IHRoZSB1c2VyIGNhbm5vdCBwZXJmb3JtIGFjdGlvbnMgc3VjaCBhcyBleHBhbmRpbmcgb3IgY29sbGFwc2luZyB0aGUgaXRlbS4gVGhpcyBpcyBwYXJ0aWN1bGFybHkgdXNlZnVsXG4gICAqIGZvciBzY2VuYXJpb3Mgd2hlcmUgY2VydGFpbiBjb25kaXRpb25zIG11c3QgcHJldmVudCB1c2VyIGludGVyYWN0aW9uIHdpdGggc3BlY2lmaWMgbGlzdCBpdGVtcy5cbiAgICogVGhlIGRpc2FibGVkIHN0YXRlIGlzIG1hbmFnZWQgaW50ZXJuYWxseSB1c2luZyB0aGUgYERpc2FibGVkQ29udHJvbGxlcmAuXG4gICAqL1xuICBwcm92aWRlcnM6IFtEaXNhYmxlZENvbnRyb2xsZXIuY29ubmVjdCgpXSxcbiAgLyoqXG4gICAqIEBpbnB1dCBleHBhbmRlZFxuICAgKiBDb250cm9scyB0aGUgZXhwYW5kZWQgc3RhdGUgb2YgdGhlIGBSaWNoTGlzdEl0ZW1Db21wb25lbnRgLiBXaGVuIHNldCB0byBgdHJ1ZWAsIHRoZSBpdGVtIGlzIGluIGFuIGV4cGFuZGVkIHN0YXRlLFxuICAgKiBzaG93aW5nIGFueSBhZGRpdGlvbmFsIGNvbnRlbnQgb3IgZGV0YWlsIHRoYXQgaXMgcGFydCBvZiB0aGUgaXRlbS4gQ29udmVyc2VseSwgd2hlbiBzZXQgdG8gYGZhbHNlYCxcbiAgICogdGhlIGl0ZW0gcmVtYWlucyBpbiBpdHMgZGVmYXVsdCBvciBjb2xsYXBzZWQgc3RhdGUsIGhpZGluZyBhbnkgYWRkaXRpb25hbCBjb250ZW50IG9yIGRldGFpbHMuXG4gICAqIFRoaXMgaW5wdXQgZGlyZWN0bHkgaW50ZXJhY3RzIHdpdGggdGhlIGBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZWAgdG8gbWFuYWdlIHRoZSBleHBhbmRlZC9jb2xsYXBzZWQgc3RhdGVzXG4gICAqIG9mIHRoZSBjb21wb25lbnQsIHByb3ZpZGluZyBhIGR5bmFtaWMgdXNlciBpbnRlcmFjdGlvbiBleHBlcmllbmNlLlxuICAgKi9cbiAgaG9zdERpcmVjdGl2ZXM6IFt7IGRpcmVjdGl2ZTogRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUsIGlucHV0czogWydleHBhbmRlZCcsICdpZCddIH1dLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5pcy1kaXNhYmxlZF0nOiAnaXNEaXNhYmxlZCcsXG4gICAgJ1tjbGFzcy5vZHgtcmljaC1saXN0LWl0ZW0tLWV4cGFuZGVkXSc6ICdleHBhbmRhYmxlSXRlbS5leHBhbmRlZCcsXG4gICAgJ1tjbGFzcy5vZHgtcmljaC1saXN0LWl0ZW0tLWVtcHR5XSc6ICdlbXB0eScsXG4gICAgJ1thdHRyLmlkXSc6ICdleHBhbmRhYmxlSXRlbS5pZCcsXG4gIH0sXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRTbG90QW5pbWF0aW9uJywgW3RyYW5zaXRpb24oJzplbnRlcicsIFt1c2VBbmltYXRpb24oZXhwYW5kKV0pLCB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbdXNlQW5pbWF0aW9uKGNvbGxhcHNlKV0pXSldLFxufSlcbmV4cG9ydCBjbGFzcyBSaWNoTGlzdEl0ZW1Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkQ29udHJvbGxlciA9IERpc2FibGVkQ29udHJvbGxlci5pbmplY3QoKTtcblxuICBAQ29udGVudENoaWxkKFJpY2hMaXN0SXRlbUNvbnRlbnRDb21wb25lbnQpXG4gIHByaXZhdGUgcmVhZG9ubHkgY29udGVudD86IFJpY2hMaXN0SXRlbUNvbnRlbnRDb21wb25lbnQ7XG5cbiAgcHVibGljIHJlYWRvbmx5IGV4cGFuZGFibGVJdGVtID0gaW5qZWN0KEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlLCB7IHNlbGY6IHRydWUgfSk7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIC8qKlxuICAgKiBAb3V0cHV0IGV4cGFuZGVkQ2hhbmdlXG4gICAqIEVtaXRzIGFuIGV2ZW50IHdoZW5ldmVyIHRoZSBleHBhbmRlZCBzdGF0ZSBvZiB0aGUgYFJpY2hMaXN0SXRlbUNvbXBvbmVudGAgY2hhbmdlcy4gVGhpcyBFdmVudEVtaXR0ZXJcbiAgICogb3V0cHV0cyBhIGJvb2xlYW4gdmFsdWUgdGhhdCBpbmRpY2F0ZXMgdGhlIG5ldyBleHBhbmRlZCBzdGF0ZSBvZiB0aGUgY29tcG9uZW50OiBgdHJ1ZWAgZm9yIGV4cGFuZGVkXG4gICAqIGFuZCBgZmFsc2VgIGZvciBjb2xsYXBzZWQuIFRoaXMgYWxsb3dzIGZvciBleHRlcm5hbCBjb21wb25lbnRzIG9yIHNlcnZpY2VzIHRvIHJlYWN0IHRvIGNoYW5nZXNcbiAgICogaW4gdGhlIGl0ZW0ncyBleHBhbmRlZCBzdGF0ZSwgcHJvdmlkaW5nIGFuIG9wcG9ydHVuaXR5IHRvIGltcGxlbWVudCBjdXN0b20gYmVoYXZpb3JzIG9yIGFjdGlvbnNcbiAgICogYmFzZWQgb24gdGhlIGV4cGFuc2lvbi9jb2xsYXBzZSBvZiB0aGUgaXRlbS5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZXhwYW5kZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgZXhwYW5kZWQgc3RhdGUgb2YgdGhlIGNvbXBvbmVudC5cbiAgICpcbiAgICogVGhpcyBtZXRob2QgaXMgYSBrZXkgZnVuY3Rpb24gb2YgdGhlIGBSaWNoTGlzdEl0ZW1Db21wb25lbnRgLCBlbmFibGluZyBkeW5hbWljIGludGVyYWN0aW9uIHdpdGggdGhlIGNvbXBvbmVudCdzIHByZXNlbnRhdGlvbi5cbiAgICogV2hlbiBpbnZva2VkLCBpdCBzd2l0Y2hlcyB0aGlzIGl0ZW0gY3VycmVudCBzdGF0ZS4gSWYgdGhlIGl0ZW0gaXMgY3VycmVudGx5IGV4cGFuZGVkIChzaG93aW5nIGFkZGl0aW9uYWwgY29udGVudCBvciBkZXRhaWxzKSxcbiAgICogY2FsbGluZyBgdG9nZ2xlYCB3aWxsIGNvbGxhcHNlIGl0LCBoaWRpbmcgdGhlc2UgZWxlbWVudHMgZnJvbSB2aWV3LlxuICAgKi9cbiAgcHVibGljIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGFibGVJdGVtLnRvZ2dsZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCB0aXRsZUlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZXhwYW5kYWJsZUl0ZW0uaWR9LXRpdGxlYDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2xvdElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZXhwYW5kYWJsZUl0ZW0uaWR9LXNsb3RgO1xuICB9XG5cbiAgcHVibGljIGdldCBlbXB0eSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuY29udGVudDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmRpc2FibGVkQ29udHJvbGxlcj8uZGlzYWJsZWQ7XG4gIH1cblxuICBwdWJsaWMgb25BbmltYXRpb25FbmQoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kYWJsZUl0ZW0uZXhwYW5kZWQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2R4LXJpY2gtbGlzdC1pdGVtX19oZWFkZXJcIiBbYXR0ci5pZF09XCJ0aXRsZUlkXCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJleHBhbmRhYmxlSXRlbS5leHBhbmRlZFwiIFthdHRyLmFyaWEtY29udHJvbHNdPVwic2xvdElkXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1yaWNoLWxpc3QtaXRlbS1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gIDxvZHgtYWN0aW9uLWdyb3VwIGNsYXNzPVwib2R4LXJpY2gtbGlzdC1pdGVtX19leHBhbmQtYnV0dG9uXCI+XG4gICAgPGJ1dHRvbiBvZHhCdXR0b24gKGNsaWNrKT1cInRvZ2dsZSgpXCI+XG4gICAgICA8b2R4LWljb24gY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX2ljb25cIiBuYW1lPVwiY2hldnJvbi1kb3duXCIgaWNvblNldD1cImNvcmVcIj48L29keC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L29keC1hY3Rpb24tZ3JvdXA+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX3Nsb3RcIlxuICAqbmdJZj1cImV4cGFuZGFibGVJdGVtLmV4cGFuZGVkXCJcbiAgQGV4cGFuZFNsb3RBbmltYXRpb25cbiAgKEBleHBhbmRTbG90QW5pbWF0aW9uLmRvbmUpPVwib25BbmltYXRpb25FbmQoKVwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCJcbiAgW2F0dHIuaWRdPVwic2xvdElkXCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/components/rich-list/lib/rich-list.component.mjs

@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: Component,
             args: [{ selector: 'odx-rich-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }], template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVzVDLFdBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWlCO0lBQXZCO1FBQ1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO0tBQzNDOytHQUZZLGlCQUFpQjttR0FBakIsaUJBQWlCLDZLQ2Q5QiwyREFDQTs7QURhYSxpQkFBaUI7SUFUN0IsWUFBWSxDQUFDLFdBQVcsQ0FBQztHQVNiLGlCQUFpQixDQUU3Qjs0RkFGWSxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsZUFBZSxjQUViLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFDckIsQ0FBQyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV4cGFuZGFibGVDb250YWluZXJEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdyaWNoLWxpc3QnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LXJpY2gtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdERpcmVjdGl2ZXM6IFt7IGRpcmVjdGl2ZTogRXhwYW5kYWJsZUNvbnRhaW5lckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ211bHRpcGxlJ10gfV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0Q29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJvZHgtcmljaC1saXN0LWl0ZW1cIj48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBcUI1QyxXQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFpQjtJQUF2QjtRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztLQUMzQzsrR0FGWSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw2S0N4QjlCLDJEQUNBOztBRHVCYSxpQkFBaUI7SUFuQjdCLFlBQVksQ0FBQyxXQUFXLENBQUM7R0FtQmIsaUJBQWlCLENBRTdCOzRGQUZZLGlCQUFpQjtrQkFsQjdCLFNBQVM7K0JBQ0UsZUFBZSxjQUViLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFXckIsQ0FBQyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV4cGFuZGFibGVDb250YWluZXJEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdyaWNoLWxpc3QnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LXJpY2gtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgLyoqXG4gICAqIEBpbnB1dCBtdWx0aXBsZVxuICAgKiBEZWZpbmVzIHdoZXRoZXIgdGhlIGBSaWNoTGlzdENvbXBvbmVudGAgY2FuIGhhdmUgbXVsdGlwbGUgZXhwYW5kYWJsZSBpdGVtcyBvcGVuIHNpbXVsdGFuZW91c2x5LlxuICAgKiBXaGVuIHNldCB0byBgdHJ1ZWAsIGl0IGFsbG93cyB1c2VycyB0byBleHBhbmQgbXVsdGlwbGUgbGlzdCBpdGVtcyBhdCB0aGUgc2FtZSB0aW1lLlxuICAgKiBJZiBzZXQgdG8gYGZhbHNlYCwgZXhwYW5kaW5nIGEgbmV3IGl0ZW0gd2lsbCBjb2xsYXBzZSBwcmV2aW91c2x5IGV4cGFuZGVkIGl0ZW1zLFxuICAgKiB0aHVzIG1haW50YWluaW5nIG9ubHkgb25lIGFjdGl2ZWx5IGV4cGFuZGVkIGxpc3QgaXRlbSBhdCBhbnkgZ2l2ZW4gdGltZS5cbiAgICpcbiAgICogVGhpcyBwYXJhbWV0ZXIgZGlyZWN0bHkgaW5mbHVlbmNlcyB0aGUgYmVoYXZpb3Igb2YgdGhlIGBFeHBhbmRhYmxlQ29udGFpbmVyRGlyZWN0aXZlYCxcbiAgICogYWxsb3dpbmcgZm9yIHZlcnNhdGlsZSBsaXN0IHByZXNlbnRhdGlvbiBvcHRpb25zIGJhc2VkIG9uIHVzZXIgbmVlZHMuXG4gICAqL1xuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlQ29udGFpbmVyRGlyZWN0aXZlLCBpbnB1dHM6IFsnbXVsdGlwbGUnXSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgUmljaExpc3RDb21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1yaWNoLWxpc3QtaXRlbVwiPjwvbmctY29udGVudD5cbiJdfQ==

package/fesm2022/odx-angular-components-breadcrumbs.mjs

@@ -1,41 +1,15 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
-import { DynamicViewService } from '@odx/angular/cdk/dynamic-view';
-import { IconComponent } from '@odx/angular/components/icon';
-import { LinkDirective } from '@odx/angular/components/link';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
-import { fromQueryList } from '@odx/angular/rxjs';
-import { untilDestroyed, injectElement } from '@odx/angular/utils';
+import { injectElement } from '@odx/angular/utils';
 
 let BreadcrumbsComponent = class BreadcrumbsComponent {
     constructor() {
-        this.renderer = inject(Renderer2);
-        this.destroyed = untilDestroyed();
-        this.dynamicViewService = inject(DynamicViewService);
-        this.icons = new Set();
         this.element = injectElement();
     }
-    ngAfterViewInit() {
-        fromQueryList(this.linkItems)
-            .pipe(this.destroyed())
-            .subscribe(() => this.addIcons());
-    }
-    addIcons() {
-        this.removeIcons();
-        this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));
-    }
-    addIcon(linkElement) {
-        const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });
-        this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);
-        this.icons.add(icon);
-    }
-    removeIcons() {
-        this.icons.forEach((icon) => icon.destroy());
-        this.icons.clear();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", queries: [{ propertyName: "linkItems", predicate: LinkDirective }], ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 BreadcrumbsComponent = __decorate([
     CSSComponent('breadcrumbs')
@@ -43,10 +17,7 @@ BreadcrumbsComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-breadcrumbs', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[odxLink]\"></ng-content>\n" }]
-        }], propDecorators: { linkItems: [{
-                type: ContentChildren,
-                args: [LinkDirective]
-            }] } });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/odx-angular-components-breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-breadcrumbs.mjs","sources":["../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/angular/components/breadcrumbs/src/odx-angular-components-breadcrumbs.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ContentChildren, inject, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { DynamicViewRef, DynamicViewService } from '@odx/angular/cdk/dynamic-view';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { fromQueryList } from '@odx/angular/rxjs';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\n\n@CSSComponent('breadcrumbs')\n@Component({\n  selector: 'odx-breadcrumbs',\n  standalone: true,\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent implements AfterViewInit {\n  private readonly renderer = inject(Renderer2);\n  private readonly destroyed = untilDestroyed();\n  private readonly dynamicViewService = inject(DynamicViewService);\n  private readonly icons = new Set<DynamicViewRef<typeof IconComponent>>();\n\n  @ContentChildren(LinkDirective)\n  protected readonly linkItems!: QueryList<LinkDirective>;\n\n  public readonly element = injectElement();\n\n  public ngAfterViewInit(): void {\n    fromQueryList(this.linkItems)\n      .pipe(this.destroyed())\n      .subscribe(() => this.addIcons());\n  }\n\n  private addIcons(): void {\n    this.removeIcons();\n    this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));\n  }\n\n  private addIcon(linkElement: HTMLElement): void {\n    const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });\n    this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);\n    this.icons.add(icon);\n  }\n\n  private removeIcons(): void {\n    this.icons.forEach((icon) => icon.destroy());\n    this.icons.clear();\n  }\n}\n","<ng-content select=\"[odxLink]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAgBa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AACY,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC7B,IAAS,CAAA,SAAA,GAAG,cAAc,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,GAAG,EAAwC,CAAC;QAKzD,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAuB3C,KAAA;IArBQ,eAAe,GAAA;AACpB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC1B,aAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;aACtB,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;KACrC;IAEO,QAAQ,GAAA;QACd,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;KACtG;AAEO,IAAA,OAAO,CAAC,WAAwB,EAAA;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AACxH,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,WAAW,CAAC,CAAC;AACvF,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACtB;IAEO,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;+GA/BU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAMd,aAAa,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBhC,kDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADea,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,aAAa,CAAC;AAQf,CAAA,EAAA,oBAAoB,CAgChC,CAAA;4FAhCY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAED,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA;8BAS5B,SAAS,EAAA,CAAA;sBAD3B,eAAe;uBAAC,aAAa,CAAA;;;AEtBhC;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-breadcrumbs.mjs","sources":["../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/angular/components/breadcrumbs/src/odx-angular-components-breadcrumbs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('breadcrumbs')\n@Component({\n  selector: 'odx-breadcrumbs',\n  standalone: true,\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"[odxLink]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAC3C,KAAA;+GAFY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,2ECZjC,kDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADWa,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,aAAa,CAAC;AAQf,CAAA,EAAA,oBAAoB,CAEhC,CAAA;4FAFY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAED,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA;;;AEVjD;;AAEG;;;;"}

package/fesm2022/odx-angular-components-rich-list.mjs

@@ -1,17 +1,17 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, inject, ContentChild, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, inject, EventEmitter, ContentChild, Output, NgModule } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
-import { injectElement, untilDestroyed } from '@odx/angular/utils';
-import { CoreModule, DisabledController } from '@odx/angular';
+import { injectElement } from '@odx/angular/utils';
 import { ActionGroupComponent } from '@odx/angular/components/action-group';
-import { ButtonComponent } from '@odx/angular/components/button';
-import { IconComponent } from '@odx/angular/components/icon';
 import { trigger, transition, useAnimation } from '@angular/animations';
+import { DisabledController, CoreModule } from '@odx/angular';
 import { expand, collapse } from '@odx/angular/animations';
 import { A11yModule } from '@odx/angular/cdk/a11y';
 import * as i1 from '@odx/angular/cdk/expandable';
 import { ExpandableItemDirective, ExpandableContainerDirective } from '@odx/angular/cdk/expandable';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
 import * as i2 from '@angular/common';
 
 let RichListItemContentComponent = class RichListItemContentComponent {
@@ -35,37 +35,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+// TODO: rename component class name and file names to match the component name
 let RichListItemHeaderComponent = class RichListItemHeaderComponent {
     constructor() {
         this.element = injectElement();
-        this.toggled = new EventEmitter();
-    }
-    toggle() {
-        this.toggled.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemHeaderComponent, isStandalone: true, selector: "odx-rich-list-header", outputs: { toggled: "toggled" }, ngImport: i0, template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n<odx-action-group class=\"odx-rich-list-header__expand-button\">\n  <button odxButton (click)=\"toggle()\">\n    <odx-icon class=\"odx-rich-list-header__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemHeaderComponent, isStandalone: true, selector: "odx-rich-list-header, odx-rich-list-item-header", ngImport: i0, template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n", dependencies: [{ kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 RichListItemHeaderComponent = __decorate([
-    CSSComponent('rich-list-header')
+    CSSComponent('rich-list-item-header')
 ], RichListItemHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemHeaderComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-rich-list-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CoreModule, ActionGroupComponent, IconComponent, ButtonComponent], template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n<odx-action-group class=\"odx-rich-list-header__expand-button\">\n  <button odxButton (click)=\"toggle()\">\n    <odx-icon class=\"odx-rich-list-header__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
-        }], propDecorators: { toggled: [{
-                type: Output
-            }] } });
+            args: [{ standalone: true, selector: 'odx-rich-list-header, odx-rich-list-item-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ActionGroupComponent], template: "<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n" }]
+        }] });
 
 let RichListItemComponent = class RichListItemComponent {
     constructor() {
         this.disabledController = DisabledController.inject();
-        this.takeUntilDestroyed = untilDestroyed();
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
         this.element = injectElement();
+        /**
+         * @output expandedChange
+         * Emits an event whenever the expanded state of the `RichListItemComponent` changes. This EventEmitter
+         * outputs a boolean value that indicates the new expanded state of the component: `true` for expanded
+         * and `false` for collapsed. This allows for external components or services to react to changes
+         * in the item's expanded state, providing an opportunity to implement custom behaviors or actions
+         * based on the expansion/collapse of the item.
+         */
         this.expandedChange = new EventEmitter();
     }
-    ngAfterViewInit() {
-        this.header?.toggled.pipe(this.takeUntilDestroyed()).subscribe(() => this.expandableItem.toggle());
+    /**
+     * Toggles the expanded state of the component.
+     *
+     * This method is a key function of the `RichListItemComponent`, enabling dynamic interaction with the component's presentation.
+     * When invoked, it switches this item current state. If the item is currently expanded (showing additional content or details),
+     * calling `toggle` will collapse it, hiding these elements from view.
+     */
+    toggle() {
+        this.expandableItem.toggle();
     }
     get titleId() {
         return `${this.expandableItem.id}-title`;
@@ -83,27 +92,24 @@ let RichListItemComponent = class RichListItemComponent {
         this.expandedChange.emit(this.expandableItem.expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-rich-list-item--expanded": "expandableItem.expanded", "class.odx-rich-list-item--empty": "empty", "attr.id": "expandableItem.id" } }, providers: [DisabledController.connect()], queries: [{ propertyName: "content", first: true, predicate: RichListItemContentComponent, descendants: true }, { propertyName: "header", first: true, predicate: RichListItemHeaderComponent, descendants: true }], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-header\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CoreModule }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-rich-list-item--expanded": "expandableItem.expanded", "class.odx-rich-list-item--empty": "empty", "attr.id": "expandableItem.id" } }, providers: [DisabledController.connect()], queries: [{ propertyName: "content", first: true, predicate: RichListItemContentComponent, descendants: true }], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-item-header\"></ng-content>\n  <odx-action-group class=\"odx-rich-list-item__expand-button\">\n    <button odxButton (click)=\"toggle()\">\n      <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n    </button>\n  </odx-action-group>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 RichListItemComponent = __decorate([
     CSSComponent('rich-list-item')
 ], RichListItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'odx-rich-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule], providers: [DisabledController.connect()], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
+            args: [{ selector: 'odx-rich-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule, ActionGroupComponent, IconComponent, ButtonComponent], providers: [DisabledController.connect()], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
                         '[class.is-disabled]': 'isDisabled',
                         '[class.odx-rich-list-item--expanded]': 'expandableItem.expanded',
                         '[class.odx-rich-list-item--empty]': 'empty',
                         '[attr.id]': 'expandableItem.id',
-                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-header\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n" }]
-        }], propDecorators: { expandedChange: [{
-                type: Output
-            }], content: [{
+                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-item-header\"></ng-content>\n  <odx-action-group class=\"odx-rich-list-item__expand-button\">\n    <button odxButton (click)=\"toggle()\">\n      <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n    </button>\n  </odx-action-group>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n" }]
+        }], propDecorators: { content: [{
                 type: ContentChild,
                 args: [RichListItemContentComponent]
-            }], header: [{
-                type: ContentChild,
-                args: [RichListItemHeaderComponent]
+            }], expandedChange: [{
+                type: Output
             }] } });
 
 let RichListComponent = class RichListComponent {

package/fesm2022/odx-angular-components-rich-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-rich-list.mjs","sources":["../../../../libs/angular/components/rich-list/src/lib/components/rich-list-content/rich-list-content.component.ts","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-header/rich-list-header.component.ts","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-header/rich-list-header.component.html","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-item/rich-list-item.component.ts","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-item/rich-list-item.component.html","../../../../libs/angular/components/rich-list/src/lib/rich-list.component.ts","../../../../libs/angular/components/rich-list/src/lib/rich-list.component.html","../../../../libs/angular/components/rich-list/src/lib/rich-list.module.ts","../../../../libs/angular/components/rich-list/src/odx-angular-components-rich-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('rich-list-content')\n@Component({\n  standalone: true,\n  selector: 'odx-rich-list-content',\n  template: ` <ng-content></ng-content> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class RichListItemContentComponent {\n  public readonly element = injectElement();\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('rich-list-header')\n@Component({\n  standalone: true,\n  selector: 'odx-rich-list-header',\n  templateUrl: 'rich-list-header.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CoreModule, ActionGroupComponent, IconComponent, ButtonComponent],\n})\nexport class RichListItemHeaderComponent {\n  public readonly element = injectElement();\n\n  @Output()\n  public toggled: EventEmitter<void> = new EventEmitter();\n\n  public toggle(): void {\n    this.toggled.emit();\n  }\n}\n","<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n<odx-action-group class=\"odx-rich-list-header__expand-button\">\n  <button odxButton (click)=\"toggle()\">\n    <odx-icon class=\"odx-rich-list-header__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n","import { transition, trigger, useAnimation } from '@angular/animations';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { collapse, expand } from '@odx/angular/animations';\nimport { A11yModule } from '@odx/angular/cdk/a11y';\nimport { ExpandableItemDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { RichListItemContentComponent } from '../rich-list-content/rich-list-content.component';\nimport { RichListItemHeaderComponent } from '../rich-list-header/rich-list-header.component';\n\n@CSSComponent('rich-list-item')\n@Component({\n  selector: 'odx-rich-list-item',\n  templateUrl: './rich-list-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, CoreModule],\n  providers: [DisabledController.connect()],\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-rich-list-item--expanded]': 'expandableItem.expanded',\n    '[class.odx-rich-list-item--empty]': 'empty',\n    '[attr.id]': 'expandableItem.id',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class RichListItemComponent implements AfterViewInit {\n  private readonly disabledController = DisabledController.inject();\n  private readonly takeUntilDestroyed = untilDestroyed();\n  public readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  public readonly element = injectElement();\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  @ContentChild(RichListItemContentComponent)\n  public content?: RichListItemContentComponent;\n\n  @ContentChild(RichListItemHeaderComponent)\n  public header?: RichListItemHeaderComponent;\n\n  public ngAfterViewInit(): void {\n    this.header?.toggled.pipe(this.takeUntilDestroyed()).subscribe(() => this.expandableItem.toggle());\n  }\n\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  public get empty(): boolean {\n    return !this.content;\n  }\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expandableItem.expanded);\n  }\n}\n","<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-header\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('rich-list')\n@Component({\n  selector: 'odx-rich-list',\n  templateUrl: './rich-list.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }],\n})\nexport class RichListComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-rich-list-item\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RichListItemComponent, RichListItemHeaderComponent } from './components';\nimport { RichListItemContentComponent } from './components/rich-list-content/rich-list-content.component';\nimport { RichListComponent } from './rich-list.component';\n\nconst modules = [RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RichListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-rich-list.mjs","sources":["../../../../libs/angular/components/rich-list/src/lib/components/rich-list-content/rich-list-content.component.ts","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-header/rich-list-header.component.ts","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-header/rich-list-header.component.html","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-item/rich-list-item.component.ts","../../../../libs/angular/components/rich-list/src/lib/components/rich-list-item/rich-list-item.component.html","../../../../libs/angular/components/rich-list/src/lib/rich-list.component.ts","../../../../libs/angular/components/rich-list/src/lib/rich-list.component.html","../../../../libs/angular/components/rich-list/src/lib/rich-list.module.ts","../../../../libs/angular/components/rich-list/src/odx-angular-components-rich-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('rich-list-content')\n@Component({\n  standalone: true,\n  selector: 'odx-rich-list-content',\n  template: ` <ng-content></ng-content> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class RichListItemContentComponent {\n  public readonly element = injectElement();\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n// TODO: rename component class name and file names to match the component name\n@CSSComponent('rich-list-item-header')\n@Component({\n  standalone: true,\n  selector: 'odx-rich-list-header, odx-rich-list-item-header',\n  templateUrl: 'rich-list-header.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [ActionGroupComponent],\n})\nexport class RichListItemHeaderComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-checkbox\"></ng-content>\n<ng-content select=\"odx-avatar\"></ng-content>\n<div class=\"odx-rich-list-header__title\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-rich-list-header__action-group\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n","import { transition, trigger, useAnimation } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { collapse, expand } from '@odx/angular/animations';\nimport { A11yModule } from '@odx/angular/cdk/a11y';\nimport { ExpandableItemDirective } from '@odx/angular/cdk/expandable';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { RichListItemContentComponent } from '../rich-list-content/rich-list-content.component';\n\n@CSSComponent('rich-list-item')\n@Component({\n  selector: 'odx-rich-list-item',\n  templateUrl: './rich-list-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, CoreModule, ActionGroupComponent, IconComponent, ButtonComponent],\n  /**\n   * @input disable\n   * Determines the disabled state for this component. When set to `true`, the component becomes non-interactive,\n   * indicating that the user cannot perform actions such as expanding or collapsing the item. This is particularly useful\n   * for scenarios where certain conditions must prevent user interaction with specific list items.\n   * The disabled state is managed internally using the `DisabledController`.\n   */\n  providers: [DisabledController.connect()],\n  /**\n   * @input expanded\n   * Controls the expanded state of the `RichListItemComponent`. When set to `true`, the item is in an expanded state,\n   * showing any additional content or detail that is part of the item. Conversely, when set to `false`,\n   * the item remains in its default or collapsed state, hiding any additional content or details.\n   * This input directly interacts with the `ExpandableItemDirective` to manage the expanded/collapsed states\n   * of the component, providing a dynamic user interaction experience.\n   */\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-rich-list-item--expanded]': 'expandableItem.expanded',\n    '[class.odx-rich-list-item--empty]': 'empty',\n    '[attr.id]': 'expandableItem.id',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class RichListItemComponent {\n  private readonly disabledController = DisabledController.inject();\n\n  @ContentChild(RichListItemContentComponent)\n  private readonly content?: RichListItemContentComponent;\n\n  public readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  public readonly element = injectElement();\n\n  /**\n   * @output expandedChange\n   * Emits an event whenever the expanded state of the `RichListItemComponent` changes. This EventEmitter\n   * outputs a boolean value that indicates the new expanded state of the component: `true` for expanded\n   * and `false` for collapsed. This allows for external components or services to react to changes\n   * in the item's expanded state, providing an opportunity to implement custom behaviors or actions\n   * based on the expansion/collapse of the item.\n   */\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  /**\n   * Toggles the expanded state of the component.\n   *\n   * This method is a key function of the `RichListItemComponent`, enabling dynamic interaction with the component's presentation.\n   * When invoked, it switches this item current state. If the item is currently expanded (showing additional content or details),\n   * calling `toggle` will collapse it, hiding these elements from view.\n   */\n  public toggle(): void {\n    this.expandableItem.toggle();\n  }\n\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  public get empty(): boolean {\n    return !this.content;\n  }\n\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expandableItem.expanded);\n  }\n}\n","<div class=\"odx-rich-list-item__header\" [attr.id]=\"titleId\" [attr.aria-expanded]=\"expandableItem.expanded\" [attr.aria-controls]=\"slotId\">\n  <ng-content select=\"odx-rich-list-item-header\"></ng-content>\n  <odx-action-group class=\"odx-rich-list-item__expand-button\">\n    <button odxButton (click)=\"toggle()\">\n      <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n    </button>\n  </odx-action-group>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  *ngIf=\"expandableItem.expanded\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  [attr.aria-labelledby]=\"titleId\"\n  [attr.id]=\"slotId\"\n>\n  <ng-content select=\"odx-rich-list-content\"></ng-content>\n</div>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('rich-list')\n@Component({\n  selector: 'odx-rich-list',\n  templateUrl: './rich-list.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  /**\n   * @input multiple\n   * Defines whether the `RichListComponent` can have multiple expandable items open simultaneously.\n   * When set to `true`, it allows users to expand multiple list items at the same time.\n   * If set to `false`, expanding a new item will collapse previously expanded items,\n   * thus maintaining only one actively expanded list item at any given time.\n   *\n   * This parameter directly influences the behavior of the `ExpandableContainerDirective`,\n   * allowing for versatile list presentation options based on user needs.\n   */\n  hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }],\n})\nexport class RichListComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-rich-list-item\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RichListItemComponent, RichListItemHeaderComponent } from './components';\nimport { RichListItemContentComponent } from './components/rich-list-content/rich-list-content.component';\nimport { RichListComponent } from './rich-list.component';\n\nconst modules = [RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RichListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/angular",
-  "version": "5.3.0",
+  "version": "5.3.2",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {