ngwr 2.2.0 → 4.0.0

package/fesm2022/ngwr-dialog.mjs

@@ -1,16 +1,20 @@
-import { style, state, animate, transition, trigger } from '@angular/animations';
-import * as i3 from '@angular/cdk/portal';
-import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, PortalModule } from '@angular/cdk/portal';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Component, ViewEncapsulation, ViewChild, HostBinding, HostListener, Optional, Input, InjectionToken, Injector, Injectable, SkipSelf, NgModule } from '@angular/core';
+import { EventEmitter, Directive, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, HostBinding, HostListener, Optional, Input, InjectionToken, inject, Injector, Injectable, NgModule } from '@angular/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import { Subject, filter, take, takeUntil } from 'rxjs';
 import * as i2 from '@angular/cdk/overlay';
-import { OverlayConfig, OverlayRef, OverlayModule } from '@angular/cdk/overlay';
+import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { hasModifierKey } from '@angular/cdk/keycodes';
-import { WrAbstractBase } from 'ngwr/core/abstract';
-import { CommonModule } from '@angular/common';
-import { WrIconModule } from 'ngwr/icon';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { generateRandomId } from 'ngwr/cdk/utils';
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 const WR_ANIMATION_ZOOM_CLASS_NAME_MAP = {
     enter: 'wr-animation-zoom-enter',
     enterActive: 'wr-animation-zoom-enter--active',
@@ -24,7 +28,7 @@ const WR_ANIMATION_FADE_CLASS_NAME_MAP = {
     leaveActive: 'wr-animation-fade-leave--active',
 };
 const wrDialogAnimations = {
-    dialogContainer: trigger('dialogContainer', [
+    dialogComponent: trigger('dialogComponent', [
         state('void, exit', style({})),
         state('enter', style({})),
         transition('* => enter', animate('.24s', style({}))),
@@ -32,14 +36,20 @@ const wrDialogAnimations = {
     ]),
 };
 
-class WrDialogConfig {
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrDialogOptions {
 }
 
-class WrDialogBase extends BasePortalOutlet {
-    constructor(cdr, config, overlayRef) {
+class WrDialogBaseDirective extends BasePortalOutlet {
+    constructor(cdr, options, overlayRef) {
         super();
         this.cdr = cdr;
-        this.config = config;
+        this.options = options;
         this.overlayRef = overlayRef;
         this.containerClick = new EventEmitter();
         this.animationStateChanged = new EventEmitter();
@@ -113,14 +123,17 @@ class WrDialogBase extends BasePortalOutlet {
         this.state = 'exit';
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogBase, deps: [{ token: i0.ChangeDetectorRef }, { token: WrDialogConfig }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: WrDialogBase, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogBaseDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: WrDialogOptions }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: WrDialogBaseDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: WrDialogConfig }, { type: i2.OverlayRef }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogBaseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: WrDialogOptions }, { type: i2.OverlayRef }] });
 
-class WrDialogContainer extends WrDialogBase {
+class WrDialogComponent extends WrDialogBaseDirective {
     onAnimationStart(event) {
         super.onAnimationStart(event);
     }
@@ -136,18 +149,18 @@ class WrDialogContainer extends WrDialogBase {
             'wr-dialog': true,
         };
     }
-    constructor(cdr, config, overlayRef) {
-        super(cdr, config, overlayRef);
-        this.config = config;
+    constructor(cdr, options, overlayRef) {
+        super(cdr, options, overlayRef);
+        this.options = options;
         this.state = 'enter';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: WrDialogConfig }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WrDialogContainer, selector: "wr-dialog-container", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)", "click": "onContainerClick($event)" }, properties: { "@dialogContainer": "this.state", "class": "this.elClasses" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "dialogElementRef", first: true, predicate: ["dialogElement"], descendants: true, static: true }], exportAs: ["wrDialogContainer"], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-dialog__wrapper\" #dialogElement>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [wrDialogAnimations.dialogContainer], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: WrDialogOptions }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: WrDialogComponent, isStandalone: true, selector: "wr-dialog", host: { listeners: { "@dialogComponent.start": "onAnimationStart($event)", "@dialogComponent.done": "onAnimationDone($event)", "click": "onContainerClick($event)" }, properties: { "@dialogComponent": "this.state", "class": "this.elClasses" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "dialogElementRef", first: true, predicate: ["dialogElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wr-dialog__wrapper\" #dialogElement>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [wrDialogAnimations.dialogComponent], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-dialog-container', exportAs: 'wrDialogContainer', animations: [wrDialogAnimations.dialogContainer], encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-dialog__wrapper\" #dialogElement>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: WrDialogConfig }, { type: i2.OverlayRef }], propDecorators: { portalOutlet: [{
+            args: [{ standalone: true, selector: 'wr-dialog', animations: [wrDialogAnimations.dialogComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CdkPortalOutlet], template: "<div class=\"wr-dialog__wrapper\" #dialogElement>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: WrDialogOptions }, { type: i2.OverlayRef }], propDecorators: { portalOutlet: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
             }], dialogElementRef: [{
@@ -155,13 +168,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 args: ['dialogElement', { static: true }]
             }], state: [{
                 type: HostBinding,
-                args: ['@dialogContainer']
+                args: ['@dialogComponent']
             }], onAnimationStart: [{
                 type: HostListener,
-                args: ['@dialogContainer.start', ['$event']]
+                args: ['@dialogComponent.start', ['$event']]
             }], onAnimationDone: [{
                 type: HostListener,
-                args: ['@dialogContainer.done', ['$event']]
+                args: ['@dialogComponent.done', ['$event']]
             }], onContainerClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
@@ -170,30 +183,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 class WrDialogRef extends WrAbstractBase {
-    constructor(config, overlayRef, containerInstance) {
+    constructor(overlayRef, options, baseInstance) {
         super();
-        this.config = config;
         this.overlayRef = overlayRef;
-        this.containerInstance = containerInstance;
+        this.options = options;
+        this.baseInstance = baseInstance;
         this.componentInstance = null;
-        this.afterClosed = new Subject();
         this.afterOpened = new Subject();
-        this.id = config.id || `wr__modal__${Date.now()}`;
-        containerInstance.animationStateChanged
-            .pipe(filter(event => event.phaseName === 'done' && event.toState === 'enter'), take(1))
+        this.afterClosed = new Subject();
+        this.id = options.id || `wr__modal__${generateRandomId()}`;
+        baseInstance.animationStateChanged
+            .pipe(filter(evt => evt.phaseName === 'done' && evt.toState === 'enter'), take(1))
             .subscribe(() => {
             this.afterOpened.next();
             this.afterOpened.complete();
         });
-        containerInstance.animationStateChanged
-            .pipe(filter(event => event.phaseName === 'done' && event.toState === 'exit'), take(1))
+        baseInstance.animationStateChanged
+            .pipe(filter(evt => evt.phaseName === 'done' && evt.toState === 'exit'), take(1))
             .subscribe(() => {
             clearTimeout(this.closeTimeout);
             this._finishDialogClose();
         });
-        containerInstance.containerClick.pipe(take(1), takeUntil(this.destroyed$)).subscribe(() => {
-            this.close(undefined);
+        baseInstance.containerClick.pipe(takeUntil(this.destroyed$)).subscribe(() => {
+            this.close();
         });
         overlayRef.backdropClick().subscribe(() => this.close(undefined));
         overlayRef.keydownEvents().subscribe(event => {
@@ -211,16 +230,15 @@ class WrDialogRef extends WrAbstractBase {
     }
     close(result) {
         this.result = result;
-        this.containerInstance.animationStateChanged
+        this.baseInstance.animationStateChanged
             .pipe(filter(event => event.phaseName === 'start'), take(1))
             .subscribe(event => {
             this.overlayRef.detachBackdrop();
-            // @ts-ignore
             this.closeTimeout = setTimeout(() => {
                 this._finishDialogClose();
             }, event.totalTime + 100);
         });
-        this.containerInstance.startExitAnimation();
+        this.baseInstance.startExitAnimation();
     }
     _finishDialogClose() {
         this.overlayRef.dispose();
@@ -228,7 +246,13 @@ class WrDialogRef extends WrAbstractBase {
     }
 }
 
-class WrDialogClose {
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrDialogCloseDirective {
     _onButtonClick(event) {
         event.preventDefault();
         this.dialogRef.close(undefined);
@@ -236,14 +260,14 @@ class WrDialogClose {
     constructor(dialogRef) {
         this.dialogRef = dialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogClose, deps: [{ token: WrDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: WrDialogClose, selector: "[wr-dialog-close], [wrDialogClose]", host: { listeners: { "click": "_onButtonClick($event)" } }, exportAs: ["wrDialogClose"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogCloseDirective, deps: [{ token: WrDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: WrDialogCloseDirective, isStandalone: true, selector: "[wrDialogClose]", host: { listeners: { "click": "_onButtonClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogCloseDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[wr-dialog-close], [wrDialogClose]',
-                    exportAs: 'wrDialogClose',
+                    standalone: true,
+                    selector: `[wrDialogClose]`,
                 }]
         }], ctorParameters: () => [{ type: WrDialogRef, decorators: [{
                     type: Optional
@@ -251,50 +275,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
-class WrDialogTitle {
-    get elClasses() {
-        return {
-            'wr-dialog__title': true,
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: WrDialogTitle, selector: "[wr-dialog-title], [wrDialogTitle]", host: { properties: { "class": "this.elClasses" } }, exportAs: ["wrtDialogTitle"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogTitle, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[wr-dialog-title], [wrDialogTitle]',
-                    exportAs: 'wrtDialogTitle',
-                }]
-        }], propDecorators: { elClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-class WrDialogContent {
-    get elClasses() {
-        return {
-            'wr-dialog__content': true,
-        };
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrDialogContentDirective {
+    constructor() {
+        this.class = 'wr-dialog__content';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: WrDialogContent, selector: "[wr-dialog-content], wr-dialog-content, [wrDialogContent]", host: { properties: { "class": "this.elClasses" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: WrDialogContentDirective, isStandalone: true, selector: "[wrDialogContent]", host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[wr-dialog-content], wr-dialog-content, [wrDialogContent]`,
+                    standalone: true,
+                    selector: `[wrDialogContent]`,
                 }]
-        }], propDecorators: { elClasses: [{
-                type: HostBinding,
-                args: ['class']
+        }], propDecorators: { class: [{
+                type: HostBinding
             }] } });
-class WrDialogFooter {
-    get position() {
-        return this._position;
-    }
-    set position(value) {
-        this._position = value;
-        this.cdr.markForCheck();
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrDialogFooterDirective {
+    constructor() {
+        this.position = 'end';
     }
     get elClasses() {
         return {
@@ -304,28 +317,72 @@ class WrDialogFooter {
             'wr-dialog__footer--end': this.position === 'end',
         };
     }
-    constructor(cdr) {
-        this.cdr = cdr;
-        this._position = 'end';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogFooter, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: WrDialogFooter, selector: "[wr-dialog-footer], wr-dialog-footer, [wrDialogFooter]", inputs: { position: "position" }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: WrDialogFooterDirective, isStandalone: true, selector: "[wrDialogFooter]", inputs: { position: "position" }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogFooterDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[wr-dialog-footer], wr-dialog-footer, [wrDialogFooter]`,
+                    standalone: true,
+                    selector: '[wrDialogFooter]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { position: [{
+        }], propDecorators: { position: [{
                 type: Input
             }], elClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrDialogTitleDirective {
+    constructor() {
+        this.class = 'wr-dialog__title';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: WrDialogTitleDirective, isStandalone: true, selector: "[wrDialogTitle]", host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wrDialogTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 const WR_DIALOG_DATA = new InjectionToken('WR_DIALOG_DATA');
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * NGWR dialog service.
+ *
+ * {@tutorial} [How to use wr-dialog]{@link http://ngwr.dev/docs/components/dialog}
+ */
 class WrDialogService {
+    constructor() {
+        this.overlay = inject(Overlay);
+        this.injector = inject(Injector);
+        this.parentModal = inject(WrDialogService, { optional: true, skipSelf: true });
+        this.openedDialogsAtThisLevel = [];
+        this.afterAllClosedAtThisLevel = new Subject();
+    }
     get openedDialogs() {
         return this.parentModal ? this.parentModal.openedDialogs : this.openedDialogsAtThisLevel;
     }
@@ -333,115 +390,118 @@ class WrDialogService {
         const parent = this.parentModal;
         return parent ? parent._afterAllClosed : this.afterAllClosedAtThisLevel;
     }
-    constructor(overlay, injector, parentModal) {
-        this.overlay = overlay;
-        this.injector = injector;
-        this.parentModal = parentModal;
-        this.openedDialogsAtThisLevel = [];
-        this.afterAllClosedAtThisLevel = new Subject();
-    }
-    ngOnDestroy() {
-        this.closeModals(this.openedDialogsAtThisLevel);
-        this.afterAllClosedAtThisLevel.complete();
-    }
-    open(config) {
-        const _config = config || new WrDialogConfig();
-        const positionStrategy = _config?.positionStrategy || this._defaultPositionStrategy();
-        const overlayRef = this._createOverlay(positionStrategy);
-        const dialogContainer = this._attachDialogContainer(overlayRef, _config);
-        const dialogRef = this._attachDialogContent(dialogContainer, overlayRef, _config);
+    open(options) {
+        const _options = options || new WrDialogOptions();
+        const positionStrategy = _options?.positionStrategy || this._defaultPositionStrategy();
+        const scrollStrategy = _options?.scrollStrategy || this._defaultScrollStrategy();
+        const hasBackdrop = _options?.hasBackdrop || true;
+        const backdropClass = _options?.backdropClass || 'wr-backdrop';
+        const overlayRef = this._createOverlay(positionStrategy, scrollStrategy, hasBackdrop, backdropClass);
+        const dialogContainer = this._attachDialogContainer(overlayRef, _options);
+        const dialogRef = this._attachDialogContent(dialogContainer, overlayRef, _options);
         dialogContainer.dialogRef = dialogRef;
-        this.openedDialogs.push(dialogRef);
-        dialogRef.afterClosed.subscribe(() => this.removeOpenModal(dialogRef));
+        this.openedDialogsAtThisLevel.push(dialogRef);
+        dialogRef.afterClosed.subscribe(() => this._removeOpenedModal(dialogRef));
         return dialogRef;
     }
-    removeOpenModal(dialogRef) {
-        const index = this.openedDialogs.indexOf(dialogRef);
-        if (index > -1) {
-            this.openedDialogs.splice(index, 1);
-            if (!this.openedDialogs.length) {
-                this._afterAllClosed.next();
-            }
-        }
-    }
-    closeModals(dialogs) {
-        let i = dialogs.length;
-        while (i--) {
-            dialogs[i].close();
-            if (!this.openedDialogs.length) {
-                this._afterAllClosed.next();
-            }
-        }
-    }
     _defaultPositionStrategy() {
-        return this.overlay.position().global().centerHorizontally().centerVertically();
+        return this.overlay.position().global().centerVertically().centerHorizontally();
     }
-    _createOverlay(positionStrategy) {
+    _defaultScrollStrategy() {
+        return this.overlay.scrollStrategies.block();
+    }
+    _createOverlay(positionStrategy, scrollStrategy, hasBackdrop, backdropClass) {
         const overlayConfig = new OverlayConfig({
             positionStrategy,
-            hasBackdrop: true,
-            backdropClass: 'wr-backdrop',
-            scrollStrategy: this.overlay.scrollStrategies.block(),
-            disposeOnNavigation: true,
+            hasBackdrop,
+            backdropClass,
+            scrollStrategy,
         });
         return this.overlay.create(overlayConfig);
     }
-    _attachDialogContainer(overlayRef, config) {
-        const userInjector = config && config.viewContainerRef && config.viewContainerRef?.injector;
+    _attachDialogContainer(overlayRef, options) {
+        const userInjector = options && options.viewContainerRef && options.viewContainerRef.injector;
         const injector = Injector.create({
             parent: userInjector || this.injector,
             providers: [
                 { provide: OverlayRef, useValue: overlayRef },
-                { provide: WrDialogConfig, useValue: config },
+                { provide: WrDialogOptions, useValue: options },
             ],
         });
-        const containerPortal = new ComponentPortal(WrDialogContainer, config.viewContainerRef, injector);
+        const containerPortal = new ComponentPortal(WrDialogComponent, options?.viewContainerRef, injector);
         const containerRef = overlayRef.attach(containerPortal);
         return containerRef.instance;
     }
-    _attachDialogContent(dialogContainer, overlayRef, config) {
-        const dialogRef = new WrDialogRef(config, overlayRef, dialogContainer);
-        const userInjector = config && config.viewContainerRef && config.viewContainerRef?.injector;
+    _attachDialogContent(container, overlayRef, options) {
+        const dialogRef = new WrDialogRef(overlayRef, options, container);
+        const userInjector = options && options.viewContainerRef && options.viewContainerRef?.injector;
         const injector = Injector.create({
             parent: userInjector || this.injector,
             providers: [
                 { provide: WrDialogRef, useValue: dialogRef },
-                { provide: WR_DIALOG_DATA, useValue: config.data },
+                { provide: WR_DIALOG_DATA, useValue: options?.data },
             ],
         });
-        const contentRef = dialogContainer.attachComponentPortal(new ComponentPortal(config.component, config.viewContainerRef, injector));
+        const contentRef = container.attachComponentPortal(new ComponentPortal(options?.component, options?.viewContainerRef, injector));
         dialogRef.componentInstance = contentRef.instance;
         return dialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogService, deps: [{ token: i2.Overlay }, { token: i0.Injector }, { token: WrDialogService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogService }); }
+    _removeOpenedModal(dialogRef) {
+        const index = this.openedDialogs.indexOf(dialogRef);
+        if (index > -1) {
+            this.openedDialogs.splice(index, 1);
+            if (!this.openedDialogs.length) {
+                this._afterAllClosed.next();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2.Overlay }, { type: i0.Injector }, { type: WrDialogService, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }] });
+        }] });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 class WrDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WrDialogModule, declarations: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter], imports: [CommonModule, OverlayModule, PortalModule, WrIconModule], exports: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogModule, providers: [WrDialogService], imports: [CommonModule, OverlayModule, PortalModule, WrIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: WrDialogModule, imports: [WrDialogComponent,
+            WrDialogFooterDirective,
+            WrDialogContentDirective,
+            WrDialogCloseDirective,
+            WrDialogTitleDirective], exports: [WrDialogCloseDirective, WrDialogFooterDirective, WrDialogContentDirective, WrDialogTitleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogModule, providers: [WrDialogService] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WrDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: WrDialogModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, OverlayModule, PortalModule, WrIconModule],
-                    exports: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter],
-                    declarations: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter],
+                    imports: [
+                        WrDialogComponent,
+                        WrDialogFooterDirective,
+                        WrDialogContentDirective,
+                        WrDialogCloseDirective,
+                        WrDialogTitleDirective,
+                    ],
+                    exports: [WrDialogCloseDirective, WrDialogFooterDirective, WrDialogContentDirective, WrDialogTitleDirective],
                     providers: [WrDialogService],
                 }]
         }] });
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WR_ANIMATION_FADE_CLASS_NAME_MAP, WR_ANIMATION_ZOOM_CLASS_NAME_MAP, WR_DIALOG_DATA, WrDialogBase, WrDialogClose, WrDialogConfig, WrDialogContainer, WrDialogContent, WrDialogFooter, WrDialogModule, WrDialogRef, WrDialogService, WrDialogTitle, wrDialogAnimations };
+export { WR_ANIMATION_FADE_CLASS_NAME_MAP, WR_ANIMATION_ZOOM_CLASS_NAME_MAP, WR_DIALOG_DATA, WrDialogBaseDirective, WrDialogCloseDirective, WrDialogComponent, WrDialogContentDirective, WrDialogFooterDirective, WrDialogModule, WrDialogOptions, WrDialogRef, WrDialogService, WrDialogTitleDirective, wrDialogAnimations };
 //# sourceMappingURL=ngwr-dialog.mjs.map