@odx/angular 2.3.1 → 2.4.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# @odx/angular 2.4.0 (2023-07-24)
+
+
+### Bug Fixes
+
+* designer issues ([912d7d6](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/912d7d6e17840c83e741aab0e1fa0a9dd87a3d02))
+* multiple by default ([8dfbf9e](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/8dfbf9e261b0fa426902e0fd3fd44dd165cef6a8))
+
+
+### Features
+
+* rich-list component created ([ea352ef](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/ea352eff62de24f7f302876da683b92b26eda580))
+* story and styles ([7d8b4c4](https://dev.azure.com/draeger/ODXP/_git/odx-libraries/commit/7d8b4c4509ecb0e96127716ffba081a1606762ce))
+
 ## @odx/angular 2.3.1 (2023-07-19)
 
 

package/components/rich-list/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/components/rich-list
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/components/rich-list`.

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

@@ -0,0 +1,4 @@
+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

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

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import * as i0 from "@angular/core";
+export declare class RichListItemComponent extends ExpandableItemDirective {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    readonly id: string;
+    expandedChange: EventEmitter<boolean>;
+    get titleId(): string;
+    get slotId(): string;
+    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, never>;
+}

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

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

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

@@ -0,0 +1,5 @@
+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/components/rich-list/lib/rich-list.component.d.ts

@@ -0,0 +1,8 @@
+import { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';
+import * as i0 from "@angular/core";
+export declare class RichListComponent extends ExpandableContainerDirective {
+    multiple: boolean;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RichListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichListComponent, "odx-rich-list", never, {}, {}, never, ["odx-rich-list-item"], true, never>;
+}

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

@@ -0,0 +1,10 @@
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<RichListModule>;
+}

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

@@ -0,0 +1,5 @@
+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=

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

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

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

@@ -0,0 +1,46 @@
+import { __decorate } from "tslib";
+import { transition, trigger, useAnimation } from '@angular/animations';
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
+import { CoreModule } 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 { getUniqueId, injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@odx/angular/cdk/a11y";
+let RichListItemComponent = class RichListItemComponent extends ExpandableItemDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+        this.id = getUniqueId('odx-rich-list-item');
+        this.expandedChange = new EventEmitter();
+    }
+    get titleId() {
+        return `${this.id}-title`;
+    }
+    get slotId() {
+        return `${this.id}-slot`;
+    }
+    onAnimationEnd() {
+        this.expandedChange.emit(this.expanded);
+    }
+};
+RichListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RichListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.odx-rich-list-item--expanded": "expanded", "attr.id": "id" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"expanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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 });
+RichListItemComponent = __decorate([
+    CSSComponent('rich-list-item')
+], RichListItemComponent);
+export { RichListItemComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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], host: {
+                        '[class.odx-rich-list-item--expanded]': 'expanded',
+                        '[attr.id]': '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]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"expanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { expandedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFnQnpELElBQU0scUJBQXFCLEdBQTNCLE1BQU0scUJBQXNCLFNBQVEsdUJBQXVCO0lBQTNEOztRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUNqQixPQUFFLEdBQUcsV0FBVyxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFHekQsbUJBQWMsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWFuRTtJQVhDLElBQVcsT0FBTztRQUNoQixPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFXLE1BQU07UUFDZixPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsT0FBTyxDQUFDO0lBQzNCLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDOztrSEFqQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsaVBDeEJsQyx3bEJBb0JBLDJDREhZLFVBQVUseVBBQUUsVUFBVSwrQkFBRSxhQUFhLHNGQUtuQyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUVqSSxxQkFBcUI7SUFkakMsWUFBWSxDQUFDLGdCQUFnQixDQUFDO0dBY2xCLHFCQUFxQixDQWtCakM7U0FsQlkscUJBQXFCOzJGQUFyQixxQkFBcUI7a0JBYmpDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBRWxCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLFFBQzFDO3dCQUNKLHNDQUFzQyxFQUFFLFVBQVU7d0JBQ2xELFdBQVcsRUFBRSxJQUFJO3FCQUNsQixjQUNXLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOzhCQU9ySSxjQUFjO3NCQURwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpdGlvbiwgdHJpZ2dlciwgdXNlQW5pbWF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgY29sbGFwc2UsIGV4cGFuZCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGdldFVuaXF1ZUlkLCBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgncmljaC1saXN0LWl0ZW0nKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LXJpY2gtbGlzdC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtBMTF5TW9kdWxlLCBDb3JlTW9kdWxlLCBJY29uQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Mub2R4LXJpY2gtbGlzdC1pdGVtLS1leHBhbmRlZF0nOiAnZXhwYW5kZWQnLFxuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICB9LFxuICBhbmltYXRpb25zOiBbdHJpZ2dlcignZXhwYW5kU2xvdEFuaW1hdGlvbicsIFt0cmFuc2l0aW9uKCc6ZW50ZXInLCBbdXNlQW5pbWF0aW9uKGV4cGFuZCldKSwgdHJhbnNpdGlvbignOmxlYXZlJywgW3VzZUFuaW1hdGlvbihjb2xsYXBzZSldKV0pXSxcbn0pXG5leHBvcnQgY2xhc3MgUmljaExpc3RJdGVtQ29tcG9uZW50IGV4dGVuZHMgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbiAgcHVibGljIG92ZXJyaWRlIHJlYWRvbmx5IGlkID0gZ2V0VW5pcXVlSWQoJ29keC1yaWNoLWxpc3QtaXRlbScpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZXhwYW5kZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZ2V0IHRpdGxlSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5pZH0tdGl0bGVgO1xuICB9XG5cbiAgcHVibGljIGdldCBzbG90SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5pZH0tc2xvdGA7XG4gIH1cblxuICBwdWJsaWMgb25BbmltYXRpb25FbmQoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwib2R4LXJpY2gtbGlzdC1pdGVtX19wYW5lbFwiXG4gIFthdHRyLmlkXT1cInRpdGxlSWRcIlxuICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgW2F0dHIuYXJpYS1jb250cm9sc109XCJzbG90SWRcIlxuICAob2R4Q2RrSW50ZXJhY3RpdmUpPVwidG9nZ2xlKClcIlxuPlxuICA8b2R4LWljb24gY2xhc3M9XCJvZHgtcmljaC1saXN0LWl0ZW1fX2ljb25cIiBuYW1lPVwiY2hldnJvbi1yaWdodFwiIGljb25TZXQ9XCJjb3JlXCI+PC9vZHgtaWNvbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1pdGVtLXRpdGxlXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2XG4gIGNsYXNzPVwib2R4LXJpY2gtbGlzdC1pdGVtX19zbG90XCJcbiAgW2F0dHIuaWRdPVwic2xvdElkXCJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cInRpdGxlSWRcIlxuICBAZXhwYW5kU2xvdEFuaW1hdGlvblxuICAoQGV4cGFuZFNsb3RBbmltYXRpb24uZG9uZSk9XCJvbkFuaW1hdGlvbkVuZCgpXCJcbiAgKm5nSWY9XCJleHBhbmRlZFwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

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

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

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

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

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

@@ -0,0 +1,25 @@
+var RichListComponent_1;
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, forwardRef, ViewEncapsulation } from '@angular/core';
+import { ExpandableContainerDirective, EXPANDABLE_CONTAINER } from '@odx/angular/cdk/expandable';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+let RichListComponent = RichListComponent_1 = class RichListComponent extends ExpandableContainerDirective {
+    constructor() {
+        super(...arguments);
+        this.multiple = true;
+        this.element = injectElement();
+    }
+};
+RichListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RichListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent_1) }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+RichListComponent = RichListComponent_1 = __decorate([
+    CSSComponent('rich-list')
+], RichListComponent);
+export { RichListComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-rich-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent) }], template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVc1QyxJQUFNLGlCQUFpQix5QkFBdkIsTUFBTSxpQkFBa0IsU0FBUSw0QkFBNEI7SUFBNUQ7O1FBQ1csYUFBUSxHQUFHLElBQUksQ0FBQztRQUNoQixZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0FDM0M7OzhHQUhZLGlCQUFpQjtrR0FBakIsaUJBQWlCLDREQUZqQixDQUFDLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQWlCLENBQUMsRUFBRSxDQUFDLGlEQ1psRywyREFDQTtBRGFhLGlCQUFpQjtJQVQ3QixZQUFZLENBQUMsV0FBVyxDQUFDO0dBU2IsaUJBQWlCLENBRzdCO1NBSFksaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsZUFBZSxjQUViLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFeHBhbmRhYmxlQ29udGFpbmVyRGlyZWN0aXZlLCBFWFBBTkRBQkxFX0NPTlRBSU5FUiB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZXhwYW5kYWJsZSc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbkBDU1NDb21wb25lbnQoJ3JpY2gtbGlzdCcpXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JpY2gtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEVYUEFOREFCTEVfQ09OVEFJTkVSLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBSaWNoTGlzdENvbXBvbmVudCkgfV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0Q29tcG9uZW50IGV4dGVuZHMgRXhwYW5kYWJsZUNvbnRhaW5lckRpcmVjdGl2ZSB7XG4gIHB1YmxpYyBvdmVycmlkZSBtdWx0aXBsZSA9IHRydWU7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LXJpY2gtbGlzdC1pdGVtXCI+PC9uZy1jb250ZW50PlxuIl19

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

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+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];
+export class RichListModule {
+}
+RichListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RichListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemTitleDirective], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemTitleDirective] });
+RichListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNyRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBRTFELE1BQU0sT0FBTyxHQUFHLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztBQU12RixNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLFlBTlYsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUsMEJBQTBCLGFBSXpFLFVBQVUsRUFKTCxpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSwwQkFBMEI7NEdBTXhFLGNBQWMsWUFOVixpQkFBaUIsRUFBRSxxQkFBcUIsRUFJN0MsVUFBVTsyRkFFVCxjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxPQUFPO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxPQUFPLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgUmljaExpc3RDb21wb25lbnQgfSBmcm9tICcuL3JpY2gtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmljaExpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcbmltcG9ydCB7IFJpY2hMaXN0SXRlbVRpdGxlRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcblxuY29uc3QgbW9kdWxlcyA9IFtSaWNoTGlzdENvbXBvbmVudCwgUmljaExpc3RJdGVtQ29tcG9uZW50LCBSaWNoTGlzdEl0ZW1UaXRsZURpcmVjdGl2ZV07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IG1vZHVsZXMsXG4gIGV4cG9ydHM6IFtDb3JlTW9kdWxlLCAuLi5tb2R1bGVzXSxcbn0pXG5leHBvcnQgY2xhc3MgUmljaExpc3RNb2R1bGUge31cbiJdfQ==

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2R4LWFuZ3VsYXItY29tcG9uZW50cy1yaWNoLWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL29keC1hbmd1bGFyLWNvbXBvbmVudHMtcmljaC1saXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

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

@@ -0,0 +1,96 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, Directive, NgModule } from '@angular/core';
+import { ExpandableContainerDirective, EXPANDABLE_CONTAINER, ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement, getUniqueId } from '@odx/angular/utils';
+import { CoreModule } from '@odx/angular';
+import { trigger, transition, useAnimation } from '@angular/animations';
+import { expand, collapse } from '@odx/angular/animations';
+import * as i2 from '@odx/angular/cdk/a11y';
+import { A11yModule } from '@odx/angular/cdk/a11y';
+import { IconComponent } from '@odx/angular/components/icon';
+import * as i1 from '@angular/common';
+
+var RichListComponent_1;
+let RichListComponent = RichListComponent_1 = class RichListComponent extends ExpandableContainerDirective {
+    constructor() {
+        super(...arguments);
+        this.multiple = true;
+        this.element = injectElement();
+    }
+};
+RichListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RichListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent_1) }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+RichListComponent = RichListComponent_1 = __decorate([
+    CSSComponent('rich-list')
+], RichListComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-rich-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent) }], template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n" }]
+        }] });
+
+let RichListItemComponent = class RichListItemComponent extends ExpandableItemDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+        this.id = getUniqueId('odx-rich-list-item');
+        this.expandedChange = new EventEmitter();
+    }
+    get titleId() {
+        return `${this.id}-title`;
+    }
+    get slotId() {
+        return `${this.id}-slot`;
+    }
+    onAnimationEnd() {
+        this.expandedChange.emit(this.expanded);
+    }
+};
+RichListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RichListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.odx-rich-list-item--expanded": "expanded", "attr.id": "id" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"expanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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 });
+RichListItemComponent = __decorate([
+    CSSComponent('rich-list-item')
+], RichListItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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], host: {
+                        '[class.odx-rich-list-item--expanded]': 'expanded',
+                        '[attr.id]': '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]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"expanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { expandedChange: [{
+                type: Output
+            }] } });
+
+class RichListItemTitleDirective {
+}
+RichListItemTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+RichListItemTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: RichListItemTitleDirective, isStandalone: true, selector: "odx-rich-list-item-title", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-rich-list-item-title',
+                }]
+        }] });
+
+const modules = [RichListComponent, RichListItemComponent, RichListItemTitleDirective];
+class RichListModule {
+}
+RichListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RichListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemTitleDirective], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemTitleDirective] });
+RichListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RichListComponent, RichListItemComponent, RichListItemTitleDirective, RichListModule };
+//# sourceMappingURL=odx-angular-components-rich-list.mjs.map

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

@@ -0,0 +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, forwardRef, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainerDirective, EXPANDABLE_CONTAINER } 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  providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent) }],\n})\nexport class RichListComponent extends ExpandableContainerDirective {\n  public override multiple = true;\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 } 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 { getUniqueId, 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  host: {\n    '[class.odx-rich-list-item--expanded]': 'expanded',\n    '[attr.id]': 'id',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class RichListItemComponent extends ExpandableItemDirective {\n  public readonly element = injectElement();\n  public override readonly id = getUniqueId('odx-rich-list-item');\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  public get titleId(): string {\n    return `${this.id}-title`;\n  }\n\n  public get slotId(): string {\n    return `${this.id}-slot`;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"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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"}

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

@@ -0,0 +1,96 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, Directive, NgModule } from '@angular/core';
+import { ExpandableContainerDirective, EXPANDABLE_CONTAINER, ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement, getUniqueId } from '@odx/angular/utils';
+import { CoreModule } from '@odx/angular';
+import { trigger, transition, useAnimation } from '@angular/animations';
+import { expand, collapse } from '@odx/angular/animations';
+import * as i2 from '@odx/angular/cdk/a11y';
+import { A11yModule } from '@odx/angular/cdk/a11y';
+import { IconComponent } from '@odx/angular/components/icon';
+import * as i1 from '@angular/common';
+
+var RichListComponent_1;
+let RichListComponent = RichListComponent_1 = class RichListComponent extends ExpandableContainerDirective {
+    constructor() {
+        super(...arguments);
+        this.multiple = true;
+        this.element = injectElement();
+    }
+};
+RichListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RichListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent_1) }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+RichListComponent = RichListComponent_1 = __decorate([
+    CSSComponent('rich-list')
+], RichListComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-rich-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent) }], template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n" }]
+        }] });
+
+let RichListItemComponent = class RichListItemComponent extends ExpandableItemDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+        this.id = getUniqueId('odx-rich-list-item');
+        this.expandedChange = new EventEmitter();
+    }
+    get titleId() {
+        return `${this.id}-title`;
+    }
+    get slotId() {
+        return `${this.id}-slot`;
+    }
+    onAnimationEnd() {
+        this.expandedChange.emit(this.expanded);
+    }
+};
+RichListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RichListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.odx-rich-list-item--expanded": "expanded", "attr.id": "id" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"expanded\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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 });
+RichListItemComponent = __decorate([
+    CSSComponent('rich-list-item')
+], RichListItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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], host: {
+                        '[class.odx-rich-list-item--expanded]': 'expanded',
+                        '[attr.id]': '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]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"expanded\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { expandedChange: [{
+                type: Output
+            }] } });
+
+class RichListItemTitleDirective {
+}
+RichListItemTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+RichListItemTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: RichListItemTitleDirective, isStandalone: true, selector: "odx-rich-list-item-title", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-rich-list-item-title',
+                }]
+        }] });
+
+const modules = [RichListComponent, RichListItemComponent, RichListItemTitleDirective];
+class RichListModule {
+}
+RichListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RichListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, RichListItemTitleDirective], exports: [CoreModule, RichListComponent, RichListItemComponent, RichListItemTitleDirective] });
+RichListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, imports: [RichListComponent, RichListItemComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RichListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RichListComponent, RichListItemComponent, RichListItemTitleDirective, RichListModule };
+//# sourceMappingURL=odx-angular-components-rich-list.mjs.map

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

@@ -0,0 +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, forwardRef, ViewEncapsulation } from '@angular/core';\nimport { ExpandableContainerDirective, EXPANDABLE_CONTAINER } 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  providers: [{ provide: EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent) }],\n})\nexport class RichListComponent extends ExpandableContainerDirective {\n  public override multiple = true;\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 } 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 { getUniqueId, 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  host: {\n    '[class.odx-rich-list-item--expanded]': 'expanded',\n    '[attr.id]': 'id',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class RichListItemComponent extends ExpandableItemDirective {\n  public readonly element = injectElement();\n  public override readonly id = getUniqueId('odx-rich-list-item');\n\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  public get titleId(): string {\n    return `${this.id}-title`;\n  }\n\n  public get slotId(): string {\n    return `${this.id}-slot`;\n  }\n\n  public onAnimationEnd(): void {\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<div\n  class=\"odx-rich-list-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"expanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"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=\"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/angular",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
@@ -403,6 +403,14 @@
       "node": "./fesm2015/odx-angular-components-rail-navigation.mjs",
       "default": "./fesm2020/odx-angular-components-rail-navigation.mjs"
     },
+    "./components/rich-list": {
+      "types": "./components/rich-list/index.d.ts",
+      "esm2020": "./esm2020/components/rich-list/odx-angular-components-rich-list.mjs",
+      "es2020": "./fesm2020/odx-angular-components-rich-list.mjs",
+      "es2015": "./fesm2015/odx-angular-components-rich-list.mjs",
+      "node": "./fesm2015/odx-angular-components-rich-list.mjs",
+      "default": "./fesm2020/odx-angular-components-rich-list.mjs"
+    },
     "./components/select": {
       "types": "./components/select/index.d.ts",
       "esm2020": "./esm2020/components/select/odx-angular-components-select.mjs",