@odx/angular 2.16.0 → 3.0.0

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

@@ -0,0 +1,44 @@
+import { __decorate, __metadata } from "tslib";
+import { CommonModule } from '@angular/common';
+import { booleanAttribute, ChangeDetectionStrategy, Component, HostListener, Input, ViewEncapsulation } from '@angular/core';
+import { ListFocusManagerDirective } from '@odx/angular/cdk/a11y';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { closeCurrentDropdown } from '@odx/angular/components/dropdown';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/cdk/a11y";
+import * as i2 from "@angular/common";
+export let MenuComponent = class MenuComponent {
+    constructor() {
+        this.element = injectElement();
+        this.tile = false;
+    }
+    onTab(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        closeCurrentDropdown(this.element.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: MenuComponent, isStandalone: true, selector: "odx-menu", inputs: { tile: ["tile", "tile", booleanAttribute] }, host: { attributes: { "role": "menu" }, listeners: { "keydown.tab": "onTab($event)" } }, hostDirectives: [{ directive: i1.ListFocusManagerDirective }], ngImport: i0, template: "<div class=\"odx-menu__title\" *ngIf=\"tile\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-menu__inner\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n", dependencies: [{ kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], MenuComponent.prototype, "tile", void 0);
+MenuComponent = __decorate([
+    CSSComponent('menu')
+], MenuComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-menu', standalone: true, imports: [ActionGroupComponent, CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [ListFocusManagerDirective], host: {
+                        role: 'menu',
+                    }, template: "<div class=\"odx-menu__title\" *ngIf=\"tile\">\n  <ng-content></ng-content>\n</div>\n<odx-action-group class=\"odx-menu__inner\">\n  <ng-content select=\"[odxButton]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n" }]
+        }], propDecorators: { tile: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onTab: [{
+                type: HostListener,
+                args: ['keydown.tab', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tZW51L3NyYy9saWIvbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tZW51L3NyYy9saWIvbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7OztBQWU1QyxXQUFNLGFBQWEsR0FBbkIsTUFBTSxhQUFhO0lBQW5CO1FBQ1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBSW5DLFNBQUksR0FBRyxLQUFLLENBQUM7S0FRckI7SUFMUSxLQUFLLENBQUMsS0FBb0I7UUFDL0IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixvQkFBb0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ25ELENBQUM7K0dBWlUsYUFBYTttR0FBYixhQUFhLDZFQUlKLGdCQUFnQixxTEN6QnRDLDBPQU1BLDRDRE1ZLG9CQUFvQixpRkFBRSxZQUFZOztBQWNyQztJQUZOLFdBQVcsRUFBRTs7MkNBRU07QUFMVCxhQUFhO0lBYnpCLFlBQVksQ0FBQyxNQUFNLENBQUM7R0FhUixhQUFhLENBYXpCOzRGQWJZLGFBQWE7a0JBWnpCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLG9CQUFvQixFQUFFLFlBQVksQ0FBQyxpQkFFOUIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0IsQ0FBQyx5QkFBeUIsQ0FBQyxRQUNyQzt3QkFDSixJQUFJLEVBQUUsTUFBTTtxQkFDYjs4QkFPTSxJQUFJO3NCQURWLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBSS9CLEtBQUs7c0JBRFgsWUFBWTt1QkFBQyxhQUFhLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExpc3RGb2N1c01hbmFnZXJEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgQWN0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9hY3Rpb24tZ3JvdXAnO1xuaW1wb3J0IHsgY2xvc2VDdXJyZW50RHJvcGRvd24gfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQsIENTU01vZGlmaWVyIH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdtZW51JylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29keC1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0FjdGlvbkdyb3VwQ29tcG9uZW50LCBDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW0xpc3RGb2N1c01hbmFnZXJEaXJlY3RpdmVdLFxuICBob3N0OiB7XG4gICAgcm9sZTogJ21lbnUnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBNZW51Q29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG5cbiAgQENTU01vZGlmaWVyKClcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gIHB1YmxpYyB0aWxlID0gZmFsc2U7XG5cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi50YWInLCBbJyRldmVudCddKVxuICBwdWJsaWMgb25UYWIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGNsb3NlQ3VycmVudERyb3Bkb3duKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm9keC1tZW51X190aXRsZVwiICpuZ0lmPVwidGlsZVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxvZHgtYWN0aW9uLWdyb3VwIGNsYXNzPVwib2R4LW1lbnVfX2lubmVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhCdXR0b25dXCIgbmdQcm9qZWN0QXM9XCJbb2R4QnV0dG9uXVwiPjwvbmctY29udGVudD5cbjwvb2R4LWFjdGlvbi1ncm91cD5cbiJdfQ==

package/esm2022/components/menu/lib/menu.directive.mjs

@@ -0,0 +1,57 @@
+import { __decorate } from "tslib";
+import { Directive, inject, Input } from '@angular/core';
+import { DropdownDirective } from '@odx/angular/components/dropdown';
+import { CSSComponent } from '@odx/angular/internal';
+import { hasChanged, injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/components/dropdown";
+const DEFAULT_MENU_DROPDOWN_OPTIONS = {
+    containerClass: 'odx-menu-overlay',
+    enableFallback: true,
+};
+export let MenuDirective = class MenuDirective {
+    constructor() {
+        this.dropdown = inject(DropdownDirective, { host: true });
+        this.element = injectElement();
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'position', false)) {
+            this.dropdown.options = {
+                ...DEFAULT_MENU_DROPDOWN_OPTIONS,
+                position: this.position ?? undefined,
+            };
+        }
+    }
+    isOpen() {
+        return this.dropdown.isOpen;
+    }
+    close(event) {
+        this.dropdown.close(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MenuDirective, isStandalone: true, selector: "[odxMenu]", inputs: { content: ["odxMenu", "content"], position: ["odxMenuPosition", "position"] }, exportAs: ["odxMenu"], usesOnChanges: true, hostDirectives: [{ directive: i1.DropdownDirective, inputs: ["odxDropdown", "odxMenu"] }], ngImport: i0 }); }
+};
+MenuDirective = __decorate([
+    CSSComponent('menu-host')
+], MenuDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxMenu]',
+                    exportAs: 'odxMenu',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: DropdownDirective,
+                            inputs: ['odxDropdown:odxMenu'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { content: [{
+                type: Input,
+                args: ['odxMenu']
+            }], position: [{
+                type: Input,
+                args: ['odxMenuPosition']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tZW51L3NyYy9saWIvbWVudS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQW1CLE1BQU0sa0NBQWtDLENBQUM7QUFDdEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUF1QixNQUFNLG9CQUFvQixDQUFDOzs7QUFFcEYsTUFBTSw2QkFBNkIsR0FBNkI7SUFDOUQsY0FBYyxFQUFFLGtCQUFrQjtJQUNsQyxjQUFjLEVBQUUsSUFBSTtDQUNyQixDQUFDO0FBY0ssV0FBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYTtJQUFuQjtRQUNjLGFBQVEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUV4RCxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0F3QjNDO0lBaEJRLFdBQVcsQ0FBQyxPQUFpQztRQUNsRCxJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFO1lBQzFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxHQUFHO2dCQUN0QixHQUFHLDZCQUE2QjtnQkFDaEMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksU0FBUzthQUNyQyxDQUFDO1NBQ0g7SUFDSCxDQUFDO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDOUIsQ0FBQztJQUVNLEtBQUssQ0FBQyxLQUFhO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBMUJVLGFBQWE7bUdBQWIsYUFBYTs7QUFBYixhQUFhO0lBWnpCLFlBQVksQ0FBQyxXQUFXLENBQUM7R0FZYixhQUFhLENBMkJ6Qjs0RkEzQlksYUFBYTtrQkFYekIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUU7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMscUJBQXFCLENBQUM7eUJBQ2hDO3FCQUNGO2lCQUNGOzhCQU9RLE9BQU87c0JBRGIsS0FBSzt1QkFBQyxTQUFTO2dCQUlULFFBQVE7c0JBRGQsS0FBSzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHluYW1pY0NvbnRlbnQsIER5bmFtaWNUZXh0Q29udGVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZHluYW1pYy12aWV3JztcbmltcG9ydCB7IERyb3Bkb3duRGlyZWN0aXZlLCBEcm9wZG93bk9wdGlvbnMgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaGFzQ2hhbmdlZCwgaW5qZWN0RWxlbWVudCwgTmdDaGFuZ2VzLCBQb3NpdGlvbiB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbmNvbnN0IERFRkFVTFRfTUVOVV9EUk9QRE9XTl9PUFRJT05TOiBQYXJ0aWFsPERyb3Bkb3duT3B0aW9ucz4gPSB7XG4gIGNvbnRhaW5lckNsYXNzOiAnb2R4LW1lbnUtb3ZlcmxheScsXG4gIGVuYWJsZUZhbGxiYWNrOiB0cnVlLFxufTtcblxuQENTU0NvbXBvbmVudCgnbWVudS1ob3N0JylcbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tvZHhNZW51XScsXG4gIGV4cG9ydEFzOiAnb2R4TWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydvZHhEcm9wZG93bjpvZHhNZW51J10sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWVudURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIHByb3RlY3RlZCByZWFkb25seSBkcm9wZG93biA9IGluamVjdChEcm9wZG93bkRpcmVjdGl2ZSwgeyBob3N0OiB0cnVlIH0pO1xuXG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIEBJbnB1dCgnb2R4TWVudScpXG4gIHB1YmxpYyBjb250ZW50PzogRXhjbHVkZTxEeW5hbWljQ29udGVudCwgRHluYW1pY1RleHRDb250ZW50PiB8IG51bGw7XG5cbiAgQElucHV0KCdvZHhNZW51UG9zaXRpb24nKVxuICBwdWJsaWMgcG9zaXRpb24/OiBQb3NpdGlvbiB8IG51bGw7XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IE5nQ2hhbmdlczxNZW51RGlyZWN0aXZlPik6IHZvaWQge1xuICAgIGlmIChoYXNDaGFuZ2VkKGNoYW5nZXMsICdwb3NpdGlvbicsIGZhbHNlKSkge1xuICAgICAgdGhpcy5kcm9wZG93bi5vcHRpb25zID0ge1xuICAgICAgICAuLi5ERUZBVUxUX01FTlVfRFJPUERPV05fT1BUSU9OUyxcbiAgICAgICAgcG9zaXRpb246IHRoaXMucG9zaXRpb24gPz8gdW5kZWZpbmVkLFxuICAgICAgfTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgaXNPcGVuKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRyb3Bkb3duLmlzT3BlbjtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZShldmVudD86IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5kcm9wZG93bi5jbG9zZShldmVudCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/menu/lib/menu.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { IconComponent } from '@odx/angular/components/icon';
+import { MenuItemDirective } from './directives';
+import { MenuComponent } from './menu.component';
+import { MenuDirective } from './menu.directive';
+import * as i0 from "@angular/core";
+const modules = [MenuComponent, MenuDirective, MenuItemDirective, IconComponent];
+export class MenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, imports: [MenuComponent, MenuDirective, MenuItemDirective, IconComponent], exports: [CoreModule, MenuComponent, MenuDirective, MenuItemDirective, IconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, imports: [MenuComponent, IconComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [modules],
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tZW51L3NyYy9saWIvbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFakQsTUFBTSxPQUFPLEdBQUcsQ0FBQyxhQUFhLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBTWpGLE1BQU0sT0FBTyxVQUFVOytHQUFWLFVBQVU7Z0hBQVYsVUFBVSxZQU5OLGFBQWEsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxhQUluRSxVQUFVLEVBSkwsYUFBYSxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxhQUFhO2dIQU1sRSxVQUFVLFlBTk4sYUFBYSxFQUFvQyxhQUFhLEVBSW5FLFVBQVU7OzRGQUVULFVBQVU7a0JBSnRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDO29CQUNsQixPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxPQUFPLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgTWVudUl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgTWVudUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWVudURpcmVjdGl2ZSB9IGZyb20gJy4vbWVudS5kaXJlY3RpdmUnO1xuXG5jb25zdCBtb2R1bGVzID0gW01lbnVDb21wb25lbnQsIE1lbnVEaXJlY3RpdmUsIE1lbnVJdGVtRGlyZWN0aXZlLCBJY29uQ29tcG9uZW50XTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW21vZHVsZXNdLFxuICBleHBvcnRzOiBbQ29yZU1vZHVsZSwgLi4ubW9kdWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIE1lbnVNb2R1bGUge31cbiJdfQ==

package/esm2022/components/modal/lib/components/basic-modal/basic-modal.component.mjs

@@ -0,0 +1,40 @@
+import { ChangeDetectionStrategy, Component, inject, Injector, ViewEncapsulation } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { AreaHeaderComponent } from '@odx/angular/components/area-header';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { trackByIndex } from '@odx/angular/utils';
+import { ModalCloseDirective, ModalContentDirective } from '../../directives';
+import { injectModalRef } from '../../helpers';
+import { ModalFooterComponent } from '../modal-footer/modal-footer.component';
+import { ModalHeaderComponent } from '../modal-header/modal-header.component';
+import { ModalHeroComponent } from '../modal-hero/modal-hero.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BasicModalComponent {
+    constructor() {
+        this.injector = inject(Injector);
+        this.trackByIndex = trackByIndex;
+        this.modalRef = injectModalRef();
+    }
+    get data() {
+        return this.modalRef.data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BasicModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BasicModalComponent, isStandalone: true, selector: "odx-basic-modal", ngImport: i0, template: "<odx-modal-hero [icon]=\"icon\" [variant]=\"data.heroVariant\" *ngIf=\"data.heroIcon as icon; else modalHeader\">\n  <ng-template [odxDynamicView]=\"data.title\"></ng-template>\n</odx-modal-hero>\n\n<odx-modal-content>\n  <ng-template [odxDynamicView]=\"data.content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</odx-modal-content>\n\n<odx-modal-footer>\n  <button odxButton [variant]=\"action.variant\" [odxModalClose]=\"action.data\" *ngFor=\"let action of data.actions; let i = index; trackBy: trackByIndex\">\n    {{ action.label }}\n  </button>\n</odx-modal-footer>\n\n<ng-template #modalHeader>\n  <odx-modal-header>\n    <odx-area-header>\n      <ng-template [odxDynamicView]=\"data.title\"></ng-template>\n    </odx-area-header>\n  </odx-modal-header>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: AreaHeaderComponent, selector: "odx-area-header", inputs: ["size"] }, { kind: "component", type: ModalHeaderComponent, selector: "odx-modal-header" }, { kind: "component", type: ModalHeroComponent, selector: "odx-modal-hero", inputs: ["icon", "iconSet", "variant"] }, { kind: "component", type: ModalFooterComponent, selector: "odx-modal-footer" }, { kind: "directive", type: ModalContentDirective, selector: "odx-modal-content" }, { kind: "directive", type: ModalCloseDirective, selector: "[odxModalClose]", inputs: ["odxModalClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BasicModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-basic-modal', standalone: true, imports: [
+                        CoreModule,
+                        DynamicViewDirective,
+                        ButtonComponent,
+                        AreaHeaderComponent,
+                        ModalHeaderComponent,
+                        ModalHeroComponent,
+                        ModalFooterComponent,
+                        ModalContentDirective,
+                        ModalCloseDirective,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<odx-modal-hero [icon]=\"icon\" [variant]=\"data.heroVariant\" *ngIf=\"data.heroIcon as icon; else modalHeader\">\n  <ng-template [odxDynamicView]=\"data.title\"></ng-template>\n</odx-modal-hero>\n\n<odx-modal-content>\n  <ng-template [odxDynamicView]=\"data.content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</odx-modal-content>\n\n<odx-modal-footer>\n  <button odxButton [variant]=\"action.variant\" [odxModalClose]=\"action.data\" *ngFor=\"let action of data.actions; let i = index; trackBy: trackByIndex\">\n    {{ action.label }}\n  </button>\n</odx-modal-footer>\n\n<ng-template #modalHeader>\n  <odx-modal-header>\n    <odx-area-header>\n      <ng-template [odxDynamicView]=\"data.title\"></ng-template>\n    </odx-area-header>\n  </odx-modal-header>\n</ng-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbW9kYWwvc3JjL2xpYi9jb21wb25lbnRzL2Jhc2ljLW1vZGFsL2Jhc2ljLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9iYXNpYy1tb2RhbC9iYXNpYy1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQW9CeEUsTUFBTSxPQUFPLG1CQUFtQjtJQWxCaEM7UUFtQnFCLGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFFL0IsYUFBUSxHQUFHLGNBQWMsRUFBNEUsQ0FBQztLQUt2SDtJQUhDLElBQWMsSUFBSTtRQUNoQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO0lBQzVCLENBQUM7K0dBUlUsbUJBQW1CO21HQUFuQixtQkFBbUIsMkVDL0JoQyx1eEJBcUJBLDJDREpJLFVBQVUsZ1FBQ1Ysb0JBQW9CLHVKQUNwQixlQUFlLHlHQUNmLG1CQUFtQiw4RUFDbkIsb0JBQW9CLDZEQUNwQixrQkFBa0IsbUdBQ2xCLG9CQUFvQiw2REFDcEIscUJBQXFCLDhEQUNyQixtQkFBbUI7OzRGQU1WLG1CQUFtQjtrQkFsQi9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLFVBQVU7d0JBQ1Ysb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQixtQkFBbUI7cUJBQ3BCLGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIEluamVjdG9yLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29yZU1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBEeW5hbWljVmlld0RpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZHluYW1pYy12aWV3JztcbmltcG9ydCB7IEFyZWFIZWFkZXJDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9hcmVhLWhlYWRlcic7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgdHJhY2tCeUluZGV4IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IE1vZGFsQ2xvc2VEaXJlY3RpdmUsIE1vZGFsQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgaW5qZWN0TW9kYWxSZWYgfSBmcm9tICcuLi8uLi9oZWxwZXJzJztcbmltcG9ydCB7IEJhc2ljTW9kYWxPcHRpb25zLCBHZXRNb2RhbEFjdGlvbkRhdGEsIE1vZGFsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IE1vZGFsRm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwtZm9vdGVyL21vZGFsLWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1oZWFkZXIvbW9kYWwtaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEhlcm9Db21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1oZXJvL21vZGFsLWhlcm8uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWJhc2ljLW1vZGFsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvcmVNb2R1bGUsXG4gICAgRHluYW1pY1ZpZXdEaXJlY3RpdmUsXG4gICAgQnV0dG9uQ29tcG9uZW50LFxuICAgIEFyZWFIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxIZXJvQ29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsQ29udGVudERpcmVjdGl2ZSxcbiAgICBNb2RhbENsb3NlRGlyZWN0aXZlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNNb2RhbENvbXBvbmVudDxSZXN1bHQgPSB1bmtub3duPiBpbXBsZW1lbnRzIE1vZGFsPEJhc2ljTW9kYWxPcHRpb25zPFJlc3VsdD4sIEdldE1vZGFsQWN0aW9uRGF0YTxCYXNpY01vZGFsT3B0aW9uczxSZXN1bHQ+Pj4ge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgdHJhY2tCeUluZGV4ID0gdHJhY2tCeUluZGV4O1xuXG4gIHB1YmxpYyByZWFkb25seSBtb2RhbFJlZiA9IGluamVjdE1vZGFsUmVmPEJhc2ljTW9kYWxPcHRpb25zPFJlc3VsdD4sIEdldE1vZGFsQWN0aW9uRGF0YTxCYXNpY01vZGFsT3B0aW9uczxSZXN1bHQ+Pj4oKTtcblxuICBwcm90ZWN0ZWQgZ2V0IGRhdGEoKTogQmFzaWNNb2RhbE9wdGlvbnM8UmVzdWx0PiB7XG4gICAgcmV0dXJuIHRoaXMubW9kYWxSZWYuZGF0YTtcbiAgfVxufVxuIiwiPG9keC1tb2RhbC1oZXJvIFtpY29uXT1cImljb25cIiBbdmFyaWFudF09XCJkYXRhLmhlcm9WYXJpYW50XCIgKm5nSWY9XCJkYXRhLmhlcm9JY29uIGFzIGljb247IGVsc2UgbW9kYWxIZWFkZXJcIj5cbiAgPG5nLXRlbXBsYXRlIFtvZHhEeW5hbWljVmlld109XCJkYXRhLnRpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cbjwvb2R4LW1vZGFsLWhlcm8+XG5cbjxvZHgtbW9kYWwtY29udGVudD5cbiAgPG5nLXRlbXBsYXRlIFtvZHhEeW5hbWljVmlld109XCJkYXRhLmNvbnRlbnRcIiBbb2R4RHluYW1pY1ZpZXdJbmplY3Rvcl09XCJpbmplY3RvclwiPjwvbmctdGVtcGxhdGU+XG48L29keC1tb2RhbC1jb250ZW50PlxuXG48b2R4LW1vZGFsLWZvb3Rlcj5cbiAgPGJ1dHRvbiBvZHhCdXR0b24gW3ZhcmlhbnRdPVwiYWN0aW9uLnZhcmlhbnRcIiBbb2R4TW9kYWxDbG9zZV09XCJhY3Rpb24uZGF0YVwiICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgZGF0YS5hY3Rpb25zOyBsZXQgaSA9IGluZGV4OyB0cmFja0J5OiB0cmFja0J5SW5kZXhcIj5cbiAgICB7eyBhY3Rpb24ubGFiZWwgfX1cbiAgPC9idXR0b24+XG48L29keC1tb2RhbC1mb290ZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbW9kYWxIZWFkZXI+XG4gIDxvZHgtbW9kYWwtaGVhZGVyPlxuICAgIDxvZHgtYXJlYS1oZWFkZXI+XG4gICAgICA8bmctdGVtcGxhdGUgW29keER5bmFtaWNWaWV3XT1cImRhdGEudGl0bGVcIj48L25nLXRlbXBsYXRlPlxuICAgIDwvb2R4LWFyZWEtaGVhZGVyPlxuICA8L29keC1tb2RhbC1oZWFkZXI+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/components/modal/lib/components/modal-footer/modal-footer.component.mjs

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

package/esm2022/components/modal/lib/components/modal-header/modal-header.component.mjs

@@ -0,0 +1,39 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectionStrategy, Component, ContentChild, ViewEncapsulation } from '@angular/core';
+import { CoreModule, detectControllerChanges } from '@odx/angular';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { AreaHeaderComponent, AreaHeaderSize } from '@odx/angular/components/area-header';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { ModalDismissDirective } from '../../directives';
+import { injectModalRef } from '../../helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export let ModalHeaderComponent = class ModalHeaderComponent {
+    constructor() {
+        this.modalRef = injectModalRef();
+        this.element = injectElement();
+        detectControllerChanges(this.modalRef).subscribe();
+    }
+    ngAfterContentInit() {
+        if (this.areaHeaderComponent) {
+            this.areaHeaderComponent.size = AreaHeaderSize.MEDIUM;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModalHeaderComponent, isStandalone: true, selector: "odx-modal-header", queries: [{ propertyName: "areaHeaderComponent", first: true, predicate: AreaHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"odx-area-header\"></ng-content>\n<odx-action-group class=\"odx-modal__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n  <button odxButton odxModalDismiss>\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }, { kind: "directive", type: ModalDismissDirective, selector: "[odxModalDismiss]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+ModalHeaderComponent = __decorate([
+    CSSComponent('modal__header'),
+    __metadata("design:paramtypes", [])
+], ModalHeaderComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-modal-header', imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent, ModalDismissDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"odx-area-header\"></ng-content>\n<odx-action-group class=\"odx-modal__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n  <button odxButton odxModalDismiss>\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { areaHeaderComponent: [{
+                type: ContentChild,
+                args: [AreaHeaderComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1oZWFkZXIvbW9kYWwtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1oZWFkZXIvbW9kYWwtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQW9CLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEgsT0FBTyxFQUFFLFVBQVUsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVd4QyxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFvQjtJQVEvQjtRQVBtQixhQUFRLEdBQUcsY0FBYyxFQUFFLENBQUM7UUFFL0IsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBTXhDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyRCxDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQzVCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztTQUN2RDtJQUNILENBQUM7K0dBaEJVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDZIQUtqQixtQkFBbUIsZ0RDekJuQyxtUkFNQSwyQ0RVWSxVQUFVLG1JQUFFLG9CQUFvQixrRkFBRSxlQUFlLHlHQUFFLGFBQWEsb0dBQUUscUJBQXFCOztBQUl0RixvQkFBb0I7SUFUaEMsWUFBWSxDQUFDLGVBQWUsQ0FBQzs7R0FTakIsb0JBQW9CLENBaUJoQzs0RkFqQlksb0JBQW9CO2tCQVJoQyxTQUFTO2lDQUNJLElBQUksWUFDTixrQkFBa0IsV0FFbkIsQ0FBQyxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxxQkFBcUIsQ0FBQyxpQkFDbkYsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTswRUFReEMsbUJBQW1CO3NCQUR6QixZQUFZO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUsIGRldGVjdENvbnRyb2xsZXJDaGFuZ2VzIH0gZnJvbSAnQG9keC9hbmd1bGFyJztcbmltcG9ydCB7IEFjdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYWN0aW9uLWdyb3VwJztcbmltcG9ydCB7IEFyZWFIZWFkZXJDb21wb25lbnQsIEFyZWFIZWFkZXJTaXplIH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYXJlYS1oZWFkZXInO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IE1vZGFsRGlzbWlzc0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgaW5qZWN0TW9kYWxSZWYgfSBmcm9tICcuLi8uLi9oZWxwZXJzJztcblxuQENTU0NvbXBvbmVudCgnbW9kYWxfX2hlYWRlcicpXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvZHgtbW9kYWwtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtDb3JlTW9kdWxlLCBBY3Rpb25Hcm91cENvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBJY29uQ29tcG9uZW50LCBNb2RhbERpc21pc3NEaXJlY3RpdmVdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG1vZGFsUmVmID0gaW5qZWN0TW9kYWxSZWYoKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBAQ29udGVudENoaWxkKEFyZWFIZWFkZXJDb21wb25lbnQpXG4gIHB1YmxpYyBhcmVhSGVhZGVyQ29tcG9uZW50PzogQXJlYUhlYWRlckNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBkZXRlY3RDb250cm9sbGVyQ2hhbmdlcyh0aGlzLm1vZGFsUmVmKS5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYXJlYUhlYWRlckNvbXBvbmVudCkge1xuICAgICAgdGhpcy5hcmVhSGVhZGVyQ29tcG9uZW50LnNpemUgPSBBcmVhSGVhZGVyU2l6ZS5NRURJVU07XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJvZHgtYXJlYS1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG48b2R4LWFjdGlvbi1ncm91cCBjbGFzcz1cIm9keC1tb2RhbF9fZGlzbWlzc1wiICpuZ0lmPVwibW9kYWxSZWYub3B0aW9ucy5kaXNtaXNzYWJsZVwiPlxuICA8YnV0dG9uIG9keEJ1dHRvbiBvZHhNb2RhbERpc21pc3M+XG4gICAgPG9keC1pY29uIG5hbWU9XCJjbG9zZVwiIGljb25TZXQ9XCJjb3JlXCI+PC9vZHgtaWNvbj5cbiAgPC9idXR0b24+XG48L29keC1hY3Rpb24tZ3JvdXA+XG4iXX0=

package/esm2022/components/modal/lib/components/modal-hero/modal-hero.component.mjs

@@ -0,0 +1,41 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { CoreModule, detectControllerChanges } from '@odx/angular';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { ModalDismissDirective } from '../../directives';
+import { injectModalRef } from '../../helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export let ModalHeroComponent = class ModalHeroComponent {
+    constructor() {
+        this.element = injectElement();
+        this.modalRef = injectModalRef();
+        this.iconSet = 'core';
+        detectControllerChanges(this.modalRef).subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModalHeroComponent, isStandalone: true, selector: "odx-modal-hero", inputs: { icon: "icon", iconSet: "iconSet", variant: "variant" }, ngImport: i0, template: "<odx-icon class=\"odx-modal-hero__icon\" [name]=\"icon\" [iconSet]=\"iconSet\" size=\"xlarge\" *ngIf=\"icon\"> </odx-icon>\n\n<div class=\"odx-modal-hero__title odx-title-4\">\n  <ng-content></ng-content>\n</div>\n\n<odx-action-group class=\"odx-modal-hero__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n  <button odxButton odxModalDismiss>\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }, { kind: "directive", type: ModalDismissDirective, selector: "[odxModalDismiss]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ModalHeroComponent.prototype, "variant", void 0);
+ModalHeroComponent = __decorate([
+    CSSComponent('modal-hero'),
+    __metadata("design:paramtypes", [])
+], ModalHeroComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalHeroComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-modal-hero', standalone: true, imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent, ModalDismissDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<odx-icon class=\"odx-modal-hero__icon\" [name]=\"icon\" [iconSet]=\"iconSet\" size=\"xlarge\" *ngIf=\"icon\"> </odx-icon>\n\n<div class=\"odx-modal-hero__title odx-title-4\">\n  <ng-content></ng-content>\n</div>\n\n<odx-action-group class=\"odx-modal-hero__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n  <button odxButton odxModalDismiss>\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
+                type: Input
+            }], iconSet: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tb2RhbC9zcmMvbGliL2NvbXBvbmVudHMvbW9kYWwtaGVyby9tb2RhbC1oZXJvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL21vZGFsL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1oZXJvL21vZGFsLWhlcm8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxVQUFVLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFZeEMsV0FBTSxrQkFBa0IsR0FBeEIsTUFBTSxrQkFBa0I7SUFjN0I7UUFiZ0IsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQzFCLGFBQVEsR0FBRyxjQUFjLEVBQUUsQ0FBQztRQU1yQyxZQUFPLEdBQUcsTUFBTSxDQUFDO1FBT3RCLHVCQUF1QixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyRCxDQUFDOytHQWhCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0SUNwQi9CLDBiQVdBLDJDRElZLFVBQVUsbUlBQUUsb0JBQW9CLGtGQUFFLGVBQWUseUdBQUUsYUFBYSxvR0FBRSxxQkFBcUI7O0FBaUIxRjtJQUZOLFdBQVcsRUFBRTs7bURBRTJCO0FBWjlCLGtCQUFrQjtJQVQ5QixZQUFZLENBQUMsWUFBWSxDQUFDOztHQVNkLGtCQUFrQixDQWlCOUI7NEZBakJZLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxxQkFBcUIsQ0FBQyxpQkFFbkYsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTswRUFPeEMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLE9BQU87c0JBRGIsS0FBSztnQkFLQyxPQUFPO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUsIGRldGVjdENvbnRyb2xsZXJDaGFuZ2VzIH0gZnJvbSAnQG9keC9hbmd1bGFyJztcbmltcG9ydCB7IEFjdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYWN0aW9uLWdyb3VwJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQsIENTU01vZGlmaWVyIH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgTW9kYWxEaXNtaXNzRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBpbmplY3RNb2RhbFJlZiB9IGZyb20gJy4uLy4uL2hlbHBlcnMnO1xuaW1wb3J0IHsgTW9kYWxIZXJvVmFyaWFudCB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5cbkBDU1NDb21wb25lbnQoJ21vZGFsLWhlcm8nKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LW1vZGFsLWhlcm8nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29yZU1vZHVsZSwgQWN0aW9uR3JvdXBDb21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgTW9kYWxEaXNtaXNzRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWhlcm8uY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxIZXJvQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG4gIHB1YmxpYyByZWFkb25seSBtb2RhbFJlZiA9IGluamVjdE1vZGFsUmVmKCk7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGljb24/OiBzdHJpbmcgfCBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpY29uU2V0ID0gJ2NvcmUnO1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB2YXJpYW50PzogTW9kYWxIZXJvVmFyaWFudCB8IG51bGw7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZGV0ZWN0Q29udHJvbGxlckNoYW5nZXModGhpcy5tb2RhbFJlZikuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxvZHgtaWNvbiBjbGFzcz1cIm9keC1tb2RhbC1oZXJvX19pY29uXCIgW25hbWVdPVwiaWNvblwiIFtpY29uU2V0XT1cImljb25TZXRcIiBzaXplPVwieGxhcmdlXCIgKm5nSWY9XCJpY29uXCI+IDwvb2R4LWljb24+XG5cbjxkaXYgY2xhc3M9XCJvZHgtbW9kYWwtaGVyb19fdGl0bGUgb2R4LXRpdGxlLTRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjxvZHgtYWN0aW9uLWdyb3VwIGNsYXNzPVwib2R4LW1vZGFsLWhlcm9fX2Rpc21pc3NcIiAqbmdJZj1cIm1vZGFsUmVmLm9wdGlvbnMuZGlzbWlzc2FibGVcIj5cbiAgPGJ1dHRvbiBvZHhCdXR0b24gb2R4TW9kYWxEaXNtaXNzPlxuICAgIDxvZHgtaWNvbiBuYW1lPVwiY2xvc2VcIiBpY29uU2V0PVwiY29yZVwiPjwvb2R4LWljb24+XG4gIDwvYnV0dG9uPlxuPC9vZHgtYWN0aW9uLWdyb3VwPlxuIl19

package/esm2022/components/modal/lib/directives/modal-close.directive.mjs

@@ -0,0 +1,34 @@
+import { Directive, HostListener, Input } from '@angular/core';
+import { injectModalRef } from '../helpers';
+import * as i0 from "@angular/core";
+export class ModalCloseDirective {
+    constructor() {
+        this.modalRef = injectModalRef();
+        this.result = null;
+    }
+    onClick() {
+        const result = this.result === '' ? null : this.result;
+        if (result === undefined) {
+            this.modalRef.dismiss();
+        }
+        else {
+            this.modalRef.close(result ?? null);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ModalCloseDirective, isStandalone: true, selector: "[odxModalClose]", inputs: { result: ["odxModalClose", "result"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxModalClose]',
+                }]
+        }], propDecorators: { result: [{
+                type: Input,
+                args: ['odxModalClose']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY2xvc2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbW9kYWwvc3JjL2xpYi9kaXJlY3RpdmVzL21vZGFsLWNsb3NlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFNNUMsTUFBTSxPQUFPLG1CQUFtQjtJQUpoQztRQUttQixhQUFRLEdBQUcsY0FBYyxFQUFFLENBQUM7UUFHdEMsV0FBTSxHQUFjLElBQUksQ0FBQztLQVlqQztJQVRRLE9BQU87UUFDWixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRXZELElBQUksTUFBTSxLQUFLLFNBQVMsRUFBRTtZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ3pCO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLENBQUM7U0FDckM7SUFDSCxDQUFDOytHQWZVLG1CQUFtQjttR0FBbkIsbUJBQW1COzs0RkFBbkIsbUJBQW1CO2tCQUovQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsaUJBQWlCO2lCQUM1Qjs4QkFLUSxNQUFNO3NCQURaLEtBQUs7dUJBQUMsZUFBZTtnQkFJZixPQUFPO3NCQURiLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaW5qZWN0TW9kYWxSZWYgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnW29keE1vZGFsQ2xvc2VdJyxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxDbG9zZURpcmVjdGl2ZTxUID0gdW5rbm93bj4ge1xuICBwcml2YXRlIHJlYWRvbmx5IG1vZGFsUmVmID0gaW5qZWN0TW9kYWxSZWYoKTtcblxuICBASW5wdXQoJ29keE1vZGFsQ2xvc2UnKVxuICBwdWJsaWMgcmVzdWx0PzogVCB8IG51bGwgPSBudWxsO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgcHVibGljIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgY29uc3QgcmVzdWx0ID0gdGhpcy5yZXN1bHQgPT09ICcnID8gbnVsbCA6IHRoaXMucmVzdWx0O1xuXG4gICAgaWYgKHJlc3VsdCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm1vZGFsUmVmLmRpc21pc3MoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5tb2RhbFJlZi5jbG9zZShyZXN1bHQgPz8gbnVsbCk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/components/modal/lib/directives/modal-content.directive.mjs

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export let ModalContentDirective = class ModalContentDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ModalContentDirective, isStandalone: true, selector: "odx-modal-content", ngImport: i0 }); }
+};
+ModalContentDirective = __decorate([
+    CSSComponent('modal__content')
+], ModalContentDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-modal-content',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29udGVudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tb2RhbC9zcmMvbGliL2RpcmVjdGl2ZXMvbW9kYWwtY29udGVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFPNUMsV0FBTSxxQkFBcUIsR0FBM0IsTUFBTSxxQkFBcUI7SUFBM0I7UUFDVyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0FDM0M7K0dBRlkscUJBQXFCO21HQUFyQixxQkFBcUI7O0FBQXJCLHFCQUFxQjtJQUxqQyxZQUFZLENBQUMsZ0JBQWdCLENBQUM7R0FLbEIscUJBQXFCLENBRWpDOzRGQUZZLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLG1CQUFtQjtpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnbW9kYWxfX2NvbnRlbnQnKVxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LW1vZGFsLWNvbnRlbnQnLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbnRlbnREaXJlY3RpdmUge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbn1cbiJdfQ==

package/esm2022/components/modal/lib/directives/modal-dismiss.directive.mjs

@@ -0,0 +1,24 @@
+import { Directive, HostListener } from '@angular/core';
+import { injectModalRef } from '../helpers';
+import * as i0 from "@angular/core";
+export class ModalDismissDirective {
+    constructor() {
+        this.modalRef = injectModalRef();
+    }
+    onClick() {
+        this.modalRef.dismiss();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ModalDismissDirective, isStandalone: true, selector: "[odxModalDismiss]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalDismissDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxModalDismiss]',
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZGlzbWlzcy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tb2RhbC9zcmMvbGliL2RpcmVjdGl2ZXMvbW9kYWwtZGlzbWlzcy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFNNUMsTUFBTSxPQUFPLHFCQUFxQjtJQUpsQztRQUttQixhQUFRLEdBQUcsY0FBYyxFQUFFLENBQUM7S0FNOUM7SUFIUSxPQUFPO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQU5VLHFCQUFxQjttR0FBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsbUJBQW1CO2lCQUM5Qjs4QkFLUSxPQUFPO3NCQURiLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpbmplY3RNb2RhbFJlZiB9IGZyb20gJy4uL2hlbHBlcnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdbb2R4TW9kYWxEaXNtaXNzXScsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsRGlzbWlzc0RpcmVjdGl2ZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgbW9kYWxSZWYgPSBpbmplY3RNb2RhbFJlZigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgcHVibGljIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5tb2RhbFJlZi5kaXNtaXNzKCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,85 @@
+import { __decorate, __metadata } from "tslib";
+import { group, query, transition, trigger, useAnimation } from '@angular/animations';
+import { ChangeDetectionStrategy, Component, HostListener, inject, Injector, Input, ViewEncapsulation } from '@angular/core';
+import { CoreModule, detectControllerChanges } from '@odx/angular';
+import { fadeIn, fadeOut, slideInRight, slideInY, slideOutRight, slideOutY } from '@odx/angular/animations';
+import { A11yModule } from '@odx/angular/cdk/a11y';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { hasChanged, injectElement, isTemplateRef } from '@odx/angular/utils';
+import { injectModalRef } from './helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
+import * as i2 from "@angular/cdk/a11y";
+export let ModalComponent = class ModalComponent {
+    constructor() {
+        this.modalRef = injectModalRef();
+        this.injector = inject(Injector);
+        this.context = { $implicit: this.modalRef };
+        this.element = injectElement();
+        this.size = this.modalRef.options.size;
+        this.variant = this.modalRef.options.variant;
+        this.withComponent = false;
+        detectControllerChanges(this.modalRef).subscribe(() => {
+            this.size = this.modalRef.options.size;
+        });
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'content', false)) {
+            this.withComponent = !isTemplateRef(this.content);
+        }
+    }
+    onClose() {
+        if (this.modalRef.options.dismissable) {
+            this.modalRef.dismiss();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModalComponent, isStandalone: true, selector: "odx-modal", inputs: { content: "content" }, host: { listeners: { "keyup.esc": "onClose()" }, properties: { "@hostAnimation": "variant", "attr.id": "modalRef.options.id" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  [cdkTrapFocus]=\"modalRef.isActive()\"\n  [cdkTrapFocusAutoCapture]=\"modalRef.isActive()\"\n  [odxClickOutsideActive]=\"modalRef.options.dismissable && modalRef.options.interactiveBackdrop\"\n  [attr.aria-labelledby]=\"modalRef.modalTitleId\"\n  class=\"odx-modal__container\"\n  role=\"dialog\"\n  (odxClickOutside)=\"modalRef.dismiss()\"\n>\n  <ng-template [odxDynamicView]=\"content\" [odxDynamicViewContext]=\"withComponent ? {} : context\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.ClickOutsideDirective, selector: "[odxClickOutside]", inputs: ["odxClickOutsideActive"], outputs: ["odxClickOutside"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CoreModule }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], animations: [
+            trigger('hostAnimation', [
+                transition('void => default', group([useAnimation(fadeIn()), query('.odx-modal__container', useAnimation(slideInY('8px')))])),
+                transition('default => void', group([useAnimation(fadeOut()), query('.odx-modal__container', useAnimation(slideOutY('8px')))])),
+                transition('void => sidesheet', query('.odx-modal__container', useAnimation(slideInRight))),
+                transition('sidesheet => void', query('.odx-modal__container', useAnimation(slideOutRight))),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ModalComponent.prototype, "size", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ModalComponent.prototype, "variant", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ModalComponent.prototype, "withComponent", void 0);
+ModalComponent = __decorate([
+    CSSComponent('modal'),
+    __metadata("design:paramtypes", [])
+], ModalComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-modal', imports: [A11yModule, ActionGroupComponent, ButtonComponent, IconComponent, CoreModule, DynamicViewDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[@hostAnimation]': 'variant',
+                        '[attr.id]': 'modalRef.options.id',
+                    }, animations: [
+                        trigger('hostAnimation', [
+                            transition('void => default', group([useAnimation(fadeIn()), query('.odx-modal__container', useAnimation(slideInY('8px')))])),
+                            transition('default => void', group([useAnimation(fadeOut()), query('.odx-modal__container', useAnimation(slideOutY('8px')))])),
+                            transition('void => sidesheet', query('.odx-modal__container', useAnimation(slideInRight))),
+                            transition('sidesheet => void', query('.odx-modal__container', useAnimation(slideOutRight))),
+                        ]),
+                    ], template: "<div\n  [cdkTrapFocus]=\"modalRef.isActive()\"\n  [cdkTrapFocusAutoCapture]=\"modalRef.isActive()\"\n  [odxClickOutsideActive]=\"modalRef.options.dismissable && modalRef.options.interactiveBackdrop\"\n  [attr.aria-labelledby]=\"modalRef.modalTitleId\"\n  class=\"odx-modal__container\"\n  role=\"dialog\"\n  (odxClickOutside)=\"modalRef.dismiss()\"\n>\n  <ng-template [odxDynamicView]=\"content\" [odxDynamicViewContext]=\"withComponent ? {} : context\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { size: [], variant: [], withComponent: [], content: [{
+                type: Input
+            }], onClose: [{
+                type: HostListener,
+                args: ['keyup.esc']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbW9kYWwvc3JjL2xpYi9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9tb2RhbC9zcmMvbGliL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFhLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hJLE9BQU8sRUFBRSxVQUFVLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBc0Msb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFhLE1BQU0sb0JBQW9CLENBQUM7QUFDekYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7OztBQXVCcEMsV0FBTSxjQUFjLEdBQXBCLE1BQU0sY0FBYztJQW1CekI7UUFsQm1CLGFBQVEsR0FBRyxjQUFjLEVBQUUsQ0FBQztRQUM1QixhQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzVCLFlBQU8sR0FBRyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFMUMsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBR25DLFNBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHbEMsWUFBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztRQUd4QyxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQU0zQix1QkFBdUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNwRCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUN6QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxXQUFXLENBQUMsT0FBa0M7UUFDbkQsSUFBSSxVQUFVLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsRUFBRTtZQUN6QyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7SUFHUyxPQUFPO1FBQ2YsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUU7WUFDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7K0dBcENVLGNBQWM7bUdBQWQsY0FBYyw0UENsQzNCLHNnQkFXQSwyQ0RPWSxVQUFVLGdWQUF3RCxVQUFVLCtCQUFFLG9CQUFvQix5SUFPaEc7WUFDVixPQUFPLENBQUMsZUFBZSxFQUFFO2dCQUN2QixVQUFVLENBQUMsaUJBQWlCLEVBQUUsS0FBSyxDQUFDLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLHVCQUF1QixFQUFFLFlBQVksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDN0gsVUFBVSxDQUFDLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyx1QkFBdUIsRUFBRSxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQy9ILFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsdUJBQXVCLEVBQUUsWUFBWSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7Z0JBQzNGLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsdUJBQXVCLEVBQUUsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7YUFDN0YsQ0FBQztTQUNIOztBQVVNO0lBRE4sV0FBVyxFQUFFOzs0Q0FDMkI7QUFHbEM7SUFETixXQUFXLEVBQUU7OytDQUNpQztBQUd4QztJQUROLFdBQVcsRUFBRTs7cURBQ2U7QUFkbEIsY0FBYztJQXJCMUIsWUFBWSxDQUFDLE9BQU8sQ0FBQzs7R0FxQlQsY0FBYyxDQXFDMUI7NEZBckNZLGNBQWM7a0JBcEIxQixTQUFTO2lDQUNJLElBQUksWUFDTixXQUFXLFdBRVosQ0FBQyxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsb0JBQW9CLENBQUMsbUJBQzVGLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osa0JBQWtCLEVBQUUsU0FBUzt3QkFDN0IsV0FBVyxFQUFFLHFCQUFxQjtxQkFDbkMsY0FDVzt3QkFDVixPQUFPLENBQUMsZUFBZSxFQUFFOzRCQUN2QixVQUFVLENBQUMsaUJBQWlCLEVBQUUsS0FBSyxDQUFDLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLHVCQUF1QixFQUFFLFlBQVksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs0QkFDN0gsVUFBVSxDQUFDLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyx1QkFBdUIsRUFBRSxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7NEJBQy9ILFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsdUJBQXVCLEVBQUUsWUFBWSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7NEJBQzNGLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsdUJBQXVCLEVBQUUsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7eUJBQzdGLENBQUM7cUJBQ0g7MEVBVU0sSUFBSSxNQUdKLE9BQU8sTUFHUCxhQUFhLE1BR2IsT0FBTztzQkFEYixLQUFLO2dCQWdCSSxPQUFPO3NCQURoQixZQUFZO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBncm91cCwgcXVlcnksIHRyYW5zaXRpb24sIHRyaWdnZXIsIHVzZUFuaW1hdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBpbmplY3QsIEluamVjdG9yLCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29yZU1vZHVsZSwgZGV0ZWN0Q29udHJvbGxlckNoYW5nZXMgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgZmFkZUluLCBmYWRlT3V0LCBzbGlkZUluUmlnaHQsIHNsaWRlSW5ZLCBzbGlkZU91dFJpZ2h0LCBzbGlkZU91dFkgfSBmcm9tICdAb2R4L2FuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IER5bmFtaWNDb250ZW50LCBEeW5hbWljVGV4dENvbnRlbnQsIER5bmFtaWNWaWV3RGlyZWN0aXZlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2Nkay9keW5hbWljLXZpZXcnO1xuaW1wb3J0IHsgQWN0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9hY3Rpb24tZ3JvdXAnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCwgQ1NTTW9kaWZpZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaGFzQ2hhbmdlZCwgaW5qZWN0RWxlbWVudCwgaXNUZW1wbGF0ZVJlZiwgTmdDaGFuZ2VzIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IGluamVjdE1vZGFsUmVmIH0gZnJvbSAnLi9oZWxwZXJzJztcblxuQENTU0NvbXBvbmVudCgnbW9kYWwnKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW0ExMXlNb2R1bGUsIEFjdGlvbkdyb3VwQ29tcG9uZW50LCBCdXR0b25Db21wb25lbnQsIEljb25Db21wb25lbnQsIENvcmVNb2R1bGUsIER5bmFtaWNWaWV3RGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICAnW0Bob3N0QW5pbWF0aW9uXSc6ICd2YXJpYW50JyxcbiAgICAnW2F0dHIuaWRdJzogJ21vZGFsUmVmLm9wdGlvbnMuaWQnLFxuICB9LFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignaG9zdEFuaW1hdGlvbicsIFtcbiAgICAgIHRyYW5zaXRpb24oJ3ZvaWQgPT4gZGVmYXVsdCcsIGdyb3VwKFt1c2VBbmltYXRpb24oZmFkZUluKCkpLCBxdWVyeSgnLm9keC1tb2RhbF9fY29udGFpbmVyJywgdXNlQW5pbWF0aW9uKHNsaWRlSW5ZKCc4cHgnKSkpXSkpLFxuICAgICAgdHJhbnNpdGlvbignZGVmYXVsdCA9PiB2b2lkJywgZ3JvdXAoW3VzZUFuaW1hdGlvbihmYWRlT3V0KCkpLCBxdWVyeSgnLm9keC1tb2RhbF9fY29udGFpbmVyJywgdXNlQW5pbWF0aW9uKHNsaWRlT3V0WSgnOHB4JykpKV0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ3ZvaWQgPT4gc2lkZXNoZWV0JywgcXVlcnkoJy5vZHgtbW9kYWxfX2NvbnRhaW5lcicsIHVzZUFuaW1hdGlvbihzbGlkZUluUmlnaHQpKSksXG4gICAgICB0cmFuc2l0aW9uKCdzaWRlc2hlZXQgPT4gdm9pZCcsIHF1ZXJ5KCcub2R4LW1vZGFsX19jb250YWluZXInLCB1c2VBbmltYXRpb24oc2xpZGVPdXRSaWdodCkpKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbW9kYWxSZWYgPSBpbmplY3RNb2RhbFJlZigpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29udGV4dCA9IHsgJGltcGxpY2l0OiB0aGlzLm1vZGFsUmVmIH07XG5cbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG5cbiAgQENTU01vZGlmaWVyKClcbiAgcHVibGljIHNpemUgPSB0aGlzLm1vZGFsUmVmLm9wdGlvbnMuc2l6ZTtcblxuICBAQ1NTTW9kaWZpZXIoKVxuICBwdWJsaWMgdmFyaWFudCA9IHRoaXMubW9kYWxSZWYub3B0aW9ucy52YXJpYW50O1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIHB1YmxpYyB3aXRoQ29tcG9uZW50ID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNvbnRlbnQhOiBFeGNsdWRlPER5bmFtaWNDb250ZW50LCBEeW5hbWljVGV4dENvbnRlbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGRldGVjdENvbnRyb2xsZXJDaGFuZ2VzKHRoaXMubW9kYWxSZWYpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnNpemUgPSB0aGlzLm1vZGFsUmVmLm9wdGlvbnMuc2l6ZTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBOZ0NoYW5nZXM8TW9kYWxDb21wb25lbnQ+KTogdm9pZCB7XG4gICAgaWYgKGhhc0NoYW5nZWQoY2hhbmdlcywgJ2NvbnRlbnQnLCBmYWxzZSkpIHtcbiAgICAgIHRoaXMud2l0aENvbXBvbmVudCA9ICFpc1RlbXBsYXRlUmVmKHRoaXMuY29udGVudCk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcigna2V5dXAuZXNjJylcbiAgcHJvdGVjdGVkIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubW9kYWxSZWYub3B0aW9ucy5kaXNtaXNzYWJsZSkge1xuICAgICAgdGhpcy5tb2RhbFJlZi5kaXNtaXNzKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIFtjZGtUcmFwRm9jdXNdPVwibW9kYWxSZWYuaXNBY3RpdmUoKVwiXG4gIFtjZGtUcmFwRm9jdXNBdXRvQ2FwdHVyZV09XCJtb2RhbFJlZi5pc0FjdGl2ZSgpXCJcbiAgW29keENsaWNrT3V0c2lkZUFjdGl2ZV09XCJtb2RhbFJlZi5vcHRpb25zLmRpc21pc3NhYmxlICYmIG1vZGFsUmVmLm9wdGlvbnMuaW50ZXJhY3RpdmVCYWNrZHJvcFwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJtb2RhbFJlZi5tb2RhbFRpdGxlSWRcIlxuICBjbGFzcz1cIm9keC1tb2RhbF9fY29udGFpbmVyXCJcbiAgcm9sZT1cImRpYWxvZ1wiXG4gIChvZHhDbGlja091dHNpZGUpPVwibW9kYWxSZWYuZGlzbWlzcygpXCJcbj5cbiAgPG5nLXRlbXBsYXRlIFtvZHhEeW5hbWljVmlld109XCJjb250ZW50XCIgW29keER5bmFtaWNWaWV3Q29udGV4dF09XCJ3aXRoQ29tcG9uZW50ID8ge30gOiBjb250ZXh0XCIgW29keER5bmFtaWNWaWV3SW5qZWN0b3JdPVwiaW5qZWN0b3JcIj48L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=

package/esm2022/components/modal/lib/modal.directive.mjs

@@ -0,0 +1,51 @@
+import { Directive, EventEmitter, inject, Input, Output, TemplateRef } from '@angular/core';
+import { hasChanged } from '@odx/angular/utils';
+import { ModalService } from './modal.service';
+import * as i0 from "@angular/core";
+export class ModalDirective {
+    constructor() {
+        this.modalService = inject(ModalService);
+        this.modalRef = null;
+        this.template = inject(TemplateRef);
+        // eslint-disable-next-line @angular-eslint/no-output-rename
+        this.modalClose = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-rename
+        this.modalDismiss = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'modalOptions') && this.modalOptions) {
+            this.modalRef?.update(this.modalOptions);
+        }
+    }
+    ngOnDestroy() {
+        this.dismiss();
+    }
+    open() {
+        this.modalRef = this.modalService.open(this.template, this.modalOptions || {});
+        this.modalRef.onClose$.subscribe((result) => this.modalClose.next(result));
+        this.modalRef.onDismiss$.subscribe((result) => this.modalDismiss.next(result));
+    }
+    dismiss() {
+        this.modalRef?.dismiss();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ModalDirective, isStandalone: true, selector: "ng-template[odxModal]", inputs: { modalOptions: ["odxModal", "modalOptions"] }, outputs: { modalClose: "odxModalClose", modalDismiss: "odxModalDismiss" }, exportAs: ["odxModal"], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'ng-template[odxModal]',
+                    exportAs: 'odxModal',
+                }]
+        }], propDecorators: { modalOptions: [{
+                type: Input,
+                args: ['odxModal']
+            }], modalClose: [{
+                type: Output,
+                args: ['odxModalClose']
+            }], modalDismiss: [{
+                type: Output,
+                args: ['odxModalDismiss']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbW9kYWwvc3JjL2xpYi9tb2RhbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBd0IsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSCxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sb0JBQW9CLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVEvQyxNQUFNLE9BQU8sY0FBYztJQUwzQjtRQU1tQixpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM3QyxhQUFRLEdBQW9CLElBQUksQ0FBQztRQUV0QixhQUFRLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBTWxELDREQUE0RDtRQUVyRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV2Qyw0REFBNEQ7UUFFckQsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBcUIxQztJQW5CUSxXQUFXLENBQUMsT0FBa0M7UUFDbkQsSUFBSSxVQUFVLENBQUMsT0FBTyxFQUFFLGNBQWMsQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDNUQsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzFDO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxJQUFJO1FBQ1QsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxZQUFZLElBQUksRUFBRSxDQUFDLENBQUM7UUFDL0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUNqRixDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0FwQ1UsY0FBYzttR0FBZCxjQUFjOzs0RkFBZCxjQUFjO2tCQUwxQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUUsVUFBVTtpQkFDckI7OEJBU1EsWUFBWTtzQkFEbEIsS0FBSzt1QkFBQyxVQUFVO2dCQUtWLFVBQVU7c0JBRGhCLE1BQU07dUJBQUMsZUFBZTtnQkFLaEIsWUFBWTtzQkFEbEIsTUFBTTt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGhhc0NoYW5nZWQsIE5nQ2hhbmdlcyB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5pbXBvcnQgeyBNb2RhbFNlcnZpY2UgfSBmcm9tICcuL21vZGFsLnNlcnZpY2UnO1xuaW1wb3J0IHsgTW9kYWxPcHRpb25zLCBNb2RhbFJlZiB9IGZyb20gJy4vbW9kZWxzJztcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnbmctdGVtcGxhdGVbb2R4TW9kYWxdJyxcbiAgZXhwb3J0QXM6ICdvZHhNb2RhbCcsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHJlYWRvbmx5IG1vZGFsU2VydmljZSA9IGluamVjdChNb2RhbFNlcnZpY2UpO1xuICBwcml2YXRlIG1vZGFsUmVmOiBNb2RhbFJlZiB8IG51bGwgPSBudWxsO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSB0ZW1wbGF0ZSA9IGluamVjdChUZW1wbGF0ZVJlZik7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdvZHhNb2RhbCcpXG4gIHB1YmxpYyBtb2RhbE9wdGlvbnM/OiBQYXJ0aWFsPE1vZGFsT3B0aW9ucz4gfCAnJyB8IG51bGw7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtcmVuYW1lXG4gIEBPdXRwdXQoJ29keE1vZGFsQ2xvc2UnKVxuICBwdWJsaWMgbW9kYWxDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1yZW5hbWVcbiAgQE91dHB1dCgnb2R4TW9kYWxEaXNtaXNzJylcbiAgcHVibGljIG1vZGFsRGlzbWlzcyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoY2hhbmdlczogTmdDaGFuZ2VzPE1vZGFsRGlyZWN0aXZlPik6IHZvaWQge1xuICAgIGlmIChoYXNDaGFuZ2VkKGNoYW5nZXMsICdtb2RhbE9wdGlvbnMnKSAmJiB0aGlzLm1vZGFsT3B0aW9ucykge1xuICAgICAgdGhpcy5tb2RhbFJlZj8udXBkYXRlKHRoaXMubW9kYWxPcHRpb25zKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kaXNtaXNzKCk7XG4gIH1cblxuICBwdWJsaWMgb3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLm1vZGFsUmVmID0gdGhpcy5tb2RhbFNlcnZpY2Uub3Blbih0aGlzLnRlbXBsYXRlLCB0aGlzLm1vZGFsT3B0aW9ucyB8fCB7fSk7XG4gICAgdGhpcy5tb2RhbFJlZi5vbkNsb3NlJC5zdWJzY3JpYmUoKHJlc3VsdCkgPT4gdGhpcy5tb2RhbENsb3NlLm5leHQocmVzdWx0KSk7XG4gICAgdGhpcy5tb2RhbFJlZi5vbkRpc21pc3MkLnN1YnNjcmliZSgocmVzdWx0KSA9PiB0aGlzLm1vZGFsRGlzbWlzcy5uZXh0KHJlc3VsdCkpO1xuICB9XG5cbiAgcHVibGljIGRpc21pc3MoKTogdm9pZCB7XG4gICAgdGhpcy5tb2RhbFJlZj8uZGlzbWlzcygpO1xuICB9XG59XG4iXX0=