@seniorsistemas/angular-components 17.27.1-feature-sds-110-174b0744 → 17.27.1-feature-sds-110-660dd566

package/fesm2022/seniorsistemas-angular-components-dialog.mjs

@@ -0,0 +1,221 @@
+import { NgTemplateOutlet, NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injector, Injectable, input, model, ViewContainerRef, viewChild, contentChildren, computed, Component } from '@angular/core';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';
+import { TemplateDirective } from '@seniorsistemas/angular-components/template';
+import { Subject, take, takeUntil } from 'rxjs';
+import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { Overlay } from '@angular/cdk/overlay';
+
+class ActiveDialog {
+    dialogSize = 'md';
+    escapeOnEsc = true;
+    _close = new Subject();
+    _dismiss = new Subject();
+    close(result) {
+        this._close.next(result);
+        this._close.complete();
+    }
+    dismiss(reason) {
+        this._dismiss.next(reason);
+        this._dismiss.complete();
+    }
+    onClose$ = this._close.asObservable();
+    onDismiss$ = this._dismiss.asObservable();
+}
+
+class DialogService {
+    activeDialogInstances = [];
+    overlay = inject(Overlay);
+    injector = inject(Injector);
+    constructor() {
+        this.checkEscapeEvent();
+    }
+    open(componentRef, options) {
+        const createdComponent = this.createComponent(componentRef, options);
+        return {
+            componentInstance: createdComponent.componentInstance,
+            closed: createdComponent.activeDialog.onClose$,
+            dismissed: createdComponent.activeDialog.onDismiss$
+        };
+    }
+    createComponent(componentRef, dialogOptions) {
+        const injector = this.dialogInjector;
+        const overlayRef = this.getOverlayRef();
+        const portal = new ComponentPortal(componentRef, null, injector);
+        const _componentRef = overlayRef.attach(portal);
+        const activeDialog = this.getActiveDialog(injector);
+        this.activeDialogInstances.push(activeDialog);
+        this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions);
+        this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions);
+        return {
+            activeDialog,
+            componentInstance: _componentRef.instance
+        };
+    }
+    handleDialogDestroyEvents(injector, overlayRef, dialogOptions) {
+        const destroyClickOutside = dialogOptions?.destroyClickOutside ?? true;
+        const activeDialog = this.getActiveDialog(injector);
+        const destroyDialog = () => {
+            overlayRef.dispose();
+            const index = this.activeDialogInstances.indexOf(activeDialog);
+            this.activeDialogInstances.splice(index, 1);
+        };
+        if (destroyClickOutside) {
+            overlayRef.backdropClick().pipe(take(1)).subscribe(() => {
+                activeDialog.dismiss();
+            });
+        }
+        activeDialog.onClose$.pipe(take(1)).subscribe(destroyDialog);
+        activeDialog.onDismiss$.pipe(take(1)).subscribe(destroyDialog);
+    }
+    applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions) {
+        activeDialog.dialogSize = dialogOptions?.size ?? 'md';
+        activeDialog.escapeOnEsc = dialogOptions?.escapeOnEsc ?? true;
+    }
+    getOverlayRef() {
+        const panelClass = ['h-min'];
+        const overlayRef = this.overlay.create({
+            hasBackdrop: true,
+            positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),
+            panelClass
+        });
+        return overlayRef;
+    }
+    getActiveDialog(injector) {
+        return injector.get(ActiveDialog);
+    }
+    get dialogInjector() {
+        const injector = Injector.create({
+            providers: [{ provide: ActiveDialog, useClass: ActiveDialog }],
+            parent: this.injector
+        });
+        return injector;
+    }
+    checkEscapeEvent() {
+        document.body.addEventListener('keydown', (keyboardEvent) => {
+            const isEscapePressed = keyboardEvent.key === 'Escape';
+            if (!isEscapePressed) {
+                return;
+            }
+            const lastActiveModal = this.activeDialogInstances.at(this.activeDialogInstances.length - 1);
+            if (lastActiveModal && lastActiveModal.escapeOnEsc) {
+                lastActiveModal.dismiss();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class InternalDialogService extends DialogService {
+    constructor() {
+        super();
+    }
+    openByTemplate(templateRef, viewContainerRef, dialogOptions) {
+        const injector = this.dialogInjector;
+        const overlayRef = this.getOverlayRef();
+        const portal = new TemplatePortal(templateRef, viewContainerRef);
+        overlayRef.attach(portal);
+        const activeDialog = this.getActiveDialog(injector);
+        this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions);
+        this.activeDialogInstances.push(activeDialog);
+        this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions);
+        return activeDialog;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class DialogComponent {
+    header = input();
+    visible = model(undefined);
+    activeDialog = inject(ActiveDialog, { optional: true });
+    size = input('md');
+    contentClassName = input('');
+    escapeOnEsc = input(true);
+    destroyClickOutside = input(true);
+    viewContainerRef = inject(ViewContainerRef);
+    dialogService = inject(InternalDialogService);
+    template = viewChild('dialogTemplate');
+    templateDiretives = contentChildren(TemplateDirective);
+    onDestroy$ = new Subject();
+    headerTemplate = computed(() => {
+        return this.getTemplate('header');
+    });
+    bodyTemplate = computed(() => {
+        return this.getTemplate('body');
+    });
+    footerTemplate = computed(() => {
+        return this.getTemplate('footer');
+    });
+    constructor() {
+        toObservable(this.visible).pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+            const visible = this.visible();
+            if (visible === true) {
+                this.openDialog();
+            }
+            else if (visible === false) {
+                this.activeDialog?.dismiss();
+            }
+        });
+    }
+    ngAfterViewInit() {
+        if (!this.header() && !this.headerTemplate()) {
+            console.error('Header is required. provide header via input or sTemplate="header"');
+        }
+        if (this.activeDialog && this.visible() !== undefined) {
+            throw new Error('set visible with external component is invalid, the "visible" input is only use when s-dialog is in component html.');
+        }
+    }
+    ngOnDestroy() {
+        this.onDestroy$.next();
+        this.onDestroy$.complete();
+    }
+    onDismiss() {
+        this.activeDialog?.dismiss();
+    }
+    getTemplate(templateType) {
+        return this.templateDiretives().find((template) => template.type === templateType)?.template;
+    }
+    openDialog() {
+        if (this.activeDialog) {
+            throw new Error('set visible with external component is invalid, the "visible" input is only use when s-dialog is in component html.');
+        }
+        this.activeDialog = this.dialogService.openByTemplate(this.template(), this.viewContainerRef, { size: this.size(), destroyClickOutside: this.destroyClickOutside(), escapeOnEsc: this.escapeOnEsc() });
+        this.activeDialog.onClose$.pipe(take(1)).subscribe(() => {
+            this.activeDialog = null;
+            this.visible.set(false);
+        });
+        this.activeDialog.onDismiss$.pipe(take(1)).subscribe(() => {
+            this.activeDialog = null;
+            this.visible.set(false);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DialogComponent, isStandalone: true, selector: "s-dialog", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, contentClassName: { classPropertyName: "contentClassName", publicName: "contentClassName", isSignal: true, isRequired: false, transformFunction: null }, escapeOnEsc: { classPropertyName: "escapeOnEsc", publicName: "escapeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, destroyClickOutside: { classPropertyName: "destroyClickOutside", publicName: "destroyClickOutside", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange" }, queries: [{ propertyName: "templateDiretives", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["dialogTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n        <div\n            [class]=\"contentClassName()\"\n            class=\"flex h-min max-h-screen w-screen flex-col bg-grayscale-0 shadow-md max-sm:h-screen max-sm:w-screen\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-3 p-4 pb-0\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3>{{ header() }}</h3>\n                }\n                <div\n                    class=\"flex cursor-pointer items-center justify-center\"\n                    (sInteractiveContent)=\"onDismiss()\"\n                >\n                    <i class=\"fas fa-times\"></i>\n                </div>\n                <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n            </header>\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n                    <div class=\"w-full\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled"], outputs: ["sInteractiveContent"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-dialog', standalone: true, imports: [NgTemplateOutlet, InteractiveContentDirective, NgClass], template: "@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n        <div\n            [class]=\"contentClassName()\"\n            class=\"flex h-min max-h-screen w-screen flex-col bg-grayscale-0 shadow-md max-sm:h-screen max-sm:w-screen\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-3 p-4 pb-0\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3>{{ header() }}</h3>\n                }\n                <div\n                    class=\"flex cursor-pointer items-center justify-center\"\n                    (sInteractiveContent)=\"onDismiss()\"\n                >\n                    <i class=\"fas fa-times\"></i>\n                </div>\n                <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n            </header>\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n                    <div class=\"w-full\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActiveDialog, DialogComponent, DialogService };
+//# sourceMappingURL=seniorsistemas-angular-components-dialog.mjs.map

package/fesm2022/seniorsistemas-angular-components-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-dialog.mjs","sources":["../../projects/angular-components/dialog/src/lib/src/dialog/models/active-dialog.ts","../../projects/angular-components/dialog/src/lib/src/dialog/services/dialog.service.ts","../../projects/angular-components/dialog/src/lib/src/dialog/services/internal-dialog.service.ts","../../projects/angular-components/dialog/src/lib/src/dialog/dialog.component.ts","../../projects/angular-components/dialog/src/lib/src/dialog/dialog.component.html","../../projects/angular-components/dialog/src/seniorsistemas-angular-components-dialog.ts"],"sourcesContent":["import { Subject } from \"rxjs\";\nimport { DialogSize } from \"./dialog-models\";\n\nexport class ActiveDialog {\n    dialogSize: DialogSize = 'md';\n    escapeOnEsc = true;\n    private _close = new Subject<any>();\n    private _dismiss = new Subject<any>();\n\n    close<T>(result?: T) {\n        this._close.next(result);\n        this._close.complete();\n    }\n\n    dismiss<T>(reason?: T) {\n        this._dismiss.next(reason);\n        this._dismiss.complete();\n    }\n\n    onClose$ = this._close.asObservable();\n    onDismiss$ = this._dismiss.asObservable();\n}\n","import { Overlay, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { inject, Injectable, Injector, TemplateRef, Type, ViewContainerRef } from '@angular/core';\nimport { take } from \"rxjs\";\nimport { ActiveDialog } from \"../models/active-dialog\";\nimport { DialogOptions, DialogRef } from '../models/dialog-models';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DialogService {\n  protected readonly activeDialogInstances: ActiveDialog[] = [];\n  protected readonly overlay = inject(Overlay);\n  protected readonly injector = inject(Injector);\n\n  constructor() {\n    this.checkEscapeEvent();\n  }\n\n  open<T>(componentRef: Type<T>, options?: DialogOptions): DialogRef<T> {\n    const createdComponent = this.createComponent(componentRef, options);\n    return {\n      componentInstance: createdComponent.componentInstance as T,\n      closed: createdComponent.activeDialog.onClose$,\n      dismissed: createdComponent.activeDialog.onDismiss$\n    }\n  }\n\n\n  protected createComponent<T>(componentRef: Type<T>, dialogOptions?: DialogOptions): {\n    componentInstance?: T,\n    activeDialog: ActiveDialog,\n  } {\n    const injector = this.dialogInjector;\n    const overlayRef = this.getOverlayRef();\n    const portal = new ComponentPortal(componentRef, null, injector);\n    const _componentRef = overlayRef.attach(portal);\n    const activeDialog = this.getActiveDialog(injector);\n    this.activeDialogInstances.push(activeDialog);\n    this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions)\n    this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions)\n    return {\n      activeDialog,\n      componentInstance: _componentRef.instance\n    }\n  }\n\n  protected handleDialogDestroyEvents(injector: Injector, overlayRef: OverlayRef, dialogOptions?: DialogOptions) {\n    const destroyClickOutside = dialogOptions?.destroyClickOutside ?? true;\n    const activeDialog = this.getActiveDialog(injector)\n    const destroyDialog = () => {\n      overlayRef.dispose();\n      const index = this.activeDialogInstances.indexOf(activeDialog)\n      this.activeDialogInstances.splice(index, 1);\n    };\n    if (destroyClickOutside) {\n      overlayRef.backdropClick().pipe(take(1)).subscribe(() => {\n        activeDialog.dismiss();\n      });\n    }\n    activeDialog.onClose$.pipe(take(1)).subscribe(destroyDialog)\n    activeDialog.onDismiss$.pipe(take(1)).subscribe(destroyDialog)\n  }\n\n  protected applyDialogOptionsIntoActiveDialog(activeDialog: ActiveDialog, dialogOptions: DialogOptions | undefined) {\n    activeDialog.dialogSize = dialogOptions?.size ?? 'md';\n    activeDialog.escapeOnEsc = dialogOptions?.escapeOnEsc ?? true;\n  }\n\n  protected getOverlayRef() {\n    const panelClass = ['h-min']\n    const overlayRef = this.overlay.create({\n      hasBackdrop: true,\n      positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),\n      panelClass\n    });\n    return overlayRef;\n  }\n\n  protected getActiveDialog(injector: Injector) {\n    return injector.get(ActiveDialog);\n  }\n\n  protected get dialogInjector() {\n    const injector = Injector.create({\n      providers: [{ provide: ActiveDialog, useClass: ActiveDialog }],\n      parent: this.injector\n    });\n    return injector;\n  }\n\n  protected checkEscapeEvent() {\n    document.body.addEventListener('keydown', (keyboardEvent: KeyboardEvent) => {\n      const isEscapePressed = keyboardEvent.key === 'Escape';\n      if (!isEscapePressed) {\n        return;\n      }\n      const lastActiveModal = this.activeDialogInstances.at(this.activeDialogInstances.length - 1);\n      if (lastActiveModal && lastActiveModal.escapeOnEsc) {\n        lastActiveModal.dismiss();\n      }\n    })\n  }\n}\n","import { TemplatePortal } from '@angular/cdk/portal';\nimport { Injectable, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { DialogOptions } from '../models/dialog-models';\nimport { DialogService } from \"./dialog.service\";\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class InternalDialogService extends DialogService {\n    constructor() {\n        super();\n    }\n\n    openByTemplate(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, dialogOptions?: DialogOptions) {\n        const injector = this.dialogInjector;\n        const overlayRef = this.getOverlayRef();\n        const portal = new TemplatePortal(templateRef, viewContainerRef)\n        overlayRef.attach(portal);\n        const activeDialog = this.getActiveDialog(injector);\n        this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions)\n        this.activeDialogInstances.push(activeDialog);\n        this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions)\n        return activeDialog;\n    }\n\n}\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, Component, computed, contentChildren, inject, input, model, OnDestroy, TemplateRef, viewChild, ViewContainerRef } from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\nimport { Subject, take, takeUntil } from 'rxjs';\nimport { ActiveDialog } from './models/active-dialog';\nimport { InternalDialogService } from './services/internal-dialog.service';\nimport { DialogSize } from './models/dialog-models';\n\n@Component({\n  selector: 's-dialog',\n  standalone: true,\n  templateUrl: './dialog.component.html',\n  imports: [NgTemplateOutlet, InteractiveContentDirective, NgClass],\n})\nexport class DialogComponent implements AfterViewInit, OnDestroy {\n  header = input();\n\n  visible = model<boolean | undefined>(undefined);\n\n  activeDialog = inject(ActiveDialog, { optional: true });\n  size = input<DialogSize>('md');\n  contentClassName = input('');\n  escapeOnEsc = input(true);\n  destroyClickOutside = input(true);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly dialogService = inject(InternalDialogService);\n  private readonly template = viewChild<TemplateRef<any>>('dialogTemplate');\n  private readonly templateDiretives = contentChildren(TemplateDirective);\n  private readonly onDestroy$ = new Subject<void>();\n\n  protected headerTemplate = computed(() => {\n    return this.getTemplate('header');\n  })\n\n  protected bodyTemplate = computed(() => {\n    return this.getTemplate('body');\n  })\n\n  protected footerTemplate = computed(() => {\n    return this.getTemplate('footer');\n  })\n\n  constructor() {\n    toObservable(this.visible).pipe(takeUntil(this.onDestroy$)).subscribe(() => {\n      const visible = this.visible();\n      if (visible === true) {\n        this.openDialog();\n      } else if (visible === false) {\n        this.activeDialog?.dismiss();\n      }\n    })\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.header() && !this.headerTemplate()) {\n      console.error('Header is required. provide header via input or sTemplate=\"header\"');\n    }\n\n    if (this.activeDialog && this.visible() !== undefined) {\n      throw new Error('set visible with external component is invalid, the \"visible\" input is only use when s-dialog is in component html.')\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy$.next();\n    this.onDestroy$.complete();\n  }\n\n  protected onDismiss() {\n    this.activeDialog?.dismiss()\n  }\n\n  private getTemplate(templateType: string) {\n    return this.templateDiretives().find((template) => template.type === templateType)?.template;\n  }\n\n  private openDialog() {\n    if (this.activeDialog) {\n      throw new Error('set visible with external component is invalid, the \"visible\" input is only use when s-dialog is in component html.')\n    }\n    this.activeDialog = this.dialogService.openByTemplate(this.template()!, this.viewContainerRef, { size: this.size(), destroyClickOutside: this.destroyClickOutside(), escapeOnEsc: this.escapeOnEsc() });\n    this.activeDialog.onClose$.pipe(take(1)).subscribe(() => {\n      this.activeDialog = null;\n      this.visible.set(false);\n    })\n\n    this.activeDialog.onDismiss$.pipe(take(1)).subscribe(() => {\n      this.activeDialog = null;\n      this.visible.set(false);\n    })\n  }\n}\n","@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n        <div\n            [class]=\"contentClassName()\"\n            class=\"flex h-min max-h-screen w-screen flex-col bg-grayscale-0 shadow-md max-sm:h-screen max-sm:w-screen\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-3 p-4 pb-0\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3>{{ header() }}</h3>\n                }\n                <div\n                    class=\"flex cursor-pointer items-center justify-center\"\n                    (sInteractiveContent)=\"onDismiss()\"\n                >\n                    <i class=\"fas fa-times\"></i>\n                </div>\n                <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n            </header>\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n                    <div class=\"w-full\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}