@ngneers/controls 0.0.1-pre1 → 0.0.1-pre3

package/fesm2022/ngneers-controls-dialog.mjs

@@ -1,44 +1,193 @@
-import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { viewChild, contentChild, input, computed, Component, output, afterRenderEffect, untracked, ChangeDetectionStrategy } from '@angular/core';
-import { templateTypesFn, NgnTemplate } from '@ngneers/controls/api';
-import { LazyCacher } from '@ngneers/controls/lazy-cacher';
-import { generateElementId } from '@ngneers/controls/utils';
+import { contentChild, input, computed, viewChild, Directive, effect, ChangeDetectionStrategy, Component, model, booleanAttribute, output, signal, TemplateRef, afterRenderEffect, untracked, ViewContainerRef } from '@angular/core';
+import { templateTypesFn, toModalCloseBy, toPopoverCloseBy, NgnTemplate, setComponentInput } from '@ngneers/controls/api/ng';
+import { Subject } from 'rxjs';
+import { NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
+import { NgnBase, NgnPt, provideSelf } from '@ngneers/controls/base';
+import { NgnButton, NgnActionButton } from '@ngneers/controls/button';
+import { NgnDefer } from '@ngneers/controls/defer';
+import { NgnMovable, NgnResizable } from '@ngneers/controls/directives';
+import { NgnIcon } from '@ngneers/controls/icon';
+import { generateElementId } from '@ngneers/controls/utils-ng';
+import { dialogControlTemplate } from '@ngneers/controls-themes/templates/dialog';
 
-class DialogTemplates {
+class DialogTemplates extends NgnBase {
+    _userContentTemplate = contentChild('content', ...(ngDevMode ? [{ debugName: "_userContentTemplate" }] : []));
+    /**
+     * The content of the dialog.
+     * Can be a string, a component type, or a template reference.
+     * Can also be set using an `<ng-template>` element with `#content` template reference variable.
+     */
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    contentTemplate = computed(() => this._userContentTemplate() ?? this.content(), ...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
     _defaultHeaderTemplate = viewChild.required('defaultHeaderTemplate');
-    _userHeaderTemplate = contentChild('header');
-    templateHeader = input(null);
-    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate());
+    _userHeaderTemplate = contentChild('header', ...(ngDevMode ? [{ debugName: "_userHeaderTemplate" }] : []));
+    /**
+     * Set a custom template for the header of the dialog.
+     * Can also be set using an `<ng-template>` element with `#header` template reference variable.
+     */
+    templateHeader = input(null, ...(ngDevMode ? [{ debugName: "templateHeader" }] : []));
+    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate(), ...(ngDevMode ? [{ debugName: "headerTemplate" }] : []));
     _defaultFooterTemplate = viewChild.required('defaultFooterTemplate');
-    _userFooterTemplate = contentChild('footer');
-    templateFooter = input(null);
-    footerTemplate = computed(() => this._userFooterTemplate() ?? this.templateFooter() ?? this._defaultFooterTemplate());
+    _userFooterTemplate = contentChild('footer', ...(ngDevMode ? [{ debugName: "_userFooterTemplate" }] : []));
+    /**
+     * Set a custom template for the footer of the dialog.
+     * Can also be set using an `<ng-template>` element with `#footer` template reference variable.
+     */
+    templateFooter = input(null, ...(ngDevMode ? [{ debugName: "templateFooter" }] : []));
+    footerTemplate = computed(() => this._userFooterTemplate() ?? this.templateFooter() ?? this._defaultFooterTemplate(), ...(ngDevMode ? [{ debugName: "footerTemplate" }] : []));
     /**
      * Types for the dialog templates.
      */
     templateTypes = templateTypesFn();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogTemplates, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.5", type: DialogTemplates, isStandalone: true, selector: "ng-component", inputs: { templateHeader: { classPropertyName: "templateHeader", publicName: "templateHeader", isSignal: true, isRequired: false, transformFunction: null }, templateFooter: { classPropertyName: "templateFooter", publicName: "templateFooter", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userHeaderTemplate", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "_userFooterTemplate", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultHeaderTemplate", first: true, predicate: ["defaultHeaderTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultFooterTemplate", first: true, predicate: ["defaultFooterTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: DialogTemplates, isStandalone: true, inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, templateHeader: { classPropertyName: "templateHeader", publicName: "templateHeader", isSignal: true, isRequired: false, transformFunction: null }, templateFooter: { classPropertyName: "templateFooter", publicName: "templateFooter", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userContentTemplate", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "_userHeaderTemplate", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "_userFooterTemplate", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultHeaderTemplate", first: true, predicate: ["defaultHeaderTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultFooterTemplate", first: true, predicate: ["defaultFooterTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogTemplates, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogTemplates, decorators: [{
+            type: Directive
+        }], propDecorators: { _userContentTemplate: [{ type: i0.ContentChild, args: ['content', { isSignal: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], _defaultHeaderTemplate: [{ type: i0.ViewChild, args: ['defaultHeaderTemplate', { isSignal: true }] }], _userHeaderTemplate: [{ type: i0.ContentChild, args: ['header', { isSignal: true }] }], templateHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateHeader", required: false }] }], _defaultFooterTemplate: [{ type: i0.ViewChild, args: ['defaultFooterTemplate', { isSignal: true }] }], _userFooterTemplate: [{ type: i0.ContentChild, args: ['footer', { isSignal: true }] }], templateFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateFooter", required: false }] }] } });
+
+class PromptDialogBase {
+    ngnPromptDialogResolveFn = input(...(ngDevMode ? [undefined, { debugName: "ngnPromptDialogResolveFn" }] : []));
+    constructor() {
+        effect(() => {
+            const fn = this.ngnPromptDialogResolveFn(); // trigger
+            if (fn) {
+                this.onDialogButtonClicked(fn.button);
+            }
+        });
+    }
+    fulfilPrompt(data) {
+        this.ngnPromptDialogResolveFn()?.fn(data ?? null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PromptDialogBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: PromptDialogBase, isStandalone: true, selector: "ng-component", inputs: { ngnPromptDialogResolveFn: { classPropertyName: "ngnPromptDialogResolveFn", publicName: "ngnPromptDialogResolveFn", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PromptDialogBase, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '',
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { ngnPromptDialogResolveFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnPromptDialogResolveFn", required: false }] }] } });
 
-class Dialog extends DialogTemplates {
+/**
+ * @category control
+ */
+class NgnDialog extends DialogTemplates {
+    theme = this.injectThemeTemplate(dialogControlTemplate);
     headerId = generateElementId();
     _dialogElement = viewChild.required('dialog');
-    lazyContent = contentChild('lazy');
-    open = input(true);
-    cache = input(false);
-    modal = input(false);
-    autofocus = input(this.modal());
-    title = input(null);
-    closeOnEscape = input(true);
+    /**
+     * Shows or hides the dialog.
+     *
+     * You probably want to react to openChange events from outside to update your variable accordingly.
+     */
+    open = model(true, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /**
+     * When `true`, the content will be loaded lazily when the dialog is opened for the first time.
+     * Only applies when using a template for the content.
+     */
+    lazy = input(false, { ...(ngDevMode ? { debugName: "lazy" } : {}), transform: booleanAttribute });
+    /**
+     * When {@link lazy} is `true`, setting this to `true` will cache the content after the first load.
+     */
+    cache = input(false, { ...(ngDevMode ? { debugName: "cache" } : {}), transform: booleanAttribute });
+    /**
+     * When `true`, the dialog will be shown as a modal dialog making the background content non-interactable.
+     * @default false
+     */
+    modal = input(false, { ...(ngDevMode ? { debugName: "modal" } : {}), transform: booleanAttribute });
+    /**
+     * When `true`, the dialog will automatically receive focus when opened.
+     * @default modal()
+     */
+    autofocus = input(this.modal(), ...(ngDevMode ? [{ debugName: "autofocus" }] : []));
+    /**
+     * The title of the dialog. Displayed in the default header template.
+     */
+    title = input(null, ...(ngDevMode ? [{ debugName: "title" }] : []));
+    /**
+     * Determines how the dialog can be closed by the user.
+     * - `'any'` - The dialog can be closed by clicking outside the dialog or pressing the Escape key.
+     * - `'escape'` - The dialog can only be closed by pressing the Escape key.
+     * - `'none'` - The dialog cannot be closed by user interaction. It can only be closed programmatically.
+     * @default 'any'
+     */
+    closeBy = input('any', ...(ngDevMode ? [{ debugName: "closeBy" }] : []));
+    /**
+     * The size of the dialog. You can set any CSS size value (e.g. `300px`, `50%`, `auto`, `min-content`, etc.) for each property.
+     */
+    size = input({}, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /**
+     * Action buttons to be displayed in the footer of the dialog.
+     */
+    footerButtons = input(...(ngDevMode ? [undefined, { debugName: "footerButtons" }] : []));
+    /**
+     * Whether the dialog is movable by dragging its header.
+     */
+    movable = input(false, ...(ngDevMode ? [{ debugName: "movable" }] : []));
+    /**
+     * Whether the dialog is resizable.
+     */
+    resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
+    /**
+     * The result of the dialog, which is the `value` of the button that was clicked to close the dialog or null.
+     */
+    buttonClicked = output();
+    /**
+     * Emits when the dialog has fully closed.
+     */
     closed = output();
+    promptResult = output();
+    _latestClickedButtonValue = signal(null, ...(ngDevMode ? [{ debugName: "_latestClickedButtonValue" }] : []));
+    contentComponentInputs = computed(() => {
+        const component = this.typedContent().component;
+        if (!component || !(component.prototype instanceof PromptDialogBase)) {
+            return {};
+        }
+        const latestButton = this._latestClickedButtonValue();
+        if (latestButton === null) {
+            return {};
+        }
+        return {
+            ngnPromptDialogResolveFn: {
+                button: latestButton.button,
+                fn: (result) => {
+                    this.promptResult.emit({
+                        value: result,
+                        button: latestButton.button,
+                    });
+                    this._latestClickedButtonValue.set(null);
+                    this.open.set(false);
+                },
+            },
+        };
+    }, ...(ngDevMode ? [{ debugName: "contentComponentInputs" }] : []));
+    /**
+     * How a modal dialog can be closed by the user.
+     */
+    modalClosedBy = computed(() => toModalCloseBy(this.closeBy()), ...(ngDevMode ? [{ debugName: "modalClosedBy" }] : []));
+    /**
+     * How a popover dialog can be closed by the user.
+     */
+    popoverClosedBy = computed(() => toPopoverCloseBy(this.closeBy()), ...(ngDevMode ? [{ debugName: "popoverClosedBy" }] : []));
+    isFullyClosed = signal(true, ...(ngDevMode ? [{ debugName: "isFullyClosed" }] : []));
+    typedContent = computed(() => {
+        const content = this.contentTemplate();
+        if (!content) {
+            return {};
+        }
+        if (typeof content === 'string') {
+            return { string: content };
+        }
+        else if (content instanceof TemplateRef) {
+            return { template: content };
+        }
+        else {
+            return { component: content };
+        }
+    }, ...(ngDevMode ? [{ debugName: "typedContent" }] : []));
     constructor() {
         super();
         afterRenderEffect(() => {
@@ -47,28 +196,175 @@ class Dialog extends DialogTemplates {
                     this._dialogElement().nativeElement.showModal();
                 }
                 else {
-                    this._dialogElement().nativeElement.show();
+                    this._dialogElement().nativeElement.showPopover();
                 }
             }
             else {
                 this._dialogElement().nativeElement.close();
+                this._dialogElement().nativeElement.hidePopover();
             }
         });
     }
-    onCancel() {
-        this.closed.emit();
+    /**
+     * Different cancel handlers for different event types. Required for modal and popover dialogs.
+     */
+    onCancel(event) {
+        if (event instanceof KeyboardEvent) {
+            // Modal dialogs handle this on their own
+            if (this.modal()) {
+                this.cancelPrompt();
+                this.setStateToClosed();
+                return;
+            }
+            if (event.key !== 'Escape' || event.target.tagName !== 'DIALOG') {
+                // TODO: limitation: when focus is inside a different element, we cannot know if it is safe to close, so we skip it
+                return;
+            }
+            if (this.closeBy() === 'escape') {
+                this.setStateToClosed();
+            }
+            return;
+        }
+        if (event instanceof ToggleEvent && event.newState !== 'closed') {
+            // This is also just for popover dialogs
+            return;
+        }
+        /**
+         * In case the dialog is closed with the same click event that tries to open it again immediately,
+         * we need to wait for the next animation frame to avoid a stuck state where the outside thinks it's opened
+         * but inside `open` is set to false.
+         */
+        requestAnimationFrame(() => {
+            this.setStateToClosed();
+        });
+    }
+    setStateToClosed() {
+        this.open.set(false);
+        this.cancelPrompt();
+        requestAnimationFrame(() => {
+            const allAnimationsDone = Promise.all(this.element.nativeElement.getAnimations().map(x => x.finished));
+            allAnimationsDone
+                .then(() => {
+                this.isFullyClosed.set(true);
+                this.closed.emit();
+            })
+                .catch(() => {
+                // ignore cancelled animation
+            });
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: Dialog, isStandalone: true, selector: "ngn-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, queries: [{ propertyName: "lazyContent", first: true, predicate: ["lazy"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_dialogElement", first: true, predicate: ["dialog"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<dialog\n  #dialog\n  [attr.closedby]=\"closeOnEscape() ? 'closerequest' : 'none'\"\n  [autofocus]=\"autofocus()\"\n  [attr.aria-labelledby]=\"headerId\"\n  (cancel)=\"onCancel()\"\n>\n  <header>\n    <ng-template\n      [ngTemplateOutlet]=\"headerTemplate()\"\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\n    ></ng-template>\n  </header>\n\n  <ngn-lazy-cacher [lazyContent]=\"lazyContent()\" [open]=\"open()\" [cache]=\"cache()\">\n    <ng-content />\n  </ngn-lazy-cacher>\n\n  <footer>\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\n  </footer>\n</dialog>\n\n<ng-template\n  #defaultHeaderTemplate\n  [ngnTemplate]=\"templateTypes.header\"\n  let-headerId=\"headerId\"\n  let-title=\"title\"\n>\n  @if (title) {\n    <h2 [id]=\"headerId\">{{ title }}</h2>\n  }\n</ng-template>\n\n<ng-template #defaultFooterTemplate></ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: LazyCacher, selector: "ngn-lazy-cacher", inputs: ["lazyContent", "open", "cache"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    cancelPrompt() {
+        if (this.contentComponentInputs()) {
+            this.promptResult.emit({
+                value: null,
+                button: null,
+            });
+            this._latestClickedButtonValue.set(null);
+        }
+    }
+    closeWithButton() {
+        this.open.set(false);
+        this.cancelPrompt();
+    }
+    /**
+     * Opens the dialog. Alternatively, you can also set the `open` input to `true`.
+     */
+    show() {
+        this.open.set(true);
+    }
+    hide() {
+        this.open.set(false);
+    }
+    toggle() {
+        this.open.update(open => !open);
+    }
+    singleButtonTypeFix(button) {
+        return button;
+    }
+    buttonClick(button) {
+        this.buttonClicked.emit(button);
+        this._latestClickedButtonValue.set({ button });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NgnDialog, isStandalone: true, selector: "ngn-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeBy: { classPropertyName: "closeBy", publicName: "closeBy", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, footerButtons: { classPropertyName: "footerButtons", publicName: "footerButtons", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", buttonClicked: "buttonClicked", closed: "closed", promptResult: "promptResult" }, providers: [provideSelf(NgnDialog)], viewQueries: [{ propertyName: "_dialogElement", first: true, predicate: ["dialog"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\r\n<dialog\r\n  #dialog\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{ root: true, modal: modal() }\"\r\n  [attr.closedby]=\"modalClosedBy()\"\r\n  [autofocus]=\"autofocus()\"\r\n  [attr.aria-labelledby]=\"headerId\"\r\n  (cancel)=\"onCancel()\"\r\n  (toggle)=\"onCancel($event)\"\r\n  (keydown)=\"onCancel($event)\"\r\n  [style.minWidth]=\"size().minWidth\"\r\n  [style.maxWidth]=\"size().maxWidth\"\r\n  [style.width]=\"size().width\"\r\n  [style.minHeight]=\"size().minHeight\"\r\n  [style.maxHeight]=\"size().maxHeight\"\r\n  [ngnMovable]=\"movable()\"\r\n  [ngnResizable]=\"resizable()\"\r\n  [ngnResizableSizeLimits]=\"{\r\n    minWidth: size().minWidth,\r\n    minHeight: size().minHeight,\r\n    maxWidth: size().maxWidth,\r\n    maxHeight: size().maxHeight,\r\n  }\"\r\n  [ngnMovableDragHandle]=\"header\"\r\n  [attr.popover]=\"popoverClosedBy()\"\r\n>\r\n  <header #header [ptInt]=\"this\" [ptClass]=\"'header'\">\r\n    <ng-template\r\n      [ngTemplateOutlet]=\"headerTemplate()\"\r\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\r\n    ></ng-template>\r\n    <button ngnButton [kind]=\"'icon'\" (click)=\"closeWithButton()\" tabindex=\"-1\">\r\n      <ngn-icon [defaultIcon]=\"'xmark'\"></ngn-icon>\r\n    </button>\r\n  </header>\r\n\r\n  @if (typedContent().template; as template) {\r\n    <ngn-defer\r\n      [lazyContent]=\"template\"\r\n      [lazy]=\"lazy()\"\r\n      [open]=\"open() || !isFullyClosed()\"\r\n      [cache]=\"cache()\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'content'\"\r\n    />\r\n  } @else if (typedContent().string; as string) {\r\n    <div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n      {{ string }}\r\n    </div>\r\n  } @else if (typedContent().component; as component) {\r\n    <div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n      <ng-container *ngComponentOutlet=\"component; inputs: contentComponentInputs()\" />\r\n    </div>\r\n  } @else {\r\n    <ng-content />\r\n  }\r\n\r\n  <footer [ptInt]=\"this\" [ptClass]=\"'footer'\">\r\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\r\n  </footer>\r\n</dialog>\r\n\r\n<ng-template\r\n  #defaultHeaderTemplate\r\n  [ngnTemplate]=\"templateTypes.header\"\r\n  let-headerId=\"headerId\"\r\n  let-title=\"title\"\r\n>\r\n  @if (title) {\r\n    <h2 [ptInt]=\"this\" [ptClass]=\"'default-header'\" [id]=\"headerId\">{{ title }}</h2>\r\n  } @else {\r\n    <div>\r\n      <!-- Placeholder for default header content -->\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultFooterTemplate>\r\n  <div [ptInt]=\"this\" [ptClass]=\"'default-footer'\">\r\n    @for (button of footerButtons(); track $index) {\r\n      <ngn-action-button [config]=\"singleButtonTypeFix(button)\" (clicked)=\"buttonClick($event)\" />\r\n    }\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "directive", type: NgnMovable, selector: "[ngnMovable]", inputs: ["ngnMovable", "ngnMovableDragHandle", "ngnMovableChangeCursor", "ngnMovableLimitToViewport"] }, { kind: "component", type: NgnDefer, selector: "ngn-defer", inputs: ["lazyContent", "lazyContentContext", "open", "lazy", "cache", "hiddenOnClosed"] }, { kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "directive", type: NgnButton, selector: "button[ngnButton], a[ngnButton]", inputs: ["inline"] }, { kind: "component", type: NgnActionButton, selector: "ngn-action-button", inputs: ["config"], outputs: ["clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }, { kind: "directive", type: NgnResizable, selector: "[ngnResizable]", inputs: ["ngnResizable", "ngnResizableSizeLimits"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: Dialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'ngn-dialog', imports: [NgTemplateOutlet, NgnTemplate, LazyCacher], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<dialog\n  #dialog\n  [attr.closedby]=\"closeOnEscape() ? 'closerequest' : 'none'\"\n  [autofocus]=\"autofocus()\"\n  [attr.aria-labelledby]=\"headerId\"\n  (cancel)=\"onCancel()\"\n>\n  <header>\n    <ng-template\n      [ngTemplateOutlet]=\"headerTemplate()\"\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\n    ></ng-template>\n  </header>\n\n  <ngn-lazy-cacher [lazyContent]=\"lazyContent()\" [open]=\"open()\" [cache]=\"cache()\">\n    <ng-content />\n  </ngn-lazy-cacher>\n\n  <footer>\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\n  </footer>\n</dialog>\n\n<ng-template\n  #defaultHeaderTemplate\n  [ngnTemplate]=\"templateTypes.header\"\n  let-headerId=\"headerId\"\n  let-title=\"title\"\n>\n  @if (title) {\n    <h2 [id]=\"headerId\">{{ title }}</h2>\n  }\n</ng-template>\n\n<ng-template #defaultFooterTemplate></ng-template>\n" }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'ngn-dialog', imports: [
+                        NgTemplateOutlet,
+                        NgnTemplate,
+                        NgnMovable,
+                        NgnDefer,
+                        NgnPt,
+                        NgnButton,
+                        NgnActionButton,
+                        NgComponentOutlet,
+                        NgnIcon,
+                        NgnResizable,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideSelf(NgnDialog)], template: "<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\r\n<dialog\r\n  #dialog\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{ root: true, modal: modal() }\"\r\n  [attr.closedby]=\"modalClosedBy()\"\r\n  [autofocus]=\"autofocus()\"\r\n  [attr.aria-labelledby]=\"headerId\"\r\n  (cancel)=\"onCancel()\"\r\n  (toggle)=\"onCancel($event)\"\r\n  (keydown)=\"onCancel($event)\"\r\n  [style.minWidth]=\"size().minWidth\"\r\n  [style.maxWidth]=\"size().maxWidth\"\r\n  [style.width]=\"size().width\"\r\n  [style.minHeight]=\"size().minHeight\"\r\n  [style.maxHeight]=\"size().maxHeight\"\r\n  [ngnMovable]=\"movable()\"\r\n  [ngnResizable]=\"resizable()\"\r\n  [ngnResizableSizeLimits]=\"{\r\n    minWidth: size().minWidth,\r\n    minHeight: size().minHeight,\r\n    maxWidth: size().maxWidth,\r\n    maxHeight: size().maxHeight,\r\n  }\"\r\n  [ngnMovableDragHandle]=\"header\"\r\n  [attr.popover]=\"popoverClosedBy()\"\r\n>\r\n  <header #header [ptInt]=\"this\" [ptClass]=\"'header'\">\r\n    <ng-template\r\n      [ngTemplateOutlet]=\"headerTemplate()\"\r\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\r\n    ></ng-template>\r\n    <button ngnButton [kind]=\"'icon'\" (click)=\"closeWithButton()\" tabindex=\"-1\">\r\n      <ngn-icon [defaultIcon]=\"'xmark'\"></ngn-icon>\r\n    </button>\r\n  </header>\r\n\r\n  @if (typedContent().template; as template) {\r\n    <ngn-defer\r\n      [lazyContent]=\"template\"\r\n      [lazy]=\"lazy()\"\r\n      [open]=\"open() || !isFullyClosed()\"\r\n      [cache]=\"cache()\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'content'\"\r\n    />\r\n  } @else if (typedContent().string; as string) {\r\n    <div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n      {{ string }}\r\n    </div>\r\n  } @else if (typedContent().component; as component) {\r\n    <div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n      <ng-container *ngComponentOutlet=\"component; inputs: contentComponentInputs()\" />\r\n    </div>\r\n  } @else {\r\n    <ng-content />\r\n  }\r\n\r\n  <footer [ptInt]=\"this\" [ptClass]=\"'footer'\">\r\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\r\n  </footer>\r\n</dialog>\r\n\r\n<ng-template\r\n  #defaultHeaderTemplate\r\n  [ngnTemplate]=\"templateTypes.header\"\r\n  let-headerId=\"headerId\"\r\n  let-title=\"title\"\r\n>\r\n  @if (title) {\r\n    <h2 [ptInt]=\"this\" [ptClass]=\"'default-header'\" [id]=\"headerId\">{{ title }}</h2>\r\n  } @else {\r\n    <div>\r\n      <!-- Placeholder for default header content -->\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultFooterTemplate>\r\n  <div [ptInt]=\"this\" [ptClass]=\"'default-footer'\">\r\n    @for (button of footerButtons(); track $index) {\r\n      <ngn-action-button [config]=\"singleButtonTypeFix(button)\" (clicked)=\"buttonClick($event)\" />\r\n    }\r\n  </div>\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { _dialogElement: [{ type: i0.ViewChild, args: ['dialog', { isSignal: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], cache: [{ type: i0.Input, args: [{ isSignal: true, alias: "cache", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], closeBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeBy", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], footerButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtons", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }], closed: [{ type: i0.Output, args: ["closed"] }], promptResult: [{ type: i0.Output, args: ["promptResult"] }] } });
+
+function applyDialogConfig(dialogRef, config) {
+    if (config.title !== undefined) {
+        setComponentInput(dialogRef, 'title', config.title);
+    }
+    if (config.size !== undefined) {
+        setComponentInput(dialogRef, 'size', config.size);
+    }
+    if (config.modal !== undefined) {
+        setComponentInput(dialogRef, 'modal', config.modal);
+    }
+    if (config.footerButtons !== undefined) {
+        setComponentInput(dialogRef, 'footerButtons', config.footerButtons);
+    }
+    if (config.closeBy !== undefined) {
+        setComponentInput(dialogRef, 'closeBy', config.closeBy);
+    }
+    if (config.content !== undefined) {
+        setComponentInput(dialogRef, 'content', config.content);
+    }
+    if (config.movable !== undefined) {
+        setComponentInput(dialogRef, 'movable', config.movable);
+    }
+    if (config.resizable !== undefined) {
+        setComponentInput(dialogRef, 'resizable', config.resizable);
+    }
+}
+function createDialog(injector, config) {
+    const viewContainerRef = injector.get(ViewContainerRef);
+    const dialogRef = viewContainerRef.createComponent(NgnDialog, {
+        injector,
+    });
+    applyDialogConfig(dialogRef, config);
+    dialogRef.instance.buttonClicked.subscribe(value => {
+        buttonClicked.next(value);
+    });
+    const buttonClicked = new Subject();
+    dialogRef.onDestroy(() => {
+        buttonClicked.complete();
+    });
+    if (typeof config.content === 'function' &&
+        config.content.prototype instanceof PromptDialogBase) {
+        const _result = Promise.withResolvers();
+        dialogRef.instance.promptResult.subscribe(result => {
+            _result.resolve(result);
+        });
+        return {
+            close: () => dialogRef.destroy(),
+            updateConfig: (newConfig) => applyDialogConfig(dialogRef, newConfig),
+            result: _result.promise,
+        };
+    }
+    return {
+        close: () => dialogRef.destroy(),
+        updateConfig: (newConfig) => applyDialogConfig(dialogRef, newConfig),
+        buttonClicked: buttonClicked.asObservable(),
+    };
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Dialog };
+export { NgnDialog, PromptDialogBase, createDialog };
 //# sourceMappingURL=ngneers-controls-dialog.mjs.map

package/fesm2022/ngneers-controls-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngneers-controls-dialog.mjs","sources":["../../../packages/controls/src/dialog/dialog-templates.ts","../../../packages/controls/src/dialog/dialog.ts","../../../packages/controls/src/dialog/dialog.html","../../../packages/controls/src/dialog/ngneers-controls-dialog.ts"],"sourcesContent":["import { Component, computed, contentChild, input, TemplateRef, viewChild } from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api';\r\n\r\n@Component({\r\n  template: '',\r\n})\r\nexport abstract class DialogTemplates {\r\n  private readonly _defaultHeaderTemplate =\r\n    viewChild.required<TemplateRef<unknown>>('defaultHeaderTemplate');\r\n  private readonly _userHeaderTemplate = contentChild<TemplateRef<unknown>>('header');\r\n  public readonly templateHeader = input<TemplateRef<unknown> | null>(null);\r\n  protected readonly headerTemplate = computed(\r\n    () => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate()\r\n  );\r\n\r\n  private readonly _defaultFooterTemplate =\r\n    viewChild.required<TemplateRef<unknown>>('defaultFooterTemplate');\r\n  private readonly _userFooterTemplate = contentChild<TemplateRef<unknown>>('footer');\r\n  public readonly templateFooter = input<TemplateRef<unknown> | null>(null);\r\n  protected readonly footerTemplate = computed(\r\n    () => this._userFooterTemplate() ?? this.templateFooter() ?? this._defaultFooterTemplate()\r\n  );\r\n\r\n  /**\r\n   * Types for the dialog templates.\r\n   */\r\n  public readonly templateTypes = templateTypesFn<{\r\n    header: {\r\n      headerId: string;\r\n      title: string | null;\r\n    };\r\n  }>();\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  ElementRef,\n  input,\n  output,\n  TemplateRef,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { NgnTemplate } from '@ngneers/controls/api';\nimport { LazyCacher } from '@ngneers/controls/lazy-cacher';\nimport { generateElementId } from '@ngneers/controls/utils';\n\nimport { DialogTemplates } from './dialog-templates';\n\n@Component({\n  selector: 'ngn-dialog',\n  imports: [NgTemplateOutlet, NgnTemplate, LazyCacher],\n  templateUrl: './dialog.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Dialog extends DialogTemplates {\n  protected readonly headerId = generateElementId();\n\n  private readonly _dialogElement = viewChild.required<ElementRef<HTMLDialogElement>>('dialog');\n  protected readonly lazyContent = contentChild<TemplateRef<unknown>>('lazy');\n\n  public readonly open = input(true);\n  public readonly cache = input(false);\n  public readonly modal = input(false);\n  public readonly autofocus = input(this.modal());\n  public readonly title = input<string | null>(null);\n  public readonly closeOnEscape = input(true);\n\n  public readonly closed = output<void>();\n\n  constructor() {\n    super();\n    afterRenderEffect(() => {\n      if (this.open()) {\n        if (untracked(this.modal)) {\n          this._dialogElement().nativeElement.showModal();\n        } else {\n          this._dialogElement().nativeElement.show();\n        }\n      } else {\n        this._dialogElement().nativeElement.close();\n      }\n    });\n  }\n\n  protected onCancel() {\n    this.closed.emit();\n  }\n}\n","<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<dialog\n  #dialog\n  [attr.closedby]=\"closeOnEscape() ? 'closerequest' : 'none'\"\n  [autofocus]=\"autofocus()\"\n  [attr.aria-labelledby]=\"headerId\"\n  (cancel)=\"onCancel()\"\n>\n  <header>\n    <ng-template\n      [ngTemplateOutlet]=\"headerTemplate()\"\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\n    ></ng-template>\n  </header>\n\n  <ngn-lazy-cacher [lazyContent]=\"lazyContent()\" [open]=\"open()\" [cache]=\"cache()\">\n    <ng-content />\n  </ngn-lazy-cacher>\n\n  <footer>\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\n  </footer>\n</dialog>\n\n<ng-template\n  #defaultHeaderTemplate\n  [ngnTemplate]=\"templateTypes.header\"\n  let-headerId=\"headerId\"\n  let-title=\"title\"\n>\n  @if (title) {\n    <h2 [id]=\"headerId\">{{ title }}</h2>\n  }\n</ng-template>\n\n<ng-template #defaultFooterTemplate></ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngneers-controls-dialog.mjs","sources":["../../src/dialog/dialog-templates.ts","../../src/dialog/prompt-dialog-base.ts","../../src/dialog/dialog.ts","../../src/dialog/dialog.html","../../src/dialog/create-dialog.ts","../../src/dialog/ngneers-controls-dialog.ts"],"sourcesContent":["import {\r\n  computed,\r\n  contentChild,\r\n  Directive,\r\n  input,\r\n  TemplateRef,\r\n  Type,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\r\nimport { NgnBase } from '@ngneers/controls/base';\r\n\r\n@Directive()\r\nexport abstract class DialogTemplates<T> extends NgnBase<'dialog'> {\r\n  private readonly _userContentTemplate = contentChild<TemplateRef<unknown>>('content');\r\n  /**\r\n   * The content of the dialog.\r\n   * Can be a string, a component type, or a template reference.\r\n   * Can also be set using an `<ng-template>` element with `#content` template reference variable.\r\n   */\r\n  public readonly content = input<TemplateRef<unknown> | null | Type<T> | string>(null);\r\n  protected readonly contentTemplate = computed(\r\n    () => this._userContentTemplate() ?? this.content()\r\n  );\r\n\r\n  private readonly _defaultHeaderTemplate =\r\n    viewChild.required<TemplateRef<unknown>>('defaultHeaderTemplate');\r\n  private readonly _userHeaderTemplate = contentChild<TemplateRef<unknown>>('header');\r\n  /**\r\n   * Set a custom template for the header of the dialog.\r\n   * Can also be set using an `<ng-template>` element with `#header` template reference variable.\r\n   */\r\n  public readonly templateHeader = input<TemplateRef<unknown> | null>(null);\r\n  protected readonly headerTemplate = computed(\r\n    () => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate()\r\n  );\r\n\r\n  private readonly _defaultFooterTemplate =\r\n    viewChild.required<TemplateRef<unknown>>('defaultFooterTemplate');\r\n  private readonly _userFooterTemplate = contentChild<TemplateRef<unknown>>('footer');\r\n  /**\r\n   * Set a custom template for the footer of the dialog.\r\n   * Can also be set using an `<ng-template>` element with `#footer` template reference variable.\r\n   */\r\n  public readonly templateFooter = input<TemplateRef<unknown> | null>(null);\r\n  protected readonly footerTemplate = computed(\r\n    () => this._userFooterTemplate() ?? this.templateFooter() ?? this._defaultFooterTemplate()\r\n  );\r\n\r\n  /**\r\n   * Types for the dialog templates.\r\n   */\r\n  public readonly templateTypes = templateTypesFn<{\r\n    header: {\r\n      headerId: string;\r\n      title: string | null;\r\n    };\r\n  }>();\r\n}\r\n","import { Component, effect, input, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: '',\r\n})\r\nexport abstract class PromptDialogBase<D, ButtonValues> {\r\n  public readonly ngnPromptDialogResolveFn = input<{\r\n    fn: (value: D | null) => void;\r\n    button: ButtonValues;\r\n  }>();\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const fn = this.ngnPromptDialogResolveFn(); // trigger\r\n      if (fn) {\r\n        this.onDialogButtonClicked(fn.button);\r\n      }\r\n    });\r\n  }\r\n\r\n  protected fulfilPrompt(data?: D) {\r\n    this.ngnPromptDialogResolveFn()?.fn(data ?? null);\r\n  }\r\n\r\n  protected abstract onDialogButtonClicked(button: ButtonValues): void;\r\n}\r\n","import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  afterRenderEffect,\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  ElementRef,\r\n  input,\r\n  model,\r\n  output,\r\n  signal,\r\n  TemplateRef,\r\n  Type,\r\n  untracked,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport {\r\n  type CloseBy,\r\n  toModalCloseBy,\r\n  toPopoverCloseBy,\r\n  NgnTemplate,\r\n  type Openable,\r\n} from '@ngneers/controls/api/ng';\r\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { NgnActionButton, NgnButton } from '@ngneers/controls/button';\r\nimport { NgnDefer } from '@ngneers/controls/defer';\r\nimport { NgnMovable, NgnResizable } from '@ngneers/controls/directives';\r\nimport { NgnIcon } from '@ngneers/controls/icon';\r\nimport { generateElementId } from '@ngneers/controls/utils-ng';\r\nimport { dialogControlTemplate } from '@ngneers/controls-themes/templates/dialog';\r\n\r\nimport { DialogTemplates } from './dialog-templates';\r\nimport { PromptDialogBase } from './prompt-dialog-base';\r\n\r\nimport type { DialogSize } from './types';\r\nimport type { NgnActionButtonConfig } from '@ngneers/controls/api';\r\n\r\ntype TypedContent = {\r\n  template?: TemplateRef<unknown>;\r\n  string?: string;\r\n  component?: Type<unknown>;\r\n};\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  selector: 'ngn-dialog',\r\n  imports: [\r\n    NgTemplateOutlet,\r\n    NgnTemplate,\r\n    NgnMovable,\r\n    NgnDefer,\r\n    NgnPt,\r\n    NgnButton,\r\n    NgnActionButton,\r\n    NgComponentOutlet,\r\n    NgnIcon,\r\n    NgnResizable,\r\n  ],\r\n  templateUrl: './dialog.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [provideSelf(NgnDialog)],\r\n})\r\nexport class NgnDialog<\r\n  T,\r\n  Buttons extends NgnActionButtonConfig<T extends PromptDialogBase<any, infer B> ? B : unknown>[],\r\n>\r\n  extends DialogTemplates<T>\r\n  implements Openable\r\n{\r\n  protected readonly theme = this.injectThemeTemplate(dialogControlTemplate);\r\n  protected readonly headerId = generateElementId();\r\n\r\n  private readonly _dialogElement = viewChild.required<ElementRef<HTMLDialogElement>>('dialog');\r\n  /**\r\n   * Shows or hides the dialog.\r\n   *\r\n   * You probably want to react to openChange events from outside to update your variable accordingly.\r\n   */\r\n  public readonly open = model(true);\r\n  /**\r\n   * When `true`, the content will be loaded lazily when the dialog is opened for the first time.\r\n   * Only applies when using a template for the content.\r\n   */\r\n  public readonly lazy = input(false, { transform: booleanAttribute });\r\n  /**\r\n   * When {@link lazy} is `true`, setting this to `true` will cache the content after the first load.\r\n   */\r\n  public readonly cache = input(false, { transform: booleanAttribute });\r\n  /**\r\n   * When `true`, the dialog will be shown as a modal dialog making the background content non-interactable.\r\n   * @default false\r\n   */\r\n  public readonly modal = input(false, { transform: booleanAttribute });\r\n  /**\r\n   * When `true`, the dialog will automatically receive focus when opened.\r\n   * @default modal()\r\n   */\r\n  public readonly autofocus = input(this.modal());\r\n  /**\r\n   * The title of the dialog. Displayed in the default header template.\r\n   */\r\n  public readonly title = input<string | null | undefined>(null);\r\n  /**\r\n   * Determines how the dialog can be closed by the user.\r\n   * - `'any'` - The dialog can be closed by clicking outside the dialog or pressing the Escape key.\r\n   * - `'escape'` - The dialog can only be closed by pressing the Escape key.\r\n   * - `'none'` - The dialog cannot be closed by user interaction. It can only be closed programmatically.\r\n   * @default 'any'\r\n   */\r\n  public readonly closeBy = input<CloseBy>('any');\r\n  /**\r\n   * The size of the dialog. You can set any CSS size value (e.g. `300px`, `50%`, `auto`, `min-content`, etc.) for each property.\r\n   */\r\n  public readonly size = input<DialogSize>({});\r\n  /**\r\n   * Action buttons to be displayed in the footer of the dialog.\r\n   */\r\n  public readonly footerButtons = input<Buttons>();\r\n  /**\r\n   * Whether the dialog is movable by dragging its header.\r\n   */\r\n  public readonly movable = input<boolean | null | undefined | ''>(false);\r\n  /**\r\n   * Whether the dialog is resizable.\r\n   */\r\n  public readonly resizable = input<boolean | null | undefined | ''>(false);\r\n  /**\r\n   * The result of the dialog, which is the `value` of the button that was clicked to close the dialog or null.\r\n   */\r\n  public readonly buttonClicked = output<Buttons[number]['value'] | null>();\r\n  /**\r\n   * Emits when the dialog has fully closed.\r\n   */\r\n  public readonly closed = output();\r\n\r\n  public readonly promptResult = output<{\r\n    value: (T extends PromptDialogBase<infer D, Buttons[number]['value']> ? D : never) | null;\r\n    button: Buttons[number]['value'] | null;\r\n  }>();\r\n\r\n  private readonly _latestClickedButtonValue = signal<{ button: Buttons[number]['value'] } | null>(\r\n    null\r\n  );\r\n\r\n  protected readonly contentComponentInputs = computed(() => {\r\n    const component = this.typedContent().component;\r\n    if (!component || !(component.prototype instanceof PromptDialogBase)) {\r\n      return {};\r\n    }\r\n    const latestButton = this._latestClickedButtonValue();\r\n    if (latestButton === null) {\r\n      return {};\r\n    }\r\n    return {\r\n      ngnPromptDialogResolveFn: {\r\n        button: latestButton.button,\r\n        fn: (result: T extends PromptDialogBase<infer D, Buttons[number]['value']> ? D : never) => {\r\n          this.promptResult.emit({\r\n            value: result,\r\n            button: latestButton.button,\r\n          });\r\n          this._latestClickedButtonValue.set(null);\r\n          this.open.set(false);\r\n        },\r\n      },\r\n    };\r\n  });\r\n\r\n  /**\r\n   * How a modal dialog can be closed by the user.\r\n   */\r\n  protected readonly modalClosedBy = computed(() => toModalCloseBy(this.closeBy()));\r\n  /**\r\n   * How a popover dialog can be closed by the user.\r\n   */\r\n  protected readonly popoverClosedBy = computed(() => toPopoverCloseBy(this.closeBy()));\r\n  protected readonly isFullyClosed = signal(true);\r\n\r\n  protected readonly typedContent = computed<TypedContent>(() => {\r\n    const content = this.contentTemplate();\r\n    if (!content) {\r\n      return {};\r\n    }\r\n    if (typeof content === 'string') {\r\n      return { string: content };\r\n    } else if (content instanceof TemplateRef) {\r\n      return { template: content };\r\n    } else {\r\n      return { component: content };\r\n    }\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    afterRenderEffect(() => {\r\n      if (this.open()) {\r\n        if (untracked(this.modal)) {\r\n          this._dialogElement().nativeElement.showModal();\r\n        } else {\r\n          this._dialogElement().nativeElement.showPopover();\r\n        }\r\n      } else {\r\n        this._dialogElement().nativeElement.close();\r\n        this._dialogElement().nativeElement.hidePopover();\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Different cancel handlers for different event types. Required for modal and popover dialogs.\r\n   */\r\n  protected onCancel(event?: ToggleEvent | KeyboardEvent): void {\r\n    if (event instanceof KeyboardEvent) {\r\n      // Modal dialogs handle this on their own\r\n      if (this.modal()) {\r\n        this.cancelPrompt();\r\n        this.setStateToClosed();\r\n        return;\r\n      }\r\n      if (event.key !== 'Escape' || (event.target as HTMLElement).tagName !== 'DIALOG') {\r\n        // TODO: limitation: when focus is inside a different element, we cannot know if it is safe to close, so we skip it\r\n        return;\r\n      }\r\n      if (this.closeBy() === 'escape') {\r\n        this.setStateToClosed();\r\n      }\r\n      return;\r\n    }\r\n\r\n    if (event instanceof ToggleEvent && event.newState !== 'closed') {\r\n      // This is also just for popover dialogs\r\n      return;\r\n    }\r\n    /**\r\n     * In case the dialog is closed with the same click event that tries to open it again immediately,\r\n     * we need to wait for the next animation frame to avoid a stuck state where the outside thinks it's opened\r\n     * but inside `open` is set to false.\r\n     */\r\n    requestAnimationFrame(() => {\r\n      this.setStateToClosed();\r\n    });\r\n  }\r\n\r\n  private setStateToClosed() {\r\n    this.open.set(false);\r\n    this.cancelPrompt();\r\n    requestAnimationFrame(() => {\r\n      const allAnimationsDone = Promise.all(\r\n        this.element.nativeElement.getAnimations().map(x => x.finished)\r\n      );\r\n      allAnimationsDone\r\n        .then(() => {\r\n          this.isFullyClosed.set(true);\r\n          this.closed.emit();\r\n        })\r\n        .catch(() => {\r\n          // ignore cancelled animation\r\n        });\r\n    });\r\n  }\r\n\r\n  private cancelPrompt() {\r\n    if (this.contentComponentInputs()) {\r\n      this.promptResult.emit({\r\n        value: null,\r\n        button: null,\r\n      });\r\n      this._latestClickedButtonValue.set(null);\r\n    }\r\n  }\r\n\r\n  protected closeWithButton() {\r\n    this.open.set(false);\r\n    this.cancelPrompt();\r\n  }\r\n\r\n  /**\r\n   * Opens the dialog. Alternatively, you can also set the `open` input to `true`.\r\n   */\r\n  public show(): void {\r\n    this.open.set(true);\r\n  }\r\n  public hide(): void {\r\n    this.open.set(false);\r\n  }\r\n  public toggle(): void {\r\n    this.open.update(open => !open);\r\n  }\r\n\r\n  protected singleButtonTypeFix(button: unknown): Buttons[number] {\r\n    return button as Buttons[number];\r\n  }\r\n\r\n  protected buttonClick(button: Buttons[number]['value']): void {\r\n    this.buttonClicked.emit(button);\r\n    this._latestClickedButtonValue.set({ button });\r\n  }\r\n}\r\n","<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\r\n<dialog\r\n  #dialog\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{ root: true, modal: modal() }\"\r\n  [attr.closedby]=\"modalClosedBy()\"\r\n  [autofocus]=\"autofocus()\"\r\n  [attr.aria-labelledby]=\"headerId\"\r\n  (cancel)=\"onCancel()\"\r\n  (toggle)=\"onCancel($event)\"\r\n  (keydown)=\"onCancel($event)\"\r\n  [style.minWidth]=\"size().minWidth\"\r\n  [style.maxWidth]=\"size().maxWidth\"\r\n  [style.width]=\"size().width\"\r\n  [style.minHeight]=\"size().minHeight\"\r\n  [style.maxHeight]=\"size().maxHeight\"\r\n  [ngnMovable]=\"movable()\"\r\n  [ngnResizable]=\"resizable()\"\r\n  [ngnResizableSizeLimits]=\"{\r\n    minWidth: size().minWidth,\r\n    minHeight: size().minHeight,\r\n    maxWidth: size().maxWidth,\r\n    maxHeight: size().maxHeight,\r\n  }\"\r\n  [ngnMovableDragHandle]=\"header\"\r\n  [attr.popover]=\"popoverClosedBy()\"\r\n>\r\n  <header #header [ptInt]=\"this\" [ptClass]=\"'header'\">\r\n    <ng-template\r\n      [ngTemplateOutlet]=\"headerTemplate()\"\r\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\r\n    ></ng-template>\r\n    <button ngnButton [kind]=\"'icon'\" (click)=\"closeWithButton()\" tabindex=\"-1\">\r\n      <ngn-icon [defaultIcon]=\"'xmark'\"></ngn-icon>\r\n    </button>\r\n  </header>\r\n\r\n  @if (typedContent().template; as template) {\r\n    <ngn-defer\r\n      [lazyContent]=\"template\"\r\n      [lazy]=\"lazy()\"\r\n      [open]=\"open() || !isFullyClosed()\"\r\n      [cache]=\"cache()\"\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'content'\"\r\n    />\r\n  } @else if (typedContent().string; as string) {\r\n    <div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n      {{ string }}\r\n    </div>\r\n  } @else if (typedContent().component; as component) {\r\n    <div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n      <ng-container *ngComponentOutlet=\"component; inputs: contentComponentInputs()\" />\r\n    </div>\r\n  } @else {\r\n    <ng-content />\r\n  }\r\n\r\n  <footer [ptInt]=\"this\" [ptClass]=\"'footer'\">\r\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\r\n  </footer>\r\n</dialog>\r\n\r\n<ng-template\r\n  #defaultHeaderTemplate\r\n  [ngnTemplate]=\"templateTypes.header\"\r\n  let-headerId=\"headerId\"\r\n  let-title=\"title\"\r\n>\r\n  @if (title) {\r\n    <h2 [ptInt]=\"this\" [ptClass]=\"'default-header'\" [id]=\"headerId\">{{ title }}</h2>\r\n  } @else {\r\n    <div>\r\n      <!-- Placeholder for default header content -->\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultFooterTemplate>\r\n  <div [ptInt]=\"this\" [ptClass]=\"'default-footer'\">\r\n    @for (button of footerButtons(); track $index) {\r\n      <ngn-action-button [config]=\"singleButtonTypeFix(button)\" (clicked)=\"buttonClick($event)\" />\r\n    }\r\n  </div>\r\n</ng-template>\r\n","import { ComponentRef, Injector, ViewContainerRef } from '@angular/core';\r\nimport { setComponentInput } from '@ngneers/controls/api/ng';\r\nimport { Observable, Subject } from 'rxjs';\r\n\r\nimport { NgnDialog } from './dialog';\r\nimport { PromptDialogBase } from './prompt-dialog-base';\r\n\r\nimport type { DialogConfig } from './types';\r\nimport type { NgnActionButtonConfig } from '@ngneers/controls/api';\r\n\r\nexport type DialogHandle<\r\n  T,\r\n  Buttons extends NgnActionButtonConfig<T extends PromptDialogBase<any, infer B> ? B : unknown>[],\r\n> = {\r\n  close: () => void;\r\n  updateConfig: (config: Partial<DialogConfig<T, Buttons>>) => void;\r\n  buttonClicked: Observable<Buttons[number]['value'] | null>;\r\n};\r\n\r\nexport type PromptDialogHandle<\r\n  T,\r\n  Buttons extends NgnActionButtonConfig<T extends PromptDialogBase<any, infer B> ? B : unknown>[],\r\n> = {\r\n  close: () => void;\r\n  updateConfig: (config: Partial<DialogConfig<T, Buttons>>) => void;\r\n  result: Promise<{\r\n    value: T extends PromptDialogBase<infer D, Buttons> ? D : never | null;\r\n    button: Buttons[number]['value'] | null;\r\n  }>;\r\n};\r\n\r\nfunction applyDialogConfig<\r\n  T,\r\n  Buttons extends NgnActionButtonConfig<T extends PromptDialogBase<any, infer B> ? B : unknown>[],\r\n>(dialogRef: ComponentRef<NgnDialog<T, Buttons>>, config: DialogConfig<T, Buttons>): void {\r\n  if (config.title !== undefined) {\r\n    setComponentInput(dialogRef, 'title', config.title);\r\n  }\r\n  if (config.size !== undefined) {\r\n    setComponentInput(dialogRef, 'size', config.size);\r\n  }\r\n  if (config.modal !== undefined) {\r\n    setComponentInput(dialogRef, 'modal', config.modal);\r\n  }\r\n  if (config.footerButtons !== undefined) {\r\n    setComponentInput(dialogRef, 'footerButtons', config.footerButtons);\r\n  }\r\n  if (config.closeBy !== undefined) {\r\n    setComponentInput(dialogRef, 'closeBy', config.closeBy);\r\n  }\r\n  if (config.content !== undefined) {\r\n    setComponentInput(dialogRef, 'content', config.content);\r\n  }\r\n  if (config.movable !== undefined) {\r\n    setComponentInput(dialogRef, 'movable', config.movable);\r\n  }\r\n  if (config.resizable !== undefined) {\r\n    setComponentInput(dialogRef, 'resizable', config.resizable);\r\n  }\r\n}\r\n\r\nexport function createDialog<\r\n  T,\r\n  Buttons extends NgnActionButtonConfig<T extends PromptDialogBase<any, infer B> ? B : unknown>[],\r\n>(\r\n  injector: Injector,\r\n  config: DialogConfig<T, Buttons>\r\n): T extends PromptDialogBase<any, any>\r\n  ? PromptDialogHandle<T, Buttons>\r\n  : DialogHandle<T, Buttons> {\r\n  type ButtonValues = Buttons[number]['value'];\r\n\r\n  const viewContainerRef = injector.get(ViewContainerRef);\r\n  const dialogRef = viewContainerRef.createComponent(NgnDialog, {\r\n    injector,\r\n  }) as unknown as ComponentRef<NgnDialog<T, Buttons>>;\r\n\r\n  applyDialogConfig(dialogRef, config);\r\n  dialogRef.instance.buttonClicked.subscribe(value => {\r\n    buttonClicked.next(value);\r\n  });\r\n\r\n  const buttonClicked = new Subject<ButtonValues | null>();\r\n  dialogRef.onDestroy(() => {\r\n    buttonClicked.complete();\r\n  });\r\n\r\n  if (\r\n    typeof config.content === 'function' &&\r\n    config.content.prototype instanceof PromptDialogBase\r\n  ) {\r\n    const _result = Promise.withResolvers<{\r\n      value: (T extends PromptDialogBase<infer D, ButtonValues> ? D : never) | null;\r\n      button: ButtonValues | null;\r\n    }>();\r\n\r\n    (dialogRef.instance as unknown as NgnDialog<T, Buttons>).promptResult.subscribe(result => {\r\n      _result.resolve(result);\r\n    });\r\n\r\n    return {\r\n      close: () => dialogRef.destroy(),\r\n      updateConfig: (newConfig: Partial<DialogConfig<T, Buttons>>) =>\r\n        applyDialogConfig(dialogRef, newConfig),\r\n      result: _result.promise,\r\n    } as T extends PromptDialogBase<any, any>\r\n      ? PromptDialogHandle<T, Buttons>\r\n      : DialogHandle<T, Buttons>;\r\n  }\r\n\r\n  return {\r\n    close: () => dialogRef.destroy(),\r\n    updateConfig: (newConfig: Partial<DialogConfig<T, Buttons>>) =>\r\n      applyDialogConfig(dialogRef, newConfig),\r\n    buttonClicked: buttonClicked.asObservable(),\r\n  } as T extends PromptDialogBase<any, any>\r\n    ? PromptDialogHandle<T, Buttons>\r\n    : DialogHandle<T, Buttons>;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}