@odx/angular 12.15.0 → 12.15.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @odx/angular
 
+## 12.15.1
+
+### Patch Changes
+
+- 0265299: fix: expand/collapse animations are changed to css animations from angular
+
 ## 12.15.0
 
 ### Minor Changes

package/components/accordion/lib/components/accordion-item/accordion-item.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
 import * as i0 from "@angular/core";
 import * as i1 from "@odx/angular/cdk/expandable";
@@ -15,17 +14,17 @@ export declare class AccordionItemComponent {
     protected readonly expandableItem: ExpandableItemDirective;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     /**
-     * The title of the accordion item.
-     *
-     * @type {string | null}
+     * The title for the accordion item. This is an `InputSignal`.
+     * @default null
      */
-    title?: string | null;
+    title: import("@angular/core").InputSignal<string | null>;
     /**
-     * Event emitter for the expanded state change of the accordion item.
+     * Emits when the expanded state of the accordion item changes.
+     * This is an `OutputEmitterRef`.
      *
-     * @emits {boolean} The expanded state of the accordion item.
+     * The emitted value is the new expanded state.
      */
-    expandedChange: EventEmitter<boolean>;
+    expandedChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Gets a value indicating whether the accordion item is disabled.
      *
@@ -52,7 +51,7 @@ export declare class AccordionItemComponent {
      * @returns {string} The slot ID.
      */
     get slotId(): string;
-    protected onAnimationEnd(): void;
+    protected onTransitionEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "odx-accordion-item", never, { "title": { "alias": "title"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["odx-accordion-item-title", "*"], true, [{ directive: typeof i1.ExpandableItemDirective; inputs: { "expanded": "expanded"; "id": "id"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "odx-accordion-item", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["odx-accordion-item-title", "*"], true, [{ directive: typeof i1.ExpandableItemDirective; inputs: { "expanded": "expanded"; "id": "id"; }; outputs: {}; }]>;
 }

package/esm2022/components/accordion/lib/components/accordion-item/accordion-item.component.mjs

@@ -1,8 +1,6 @@
 import { __decorate } from "tslib";
-import { transition, trigger, useAnimation } from '@angular/animations';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, inject, input, output } 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';
@@ -25,11 +23,17 @@ let AccordionItemComponent = class AccordionItemComponent {
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
         this.element = injectElement();
         /**
-         * Event emitter for the expanded state change of the accordion item.
+         * The title for the accordion item. This is an `InputSignal`.
+         * @default null
+         */
+        this.title = input(null);
+        /**
+         * Emits when the expanded state of the accordion item changes.
+         * This is an `OutputEmitterRef`.
          *
-         * @emits {boolean} The expanded state of the accordion item.
+         * The emitted value is the new expanded state.
          */
-        this.expandedChange = new EventEmitter();
+        this.expandedChange = output();
     }
     /**
      * Gets a value indicating whether the accordion item is disabled.
@@ -65,11 +69,11 @@ let AccordionItemComponent = class AccordionItemComponent {
     get slotId() {
         return `${this.expandableItem.id}-slot`;
     }
-    onAnimationEnd() {
+    onTransitionEnd() {
         this.expandedChange.emit(this.expandableItem.expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: "title" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "expandableItem.id", "attr.title": "null" } }, providers: [DisabledController.connect()], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title) {\n    <div>{{ title }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n@if (isExpanded) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" @expandSlotAnimation (@expandSlotAnimation.done)=\"onAnimationEnd()\">\n    <ng-content />\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { 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", "identifier"] }], 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: "17.0.0", version: "18.2.13", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "expandableItem.id", "attr.title": "null" } }, providers: [DisabledController.connect()], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd()\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { 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", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 AccordionItemComponent = __decorate([
     CSSComponent('accordion-item')
@@ -82,10 +86,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[class.odx-accordion-item--expanded]': 'isExpanded',
                         '[attr.id]': 'expandableItem.id',
                         '[attr.title]': 'null',
-                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title) {\n    <div>{{ title }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n@if (isExpanded) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" @expandSlotAnimation (@expandSlotAnimation.done)=\"onAnimationEnd()\">\n    <ng-content />\n  </div>\n}\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], expandedChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYWNjb3JkaW9uL3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24taXRlbS9hY2NvcmRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9hY2NvcmRpb24vc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi1pdGVtL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzSCxPQUFPLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBRW5EOzs7Ozs7O0dBT0c7QUFtQkksSUFBTSxzQkFBc0IsR0FBNUIsTUFBTSxzQkFBc0I7SUFBNUI7UUFDWSx1QkFBa0IsR0FBRyxrQkFBa0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMvQyxtQkFBYyxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3BFLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQVUxQzs7OztXQUlHO1FBRUksbUJBQWMsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQTJDbkU7SUF6Q0M7Ozs7T0FJRztJQUNILElBQVcsVUFBVTtRQUNuQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxDQUFDO0lBQzdDLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsSUFBVyxVQUFVO1FBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDO0lBQzFELENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILElBQVcsT0FBTztRQUNoQixPQUFPLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxFQUFFLFFBQVEsQ0FBQztJQUMzQyxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSCxJQUFXLE1BQU07UUFDZixPQUFPLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxFQUFFLE9BQU8sQ0FBQztJQUMxQyxDQUFDO0lBRVMsY0FBYztRQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pELENBQUM7K0dBN0RVLHNCQUFzQjttR0FBdEIsc0JBQXNCLG1UQVZ0QixDQUFDLGtCQUFrQixDQUFDLE9BQU8sRUFBRSxDQUFDLHFJQzFCM0MscXBCQXFCQSwyQ0RJWSxVQUFVLHFKQUFFLFVBQVUsK0JBQUUsYUFBYSxvR0FTbkMsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7O0FBRWpJLHNCQUFzQjtJQWxCbEMsWUFBWSxDQUFDLGdCQUFnQixDQUFDO0dBa0JsQixzQkFBc0IsQ0E4RGxDOzs0RkE5RFksc0JBQXNCO2tCQWpCbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FFbEIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsYUFDckMsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxrQkFDekIsQ0FBQyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxRQUM5RTt3QkFDSixxQkFBcUIsRUFBRSxZQUFZO3dCQUNuQyxzQ0FBc0MsRUFBRSxZQUFZO3dCQUNwRCxXQUFXLEVBQUUsbUJBQW1CO3dCQUNoQyxjQUFjLEVBQUUsTUFBTTtxQkFDdkIsY0FDVyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs4QkFhckksS0FBSztzQkFEWCxLQUFLO2dCQVNDLGNBQWM7c0JBRHBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmFuc2l0aW9uLCB0cmlnZ2VyLCB1c2VBbmltYXRpb24gfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29yZU1vZHVsZSwgRGlzYWJsZWRDb250cm9sbGVyIH0gZnJvbSAnQG9keC9hbmd1bGFyJztcbmltcG9ydCB7IGNvbGxhcHNlLCBleHBhbmQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2Nkay9leHBhbmRhYmxlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuLyoqXG4gKiBSZXByZXNlbnRzIGFuIGl0ZW0gaW4gYW4gYWNjb3JkaW9uIGNvbXBvbmVudC5cbiAqIEhhcyBob3N0IGRpcmVjdGl2ZSBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZVxuICpcbiAqIEBzZWUge0V4cGFuZGFibGVJdGVtRGlyZWN0aXZlfVxuICpcbiAqIFlvdSBjYW4gY29udHJvbCB0aGUgYWNjb3JkaW9uIGl0ZW0ncyBleHBhbnNpb24gc3RhdGUgdGhyb3VnaCB0aGUgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgbWV0aG9kcy5cbiAqL1xuQENTU0NvbXBvbmVudCgnYWNjb3JkaW9uLWl0ZW0nKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWFjY29yZGlvbi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtBMTF5TW9kdWxlLCBDb3JlTW9kdWxlLCBJY29uQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbRGlzYWJsZWRDb250cm9sbGVyLmNvbm5lY3QoKV0sXG4gIGhvc3REaXJlY3RpdmVzOiBbeyBkaXJlY3RpdmU6IEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlLCBpbnB1dHM6IFsnZXhwYW5kZWQnLCAnaWQnXSB9XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuaXMtZGlzYWJsZWRdJzogJ2lzRGlzYWJsZWQnLFxuICAgICdbY2xhc3Mub2R4LWFjY29yZGlvbi1pdGVtLS1leHBhbmRlZF0nOiAnaXNFeHBhbmRlZCcsXG4gICAgJ1thdHRyLmlkXSc6ICdleHBhbmRhYmxlSXRlbS5pZCcsXG4gICAgJ1thdHRyLnRpdGxlXSc6ICdudWxsJyxcbiAgfSxcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZFNsb3RBbmltYXRpb24nLCBbdHJhbnNpdGlvbignOmVudGVyJywgW3VzZUFuaW1hdGlvbihleHBhbmQpXSksIHRyYW5zaXRpb24oJzpsZWF2ZScsIFt1c2VBbmltYXRpb24oY29sbGFwc2UpXSldKV0sXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkl0ZW1Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkQ29udHJvbGxlciA9IERpc2FibGVkQ29udHJvbGxlci5pbmplY3QoKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGV4cGFuZGFibGVJdGVtID0gaW5qZWN0KEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlLCB7IHNlbGY6IHRydWUgfSk7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgdGhlIGFjY29yZGlvbiBpdGVtLlxuICAgKlxuICAgKiBAdHlwZSB7c3RyaW5nIHwgbnVsbH1cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aXRsZT86IHN0cmluZyB8IG51bGw7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZXIgZm9yIHRoZSBleHBhbmRlZCBzdGF0ZSBjaGFuZ2Ugb2YgdGhlIGFjY29yZGlvbiBpdGVtLlxuICAgKlxuICAgKiBAZW1pdHMge2Jvb2xlYW59IFRoZSBleHBhbmRlZCBzdGF0ZSBvZiB0aGUgYWNjb3JkaW9uIGl0ZW0uXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGV4cGFuZGVkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIEdldHMgYSB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGFjY29yZGlvbiBpdGVtIGlzIGRpc2FibGVkLlxuICAgKlxuICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gVHJ1ZSBpZiB0aGUgYWNjb3JkaW9uIGl0ZW0gaXMgZGlzYWJsZWQsIGZhbHNlIG90aGVyd2lzZS5cbiAgICovXG4gIHB1YmxpYyBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmRpc2FibGVkQ29udHJvbGxlcj8uZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyBhIHZhbHVlIGluZGljYXRpbmcgd2hldGhlciB0aGUgYWNjb3JkaW9uIGl0ZW0gaXMgZXhwYW5kZWQuXG4gICAqXG4gICAqIEByZXR1cm5zIHtib29sZWFufSBUcnVlIGlmIHRoZSBhY2NvcmRpb24gaXRlbSBpcyBleHBhbmRlZCwgZmFsc2Ugb3RoZXJ3aXNlLlxuICAgKi9cbiAgcHVibGljIGdldCBpc0V4cGFuZGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5pc0Rpc2FibGVkICYmIHRoaXMuZXhwYW5kYWJsZUl0ZW0uZXhwYW5kZWQ7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgSUQgb2YgdGhlIHRpdGxlIGVsZW1lbnQgZm9yIGFjY2Vzc2liaWxpdHkgcHVycG9zZXMuXG4gICAqIFRoZSBJRCBpcyBnZW5lcmF0ZWQgYnkgYXBwZW5kaW5nIFwiLXRpdGxlXCIgdG8gdGhlIElEIG9mIHRoZSBleHBhbmRhYmxlIGl0ZW0uXG4gICAqXG4gICAqIEByZXR1cm5zIHtzdHJpbmd9IFRoZSBJRCBvZiB0aGUgdGl0bGUgZWxlbWVudC5cbiAgICovXG4gIHB1YmxpYyBnZXQgdGl0bGVJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLmV4cGFuZGFibGVJdGVtLmlkfS10aXRsZWA7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgc2xvdCBJRCBmb3IgdGhlIGFjY29yZGlvbiBpdGVtLlxuICAgKiBUaGUgc2xvdCBJRCBpcyBnZW5lcmF0ZWQgYnkgYXBwZW5kaW5nIFwiLXNsb3RcIiB0byB0aGUgSUQgb2YgdGhlIGV4cGFuZGFibGUgaXRlbS5cbiAgICpcbiAgICogQHJldHVybnMge3N0cmluZ30gVGhlIHNsb3QgSUQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IHNsb3RJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLmV4cGFuZGFibGVJdGVtLmlkfS1zbG90YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkFuaW1hdGlvbkVuZCgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRhYmxlSXRlbS5leHBhbmRlZCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgcm9sZT1cImJ1dHRvblwiXG4gIGNsYXNzPVwib2R4LWFjY29yZGlvbi1pdGVtX19wYW5lbFwiXG4gIFthdHRyLmlkXT1cInRpdGxlSWRcIlxuICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzRXhwYW5kZWRcIlxuICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cInNsb3RJZFwiXG4gIChvZHhDZGtJbnRlcmFjdGl2ZSk9XCJleHBhbmRhYmxlSXRlbS50b2dnbGUoKVwiXG4+XG4gIEBpZiAodGl0bGUpIHtcbiAgICA8ZGl2Pnt7IHRpdGxlIH19PC9kaXY+XG4gIH0gQGVsc2Uge1xuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1hY2NvcmRpb24taXRlbS10aXRsZVwiIC8+XG4gIH1cblxuICA8b2R4LWljb24gY2xhc3M9XCJvZHgtYWNjb3JkaW9uLWl0ZW1fX2ljb25cIiBuYW1lPVwiY2hldnJvbi1kb3duXCIgaWNvblNldD1cImNvcmVcIiAvPlxuPC9kaXY+XG5AaWYgKGlzRXhwYW5kZWQpIHtcbiAgPGRpdiBjbGFzcz1cIm9keC1hY2NvcmRpb24taXRlbV9fc2xvdFwiIFthdHRyLmlkXT1cInNsb3RJZFwiIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCIgQGV4cGFuZFNsb3RBbmltYXRpb24gKEBleHBhbmRTbG90QW5pbWF0aW9uLmRvbmUpPVwib25BbmltYXRpb25FbmQoKVwiPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvZGl2PlxufVxuIl19
+                    }, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd()\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvYWNjb3JkaW9uL3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24taXRlbS9hY2NvcmRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9hY2NvcmRpb24vc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi1pdGVtL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7O0FBRW5EOzs7Ozs7O0dBT0c7QUFrQkksSUFBTSxzQkFBc0IsR0FBNUIsTUFBTSxzQkFBc0I7SUFBNUI7UUFDWSx1QkFBa0IsR0FBRyxrQkFBa0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMvQyxtQkFBYyxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3BFLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUUxQzs7O1dBR0c7UUFDSSxVQUFLLEdBQUcsS0FBSyxDQUFnQixJQUFJLENBQUMsQ0FBQztRQUUxQzs7Ozs7V0FLRztRQUNJLG1CQUFjLEdBQUcsTUFBTSxFQUFXLENBQUM7S0EyQzNDO0lBekNDOzs7O09BSUc7SUFDSCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFFBQVEsQ0FBQztJQUM3QyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQVcsVUFBVTtRQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQztJQUMxRCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSCxJQUFXLE9BQU87UUFDaEIsT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsRUFBRSxRQUFRLENBQUM7SUFDM0MsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsSUFBVyxNQUFNO1FBQ2YsT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsRUFBRSxPQUFPLENBQUM7SUFDMUMsQ0FBQztJQUVTLGVBQWU7UUFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN6RCxDQUFDOytHQTNEVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiwyWkFUdEIsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxxSUN4QjNDLHN0QkF5QkEsMkNERlksVUFBVSxxSkFBRSxVQUFVLCtCQUFFLGFBQWE7O0FBVXBDLHNCQUFzQjtJQWpCbEMsWUFBWSxDQUFDLGdCQUFnQixDQUFDO0dBaUJsQixzQkFBc0IsQ0E0RGxDOzs0RkE1RFksc0JBQXNCO2tCQWhCbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FFbEIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsYUFDckMsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxrQkFDekIsQ0FBQyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxRQUM5RTt3QkFDSixxQkFBcUIsRUFBRSxZQUFZO3dCQUNuQyxzQ0FBc0MsRUFBRSxZQUFZO3dCQUNwRCxXQUFXLEVBQUUsbUJBQW1CO3dCQUNoQyxjQUFjLEVBQUUsTUFBTTtxQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlLCBEaXNhYmxlZENvbnRyb2xsZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgQTExeU1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZXhwYW5kYWJsZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbi8qKlxuICogUmVwcmVzZW50cyBhbiBpdGVtIGluIGFuIGFjY29yZGlvbiBjb21wb25lbnQuXG4gKiBIYXMgaG9zdCBkaXJlY3RpdmUgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmVcbiAqXG4gKiBAc2VlIHtFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZX1cbiAqXG4gKiBZb3UgY2FuIGNvbnRyb2wgdGhlIGFjY29yZGlvbiBpdGVtJ3MgZXhwYW5zaW9uIHN0YXRlIHRocm91Z2ggdGhlIEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlIG1ldGhvZHMuXG4gKi9cbkBDU1NDb21wb25lbnQoJ2FjY29yZGlvbi1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1hY2NvcmRpb24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbQTExeU1vZHVsZSwgQ29yZU1vZHVsZSwgSWNvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW0Rpc2FibGVkQ29udHJvbGxlci5jb25uZWN0KCldLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgaW5wdXRzOiBbJ2V4cGFuZGVkJywgJ2lkJ10gfV0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmlzLWRpc2FibGVkXSc6ICdpc0Rpc2FibGVkJyxcbiAgICAnW2NsYXNzLm9keC1hY2NvcmRpb24taXRlbS0tZXhwYW5kZWRdJzogJ2lzRXhwYW5kZWQnLFxuICAgICdbYXR0ci5pZF0nOiAnZXhwYW5kYWJsZUl0ZW0uaWQnLFxuICAgICdbYXR0ci50aXRsZV0nOiAnbnVsbCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkl0ZW1Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkQ29udHJvbGxlciA9IERpc2FibGVkQ29udHJvbGxlci5pbmplY3QoKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGV4cGFuZGFibGVJdGVtID0gaW5qZWN0KEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlLCB7IHNlbGY6IHRydWUgfSk7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgZm9yIHRoZSBhY2NvcmRpb24gaXRlbS4gVGhpcyBpcyBhbiBgSW5wdXRTaWduYWxgLlxuICAgKiBAZGVmYXVsdCBudWxsXG4gICAqL1xuICBwdWJsaWMgdGl0bGUgPSBpbnB1dDxzdHJpbmcgfCBudWxsPihudWxsKTtcblxuICAvKipcbiAgICogRW1pdHMgd2hlbiB0aGUgZXhwYW5kZWQgc3RhdGUgb2YgdGhlIGFjY29yZGlvbiBpdGVtIGNoYW5nZXMuXG4gICAqIFRoaXMgaXMgYW4gYE91dHB1dEVtaXR0ZXJSZWZgLlxuICAgKlxuICAgKiBUaGUgZW1pdHRlZCB2YWx1ZSBpcyB0aGUgbmV3IGV4cGFuZGVkIHN0YXRlLlxuICAgKi9cbiAgcHVibGljIGV4cGFuZGVkQ2hhbmdlID0gb3V0cHV0PGJvb2xlYW4+KCk7XG5cbiAgLyoqXG4gICAqIEdldHMgYSB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGFjY29yZGlvbiBpdGVtIGlzIGRpc2FibGVkLlxuICAgKlxuICAgKiBAcmV0dXJucyB7Ym9vbGVhbn0gVHJ1ZSBpZiB0aGUgYWNjb3JkaW9uIGl0ZW0gaXMgZGlzYWJsZWQsIGZhbHNlIG90aGVyd2lzZS5cbiAgICovXG4gIHB1YmxpYyBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmRpc2FibGVkQ29udHJvbGxlcj8uZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyBhIHZhbHVlIGluZGljYXRpbmcgd2hldGhlciB0aGUgYWNjb3JkaW9uIGl0ZW0gaXMgZXhwYW5kZWQuXG4gICAqXG4gICAqIEByZXR1cm5zIHtib29sZWFufSBUcnVlIGlmIHRoZSBhY2NvcmRpb24gaXRlbSBpcyBleHBhbmRlZCwgZmFsc2Ugb3RoZXJ3aXNlLlxuICAgKi9cbiAgcHVibGljIGdldCBpc0V4cGFuZGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5pc0Rpc2FibGVkICYmIHRoaXMuZXhwYW5kYWJsZUl0ZW0uZXhwYW5kZWQ7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgSUQgb2YgdGhlIHRpdGxlIGVsZW1lbnQgZm9yIGFjY2Vzc2liaWxpdHkgcHVycG9zZXMuXG4gICAqIFRoZSBJRCBpcyBnZW5lcmF0ZWQgYnkgYXBwZW5kaW5nIFwiLXRpdGxlXCIgdG8gdGhlIElEIG9mIHRoZSBleHBhbmRhYmxlIGl0ZW0uXG4gICAqXG4gICAqIEByZXR1cm5zIHtzdHJpbmd9IFRoZSBJRCBvZiB0aGUgdGl0bGUgZWxlbWVudC5cbiAgICovXG4gIHB1YmxpYyBnZXQgdGl0bGVJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLmV4cGFuZGFibGVJdGVtLmlkfS10aXRsZWA7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgc2xvdCBJRCBmb3IgdGhlIGFjY29yZGlvbiBpdGVtLlxuICAgKiBUaGUgc2xvdCBJRCBpcyBnZW5lcmF0ZWQgYnkgYXBwZW5kaW5nIFwiLXNsb3RcIiB0byB0aGUgSUQgb2YgdGhlIGV4cGFuZGFibGUgaXRlbS5cbiAgICpcbiAgICogQHJldHVybnMge3N0cmluZ30gVGhlIHNsb3QgSUQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IHNsb3RJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLmV4cGFuZGFibGVJdGVtLmlkfS1zbG90YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvblRyYW5zaXRpb25FbmQoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kYWJsZUl0ZW0uZXhwYW5kZWQpO1xuICB9XG59XG4iLCI8ZGl2XG4gICNidXR0b25cbiAgcm9sZT1cImJ1dHRvblwiXG4gIGNsYXNzPVwib2R4LWFjY29yZGlvbi1pdGVtX19wYW5lbFwiXG4gIFthdHRyLmlkXT1cInRpdGxlSWRcIlxuICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzRXhwYW5kZWRcIlxuICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cInNsb3RJZFwiXG4gIChvZHhDZGtJbnRlcmFjdGl2ZSk9XCJleHBhbmRhYmxlSXRlbS50b2dnbGUoKVwiXG4+XG4gIEBpZiAodGl0bGUoKSkge1xuICAgIDxkaXY+e3sgdGl0bGUoKSB9fTwvZGl2PlxuICB9IEBlbHNlIHtcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvZHgtYWNjb3JkaW9uLWl0ZW0tdGl0bGVcIiAvPlxuICB9XG5cbiAgPG9keC1pY29uIGNsYXNzPVwib2R4LWFjY29yZGlvbi1pdGVtX19pY29uXCIgbmFtZT1cImNoZXZyb24tZG93blwiIGljb25TZXQ9XCJjb3JlXCIgLz5cbjwvZGl2PlxuXG5AZGVmZXIgKG9uIHZpZXdwb3J0KGJ1dHRvbikpIHtcbiAgPGRpdiBjbGFzcz1cIm9keC1hY2NvcmRpb24taXRlbV9fc2xvdFwiIFthdHRyLmlkXT1cInNsb3RJZFwiIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCIgKHRyYW5zaXRpb25lbmQpPVwib25UcmFuc2l0aW9uRW5kKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwib2R4LWFjY29yZGlvbi1pdGVtX19zbG90LWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxufVxuIl19

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

@@ -1,13 +1,11 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, inject, EventEmitter, Input, Output, Directive, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, inject, input, output, Directive, NgModule } from '@angular/core';
 import * as i1 from '@odx/angular/cdk/expandable';
 import { ExpandableContainerDirective, ExpandableItemDirective } from '@odx/angular/cdk/expandable';
 import { CSSComponent } from '@odx/angular/internal';
 import { injectElement } from '@odx/angular/utils';
 import { DisabledController, 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';
@@ -49,11 +47,17 @@ let AccordionItemComponent = class AccordionItemComponent {
         this.expandableItem = inject(ExpandableItemDirective, { self: true });
         this.element = injectElement();
         /**
-         * Event emitter for the expanded state change of the accordion item.
+         * The title for the accordion item. This is an `InputSignal`.
+         * @default null
+         */
+        this.title = input(null);
+        /**
+         * Emits when the expanded state of the accordion item changes.
+         * This is an `OutputEmitterRef`.
          *
-         * @emits {boolean} The expanded state of the accordion item.
+         * The emitted value is the new expanded state.
          */
-        this.expandedChange = new EventEmitter();
+        this.expandedChange = output();
     }
     /**
      * Gets a value indicating whether the accordion item is disabled.
@@ -89,11 +93,11 @@ let AccordionItemComponent = class AccordionItemComponent {
     get slotId() {
         return `${this.expandableItem.id}-slot`;
     }
-    onAnimationEnd() {
+    onTransitionEnd() {
         this.expandedChange.emit(this.expandableItem.expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: "title" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "expandableItem.id", "attr.title": "null" } }, providers: [DisabledController.connect()], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title) {\n    <div>{{ title }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n@if (isExpanded) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" @expandSlotAnimation (@expandSlotAnimation.done)=\"onAnimationEnd()\">\n    <ng-content />\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { 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", "identifier"] }], 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: "17.0.0", version: "18.2.13", type: AccordionItemComponent, isStandalone: true, selector: "odx-accordion-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-disabled": "isDisabled", "class.odx-accordion-item--expanded": "isExpanded", "attr.id": "expandableItem.id", "attr.title": "null" } }, providers: [DisabledController.connect()], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd()\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { 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", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 AccordionItemComponent = __decorate([
     CSSComponent('accordion-item')
@@ -105,12 +109,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[class.odx-accordion-item--expanded]': 'isExpanded',
                         '[attr.id]': 'expandableItem.id',
                         '[attr.title]': 'null',
-                    }, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title) {\n    <div>{{ title }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n@if (isExpanded) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" @expandSlotAnimation (@expandSlotAnimation.done)=\"onAnimationEnd()\">\n    <ng-content />\n  </div>\n}\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], expandedChange: [{
-                type: Output
-            }] } });
+                    }, template: "<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd()\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n" }]
+        }] });
 
 /**
  * Directive for the title of an accordion item.

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

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-accordion.mjs","sources":["../../../../libs/angular/components/accordion/src/lib/accordion.component.ts","../../../../libs/angular/components/accordion/src/lib/accordion.component.html","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.ts","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.html","../../../../libs/angular/components/accordion/src/lib/directives/accordion-item-title.ts","../../../../libs/angular/components/accordion/src/lib/accordion.module.ts","../../../../libs/angular/components/accordion/src/odx-angular-components-accordion.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/**\n * Represents an accordion component.\n * Has host directive ExpandableContainerDirective\n *\n * @see {ExpandableContainerDirective}\n *\n * You can manage the expansion state of the accordion items by using the `ExpandableContainerDirective` methods.\n */\n@CSSComponent('accordion')\n@Component({\n  selector: 'odx-accordion',\n  templateUrl: './accordion.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }],\n})\nexport class AccordionComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-accordion-item\" />\n","import { transition, trigger, useAnimation } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, 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 { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents an item in an accordion component.\n * Has host directive ExpandableItemDirective\n *\n * @see {ExpandableItemDirective}\n *\n * You can control the accordion item's expansion state through the ExpandableItemDirective methods.\n */\n@CSSComponent('accordion-item')\n@Component({\n  selector: 'odx-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, CoreModule, IconComponent],\n  providers: [DisabledController.connect()],\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-accordion-item--expanded]': 'isExpanded',\n    '[attr.id]': 'expandableItem.id',\n    '[attr.title]': 'null',\n  },\n  animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])],\n})\nexport class AccordionItemComponent {\n  private readonly disabledController = DisabledController.inject();\n  protected readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  public readonly element = injectElement();\n\n  /**\n   * The title of the accordion item.\n   *\n   * @type {string | null}\n   */\n  @Input()\n  public title?: string | null;\n\n  /**\n   * Event emitter for the expanded state change of the accordion item.\n   *\n   * @emits {boolean} The expanded state of the accordion item.\n   */\n  @Output()\n  public expandedChange: EventEmitter<boolean> = new EventEmitter();\n\n  /**\n   * Gets a value indicating whether the accordion item is disabled.\n   *\n   * @returns {boolean} True if the accordion item is disabled, false otherwise.\n   */\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Gets a value indicating whether the accordion item is expanded.\n   *\n   * @returns {boolean} True if the accordion item is expanded, false otherwise.\n   */\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expandableItem.expanded;\n  }\n\n  /**\n   * Gets the ID of the title element for accessibility purposes.\n   * The ID is generated by appending \"-title\" to the ID of the expandable item.\n   *\n   * @returns {string} The ID of the title element.\n   */\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  /**\n   * Gets the slot ID for the accordion item.\n   * The slot ID is generated by appending \"-slot\" to the ID of the expandable item.\n   *\n   * @returns {string} The slot ID.\n   */\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  protected onAnimationEnd(): void {\n    this.expandedChange.emit(this.expandableItem.expanded);\n  }\n}\n","<div\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title) {\n    <div>{{ title }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n@if (isExpanded) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" @expandSlotAnimation (@expandSlotAnimation.done)=\"onAnimationEnd()\">\n    <ng-content />\n  </div>\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the title of an accordion item.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-accordion-item-title',\n})\nexport class AccordionItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionItemComponent } from './components';\nimport { AccordionItemTitleDirective } from './directives';\n\nconst modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AccordionModule {}\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-accordion.mjs","sources":["../../../../libs/angular/components/accordion/src/lib/accordion.component.ts","../../../../libs/angular/components/accordion/src/lib/accordion.component.html","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.ts","../../../../libs/angular/components/accordion/src/lib/components/accordion-item/accordion-item.component.html","../../../../libs/angular/components/accordion/src/lib/directives/accordion-item-title.ts","../../../../libs/angular/components/accordion/src/lib/accordion.module.ts","../../../../libs/angular/components/accordion/src/odx-angular-components-accordion.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/**\n * Represents an accordion component.\n * Has host directive ExpandableContainerDirective\n *\n * @see {ExpandableContainerDirective}\n *\n * You can manage the expansion state of the accordion items by using the `ExpandableContainerDirective` methods.\n */\n@CSSComponent('accordion')\n@Component({\n  selector: 'odx-accordion',\n  templateUrl: './accordion.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }],\n})\nexport class AccordionComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-accordion-item\" />\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, inject, input, output } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\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/**\n * Represents an item in an accordion component.\n * Has host directive ExpandableItemDirective\n *\n * @see {ExpandableItemDirective}\n *\n * You can control the accordion item's expansion state through the ExpandableItemDirective methods.\n */\n@CSSComponent('accordion-item')\n@Component({\n  selector: 'odx-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, CoreModule, IconComponent],\n  providers: [DisabledController.connect()],\n  hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[class.odx-accordion-item--expanded]': 'isExpanded',\n    '[attr.id]': 'expandableItem.id',\n    '[attr.title]': 'null',\n  },\n})\nexport class AccordionItemComponent {\n  private readonly disabledController = DisabledController.inject();\n  protected readonly expandableItem = inject(ExpandableItemDirective, { self: true });\n  public readonly element = injectElement();\n\n  /**\n   * The title for the accordion item. This is an `InputSignal`.\n   * @default null\n   */\n  public title = input<string | null>(null);\n\n  /**\n   * Emits when the expanded state of the accordion item changes.\n   * This is an `OutputEmitterRef`.\n   *\n   * The emitted value is the new expanded state.\n   */\n  public expandedChange = output<boolean>();\n\n  /**\n   * Gets a value indicating whether the accordion item is disabled.\n   *\n   * @returns {boolean} True if the accordion item is disabled, false otherwise.\n   */\n  public get isDisabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Gets a value indicating whether the accordion item is expanded.\n   *\n   * @returns {boolean} True if the accordion item is expanded, false otherwise.\n   */\n  public get isExpanded(): boolean {\n    return !this.isDisabled && this.expandableItem.expanded;\n  }\n\n  /**\n   * Gets the ID of the title element for accessibility purposes.\n   * The ID is generated by appending \"-title\" to the ID of the expandable item.\n   *\n   * @returns {string} The ID of the title element.\n   */\n  public get titleId(): string {\n    return `${this.expandableItem.id}-title`;\n  }\n\n  /**\n   * Gets the slot ID for the accordion item.\n   * The slot ID is generated by appending \"-slot\" to the ID of the expandable item.\n   *\n   * @returns {string} The slot ID.\n   */\n  public get slotId(): string {\n    return `${this.expandableItem.id}-slot`;\n  }\n\n  protected onTransitionEnd(): void {\n    this.expandedChange.emit(this.expandableItem.expanded);\n  }\n}\n","<div\n  #button\n  role=\"button\"\n  class=\"odx-accordion-item__panel\"\n  [attr.id]=\"titleId\"\n  [attr.aria-expanded]=\"isExpanded\"\n  [attr.aria-controls]=\"slotId\"\n  (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n  @if (title()) {\n    <div>{{ title() }}</div>\n  } @else {\n    <ng-content select=\"odx-accordion-item-title\" />\n  }\n\n  <odx-icon class=\"odx-accordion-item__icon\" name=\"chevron-down\" iconSet=\"core\" />\n</div>\n\n@defer (on viewport(button)) {\n  <div class=\"odx-accordion-item__slot\" [attr.id]=\"slotId\" [attr.aria-labelledby]=\"titleId\" (transitionend)=\"onTransitionEnd()\">\n    <div class=\"odx-accordion-item__slot-content\">\n      <ng-content />\n    </div>\n  </div>\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the title of an accordion item.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-accordion-item-title',\n})\nexport class AccordionItemTitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionItemComponent } from './components';\nimport { AccordionItemTitleDirective } from './directives';\n\nconst modules = [AccordionComponent, AccordionItemComponent, AccordionItemTitleDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AccordionModule {}\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": "12.15.0",
+  "version": "12.15.1",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {