ngwr 0.2.0 → 0.3.1

package/fesm2020/ngwr-dialog.mjs

@@ -0,0 +1,447 @@
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i3 from '@angular/cdk/portal';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, PortalModule } 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 { Subject, filter, take, takeUntil } from 'rxjs';
+import * as i2 from '@angular/cdk/overlay';
+import { OverlayConfig, OverlayRef, OverlayModule, OverlayContainer, FullscreenOverlayContainer } 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';
+
+const WR_ANIMATION_ZOOM_CLASS_NAME_MAP = {
+    enter: 'wr-animation-zoom-enter',
+    enterActive: 'wr-animation-zoom-enter--active',
+    leave: 'wr-animation-zoom-leave',
+    leaveActive: 'wr-animation-zoom-leave--active',
+};
+const WR_ANIMATION_FADE_CLASS_NAME_MAP = {
+    enter: 'wr-animation-fade-enter',
+    enterActive: 'wr-animation-fade-enter--active',
+    leave: 'wr-animation-fade-leave',
+    leaveActive: 'wr-animation-fade-leave--active',
+};
+const wrDialogAnimations = {
+    dialogContainer: trigger('dialogContainer', [
+        state('void, exit', style({})),
+        state('enter', style({})),
+        transition('* => enter', animate('.24s', style({}))),
+        transition('* => void, * => exit', animate('.2s', style({}))),
+    ]),
+};
+
+class WrDialogConfig {
+}
+
+class WrDialogBase extends BasePortalOutlet {
+    constructor(cdr, config, overlayRef) {
+        super();
+        this.cdr = cdr;
+        this.config = config;
+        this.overlayRef = overlayRef;
+        this.containerClick = new EventEmitter();
+        this.animationStateChanged = new EventEmitter();
+        this.state = 'enter';
+        this.destroyed$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.destroyed$.complete();
+    }
+    onContainerClick(e) {
+        if (e.target === e.currentTarget || e.target === this.dialogElementRef.nativeElement) {
+            this.containerClick.emit();
+        }
+    }
+    attachComponentPortal(portal) {
+        return this.portalOutlet.attachComponentPortal(portal);
+    }
+    attachTemplatePortal(portal) {
+        return this.portalOutlet.attachTemplatePortal(portal);
+    }
+    setEnterAnimationClass() {
+        const dialogElement = this.dialogElementRef.nativeElement;
+        const backdropElement = this.overlayRef.backdropElement;
+        dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enter);
+        dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enterActive);
+        if (backdropElement) {
+            backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.enter);
+            backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.enterActive);
+        }
+    }
+    setExitAnimationClass() {
+        const dialogElement = this.dialogElementRef.nativeElement;
+        dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leave);
+        dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leaveActive);
+        this.setMaskExitAnimationClass();
+    }
+    setMaskExitAnimationClass() {
+        const backdropElement = this.overlayRef.backdropElement;
+        if (backdropElement) {
+            backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.leave);
+            backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.leaveActive);
+        }
+    }
+    cleanAnimationClass() {
+        const backdropElement = this.overlayRef.backdropElement;
+        const dialogElement = this.dialogElementRef.nativeElement;
+        if (backdropElement) {
+            backdropElement.classList.remove(WR_ANIMATION_FADE_CLASS_NAME_MAP.enter);
+            backdropElement.classList.remove(WR_ANIMATION_FADE_CLASS_NAME_MAP.enterActive);
+        }
+        dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enter);
+        dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enterActive);
+        dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leave);
+        dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leaveActive);
+    }
+    onAnimationDone(event) {
+        this.cleanAnimationClass();
+        this.animationStateChanged.emit(event);
+    }
+    onAnimationStart(event) {
+        if (event.toState === 'enter') {
+            this.setEnterAnimationClass();
+        }
+        else if (event.toState === 'exit') {
+            this.setExitAnimationClass();
+        }
+        this.animationStateChanged.emit(event);
+    }
+    startExitAnimation() {
+        this.state = 'exit';
+        this.cdr.markForCheck();
+    }
+}
+WrDialogBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogBase, deps: [{ token: i0.ChangeDetectorRef }, { token: WrDialogConfig }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Directive });
+WrDialogBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: WrDialogBase, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: WrDialogConfig }, { type: i2.OverlayRef }]; } });
+
+class WrDialogContainer extends WrDialogBase {
+    constructor(cdr, config, overlayRef) {
+        super(cdr, config, overlayRef);
+        this.config = config;
+        this.state = 'enter';
+    }
+    onAnimationStart(event) {
+        super.onAnimationStart(event);
+    }
+    onAnimationDone(event) {
+        super.onAnimationDone(event);
+    }
+    onContainerClick(e) {
+        super.onContainerClick(e);
+    }
+    /** Set element classes */
+    get elClasses() {
+        return {
+            'wr-dialog': true,
+        };
+    }
+}
+WrDialogContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: WrDialogConfig }, { token: i2.OverlayRef }], target: i0.ɵɵFactoryTarget.Component });
+WrDialogContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogContainer, 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: function () { return [{ type: i0.ChangeDetectorRef }, { type: WrDialogConfig }, { type: i2.OverlayRef }]; }, propDecorators: { portalOutlet: [{
+                type: ViewChild,
+                args: [CdkPortalOutlet, { static: true }]
+            }], dialogElementRef: [{
+                type: ViewChild,
+                args: ['dialogElement', { static: true }]
+            }], state: [{
+                type: HostBinding,
+                args: ['@dialogContainer']
+            }], onAnimationStart: [{
+                type: HostListener,
+                args: ['@dialogContainer.start', ['$event']]
+            }], onAnimationDone: [{
+                type: HostListener,
+                args: ['@dialogContainer.done', ['$event']]
+            }], onContainerClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class WrDialogRef extends WrAbstractBase {
+    constructor(config, overlayRef, containerInstance) {
+        super();
+        this.config = config;
+        this.overlayRef = overlayRef;
+        this.containerInstance = containerInstance;
+        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))
+            .subscribe(() => {
+            this.afterOpened.next();
+            this.afterOpened.complete();
+        });
+        containerInstance.animationStateChanged
+            .pipe(filter(event => event.phaseName === 'done' && event.toState === 'exit'), take(1))
+            .subscribe(() => {
+            clearTimeout(this.closeTimeout);
+            this._finishDialogClose();
+        });
+        containerInstance.containerClick.pipe(take(1), takeUntil(this.destroyed$)).subscribe(() => {
+            this.close(undefined);
+        });
+        overlayRef.backdropClick().subscribe(() => this.close(undefined));
+        overlayRef.keydownEvents().subscribe(event => {
+            if (event.code === 'Escape' && !hasModifierKey(event)) {
+                event.preventDefault();
+                this.close(undefined);
+            }
+        });
+        overlayRef.detachments().subscribe(() => {
+            this.afterClosed.next(this.result);
+            this.afterClosed.complete();
+            this.componentInstance = null;
+            this.overlayRef.dispose();
+        });
+    }
+    close(result) {
+        this.result = result;
+        this.containerInstance.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();
+    }
+    _finishDialogClose() {
+        this.overlayRef.dispose();
+        this.destroyed$.next();
+    }
+}
+
+class WrDialogClose {
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+    }
+    _onButtonClick(event) {
+        event.preventDefault();
+        this.dialogRef.close(undefined);
+    }
+}
+WrDialogClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogClose, deps: [{ token: WrDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+WrDialogClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: WrDialogClose, selector: "[wr-dialog-close], [wrDialogClose]", host: { listeners: { "click": "_onButtonClick($event)" } }, exportAs: ["wrDialogClose"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wr-dialog-close], [wrDialogClose]',
+                    exportAs: 'wrDialogClose',
+                }]
+        }], ctorParameters: function () { return [{ type: WrDialogRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { _onButtonClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+class WrDialogTitle {
+    get elClasses() {
+        return {
+            'wr-dialog__title': true,
+        };
+    }
+}
+WrDialogTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+WrDialogTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: WrDialogTitle, selector: "[wr-dialog-title], [wrDialogTitle]", host: { properties: { "class": "this.elClasses" } }, exportAs: ["wrtDialogTitle"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", 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,
+        };
+    }
+}
+WrDialogContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+WrDialogContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: WrDialogContent, selector: "[wr-dialog-content], wr-dialog-content, [wrDialogContent]", host: { properties: { "class": "this.elClasses" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[wr-dialog-content], wr-dialog-content, [wrDialogContent]`,
+                }]
+        }], propDecorators: { elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class WrDialogFooter {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._position = 'end';
+    }
+    get position() {
+        return this._position;
+    }
+    set position(value) {
+        this._position = value;
+        this.cdr.markForCheck();
+    }
+    get elClasses() {
+        return {
+            'wr-dialog__footer': true,
+            'wr-dialog__footer--start': this.position === 'start',
+            'wr-dialog__footer--center': this.position === 'center',
+            'wr-dialog__footer--end': this.position === 'end',
+        };
+    }
+}
+WrDialogFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogFooter, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+WrDialogFooter.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: WrDialogFooter, selector: "[wr-dialog-footer], wr-dialog-footer, [wrDialogFooter]", inputs: { position: "position" }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[wr-dialog-footer], wr-dialog-footer, [wrDialogFooter]`,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { position: [{
+                type: Input
+            }], elClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const WR_DIALOG_DATA = new InjectionToken('WR_DIALOG_DATA');
+
+class WrDialogService {
+    constructor(overlay, injector, parentModal) {
+        this.overlay = overlay;
+        this.injector = injector;
+        this.parentModal = parentModal;
+        this.openedDialogsAtThisLevel = [];
+        this.afterAllClosedAtThisLevel = new Subject();
+    }
+    get openedDialogs() {
+        return this.parentModal ? this.parentModal.openedDialogs : this.openedDialogsAtThisLevel;
+    }
+    get _afterAllClosed() {
+        const parent = this.parentModal;
+        return parent ? parent._afterAllClosed : this.afterAllClosedAtThisLevel;
+    }
+    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);
+        dialogContainer.dialogRef = dialogRef;
+        this.openedDialogs.push(dialogRef);
+        dialogRef.afterClosed.subscribe(() => this.removeOpenModal(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();
+    }
+    _createOverlay(positionStrategy) {
+        const overlayConfig = new OverlayConfig({
+            positionStrategy,
+            hasBackdrop: true,
+            backdropClass: 'wr-backdrop',
+            scrollStrategy: this.overlay.scrollStrategies.block(),
+            disposeOnNavigation: true,
+        });
+        return this.overlay.create(overlayConfig);
+    }
+    _attachDialogContainer(overlayRef, config) {
+        const userInjector = config && config.viewContainerRef && config.viewContainerRef?.injector;
+        const injector = Injector.create({
+            parent: userInjector || this.injector,
+            providers: [
+                { provide: OverlayRef, useValue: overlayRef },
+                { provide: WrDialogConfig, useValue: config },
+            ],
+        });
+        const containerPortal = new ComponentPortal(WrDialogContainer, config.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;
+        const injector = Injector.create({
+            parent: userInjector || this.injector,
+            providers: [
+                { provide: WrDialogRef, useValue: dialogRef },
+                { provide: WR_DIALOG_DATA, useValue: config.data },
+            ],
+        });
+        const contentRef = dialogContainer.attachComponentPortal(new ComponentPortal(config.component, config.viewContainerRef, injector));
+        dialogRef.componentInstance = contentRef.instance;
+        return dialogRef;
+    }
+}
+WrDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogService, deps: [{ token: i2.Overlay }, { token: i0.Injector }, { token: WrDialogService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
+WrDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i2.Overlay }, { type: i0.Injector }, { type: WrDialogService, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; } });
+
+class WrDialogModule {
+}
+WrDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WrDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: WrDialogModule, declarations: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter], imports: [CommonModule, OverlayModule, PortalModule, WrIconModule], exports: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter] });
+WrDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: WrDialogModule, providers: [WrDialogService, { provide: OverlayContainer, useClass: FullscreenOverlayContainer }], imports: [CommonModule, OverlayModule, PortalModule, WrIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", 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],
+                    providers: [WrDialogService, { provide: OverlayContainer, useClass: FullscreenOverlayContainer }],
+                }]
+        }] });
+
+/**
+ * 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 };
+//# sourceMappingURL=ngwr-dialog.mjs.map

package/fesm2020/ngwr-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-dialog.mjs","sources":["../../../projects/lib/dialog/dialog-animations.ts","../../../projects/lib/dialog/dialog-config.ts","../../../projects/lib/dialog/dialog-base.ts","../../../projects/lib/dialog/dialog-container.ts","../../../projects/lib/dialog/dialog-container.html","../../../projects/lib/dialog/dialog-ref.ts","../../../projects/lib/dialog/dialog-content-directives.ts","../../../projects/lib/dialog/dialog-tokens.ts","../../../projects/lib/dialog/dialog-service.ts","../../../projects/lib/dialog/dialog-module.ts","../../../projects/lib/dialog/ngwr-dialog.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\nexport const WR_ANIMATION_ZOOM_CLASS_NAME_MAP = {\n  enter: 'wr-animation-zoom-enter',\n  enterActive: 'wr-animation-zoom-enter--active',\n  leave: 'wr-animation-zoom-leave',\n  leaveActive: 'wr-animation-zoom-leave--active',\n};\n\nexport const WR_ANIMATION_FADE_CLASS_NAME_MAP = {\n  enter: 'wr-animation-fade-enter',\n  enterActive: 'wr-animation-fade-enter--active',\n  leave: 'wr-animation-fade-leave',\n  leaveActive: 'wr-animation-fade-leave--active',\n};\n\nexport const wrDialogAnimations: {\n  readonly dialogContainer: AnimationTriggerMetadata;\n} = {\n  dialogContainer: trigger('dialogContainer', [\n    state('void, exit', style({})),\n    state('enter', style({})),\n    transition('* => enter', animate('.24s', style({}))),\n    transition('* => void, * => exit', animate('.2s', style({}))),\n  ]),\n};\n","import { ComponentType, PositionStrategy } from '@angular/cdk/overlay';\nimport { ViewContainerRef } from '@angular/core';\n\nimport { SafeAny } from 'ngwr/core/types';\n\nexport class WrDialogConfig<T = SafeAny> {\n  id?: string;\n  component?: ComponentType<T>;\n  title?: string;\n  data?: SafeAny;\n  viewContainerRef?: ViewContainerRef;\n  positionStrategy?: PositionStrategy;\n}\n","import { AnimationEvent } from '@angular/animations';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectorRef,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  EmbeddedViewRef,\n  EventEmitter,\n  OnDestroy,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { WR_ANIMATION_FADE_CLASS_NAME_MAP, WR_ANIMATION_ZOOM_CLASS_NAME_MAP } from './dialog-animations';\nimport { WrDialogConfig } from './dialog-config';\nimport { WrDialogRef } from './dialog-ref';\n\n@Directive()\nexport class WrDialogBase extends BasePortalOutlet implements OnDestroy {\n  portalOutlet!: CdkPortalOutlet;\n  dialogElementRef!: ElementRef<HTMLDivElement>;\n  dialogRef!: WrDialogRef;\n\n  containerClick = new EventEmitter<void>();\n  animationStateChanged = new EventEmitter<AnimationEvent>();\n\n  state: 'void' | 'enter' | 'exit' = 'enter';\n\n  protected readonly destroyed$: Subject<void> = new Subject<void>();\n\n  constructor(public cdr: ChangeDetectorRef, public config: WrDialogConfig, protected overlayRef: OverlayRef) {\n    super();\n  }\n\n  ngOnDestroy(): void {\n    this.destroyed$.next();\n    this.destroyed$.complete();\n  }\n\n  onContainerClick(e: MouseEvent): void {\n    if (e.target === e.currentTarget || e.target === this.dialogElementRef.nativeElement) {\n      this.containerClick.emit();\n    }\n  }\n\n  attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {\n    return this.portalOutlet.attachComponentPortal(portal);\n  }\n\n  attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C> {\n    return this.portalOutlet.attachTemplatePortal(portal);\n  }\n\n  private setEnterAnimationClass(): void {\n    const dialogElement = this.dialogElementRef.nativeElement;\n    const backdropElement = this.overlayRef.backdropElement;\n    dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enter);\n    dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enterActive);\n    if (backdropElement) {\n      backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.enter);\n      backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.enterActive);\n    }\n  }\n\n  private setExitAnimationClass(): void {\n    const dialogElement = this.dialogElementRef.nativeElement;\n    dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leave);\n    dialogElement.classList.add(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leaveActive);\n    this.setMaskExitAnimationClass();\n  }\n\n  private setMaskExitAnimationClass(): void {\n    const backdropElement = this.overlayRef.backdropElement;\n    if (backdropElement) {\n      backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.leave);\n      backdropElement.classList.add(WR_ANIMATION_FADE_CLASS_NAME_MAP.leaveActive);\n    }\n  }\n\n  private cleanAnimationClass(): void {\n    const backdropElement = this.overlayRef.backdropElement;\n    const dialogElement = this.dialogElementRef.nativeElement;\n    if (backdropElement) {\n      backdropElement.classList.remove(WR_ANIMATION_FADE_CLASS_NAME_MAP.enter);\n      backdropElement.classList.remove(WR_ANIMATION_FADE_CLASS_NAME_MAP.enterActive);\n    }\n    dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enter);\n    dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.enterActive);\n    dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leave);\n    dialogElement.classList.remove(WR_ANIMATION_ZOOM_CLASS_NAME_MAP.leaveActive);\n  }\n\n  onAnimationDone(event: AnimationEvent): void {\n    this.cleanAnimationClass();\n    this.animationStateChanged.emit(event);\n  }\n\n  onAnimationStart(event: AnimationEvent): void {\n    if (event.toState === 'enter') {\n      this.setEnterAnimationClass();\n    } else if (event.toState === 'exit') {\n      this.setExitAnimationClass();\n    }\n    this.animationStateChanged.emit(event);\n  }\n\n  startExitAnimation(): void {\n    this.state = 'exit';\n    this.cdr.markForCheck();\n  }\n}\n","import { AnimationEvent } from '@angular/animations';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/core/types';\n\nimport { wrDialogAnimations } from './dialog-animations';\nimport { WrDialogBase } from './dialog-base';\nimport { WrDialogConfig } from './dialog-config';\n\n@Component({\n  selector: 'wr-dialog-container',\n  exportAs: 'wrDialogContainer',\n  templateUrl: './dialog-container.html',\n  animations: [wrDialogAnimations.dialogContainer],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrDialogContainer extends WrDialogBase {\n  @ViewChild(CdkPortalOutlet, { static: true }) override portalOutlet!: CdkPortalOutlet;\n  @ViewChild('dialogElement', { static: true }) override dialogElementRef!: ElementRef<HTMLDivElement>;\n\n  @HostBinding('@dialogContainer') override state: 'void' | 'enter' | 'exit' = 'enter';\n  @HostListener('@dialogContainer.start', ['$event'])\n  override onAnimationStart(event: AnimationEvent): void {\n    super.onAnimationStart(event);\n  }\n  @HostListener('@dialogContainer.done', ['$event'])\n  override onAnimationDone(event: AnimationEvent): void {\n    super.onAnimationDone(event);\n  }\n\n  @HostListener('click', ['$event'])\n  override onContainerClick(e: MouseEvent): void {\n    super.onContainerClick(e);\n  }\n\n  /** Set element classes */\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-dialog': true,\n    };\n  }\n\n  constructor(cdr: ChangeDetectorRef, public override config: WrDialogConfig, overlayRef: OverlayRef) {\n    super(cdr, config, overlayRef);\n  }\n}\n","<div class=\"wr-dialog__wrapper\" #dialogElement>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n","import { hasModifierKey } from '@angular/cdk/keycodes';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport { filter, Subject, take, takeUntil } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/core/abstract';\nimport { SafeAny } from 'ngwr/core/types';\n\nimport { WrDialogBase } from './dialog-base';\nimport { WrDialogConfig } from './dialog-config';\n\nexport class WrDialogRef<T = SafeAny, R = SafeAny> extends WrAbstractBase {\n  readonly id?: string;\n  result?: R;\n  componentInstance: T | null = null;\n  private closeTimeout?: number;\n  readonly afterClosed: Subject<R | undefined> = new Subject<R | undefined>();\n  readonly afterOpened: Subject<void> = new Subject();\n\n  constructor(\n    private readonly config: WrDialogConfig<T>,\n    private readonly overlayRef: OverlayRef,\n    public containerInstance: WrDialogBase\n  ) {\n    super();\n    this.id = config.id || `wr__modal__${Date.now()}`;\n\n    containerInstance.animationStateChanged\n      .pipe(\n        filter(event => event.phaseName === 'done' && event.toState === 'enter'),\n        take(1)\n      )\n      .subscribe(() => {\n        this.afterOpened.next();\n        this.afterOpened.complete();\n      });\n\n    containerInstance.animationStateChanged\n      .pipe(\n        filter(event => event.phaseName === 'done' && event.toState === 'exit'),\n        take(1)\n      )\n      .subscribe(() => {\n        clearTimeout(this.closeTimeout);\n        this._finishDialogClose();\n      });\n\n    containerInstance.containerClick.pipe(take(1), takeUntil(this.destroyed$)).subscribe(() => {\n      this.close(undefined);\n    });\n\n    overlayRef.backdropClick().subscribe(() => this.close(undefined));\n\n    overlayRef.keydownEvents().subscribe(event => {\n      if (event.code === 'Escape' && !hasModifierKey(event)) {\n        event.preventDefault();\n        this.close(undefined);\n      }\n    });\n\n    overlayRef.detachments().subscribe(() => {\n      this.afterClosed.next(this.result);\n      this.afterClosed.complete();\n      this.componentInstance = null;\n      this.overlayRef.dispose();\n    });\n  }\n\n  close(result?: R): void {\n    this.result = result;\n    this.containerInstance.animationStateChanged\n      .pipe(\n        filter(event => event.phaseName === 'start'),\n        take(1)\n      )\n      .subscribe(event => {\n        this.overlayRef.detachBackdrop();\n        // @ts-ignore\n        this.closeTimeout = setTimeout(() => {\n          this._finishDialogClose();\n        }, event.totalTime + 100);\n      });\n\n    this.containerInstance.startExitAnimation();\n  }\n\n  _finishDialogClose(): void {\n    this.overlayRef.dispose();\n    this.destroyed$.next();\n  }\n}\n","import { ChangeDetectorRef, Directive, HostBinding, HostListener, Input, Optional } from '@angular/core';\n\nimport { SafeAny } from 'ngwr/core/types';\nimport { WrDialogRef } from './dialog-ref';\n\n@Directive({\n  selector: '[wr-dialog-close], [wrDialogClose]',\n  exportAs: 'wrDialogClose',\n})\nexport class WrDialogClose {\n  @HostListener('click', ['$event'])\n  _onButtonClick(event: MouseEvent): void {\n    event.preventDefault();\n    this.dialogRef.close(undefined);\n  }\n\n  constructor(@Optional() public dialogRef: WrDialogRef) {}\n}\n\n@Directive({\n  selector: '[wr-dialog-title], [wrDialogTitle]',\n  exportAs: 'wrtDialogTitle',\n})\nexport class WrDialogTitle {\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-dialog__title': true,\n    };\n  }\n}\n\n@Directive({\n  selector: `[wr-dialog-content], wr-dialog-content, [wrDialogContent]`,\n})\nexport class WrDialogContent {\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-dialog__content': true,\n    };\n  }\n}\n\n@Directive({\n  selector: `[wr-dialog-footer], wr-dialog-footer, [wrDialogFooter]`,\n})\nexport class WrDialogFooter {\n  @Input()\n  get position(): 'start' | 'center' | 'end' {\n    return this._position;\n  }\n  set position(value: 'start' | 'center' | 'end') {\n    this._position = value;\n    this.cdr.markForCheck();\n  }\n  private _position: 'start' | 'center' | 'end' = 'end';\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-dialog__footer': true,\n      'wr-dialog__footer--start': this.position === 'start',\n      'wr-dialog__footer--center': this.position === 'center',\n      'wr-dialog__footer--end': this.position === 'end',\n    };\n  }\n\n  constructor(private readonly cdr: ChangeDetectorRef) {}\n}\n","import { InjectionToken } from '@angular/core';\n\nimport { SafeAny } from 'ngwr/core/types';\n\nexport const WR_DIALOG_DATA = new InjectionToken<SafeAny>('WR_DIALOG_DATA');\n","import {\n  ComponentType,\n  GlobalPositionStrategy,\n  Overlay,\n  OverlayConfig,\n  OverlayRef,\n  PositionStrategy,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Injectable, Injector, OnDestroy, Optional, SkipSelf } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { SafeAny } from 'ngwr/core/types';\n\nimport { WrDialogBase } from './dialog-base';\nimport { WrDialogConfig } from './dialog-config';\nimport { WrDialogContainer } from './dialog-container';\nimport { WrDialogRef } from './dialog-ref';\nimport { WR_DIALOG_DATA } from './dialog-tokens';\n\n@Injectable()\nexport class WrDialogService implements OnDestroy {\n  private openedDialogsAtThisLevel: WrDialogRef[] = [];\n  private readonly afterAllClosedAtThisLevel = new Subject<void>();\n\n  get openedDialogs(): WrDialogRef[] {\n    return this.parentModal ? this.parentModal.openedDialogs : this.openedDialogsAtThisLevel;\n  }\n\n  get _afterAllClosed(): Subject<void> {\n    const parent = this.parentModal;\n    return parent ? parent._afterAllClosed : this.afterAllClosedAtThisLevel;\n  }\n\n  constructor(\n    private readonly overlay: Overlay,\n    private readonly injector: Injector,\n    @Optional() @SkipSelf() private parentModal: WrDialogService\n  ) {}\n\n  ngOnDestroy(): void {\n    this.closeModals(this.openedDialogsAtThisLevel);\n    this.afterAllClosedAtThisLevel.complete();\n  }\n\n  open<T = SafeAny, R = SafeAny>(config: WrDialogConfig<T>): WrDialogRef<T, R> {\n    const _config = config || new WrDialogConfig<SafeAny>();\n    const positionStrategy = _config?.positionStrategy || this._defaultPositionStrategy();\n    const overlayRef = this._createOverlay(positionStrategy);\n    const dialogContainer = this._attachDialogContainer(overlayRef, _config);\n    const dialogRef = this._attachDialogContent<T, R>(dialogContainer, overlayRef, _config);\n    dialogContainer.dialogRef = dialogRef;\n    this.openedDialogs.push(dialogRef);\n    dialogRef.afterClosed.subscribe(() => this.removeOpenModal(dialogRef));\n    return dialogRef;\n  }\n\n  private removeOpenModal(dialogRef: WrDialogRef): void {\n    const index = this.openedDialogs.indexOf(dialogRef);\n    if (index > -1) {\n      this.openedDialogs.splice(index, 1);\n\n      if (!this.openedDialogs.length) {\n        this._afterAllClosed.next();\n      }\n    }\n  }\n\n  private closeModals(dialogs: WrDialogRef[]): void {\n    let i = dialogs.length;\n    while (i--) {\n      dialogs[i].close();\n      if (!this.openedDialogs.length) {\n        this._afterAllClosed.next();\n      }\n    }\n  }\n\n  private _defaultPositionStrategy(): GlobalPositionStrategy {\n    return this.overlay.position().global().centerHorizontally().centerVertically();\n  }\n\n  private _createOverlay(positionStrategy: PositionStrategy): OverlayRef {\n    const overlayConfig = new OverlayConfig({\n      positionStrategy,\n      hasBackdrop: true,\n      backdropClass: 'wr-backdrop',\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      disposeOnNavigation: true,\n    });\n    return this.overlay.create(overlayConfig);\n  }\n\n  private _attachDialogContainer(overlayRef: OverlayRef, config: WrDialogConfig): WrDialogBase {\n    const userInjector = config && config.viewContainerRef && config.viewContainerRef?.injector;\n    const injector = Injector.create({\n      parent: userInjector || this.injector,\n      providers: [\n        { provide: OverlayRef, useValue: overlayRef },\n        { provide: WrDialogConfig, useValue: config },\n      ],\n    });\n\n    const containerPortal = new ComponentPortal<WrDialogBase>(WrDialogContainer, config.viewContainerRef, injector);\n    const containerRef = overlayRef.attach<WrDialogBase>(containerPortal);\n    return containerRef.instance;\n  }\n\n  private _attachDialogContent<T, R>(\n    dialogContainer: WrDialogBase,\n    overlayRef: OverlayRef,\n    config: WrDialogConfig<T>\n  ): WrDialogRef<T, R> {\n    const dialogRef = new WrDialogRef<T, R>(config, overlayRef, dialogContainer);\n\n    const userInjector = config && config.viewContainerRef && config.viewContainerRef?.injector;\n    const injector = Injector.create({\n      parent: userInjector || this.injector,\n      providers: [\n        { provide: WrDialogRef, useValue: dialogRef },\n        { provide: WR_DIALOG_DATA, useValue: config.data },\n      ],\n    });\n\n    const contentRef = dialogContainer.attachComponentPortal<T>(\n      new ComponentPortal(config.component as ComponentType<T>, config.viewContainerRef, injector)\n    );\n    dialogRef.componentInstance = contentRef.instance;\n    return dialogRef;\n  }\n}\n","import { FullscreenOverlayContainer, OverlayContainer, OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrIconModule } from 'ngwr/icon';\n\nimport { WrDialogContainer } from './dialog-container';\nimport { WrDialogClose, WrDialogContent, WrDialogFooter, WrDialogTitle } from './dialog-content-directives';\nimport { WrDialogService } from './dialog-service';\n\n@NgModule({\n  imports: [CommonModule, OverlayModule, PortalModule, WrIconModule],\n  exports: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter],\n  declarations: [WrDialogContainer, WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter],\n  providers: [WrDialogService, { provide: OverlayContainer, useClass: FullscreenOverlayContainer }],\n})\nexport class WrDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.WrDialogConfig","i1.WrDialogRef","i1"],"mappings":";;;;;;;;;;;;;AAEa,MAAA,gCAAgC,GAAG;AAC9C,IAAA,KAAK,EAAE,yBAAyB;AAChC,IAAA,WAAW,EAAE,iCAAiC;AAC9C,IAAA,KAAK,EAAE,yBAAyB;AAChC,IAAA,WAAW,EAAE,iCAAiC;EAC9C;AAEW,MAAA,gCAAgC,GAAG;AAC9C,IAAA,KAAK,EAAE,yBAAyB;AAChC,IAAA,WAAW,EAAE,iCAAiC;AAC9C,IAAA,KAAK,EAAE,yBAAyB;AAChC,IAAA,WAAW,EAAE,iCAAiC;EAC9C;AAEW,MAAA,kBAAkB,GAE3B;AACF,IAAA,eAAe,EAAE,OAAO,CAAC,iBAAiB,EAAE;AAC1C,QAAA,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;AACzB,QAAA,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AACpD,QAAA,UAAU,CAAC,sBAAsB,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;KAC9D,CAAC;;;MCnBS,cAAc,CAAA;AAO1B;;ACOK,MAAO,YAAa,SAAQ,gBAAgB,CAAA;AAYhD,IAAA,WAAA,CAAmB,GAAsB,EAAS,MAAsB,EAAY,UAAsB,EAAA;AACxG,QAAA,KAAK,EAAE,CAAC;QADS,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QAAS,IAAM,CAAA,MAAA,GAAN,MAAM,CAAgB;QAAY,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAP1G,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAQ,CAAC;AAC1C,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,YAAY,EAAkB,CAAC;QAE3D,IAAK,CAAA,KAAA,GAA8B,OAAO,CAAC;AAExB,QAAA,IAAA,CAAA,UAAU,GAAkB,IAAI,OAAO,EAAQ,CAAC;KAIlE;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;KAC5B;AAED,IAAA,gBAAgB,CAAC,CAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE;AACpF,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;AAC5B,SAAA;KACF;AAED,IAAA,qBAAqB,CAAI,MAA0B,EAAA;QACjD,OAAO,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;KACxD;AAED,IAAA,oBAAoB,CAAI,MAAyB,EAAA;QAC/C,OAAO,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;KACvD;IAEO,sBAAsB,GAAA;AAC5B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;AAC1D,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC;QACxD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;QACpE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;AAC1E,QAAA,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;YACtE,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;AAC7E,SAAA;KACF;IAEO,qBAAqB,GAAA;AAC3B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;QAC1D,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;QACpE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,yBAAyB,EAAE,CAAC;KAClC;IAEO,yBAAyB,GAAA;AAC/B,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC;AACxD,QAAA,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;YACtE,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;AAC7E,SAAA;KACF;IAEO,mBAAmB,GAAA;AACzB,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC;AACxD,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;AAC1D,QAAA,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;YACzE,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;AAChF,SAAA;QACD,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;QACvE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;QAC7E,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAAC;QACvE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC;KAC9E;AAED,IAAA,eAAe,CAAC,KAAqB,EAAA;QACnC,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC3B,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxC;AAED,IAAA,gBAAgB,CAAC,KAAqB,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,IAAI,CAAC,sBAAsB,EAAE,CAAC;AAC/B,SAAA;AAAM,aAAA,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;YACnC,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAC9B,SAAA;AACD,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxC;IAED,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;AACpB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;;0GA3FU,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;8FAAZ,YAAY,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,SAAS;;;ACQJ,MAAO,iBAAkB,SAAQ,YAAY,CAAA;AA2BjD,IAAA,WAAA,CAAY,GAAsB,EAAkB,MAAsB,EAAE,UAAsB,EAAA;AAChG,QAAA,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QADmB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAgB;QAvBhC,IAAK,CAAA,KAAA,GAA8B,OAAO,CAAC;KAyBpF;AAvBQ,IAAA,gBAAgB,CAAC,KAAqB,EAAA;AAC7C,QAAA,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;AAEQ,IAAA,eAAe,CAAC,KAAqB,EAAA;AAC5C,QAAA,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;KAC9B;AAGQ,IAAA,gBAAgB,CAAC,CAAa,EAAA;AACrC,QAAA,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;KAC3B;;AAGD,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,WAAW,EAAE,IAAI;SAClB,CAAC;KACH;;+GAzBU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,wBAAA,EAAA,0BAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,OAAA,EAAA,0BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACjB,eAAe,EC3B5B,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4GAGA,iMDoBc,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAGrC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,mBAAmB,EAAA,UAAA,EAEjB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAA,aAAA,EACjC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4GAAA,EAAA,CAAA;2JAGkB,YAAY,EAAA,CAAA;sBAAlE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBACW,gBAAgB,EAAA,CAAA;sBAAtE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAEF,KAAK,EAAA,CAAA;sBAA9C,WAAW;uBAAC,kBAAkB,CAAA;gBAEtB,gBAAgB,EAAA,CAAA;sBADxB,YAAY;uBAAC,wBAAwB,EAAE,CAAC,QAAQ,CAAC,CAAA;gBAKzC,eAAe,EAAA,CAAA;sBADvB,YAAY;uBAAC,uBAAuB,EAAE,CAAC,QAAQ,CAAC,CAAA;gBAMxC,gBAAgB,EAAA,CAAA;sBADxB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;gBAO7B,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO,CAAA;;;AEpChB,MAAO,WAAsC,SAAQ,cAAc,CAAA;AAQvE,IAAA,WAAA,CACmB,MAAyB,EACzB,UAAsB,EAChC,iBAA+B,EAAA;AAEtC,QAAA,KAAK,EAAE,CAAC;QAJS,IAAM,CAAA,MAAA,GAAN,MAAM,CAAmB;QACzB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAChC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAc;QARxC,IAAiB,CAAA,iBAAA,GAAa,IAAI,CAAC;AAE1B,QAAA,IAAA,CAAA,WAAW,GAA2B,IAAI,OAAO,EAAiB,CAAC;AACnE,QAAA,IAAA,CAAA,WAAW,GAAkB,IAAI,OAAO,EAAE,CAAC;AAQlD,QAAA,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,CAAA,WAAA,EAAc,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;AAElD,QAAA,iBAAiB,CAAC,qBAAqB;aACpC,IAAI,CACH,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,EACxE,IAAI,CAAC,CAAC,CAAC,CACR;aACA,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;AAC9B,SAAC,CAAC,CAAC;AAEL,QAAA,iBAAiB,CAAC,qBAAqB;aACpC,IAAI,CACH,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,EACvE,IAAI,CAAC,CAAC,CAAC,CACR;aACA,SAAS,CAAC,MAAK;AACd,YAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAChC,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC5B,SAAC,CAAC,CAAC;QAEL,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AACxF,YAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AACxB,SAAC,CAAC,CAAC;AAEH,QAAA,UAAU,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAElE,UAAU,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,KAAK,IAAG;YAC3C,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBACrD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AACvB,aAAA;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,UAAU,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAK;YACtC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACnC,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;AAC5B,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;AAC5B,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,KAAK,CAAC,MAAU,EAAA;AACd,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,iBAAiB,CAAC,qBAAqB;AACzC,aAAA,IAAI,CACH,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,EAC5C,IAAI,CAAC,CAAC,CAAC,CACR;aACA,SAAS,CAAC,KAAK,IAAG;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;;AAEjC,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;gBAClC,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC5B,aAAC,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;AAC5B,SAAC,CAAC,CAAC;AAEL,QAAA,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,CAAC;KAC7C;IAED,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;KACxB;AACF;;MChFY,aAAa,CAAA;AAOxB,IAAA,WAAA,CAA+B,SAAsB,EAAA;QAAtB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAa;KAAI;AALzD,IAAA,cAAc,CAAC,KAAiB,EAAA;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;KACjC;;2GALU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;+FAAb,aAAa,EAAA,QAAA,EAAA,oCAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA,CAAA;;0BAQc,QAAQ;4CALrB,cAAc,EAAA,CAAA;sBADb,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;;MAatB,aAAa,CAAA;AACxB,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,kBAAkB,EAAE,IAAI;SACzB,CAAC;KACH;;2GANU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;+FAAb,aAAa,EAAA,QAAA,EAAA,oCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,QAAQ,EAAE,gBAAgB;AAC3B,iBAAA,CAAA;8BAGK,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO,CAAA;;MAWT,eAAe,CAAA;AAC1B,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,oBAAoB,EAAE,IAAI;SAC3B,CAAC;KACH;;6GANU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;iGAAf,eAAe,EAAA,QAAA,EAAA,2DAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAH3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAA2D,yDAAA,CAAA;AACtE,iBAAA,CAAA;8BAGK,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO,CAAA;;MAWT,cAAc,CAAA;AAqBzB,IAAA,WAAA,CAA6B,GAAsB,EAAA;QAAtB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QAZ3C,IAAS,CAAA,SAAA,GAA+B,KAAK,CAAC;KAYC;AApBvD,IAAA,IACI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;KACvB;IACD,IAAI,QAAQ,CAAC,KAAiC,EAAA;AAC5C,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAGD,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,0BAA0B,EAAE,IAAI,CAAC,QAAQ,KAAK,OAAO;AACrD,YAAA,2BAA2B,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ;AACvD,YAAA,wBAAwB,EAAE,IAAI,CAAC,QAAQ,KAAK,KAAK;SAClD,CAAC;KACH;;4GAnBU,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAd,cAAc,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAwD,sDAAA,CAAA;AACnE,iBAAA,CAAA;wGAGK,QAAQ,EAAA,CAAA;sBADX,KAAK;gBAWF,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO,CAAA;;;MCtDT,cAAc,GAAG,IAAI,cAAc,CAAU,gBAAgB;;MCiB7D,eAAe,CAAA;AAa1B,IAAA,WAAA,CACmB,OAAgB,EAChB,QAAkB,EACH,WAA4B,EAAA;QAF3C,IAAO,CAAA,OAAA,GAAP,OAAO,CAAS;QAChB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAU;QACH,IAAW,CAAA,WAAA,GAAX,WAAW,CAAiB;QAftD,IAAwB,CAAA,wBAAA,GAAkB,EAAE,CAAC;AACpC,QAAA,IAAA,CAAA,yBAAyB,GAAG,IAAI,OAAO,EAAQ,CAAC;KAe7D;AAbJ,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC;KAC1F;AAED,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;AAChC,QAAA,OAAO,MAAM,GAAG,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,CAAC;KACzE;IAQD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,yBAAyB,CAAC,QAAQ,EAAE,CAAC;KAC3C;AAED,IAAA,IAAI,CAA2B,MAAyB,EAAA;AACtD,QAAA,MAAM,OAAO,GAAG,MAAM,IAAI,IAAI,cAAc,EAAW,CAAC;QACxD,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;QACtF,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;QACzD,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACzE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAO,eAAe,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;AACxF,QAAA,eAAe,CAAC,SAAS,GAAG,SAAS,CAAC;AACtC,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACnC,QAAA,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AACvE,QAAA,OAAO,SAAS,CAAC;KAClB;AAEO,IAAA,eAAe,CAAC,SAAsB,EAAA;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AACpD,QAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;YACd,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAEpC,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;AAC9B,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;AAC7B,aAAA;AACF,SAAA;KACF;AAEO,IAAA,WAAW,CAAC,OAAsB,EAAA;AACxC,QAAA,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;QACvB,OAAO,CAAC,EAAE,EAAE;AACV,YAAA,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AACnB,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;AAC9B,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;AAC7B,aAAA;AACF,SAAA;KACF;IAEO,wBAAwB,GAAA;AAC9B,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,CAAC;KACjF;AAEO,IAAA,cAAc,CAAC,gBAAkC,EAAA;AACvD,QAAA,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC;YACtC,gBAAgB;AAChB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,aAAa,EAAE,aAAa;YAC5B,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE;AACrD,YAAA,mBAAmB,EAAE,IAAI;AAC1B,SAAA,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAC3C;IAEO,sBAAsB,CAAC,UAAsB,EAAE,MAAsB,EAAA;AAC3E,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AAC5F,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC/B,YAAA,MAAM,EAAE,YAAY,IAAI,IAAI,CAAC,QAAQ;AACrC,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;AAC7C,gBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC9C,aAAA;AACF,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,eAAe,GAAG,IAAI,eAAe,CAAe,iBAAiB,EAAE,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QAChH,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAe,eAAe,CAAC,CAAC;QACtE,OAAO,YAAY,CAAC,QAAQ,CAAC;KAC9B;AAEO,IAAA,oBAAoB,CAC1B,eAA6B,EAC7B,UAAsB,EACtB,MAAyB,EAAA;QAEzB,MAAM,SAAS,GAAG,IAAI,WAAW,CAAO,MAAM,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;AAE7E,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AAC5F,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC/B,YAAA,MAAM,EAAE,YAAY,IAAI,IAAI,CAAC,QAAQ;AACrC,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE;gBAC7C,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE;AACnD,aAAA;AACF,SAAA,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,eAAe,CAAC,qBAAqB,CACtD,IAAI,eAAe,CAAC,MAAM,CAAC,SAA6B,EAAE,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAC7F,CAAC;AACF,QAAA,SAAS,CAAC,iBAAiB,GAAG,UAAU,CAAC,QAAQ,CAAC;AAClD,QAAA,OAAO,SAAS,CAAC;KAClB;;6GA5GU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,EAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;iHAAf,eAAe,EAAA,CAAA,CAAA;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,UAAU;;0BAiBN,QAAQ;;0BAAI,QAAQ;;;MCpBZ,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,YAAA,EAAA,CAHV,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAFrF,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAA,EAAA,OAAA,EAAA,CACvD,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,CAAA,EAAA,CAAA,CAAA;6GAI/E,cAAc,EAAA,SAAA,EAFd,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,0BAA0B,EAAE,CAAC,EAHvF,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;4FAKtD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAC;oBAClE,OAAO,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,CAAC;oBAC3F,YAAY,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,CAAC;AAChG,oBAAA,SAAS,EAAE,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,0BAA0B,EAAE,CAAC;AAClG,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngwr",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "license": "MIT",
   "description": "NGWR – Angular UI components library",
   "author": "Roman Khegay <rk@garuna.dev> (https://garuna.dev/)",
@@ -81,6 +81,14 @@
       "node": "./fesm2015/ngwr-core-types.mjs",
       "default": "./fesm2020/ngwr-core-types.mjs"
     },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "esm2020": "./esm2020/dialog/ngwr-dialog.mjs",
+      "es2020": "./fesm2020/ngwr-dialog.mjs",
+      "es2015": "./fesm2015/ngwr-dialog.mjs",
+      "node": "./fesm2015/ngwr-dialog.mjs",
+      "default": "./fesm2020/ngwr-dialog.mjs"
+    },
     "./divider": {
       "types": "./divider/index.d.ts",
       "esm2020": "./esm2020/divider/ngwr-divider.mjs",
@@ -143,6 +151,7 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
+    "@angular/animations": ">=14.0.0 <15.0.0",
     "@angular/common": ">=14.0.0 <15.0.0",
     "@angular/core": ">=14.0.0 <15.0.0",
     "@angular/forms": ">=14.0.0 <15.0.0",

package/styles/animations.scss

@@ -12,3 +12,81 @@
   100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
 }
 
+@keyframes wr-fade-in {
+  0% { opacity: 0 }
+  to { opacity: 1 }
+}
+@keyframes wr-fade-out {
+  0% { opacity: 1 }
+  to { opacity: 0 }
+}
+
+@keyframes wr-zoom-in {
+  0% { transform: scale(.2); opacity: 0 }
+  to { transform: scale(1); opacity: 1 }
+}
+@keyframes wr-zoom-out {
+  0% { transform: scale(1) }
+  to { transform: scale(.2); opacity:0 }
+}
+
+.wr-animation {
+  &-fade {
+    &-enter,
+    &-leave {
+      animation-duration: 0.2s;
+      animation-fill-mode: both;
+      animation-play-state: paused;
+      animation-timing-function: linear;
+    }
+
+    &-enter {
+      opacity: 0;
+
+      &--active {
+        animation-name: wr-fade-in;
+        animation-play-state:running;
+      }
+    }
+
+    &-leave {
+      opacity: 1;
+
+      &--active {
+        animation-name: wr-fade-out;
+        animation-play-state: running;
+        pointer-events: none;
+      }
+    }
+  }
+
+  &-zoom {
+    &-enter,
+    &-leave {
+      animation-duration: 0.2s;
+      animation-fill-mode: both;
+      animation-play-state: paused
+    }
+
+    &-enter {
+      transform: scale(0);
+      opacity: 0;
+      animation-timing-function: cubic-bezier(.08,.82,.17,1);
+
+      &--active {
+        animation-name: wr-zoom-in;
+        animation-play-state:running;
+      }
+    }
+
+    &-leave {
+      animation-timing-function: cubic-bezier(.78,.14,.15,.86);
+
+      &--active {
+        animation-name: wr-zoom-out;
+        animation-play-state: running;
+        pointer-events: none;
+      }
+    }
+  }
+}

package/styles/cdk.scss

@@ -0,0 +1 @@
+@import '@angular/cdk/overlay-prebuilt.css';