@odx/angular 3.2.3 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ## 2.14.4
 
+## 4.0.0
+
+### Major Changes
+
+- e5b4916: new design for rich list component
+
 ## 3.2.3
 
 ### Patch Changes

package/components/rich-list/index.d.ts

@@ -1,4 +1,5 @@
+export * from './lib/components/rich-list-content/rich-list-content.component';
+export * from './lib/components/rich-list-header/rich-list-header.component';
+export * from './lib/components/rich-list-item/rich-list-item.component';
 export * from './lib/rich-list.component';
 export * from './lib/rich-list.module';
-export * from './lib/components/rich-list-item/rich-list-item.component';
-export * from './lib/directives';

package/components/rich-list/lib/components/index.d.ts

@@ -1 +1,3 @@
+export * from './rich-list-content/rich-list-content.component';
+export * from './rich-list-header/rich-list-header.component';
 export * from './rich-list-item/rich-list-item.component';

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class RichListItemContentComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RichListItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichListItemContentComponent, "odx-rich-list-content", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,9 @@
+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>;
+}

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

@@ -1,14 +1,23 @@
-import { EventEmitter } from '@angular/core';
+import { AfterViewInit, 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 {
-    protected readonly expandableItem: ExpandableItemDirective;
+export declare class RichListItemComponent implements AfterViewInit {
+    private readonly disabledController;
+    private readonly takeUntilDestroyed;
+    readonly expandableItem: ExpandableItemDirective;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     expandedChange: EventEmitter<boolean>;
+    content?: RichListItemContentComponent;
+    header?: RichListItemHeaderComponent;
+    ngAfterViewInit(): 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"; }, never, ["odx-rich-list-item-title", "*"], true, [{ directive: typeof i1.ExpandableItemDirective; inputs: { "expanded": "expanded"; "id": "id"; }; outputs: {}; }]>;
+    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: {}; }]>;
 }

package/components/rich-list/lib/rich-list.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./rich-list.component";
 import * as i2 from "./components/rich-list-item/rich-list-item.component";
-import * as i3 from "./directives/rich-list-item-title";
-import * as i4 from "@odx/angular";
+import * as i3 from "./components/rich-list-header/rich-list-header.component";
+import * as i4 from "./components/rich-list-content/rich-list-content.component";
+import * as i5 from "@odx/angular";
 export declare class RichListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RichListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RichListModule, never, [typeof i1.RichListComponent, typeof i2.RichListItemComponent, typeof i3.RichListItemTitleDirective], [typeof i4.CoreModule, typeof i1.RichListComponent, typeof i2.RichListItemComponent, typeof i3.RichListItemTitleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RichListModule, never, [typeof i1.RichListComponent, typeof i2.RichListItemComponent, typeof i3.RichListItemHeaderComponent, typeof i4.RichListItemContentComponent], [typeof i5.CoreModule, typeof i1.RichListComponent, typeof i2.RichListItemComponent, typeof i3.RichListItemHeaderComponent, typeof i4.RichListItemContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RichListModule>;
 }

package/esm2022/components/rich-list/index.mjs

@@ -1,5 +1,6 @@
+export * from './lib/components/rich-list-content/rich-list-content.component';
+export * from './lib/components/rich-list-header/rich-list-header.component';
+export * from './lib/components/rich-list-item/rich-list-item.component';
 export * from './lib/rich-list.component';
 export * from './lib/rich-list.module';
-export * from './lib/components/rich-list-item/rich-list-item.component';
-export * from './lib/directives';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9yaWNoLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JpY2gtbGlzdC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLDBEQUEwRCxDQUFDO0FBRXpFLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcmljaC1saXN0LWNvbnRlbnQvcmljaC1saXN0LWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcmljaC1saXN0LWhlYWRlci9yaWNoLWxpc3QtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3JpY2gtbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmljaC1saXN0Lm1vZHVsZSc7XG4iXX0=

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

@@ -1,2 +1,4 @@
+export * from './rich-list-content/rich-list-content.component';
+export * from './rich-list-header/rich-list-header.component';
 export * from './rich-list-item/rich-list-item.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDJDQUEyQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9yaWNoLWxpc3QtY29udGVudC9yaWNoLWxpc3QtY29udGVudC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9yaWNoLWxpc3QtaGVhZGVyL3JpY2gtbGlzdC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcmljaC1saXN0LWl0ZW0vcmljaC1saXN0LWl0ZW0uY29tcG9uZW50JztcbiJdfQ==

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

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export let RichListItemContentComponent = class RichListItemContentComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemContentComponent, isStandalone: true, selector: "odx-rich-list-content", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+RichListItemContentComponent = __decorate([
+    CSSComponent('rich-list-content')
+], RichListItemContentComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-rich-list-content',
+                    template: ` <ng-content></ng-content> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtY29udGVudC9yaWNoLWxpc3QtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFVNUMsV0FBTSw0QkFBNEIsR0FBbEMsTUFBTSw0QkFBNEI7SUFBbEM7UUFDVyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0FDM0M7K0dBRlksNEJBQTRCO21HQUE1Qiw0QkFBNEIsaUZBSjdCLDZCQUE2Qjs7QUFJNUIsNEJBQTRCO0lBUnhDLFlBQVksQ0FBQyxtQkFBbUIsQ0FBQztHQVFyQiw0QkFBNEIsQ0FFeEM7NEZBRlksNEJBQTRCO2tCQVB4QyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgncmljaC1saXN0LWNvbnRlbnQnKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LXJpY2gtbGlzdC1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUmljaExpc3RJdGVtQ29udGVudENvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xufVxuIl19

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

@@ -0,0 +1,30 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+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";
+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"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+RichListItemHeaderComponent = __decorate([
+    CSSComponent('rich-list-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1oZWFkZXIvcmljaC1saXN0LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1oZWFkZXIvcmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVc1QyxXQUFNLDJCQUEyQixHQUFqQyxNQUFNLDJCQUEyQjtJQUFqQztRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUduQyxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FLekQ7SUFIUSxNQUFNO1FBQ1gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQVJVLDJCQUEyQjttR0FBM0IsMkJBQTJCLGlIQ2pCeEMsb2xCQWFBLDJDREVZLFVBQVUsK0JBQUUsb0JBQW9CLGtGQUFFLGFBQWEsb0dBQUUsZUFBZTs7QUFFL0QsMkJBQTJCO0lBVHZDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQztHQVNwQiwyQkFBMkIsQ0FTdkM7NEZBVFksMkJBQTJCO2tCQVJ2QyxTQUFTO2lDQUNJLElBQUksWUFDTixzQkFBc0IsbUJBRWYsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLFVBQVUsRUFBRSxvQkFBb0IsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDOzhCQU1wRSxPQUFPO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgQWN0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9hY3Rpb24tZ3JvdXAnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgncmljaC1saXN0LWhlYWRlcicpXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAncmljaC1saXN0LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQ29yZU1vZHVsZSwgQWN0aW9uR3JvdXBDb21wb25lbnQsIEljb25Db21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0SXRlbUhlYWRlckNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgdG9nZ2xlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy50b2dnbGVkLmVtaXQoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWNoZWNrYm94XCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWF2YXRhclwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9fdGl0bGVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48b2R4LWFjdGlvbi1ncm91cCBjbGFzcz1cIm9keC1yaWNoLWxpc3QtaGVhZGVyX19hY3Rpb24tZ3JvdXBcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29keEJ1dHRvbl1cIiBuZ1Byb2plY3RBcz1cIltvZHhCdXR0b25dXCI+PC9uZy1jb250ZW50PlxuPC9vZHgtYWN0aW9uLWdyb3VwPlxuPG9keC1hY3Rpb24tZ3JvdXAgY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9fZXhwYW5kLWJ1dHRvblwiPlxuICA8YnV0dG9uIG9keEJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlKClcIj5cbiAgICA8b2R4LWljb24gY2xhc3M9XCJvZHgtcmljaC1saXN0LWhlYWRlcl9faWNvblwiIG5hbWU9XCJjaGV2cm9uLWRvd25cIiBpY29uU2V0PVwiY29yZVwiPjwvb2R4LWljb24+XG4gIDwvYnV0dG9uPlxuPC9vZHgtYWN0aW9uLWdyb3VwPlxuIl19

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

@@ -1,45 +1,64 @@
 import { __decorate } from "tslib";
 import { transition, trigger, useAnimation } from '@angular/animations';
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation, inject } from '@angular/core';
-import { CoreModule } from '@odx/angular';
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Output, ViewEncapsulation, inject } from '@angular/core';
+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 { IconComponent } from '@odx/angular/components/icon';
 import { CSSComponent } from '@odx/angular/internal';
-import { injectElement } from '@odx/angular/utils';
+import { injectElement, untilDestroyed } 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";
-import * as i3 from "@odx/angular/cdk/a11y";
 export let RichListItemComponent = class RichListItemComponent {
     constructor() {
+        this.disabledController = DisabledController.inject();
+        this.takeUntilDestroyed = untilDestroyed();
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
         this.element = injectElement();
         this.expandedChange = new EventEmitter();
     }
+    ngAfterViewInit() {
+        this.header?.toggled.pipe(this.takeUntilDestroyed()).subscribe(() => this.expandableItem.toggle());
+    }
     get titleId() {
         return `${this.expandableItem.id}-title`;
     }
     get slotId() {
         return `${this.expandableItem.id}-slot`;
     }
+    get empty() {
+        return !this.content;
+    }
+    get isDisabled() {
+        return !!this.disabledController?.disabled;
+    }
     onAnimationEnd() {
         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.odx-rich-list-item--expanded": "expandableItem.expanded", "attr.id": "expandableItem.id" } }, hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expandableItem.expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n  <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"expandableItem.expanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }], 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 }, { 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 }); }
 };
 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, IconComponent], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
+            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: {
+                        '[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\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expandableItem.expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n  <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"expandableItem.expanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+                    }, 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: [{
+                type: ContentChild,
+                args: [RichListItemContentComponent]
+            }], header: [{
+                type: ContentChild,
+                args: [RichListItemHeaderComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBaUI1QyxXQUFNLHFCQUFxQixHQUEzQixNQUFNLHFCQUFxQjtJQUEzQjtRQUNjLG1CQUFjLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDcEUsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBR25DLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7S0FhbkU7SUFYQyxJQUFXLE9BQU87UUFDaEIsT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsRUFBRSxRQUFRLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQVcsTUFBTTtRQUNmLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsT0FBTyxDQUFDO0lBQzFDLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDekQsQ0FBQzsrR0FqQlUscUJBQXFCO21HQUFyQixxQkFBcUIsbVdDekJsQyxxb0JBb0JBLDJDREhZLFVBQVUseVBBQUUsVUFBVSwrQkFBRSxhQUFhLHNGQU1uQyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7QUFFakkscUJBQXFCO0lBZmpDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQztHQWVsQixxQkFBcUIsQ0FrQmpDOzRGQWxCWSxxQkFBcUI7a0JBZGpDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBRWxCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLGtCQUNoQyxDQUFDLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLFFBQzlFO3dCQUNKLHNDQUFzQyxFQUFFLHlCQUF5Qjt3QkFDakUsV0FBVyxFQUFFLG1CQUFtQjtxQkFDakMsY0FDVyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs4QkFPckksY0FBYztzQkFEcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyYW5zaXRpb24sIHRyaWdnZXIsIHVzZUFuaW1hdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgY29sbGFwc2UsIGV4cGFuZCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdyaWNoLWxpc3QtaXRlbScpXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vcmljaC1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW0ExMXlNb2R1bGUsIENvcmVNb2R1bGUsIEljb25Db21wb25lbnRdLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgaW5wdXRzOiBbJ2V4cGFuZGVkJywgJ2lkJ10gfV0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLm9keC1yaWNoLWxpc3QtaXRlbS0tZXhwYW5kZWRdJzogJ2V4cGFuZGFibGVJdGVtLmV4cGFuZGVkJyxcbiAgICAnW2F0dHIuaWRdJzogJ2V4cGFuZGFibGVJdGVtLmlkJyxcbiAgfSxcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZFNsb3RBbmltYXRpb24nLCBbdHJhbnNpdGlvbignOmVudGVyJywgW3VzZUFuaW1hdGlvbihleHBhbmQpXSksIHRyYW5zaXRpb24oJzpsZWF2ZScsIFt1c2VBbmltYXRpb24oY29sbGFwc2UpXSldKV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0SXRlbUNvbXBvbmVudCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBleHBhbmRhYmxlSXRlbSA9IGluamVjdChFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgeyBzZWxmOiB0cnVlIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGV4cGFuZGVkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHVibGljIGdldCB0aXRsZUlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZXhwYW5kYWJsZUl0ZW0uaWR9LXRpdGxlYDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2xvdElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZXhwYW5kYWJsZUl0ZW0uaWR9LXNsb3RgO1xuICB9XG5cbiAgcHVibGljIG9uQW5pbWF0aW9uRW5kKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UuZW1pdCh0aGlzLmV4cGFuZGFibGVJdGVtLmV4cGFuZGVkKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cIm9keC1yaWNoLWxpc3QtaXRlbV9fcGFuZWxcIlxuICBbYXR0ci5pZF09XCJ0aXRsZUlkXCJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJleHBhbmRhYmxlSXRlbS5leHBhbmRlZFwiXG4gIFthdHRyLmFyaWEtY29udHJvbHNdPVwic2xvdElkXCJcbiAgKG9keENka0ludGVyYWN0aXZlKT1cImV4cGFuZGFibGVJdGVtLnRvZ2dsZSgpXCJcbj5cbiAgPG9keC1pY29uIGNsYXNzPVwib2R4LXJpY2gtbGlzdC1pdGVtX19pY29uXCIgbmFtZT1cImNoZXZyb24tcmlnaHRcIiBpY29uU2V0PVwiY29yZVwiPjwvb2R4LWljb24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1yaWNoLWxpc3QtaXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdlxuICBjbGFzcz1cIm9keC1yaWNoLWxpc3QtaXRlbV9fc2xvdFwiXG4gIFthdHRyLmlkXT1cInNsb3RJZFwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCJcbiAgQGV4cGFuZFNsb3RBbmltYXRpb25cbiAgKEBleHBhbmRTbG90QW5pbWF0aW9uLmRvbmUpPVwib25BbmltYXRpb25FbmQoKVwiXG4gICpuZ0lmPVwiZXhwYW5kYWJsZUl0ZW0uZXhwYW5kZWRcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakosT0FBTyxFQUFFLFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNoRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnREFBZ0QsQ0FB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dUJBQUMsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpdGlvbiwgdHJpZ2dlciwgdXNlQW5pbWF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlLCBEaXNhYmxlZENvbnRyb2xsZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgY29sbGFwc2UsIGV4cGFuZCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IFJpY2hMaXN0SXRlbUNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi9yaWNoLWxpc3QtY29udGVudC9yaWNoLWxpc3QtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vcmljaC1saXN0LWhlYWRlci9yaWNoLWxpc3QtaGVhZGVyLmNvbXBvbmVudCc7XG5cbkBDU1NDb21wb25lbnQoJ3JpY2gtbGlzdC1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1yaWNoLWxpc3QtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQTExeU1vZHVsZSwgQ29yZU1vZHVsZV0sXG4gIHByb3ZpZGVyczogW0Rpc2FibGVkQ29udHJvbGxlci5jb25uZWN0KCldLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgaW5wdXRzOiBbJ2V4cGFuZGVkJywgJ2lkJ10gfV0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmlzLWRpc2FibGVkXSc6ICdpc0Rpc2FibGVkJyxcbiAgICAnW2NsYXNzLm9keC1yaWNoLWxpc3QtaXRlbS0tZXhwYW5kZWRdJzogJ2V4cGFuZGFibGVJdGVtLmV4cGFuZGVkJyxcbiAgICAnW2NsYXNzLm9keC1yaWNoLWxpc3QtaXRlbS0tZW1wdHldJzogJ2VtcHR5JyxcbiAgICAnW2F0dHIuaWRdJzogJ2V4cGFuZGFibGVJdGVtLmlkJyxcbiAgfSxcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZFNsb3RBbmltYXRpb24nLCBbdHJhbnNpdGlvbignOmVudGVyJywgW3VzZUFuaW1hdGlvbihleHBhbmQpXSksIHRyYW5zaXRpb24oJzpsZWF2ZScsIFt1c2VBbmltYXRpb24oY29sbGFwc2UpXSldKV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkQ29udHJvbGxlciA9IERpc2FibGVkQ29udHJvbGxlci5pbmplY3QoKTtcbiAgcHJpdmF0ZSByZWFkb25seSB0YWtlVW50aWxEZXN0cm95ZWQgPSB1bnRpbERlc3Ryb3llZCgpO1xuICBwdWJsaWMgcmVhZG9ubHkgZXhwYW5kYWJsZUl0ZW0gPSBpbmplY3QoRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUsIHsgc2VsZjogdHJ1ZSB9KTtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBleHBhbmRlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBDb250ZW50Q2hpbGQoUmljaExpc3RJdGVtQ29udGVudENvbXBvbmVudClcbiAgcHVibGljIGNvbnRlbnQ/OiBSaWNoTGlzdEl0ZW1Db250ZW50Q29tcG9uZW50O1xuXG4gIEBDb250ZW50Q2hpbGQoUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50KVxuICBwdWJsaWMgaGVhZGVyPzogUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50O1xuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5oZWFkZXI/LnRvZ2dsZWQucGlwZSh0aGlzLnRha2VVbnRpbERlc3Ryb3llZCgpKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5leHBhbmRhYmxlSXRlbS50b2dnbGUoKSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHRpdGxlSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5leHBhbmRhYmxlSXRlbS5pZH0tdGl0bGVgO1xuICB9XG5cbiAgcHVibGljIGdldCBzbG90SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5leHBhbmRhYmxlSXRlbS5pZH0tc2xvdGA7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGVtcHR5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5jb250ZW50O1xuICB9XG5cbiAgcHVibGljIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuZGlzYWJsZWRDb250cm9sbGVyPy5kaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBvbkFuaW1hdGlvbkVuZCgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRhYmxlSXRlbS5leHBhbmRlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX2hlYWRlclwiIFthdHRyLmlkXT1cInRpdGxlSWRcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImV4cGFuZGFibGVJdGVtLmV4cGFuZGVkXCIgW2F0dHIuYXJpYS1jb250cm9sc109XCJzbG90SWRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX3Nsb3RcIlxuICAqbmdJZj1cImV4cGFuZGFibGVJdGVtLmV4cGFuZGVkXCJcbiAgQGV4cGFuZFNsb3RBbmltYXRpb25cbiAgKEBleHBhbmRTbG90QW5pbWF0aW9uLmRvbmUpPVwib25BbmltYXRpb25FbmQoKVwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCJcbiAgW2F0dHIuaWRdPVwic2xvdElkXCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

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

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 import { CoreModule } from '@odx/angular';
+import { RichListItemComponent, RichListItemHeaderComponent } from './components';
+import { RichListItemContentComponent } from './components/rich-list-content/rich-list-content.component';
 import { RichListComponent } from './rich-list.component';
-import { RichListItemComponent } from './components';
-import { RichListItemTitleDirective } from './directives';
 import * as i0 from "@angular/core";
-const modules = [RichListComponent, RichListItemComponent, RichListItemTitleDirective];
+const modules = [RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent];
 export class RichListModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemTitleDirective], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListItemComponent, CoreModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListItemComponent, RichListItemHeaderComponent, CoreModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, decorators: [{
             type: NgModule,
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     exports: [CoreModule, ...modules],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNyRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBRTFELE1BQU0sT0FBTyxHQUFHLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztBQU12RixNQUFNLE9BQU8sY0FBYzsrR0FBZCxjQUFjO2dIQUFkLGNBQWMsWUFOVixpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSwwQkFBMEIsYUFJekUsVUFBVSxFQUpMLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLDBCQUEwQjtnSEFNeEUsY0FBYyxZQU5TLHFCQUFxQixFQUk3QyxVQUFVOzs0RkFFVCxjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxPQUFPO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxPQUFPLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgUmljaExpc3RDb21wb25lbnQgfSBmcm9tICcuL3JpY2gtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmljaExpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcbmltcG9ydCB7IFJpY2hMaXN0SXRlbVRpdGxlRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcblxuY29uc3QgbW9kdWxlcyA9IFtSaWNoTGlzdENvbXBvbmVudCwgUmljaExpc3RJdGVtQ29tcG9uZW50LCBSaWNoTGlzdEl0ZW1UaXRsZURpcmVjdGl2ZV07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IG1vZHVsZXMsXG4gIGV4cG9ydHM6IFtDb3JlTW9kdWxlLCAuLi5tb2R1bGVzXSxcbn0pXG5leHBvcnQgY2xhc3MgUmljaExpc3RNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNsRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFMUQsTUFBTSxPQUFPLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSwyQkFBMkIsRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO0FBTXRILE1BQU0sT0FBTyxjQUFjOytHQUFkLGNBQWM7Z0hBQWQsY0FBYyxZQU5WLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLDJCQUEyQixFQUFFLDRCQUE0QixhQUl4RyxVQUFVLEVBSkwsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUsMkJBQTJCLEVBQUUsNEJBQTRCO2dIQU12RyxjQUFjLFlBTlMscUJBQXFCLEVBQUUsMkJBQTJCLEVBSTFFLFVBQVU7OzRGQUVULGNBQWM7a0JBSjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRSxHQUFHLE9BQU8sQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29yZU1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBSaWNoTGlzdEl0ZW1Db21wb25lbnQsIFJpY2hMaXN0SXRlbUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBSaWNoTGlzdEl0ZW1Db250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3JpY2gtbGlzdC1jb250ZW50L3JpY2gtbGlzdC1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSaWNoTGlzdENvbXBvbmVudCB9IGZyb20gJy4vcmljaC1saXN0LmNvbXBvbmVudCc7XG5cbmNvbnN0IG1vZHVsZXMgPSBbUmljaExpc3RDb21wb25lbnQsIFJpY2hMaXN0SXRlbUNvbXBvbmVudCwgUmljaExpc3RJdGVtSGVhZGVyQ29tcG9uZW50LCBSaWNoTGlzdEl0ZW1Db250ZW50Q29tcG9uZW50XTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogbW9kdWxlcyxcbiAgZXhwb3J0czogW0NvcmVNb2R1bGUsIC4uLm1vZHVsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBSaWNoTGlzdE1vZHVsZSB7fVxuIl19

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

@@ -1,81 +1,131 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, inject, EventEmitter, Output, Directive, NgModule } from '@angular/core';
-import * as i1 from '@odx/angular/cdk/expandable';
-import { ExpandableContainerDirective, ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, inject, ContentChild, NgModule } from '@angular/core';
 import { CSSComponent } from '@odx/angular/internal';
-import { injectElement } from '@odx/angular/utils';
-import { CoreModule } from '@odx/angular';
+import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { CoreModule, DisabledController } from '@odx/angular';
+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 { expand, collapse } from '@odx/angular/animations';
-import * as i3 from '@odx/angular/cdk/a11y';
 import { A11yModule } from '@odx/angular/cdk/a11y';
-import { IconComponent } from '@odx/angular/components/icon';
+import * as i1 from '@odx/angular/cdk/expandable';
+import { ExpandableItemDirective, ExpandableContainerDirective } from '@odx/angular/cdk/expandable';
 import * as i2 from '@angular/common';
 
-let RichListComponent = class RichListComponent {
+let RichListItemContentComponent = class RichListItemContentComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemContentComponent, isStandalone: true, selector: "odx-rich-list-content", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
-RichListComponent = __decorate([
-    CSSComponent('rich-list')
-], RichListComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListComponent, decorators: [{
+RichListItemContentComponent = __decorate([
+    CSSComponent('rich-list-content')
+], RichListItemContentComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemContentComponent, decorators: [{
             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" }]
+            args: [{
+                    standalone: true,
+                    selector: 'odx-rich-list-content',
+                    template: ` <ng-content></ng-content> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
         }] });
 
+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"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+RichListItemHeaderComponent = __decorate([
+    CSSComponent('rich-list-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
+            }] } });
+
 let RichListItemComponent = class RichListItemComponent {
     constructor() {
+        this.disabledController = DisabledController.inject();
+        this.takeUntilDestroyed = untilDestroyed();
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
         this.element = injectElement();
         this.expandedChange = new EventEmitter();
     }
+    ngAfterViewInit() {
+        this.header?.toggled.pipe(this.takeUntilDestroyed()).subscribe(() => this.expandableItem.toggle());
+    }
     get titleId() {
         return `${this.expandableItem.id}-title`;
     }
     get slotId() {
         return `${this.expandableItem.id}-slot`;
     }
+    get empty() {
+        return !this.content;
+    }
+    get isDisabled() {
+        return !!this.disabledController?.disabled;
+    }
     onAnimationEnd() {
         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.odx-rich-list-item--expanded": "expandableItem.expanded", "attr.id": "expandableItem.id" } }, hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expandableItem.expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n  <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"expandableItem.expanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }], 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 }, { 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 }); }
 };
 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, IconComponent], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
+            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: {
+                        '[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\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expandableItem.expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n  <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"expandableItem.expanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+                    }, 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: [{
+                type: ContentChild,
+                args: [RichListItemContentComponent]
+            }], header: [{
+                type: ContentChild,
+                args: [RichListItemHeaderComponent]
             }] } });
 
-class RichListItemTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemTitleDirective, isStandalone: true, selector: "odx-rich-list-item-title", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'odx-rich-list-item-title',
-                }]
+let RichListComponent = class RichListComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+RichListComponent = __decorate([
+    CSSComponent('rich-list')
+], RichListComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListComponent, decorators: [{
+            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" }]
         }] });
 
-const modules = [RichListComponent, RichListItemComponent, RichListItemTitleDirective];
+const modules = [RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent];
 class RichListModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemTitleDirective], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListItemComponent, CoreModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemHeaderComponent, RichListItemContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, imports: [RichListItemComponent, RichListItemHeaderComponent, CoreModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListModule, decorators: [{
             type: NgModule,
@@ -89,5 +139,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { RichListComponent, RichListItemComponent, RichListItemTitleDirective, RichListModule };
+export { RichListComponent, RichListItemComponent, RichListItemContentComponent, RichListItemHeaderComponent, RichListModule };
 //# sourceMappingURL=odx-angular-components-rich-list.mjs.map

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/rich-list.component.ts","../../../../libs/angular/components/rich-list/src/lib/rich-list.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/directives/rich-list-item-title.ts","../../../../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 { 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 { transition, trigger, useAnimation } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { CoreModule } 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 { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\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, IconComponent],\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.odx-rich-list-item--expanded]': 'expandableItem.expanded',\n    '[attr.id]': 'expandableItem.id',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class RichListItemComponent {\n  protected readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  public readonly element = injectElement();\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\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 onAnimationEnd(): void {\n    this.expandedChange.emit(this.expandableItem.expanded);\n  }\n}\n","<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expandableItem.expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n  <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n  class=\"odx-rich-list-item__slot\"\n  [attr.id]=\"slotId\"\n  [attr.aria-labelledby]=\"titleId\"\n  @expandSlotAnimation\n  (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n  *ngIf=\"expandableItem.expanded\"\n>\n  <ng-content></ng-content>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: 'odx-rich-list-item-title',\n})\nexport class RichListItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RichListComponent } from './rich-list.component';\nimport { RichListItemComponent } from './components';\nimport { RichListItemTitleDirective } from './directives';\n\nconst modules = [RichListComponent, RichListItemComponent, RichListItemTitleDirective];\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, 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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"}

package/package.json

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

package/components/rich-list/lib/directives/index.d.ts

@@ -1 +0,0 @@
-export * from './rich-list-item-title';

package/components/rich-list/lib/directives/rich-list-item-title.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class RichListItemTitleDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RichListItemTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RichListItemTitleDirective, "odx-rich-list-item-title", never, {}, {}, never, never, true, never>;
-}

package/esm2022/components/rich-list/lib/directives/index.mjs

@@ -1,2 +0,0 @@
-export * from './rich-list-item-title';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3JpY2gtbGlzdC1pdGVtLXRpdGxlJztcbiJdfQ==

package/esm2022/components/rich-list/lib/directives/rich-list-item-title.mjs

@@ -1,14 +0,0 @@
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
-export class RichListItemTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemTitleDirective, isStandalone: true, selector: "odx-rich-list-item-title", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'odx-rich-list-item-title',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0tdGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9kaXJlY3RpdmVzL3JpY2gtbGlzdC1pdGVtLXRpdGxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTFDLE1BQU0sT0FBTywwQkFBMEI7K0dBQTFCLDBCQUEwQjttR0FBMUIsMEJBQTBCOzs0RkFBMUIsMEJBQTBCO2tCQUp0QyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsMEJBQTBCO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0LWl0ZW0tdGl0bGUnLFxufSlcbmV4cG9ydCBjbGFzcyBSaWNoTGlzdEl0ZW1UaXRsZURpcmVjdGl2ZSB7fVxuIl19