@odx/angular 1.0.0-rc.1 → 1.0.0-rc.10

package/fesm2015/odx-angular-components-menu.mjs

@@ -0,0 +1,127 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Directive, HostListener, Component, ViewEncapsulation, ChangeDetectionStrategy, inject, Input, NgModule } from '@angular/core';
+import * as i2 from '@odx/angular';
+import { WithDisabledState, CoreModule } from '@odx/angular';
+import * as i1 from '@odx/angular/cdk/a11y';
+import { ListFocusManagerOptionDirective, ListFocusManagerDirective } from '@odx/angular/cdk/a11y';
+import * as i1$1 from '@odx/angular/components/dropdown';
+import { closeCurrentDropdown, DropdownDirective } from '@odx/angular/components/dropdown';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement, deferFn, hasChanged } from '@odx/angular/utils';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+
+let MenuItemDirective = class MenuItemDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+    selectItem() {
+        deferFn(() => closeCurrentDropdown(this.element.nativeElement));
+    }
+};
+MenuItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+MenuItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: MenuItemDirective, isStandalone: true, selector: "a[odxMenuItem], button[odxMenuItem]", host: { attributes: { "role": "menuitem" }, listeners: { "click": "selectItem()" } }, hostDirectives: [{ directive: i1.ListFocusManagerOptionDirective }, { directive: i2.WithDisabledState }], ngImport: i0 });
+MenuItemDirective = __decorate([
+    CSSComponent('menu-item')
+], MenuItemDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[odxMenuItem], button[odxMenuItem]',
+                    standalone: true,
+                    hostDirectives: [ListFocusManagerOptionDirective, WithDisabledState],
+                    host: {
+                        role: 'menuitem',
+                    },
+                }]
+        }], propDecorators: { selectItem: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+let MenuComponent = class MenuComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    onTab(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        closeCurrentDropdown(this.element.nativeElement);
+    }
+};
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuComponent, isStandalone: true, selector: "odx-menu", host: { attributes: { "role": "menu" }, listeners: { "keydown.tab": "onTab($event)" } }, hostDirectives: [{ directive: i1.ListFocusManagerDirective }], ngImport: i0, template: "<odx-action-group class=\"odx-menu__inner\">\n  <ng-content select=\"[odxMenuItem]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n", dependencies: [{ kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MenuComponent = __decorate([
+    CSSComponent('menu')
+], MenuComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-menu', standalone: true, imports: [ActionGroupComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [ListFocusManagerDirective], host: {
+                        role: 'menu',
+                    }, template: "<odx-action-group class=\"odx-menu__inner\">\n  <ng-content select=\"[odxMenuItem]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n" }]
+        }], propDecorators: { onTab: [{
+                type: HostListener,
+                args: ['keydown.tab', ['$event']]
+            }] } });
+
+const DEFAULT_MENU_DROPDOWN_OPTIONS = {
+    containerClass: 'odx-menu-overlay',
+    enableFallback: true,
+};
+let MenuDirective = class MenuDirective {
+    constructor() {
+        this.dropdown = inject(DropdownDirective, { host: true });
+        this.element = injectElement();
+    }
+    ngOnChanges(changes) {
+        var _a;
+        if (hasChanged(changes, 'position', false)) {
+            this.dropdown.options = Object.assign(Object.assign({}, DEFAULT_MENU_DROPDOWN_OPTIONS), { position: (_a = this.position) !== null && _a !== void 0 ? _a : undefined });
+        }
+    }
+};
+MenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+MenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: MenuDirective, isStandalone: true, selector: "[odxMenu]", inputs: { content: ["odxMenu", "content"], position: ["odxMenuPosition", "position"] }, usesOnChanges: true, hostDirectives: [{ directive: i1$1.DropdownDirective, inputs: ["odxDropdown", "odxMenu"] }], ngImport: i0 });
+MenuDirective = __decorate([
+    CSSComponent('menu-host')
+], MenuDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxMenu]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: DropdownDirective,
+                            inputs: ['odxDropdown:odxMenu'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { content: [{
+                type: Input,
+                args: ['odxMenu']
+            }], position: [{
+                type: Input,
+                args: ['odxMenuPosition']
+            }] } });
+
+const modules = [MenuComponent, MenuDirective, MenuItemDirective];
+class MenuModule {
+}
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: MenuModule, imports: [MenuComponent, MenuDirective, MenuItemDirective], exports: [CoreModule, MenuComponent, MenuDirective, MenuItemDirective] });
+MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuModule, imports: [MenuComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [modules],
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MenuComponent, MenuDirective, MenuItemDirective, MenuModule };
+//# sourceMappingURL=odx-angular-components-menu.mjs.map

package/fesm2015/odx-angular-components-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-menu.mjs","sources":["../../../../libs/angular/components/menu/src/lib/directives/menu-item.directive.ts","../../../../libs/angular/components/menu/src/lib/menu.component.ts","../../../../libs/angular/components/menu/src/lib/menu.component.html","../../../../libs/angular/components/menu/src/lib/menu.directive.ts","../../../../libs/angular/components/menu/src/lib/menu.module.ts","../../../../libs/angular/components/menu/src/odx-angular-components-menu.ts"],"sourcesContent":["import { Directive, HostListener } from '@angular/core';\nimport { WithDisabledState } from '@odx/angular';\nimport { ListFocusManagerOptionDirective } from '@odx/angular/cdk/a11y';\nimport { closeCurrentDropdown } from '@odx/angular/components/dropdown';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { deferFn, injectElement } from '@odx/angular/utils';\n\n@CSSComponent('menu-item')\n@Directive({\n  selector: 'a[odxMenuItem], button[odxMenuItem]',\n  standalone: true,\n  hostDirectives: [ListFocusManagerOptionDirective, WithDisabledState],\n  host: {\n    role: 'menuitem',\n  },\n})\nexport class MenuItemDirective {\n  public readonly element = injectElement<HTMLButtonElement | HTMLLinkElement>();\n\n  @HostListener('click')\n  protected selectItem(): void {\n    deferFn(() => closeCurrentDropdown(this.element.nativeElement));\n  }\n}\n","import { ChangeDetectionStrategy, Component, HostListener, ViewEncapsulation } from '@angular/core';\nimport { ListFocusManagerDirective } from '@odx/angular/cdk/a11y';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { closeCurrentDropdown } from '@odx/angular/components/dropdown';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('menu')\n@Component({\n  selector: 'odx-menu',\n  standalone: true,\n  imports: [ActionGroupComponent],\n  templateUrl: './menu.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [ListFocusManagerDirective],\n  host: {\n    role: 'menu',\n  },\n})\nexport class MenuComponent {\n  public readonly element = injectElement();\n\n  @HostListener('keydown.tab', ['$event'])\n  public onTab(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    closeCurrentDropdown(this.element.nativeElement);\n  }\n}\n","<odx-action-group class=\"odx-menu__inner\">\n  <ng-content select=\"[odxMenuItem]\" ngProjectAs=\"[odxButton]\"></ng-content>\n</odx-action-group>\n","import { Directive, inject, Input, OnChanges } from '@angular/core';\nimport { DynamicContent, DynamicTextContent } from '@odx/angular/cdk/dynamic-view';\nimport { DropdownDirective, DropdownOptions } from '@odx/angular/components/dropdown';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { hasChanged, injectElement, NgChanges, Position } from '@odx/angular/utils';\n\nconst DEFAULT_MENU_DROPDOWN_OPTIONS: Partial<DropdownOptions> = {\n  containerClass: 'odx-menu-overlay',\n  enableFallback: true,\n};\n\n@CSSComponent('menu-host')\n@Directive({\n  selector: '[odxMenu]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: DropdownDirective,\n      inputs: ['odxDropdown:odxMenu'],\n    },\n  ],\n})\nexport class MenuDirective implements OnChanges {\n  protected readonly dropdown = inject(DropdownDirective, { host: true });\n\n  public readonly element = injectElement();\n\n  @Input('odxMenu')\n  public content?: Exclude<DynamicContent, DynamicTextContent> | null;\n\n  @Input('odxMenuPosition')\n  public position?: Position | null;\n\n  public ngOnChanges(changes: NgChanges<MenuDirective>): void {\n    if (hasChanged(changes, 'position', false)) {\n      this.dropdown.options = {\n        ...DEFAULT_MENU_DROPDOWN_OPTIONS,\n        position: this.position ?? undefined,\n      };\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { MenuItemDirective } from './directives';\nimport { MenuComponent } from './menu.component';\nimport { MenuDirective } from './menu.directive';\n\nconst modules = [MenuComponent, MenuDirective, MenuItemDirective];\n\n@NgModule({\n  imports: [modules],\n  exports: [CoreModule, ...modules],\n})\nexport class MenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2015/odx-angular-components-modal.mjs

@@ -0,0 +1,495 @@
+import * as i0 from '@angular/core';
+import { inject, Directive, Input, HostListener, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Injector, Injectable, TemplateRef, EventEmitter, Output, NgModule } from '@angular/core';
+import * as i1$1 from '@odx/angular';
+import { Controller, detectControllerChanges, CoreModule } from '@odx/angular';
+import { DynamicViewDirective, DynamicViewService } from '@odx/angular/cdk/dynamic-view';
+import { AreaHeaderSize, AreaHeaderComponent, AreaHeaderModule } from '@odx/angular/components/area-header';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { injectElement, getInjector, hasChanged, isTemplateRef, createModuleConfigTokens, Queue, deferFn, provideModuleConfig } from '@odx/angular/utils';
+import { deepmerge } from 'deepmerge-ts';
+import { Subject, share, merge, finalize } from 'rxjs';
+import { __decorate, __metadata } from 'tslib';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { IconComponent } from '@odx/angular/components/icon';
+import * as i1 from '@angular/common';
+import { trigger, transition, group, useAnimation, query } from '@angular/animations';
+import { fadeIn, slideInY, fadeOut, slideOutY, slideInRight, slideOutRight } from '@odx/angular/animations';
+import { A11yModule } from '@odx/angular/cdk/a11y';
+import * as i2 from '@angular/cdk/a11y';
+import { ButtonGroupComponent } from '@odx/angular/components/button-group';
+
+const ModalHeroVariant = {
+    PRIMARY: 'primary',
+    SUCCESS: 'success',
+    CONFIRMATION: 'confirmation',
+    DANGER: 'danger',
+};
+
+class ModalRef extends Controller {
+    constructor(internalOptions, isActive) {
+        super();
+        this.internalOptions = internalOptions;
+        this.onClose$$ = new Subject();
+        this.onDismiss$$ = new Subject();
+        this.onClose$ = this.onClose$$.pipe(share({ resetOnRefCountZero: true }));
+        this.onDismiss$ = this.onDismiss$$.pipe(share({ resetOnRefCountZero: true }));
+        this.onDestroy$ = merge(this.onClose$, this.onDismiss$);
+        this.isActive = () => isActive(this);
+    }
+    get id() {
+        return this.options.id;
+    }
+    get modalTitleId() {
+        return `${this.options.id}-title`;
+    }
+    get data() {
+        return this.internalOptions.data;
+    }
+    get options() {
+        return this.internalOptions;
+    }
+    update(options) {
+        this.internalOptions = deepmerge(this.internalOptions, options);
+        this.triggerControllerChange();
+    }
+    dismiss(force = false) {
+        if (!force && !this.isActive())
+            return;
+        this.onDismiss$$.next();
+        this.destroy();
+    }
+    close(result) {
+        if (!this.isActive())
+            return;
+        this.onClose$$.next(result);
+        this.destroy();
+    }
+    destroy() {
+        this.onClose$$.complete();
+        this.onDismiss$$.complete();
+    }
+}
+
+const ModalSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+
+const ModalVariant = {
+    DEFAULT: 'default',
+    SIDESHEET: 'sidesheet',
+};
+
+function injectModalRef() {
+    return inject((ModalRef));
+}
+
+function provideModalRef(modalRef) {
+    return { provide: ModalRef, useValue: modalRef };
+}
+
+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 && result !== void 0 ? result : null);
+        }
+    }
+}
+ModalCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ModalCloseDirective, isStandalone: true, selector: "[odxModalClose]", inputs: { result: ["odxModalClose", "result"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxModalClose]',
+                }]
+        }], propDecorators: { result: [{
+                type: Input,
+                args: ['odxModalClose']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+let ModalContentDirective = class ModalContentDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+};
+ModalContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ModalContentDirective, isStandalone: true, selector: "odx-modal-content", ngImport: i0 });
+ModalContentDirective = __decorate([
+    CSSComponent('modal__content')
+], ModalContentDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-modal-content',
+                }]
+        }] });
+
+class ModalDismissDirective {
+    constructor() {
+        this.modalRef = injectModalRef();
+    }
+    onClick() {
+        this.modalRef.dismiss();
+    }
+}
+ModalDismissDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalDismissDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ModalDismissDirective, isStandalone: true, selector: "[odxModalDismiss]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalDismissDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxModalDismiss]',
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+let ModalFooterComponent = class ModalFooterComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+};
+ModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", 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: "15.1.5", 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" }]
+        }] });
+
+let ModalHeaderComponent = class ModalHeaderComponent {
+    constructor() {
+        this.modalRef = injectModalRef();
+        this.element = injectElement();
+        detectControllerChanges(this.modalRef).subscribe();
+    }
+    ngAfterContentInit() {
+        if (this.areaHeaderComponent) {
+            this.areaHeaderComponent.size = AreaHeaderSize.MEDIUM;
+        }
+    }
+};
+ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", 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\"></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"] }, { 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: "15.1.5", 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\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { areaHeaderComponent: [{
+                type: ContentChild,
+                args: [AreaHeaderComponent]
+            }] } });
+
+let ModalHeroComponent = class ModalHeroComponent {
+    constructor() {
+        this.element = injectElement();
+        this.modalRef = injectModalRef();
+        detectControllerChanges(this.modalRef).subscribe();
+    }
+};
+ModalHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ModalHeroComponent, isStandalone: true, selector: "odx-modal-hero", inputs: { icon: "icon", variant: "variant" }, ngImport: i0, template: "<odx-icon class=\"odx-modal-hero__icon\" [name]=\"icon\" 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\"></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"] }, { 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: "15.1.5", 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\" 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\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
+class BasicModalComponent {
+    constructor() {
+        this.injector = getInjector();
+        this.modalRef = injectModalRef();
+    }
+    get data() {
+        return this.modalRef.data;
+    }
+    trackByIndex(index) {
+        return index;
+    }
+}
+BasicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BasicModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", 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", "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: "15.1.5", 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" }]
+        }] });
+
+let ModalComponent = class ModalComponent {
+    constructor() {
+        this.modalRef = injectModalRef();
+        this.injector = getInjector();
+        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();
+        }
+    }
+};
+ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", 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\"\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]=\"context\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.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: "15.1.5", 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\"\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]=\"context\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { size: [], variant: [], withComponent: [], content: [{
+                type: Input
+            }], onClose: [{
+                type: HostListener,
+                args: ['keyup.esc']
+            }] } });
+
+const { ModalDefaultModuleConfig, ModalModuleConfig, injectModalModuleConfig } = createModuleConfigTokens('Modal', '@odx/angular/components/modal', {
+    dismissable: true,
+    size: ModalSize.MEDIUM,
+    dismissOnNavigation: true,
+    variant: ModalVariant.DEFAULT,
+});
+
+class ModalService {
+    constructor(location) {
+        this.openModals = new Queue();
+        this.injector = getInjector();
+        this.moduleConfig = injectModalModuleConfig();
+        this.dynamicViewService = inject(DynamicViewService);
+        this.openModals$ = this.openModals.value$;
+        location.onUrlChange(() => {
+            for (const modalRef of this.openModals.toArray()) {
+                if (modalRef.options.dismissOnNavigation) {
+                    modalRef.destroy();
+                }
+            }
+        });
+    }
+    dismissAll() {
+        for (const modalRef of this.openModals.toArray()) {
+            modalRef.dismiss();
+        }
+    }
+    getModalById(id) {
+        return this.openModals.get(id);
+    }
+    create(modal, options) {
+        return this.open(BasicModalComponent, Object.assign({ data: modal, size: ModalSize.SMALL }, options));
+    }
+    open(content, options) {
+        const mergedOptions = deepmerge(this.moduleConfig, { id: `odx-modal-${ModalService.ID++}` }, options !== null && options !== void 0 ? options : {});
+        if (this.getModalById(mergedOptions.id)) {
+            throw Error(`Modal with ID ${mergedOptions.id} already open`);
+        }
+        const modalRef = new ModalRef(mergedOptions, (ref) => this.openModals.isFirst(ref));
+        this.attachModal(modalRef, content);
+        this.openModals.add(modalRef);
+        return modalRef;
+    }
+    attachModal(modalRef, content) {
+        const viewRef = this.dynamicViewService.createView(ModalComponent, {
+            context: { content },
+            injector: Injector.create({
+                providers: [provideModalRef(modalRef)],
+                parent: this.injector,
+            }),
+            host: modalRef.options.host,
+        });
+        const onDestroy = () => {
+            viewRef.destroy();
+            deferFn(() => this.openModals.remove(modalRef));
+        };
+        modalRef.onDestroy$.pipe(finalize(onDestroy)).subscribe();
+    }
+}
+ModalService.ID = 0;
+ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalService, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Location }]; } });
+
+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) {
+        var _a;
+        if (hasChanged(changes, 'modalOptions') && this.modalOptions) {
+            (_a = this.modalRef) === null || _a === void 0 ? void 0 : _a.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() {
+        var _a;
+        (_a = this.modalRef) === null || _a === void 0 ? void 0 : _a.dismiss();
+    }
+}
+ModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", 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: "15.1.5", 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']
+            }] } });
+
+const modules = [
+    ModalComponent,
+    ModalHeaderComponent,
+    ModalHeroComponent,
+    ModalFooterComponent,
+    ModalDirective,
+    ModalCloseDirective,
+    ModalContentDirective,
+    ModalDismissDirective,
+];
+class ModalModule {
+    static forRoot(config) {
+        return {
+            ngModule: ModalModule,
+            providers: [provideModuleConfig(ModalModuleConfig, config)],
+        };
+    }
+}
+ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ModalModule, imports: [ButtonComponent, ButtonGroupComponent, ModalComponent,
+        ModalHeaderComponent,
+        ModalHeroComponent,
+        ModalFooterComponent,
+        ModalDirective,
+        ModalCloseDirective,
+        ModalContentDirective,
+        ModalDismissDirective], exports: [CoreModule, AreaHeaderModule, ButtonComponent, ButtonGroupComponent, ModalComponent,
+        ModalHeaderComponent,
+        ModalHeroComponent,
+        ModalFooterComponent,
+        ModalDirective,
+        ModalCloseDirective,
+        ModalContentDirective,
+        ModalDismissDirective] });
+ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalModule, imports: [ButtonComponent, ButtonGroupComponent, ModalComponent,
+        ModalHeaderComponent,
+        ModalHeroComponent,
+        ModalFooterComponent, CoreModule, AreaHeaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ButtonComponent, ButtonGroupComponent, ...modules],
+                    exports: [CoreModule, AreaHeaderModule, ButtonComponent, ButtonGroupComponent, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicModalComponent, ModalCloseDirective, ModalComponent, ModalContentDirective, ModalDefaultModuleConfig, ModalDirective, ModalDismissDirective, ModalFooterComponent, ModalHeaderComponent, ModalHeroComponent, ModalHeroVariant, ModalModule, ModalModuleConfig, ModalRef, ModalService, ModalSize, ModalVariant, injectModalModuleConfig };
+//# sourceMappingURL=odx-angular-components-modal.mjs.map