@malva-ui/core 0.1.12

package/esm2022/day-picker/malva-ui-core-day-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-day-picker.js","sourceRoot":"","sources":["../../../../../libs/core/day-picker/src/malva-ui-core-day-picker.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/dialog/index.js

@@ -0,0 +1,12 @@
+export * from './lib/dialog-config';
+export * from './lib/dialog-ref';
+export * from './lib/dialog/dialog';
+export * from './lib/dialog-header';
+export * from './lib/dialog-body';
+export * from './lib/dialog-footer';
+export * from './lib/dialog-close';
+export * from './lib/dialog-template';
+export * from './lib/confirm-dialog-options';
+export * from './lib/generate-routable-dialog-route';
+export * from './lib/dialog.service';
+//# sourceMappingURL=index.js.map

package/esm2022/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/dialog/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sCAAsC,CAAC;AACrD,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './lib/dialog-config';\nexport * from './lib/dialog-ref';\nexport * from './lib/dialog/dialog';\nexport * from './lib/dialog-header';\nexport * from './lib/dialog-body';\nexport * from './lib/dialog-footer';\nexport * from './lib/dialog-close';\nexport * from './lib/dialog-template';\nexport * from './lib/confirm-dialog-options';\nexport * from './lib/generate-routable-dialog-route';\nexport * from './lib/dialog.service';\n"]}

package/esm2022/dialog/lib/confirm-dialog-options.js

@@ -0,0 +1 @@
+//# sourceMappingURL=confirm-dialog-options.js.map

package/esm2022/dialog/lib/confirm-dialog-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog-options.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/confirm-dialog-options.ts"],"names":[],"mappings":"","sourcesContent":["import type { Injector } from '@angular/core';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\n\nimport type { MlvDialogSize } from './dialog-config';\n\n/**\n * Options accepted by `MlvDialogService.confirm()`.\n *\n * Everything but `title` and `message` is optional; labels fall back to the\n * dialog i18n pack so a confirmation is one call with no wiring.\n *\n * Kept in its own file so the public barrel can re-export the shape without\n * also exporting the internal confirmation component that consumes it.\n */\nexport interface MlvConfirmDialogOptions {\n  /** Heading rendered in the dialog's header row and used as its accessible name. */\n  title: string;\n  /** Body text. Rendered as escaped text, never as HTML. */\n  message: string;\n  /** Label of the confirming action. Defaults to the localized \"Confirm\". */\n  confirmLabel?: string;\n  /** Label of the dismissing action. Defaults to the localized \"Cancel\". */\n  cancelLabel?: string;\n  /**\n   * Semantic tone of the confirmation. Drives the confirm button's variant;\n   * `'danger'` also implies {@link MlvConfirmDialogOptions.destructive}.\n   */\n  tone?: MlvTone;\n  /**\n   * Marks the action as irreversible: the confirm button turns danger-coloured\n   * and initial focus goes to **Cancel**, so a stray Enter dismisses rather\n   * than destroys.\n   */\n  destructive?: boolean;\n  /** Size preset name or explicit size config. Defaults to `'s'`. */\n  size?: MlvDialogSize;\n  /** Whether a backdrop click resolves the confirmation as `false`. Defaults to `true`. */\n  closeOnBackdrop?: boolean;\n  /** Whether Escape resolves the confirmation as `false`. Defaults to `true`. */\n  closeOnEscape?: boolean;\n  /** Parent injector for the confirmation dialog. Defaults to the root injector. */\n  injector?: Injector;\n}\n"]}

package/esm2022/dialog/lib/confirm-dialog.js

@@ -0,0 +1,155 @@
+import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation, } from '@angular/core';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+import { MlvButton } from '@malva-ui/core/button';
+import { MLV_DIALOG_I18N } from '@malva-ui/i18n';
+import { MlvDialog } from './dialog/dialog';
+import { MlvDialogBody } from './dialog-body';
+import { DIALOG_CONFIG } from './dialog-config';
+import { MlvDialogFooter } from './dialog-footer';
+import { MlvDialogHeader } from './dialog-header';
+import { MlvDialogRef } from './dialog-ref';
+import * as i0 from "@angular/core";
+/** @internal Class on the confirm button — also the `initialFocus` selector. */
+export const MLV_CONFIRM_DIALOG_CONFIRM_CLASS = 'mlv-confirm-dialog__confirm';
+/** @internal Class on the cancel button — also the `initialFocus` selector. */
+export const MLV_CONFIRM_DIALOG_CANCEL_CLASS = 'mlv-confirm-dialog__cancel';
+/**
+ * @internal Confirm-button variant per tone. `'danger'` never reaches the
+ * lookup — `mlvIsDestructiveConfirm()` catches it first — but it is listed so
+ * the record stays exhaustive over `MlvTone`.
+ */
+const CONFIRM_VARIANT_BY_TONE = {
+    danger: 'error',
+    warning: 'warning',
+    info: 'info',
+    success: 'primary',
+};
+/**
+ * @internal Content of a `MlvDialogService.confirm()` dialog: the standard
+ * surface with a titled header (no close button — the service opens it with
+ * `appearance: 'confirm'`), the message, and the two actions. Options arrive
+ * through `MlvDialogRef.data`, so this file never imports the service.
+ */
+export class MlvConfirmDialog {
+    /** @private Handle used to resolve the confirmation. */
+    _ref = inject(MlvDialogRef);
+    /** @private i18n strings for the default labels. */
+    _i18n = inject(MLV_DIALOG_I18N);
+    /** @protected The options this confirmation was opened with. */
+    _options = this._ref.data;
+    /**
+     * @protected Id of the message paragraph. `confirm()` generates it and puts
+     * it on `MlvDialogConfig.ariaDescribedBy`, so the container already points at
+     * this element; reading it back here keeps `MlvConfirmDialogOptions` free of
+     * an id the caller never supplies. The fallback only matters if the component
+     * is ever opened without that config — the paragraph still gets a unique id.
+     */
+    _messageId = inject(DIALOG_CONFIG).ariaDescribedBy ?? mlvNextId('mlv-confirm-message');
+    /** @protected Resolved label of the confirming action; follows the active language. */
+    _confirmLabel = computed(() => this._options.confirmLabel ?? this._i18n().confirm, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_confirmLabel" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved label of the dismissing action; follows the active language. */
+    _cancelLabel = computed(() => this._options.cancelLabel ?? this._i18n().cancel, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_cancelLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Button variant of the confirming action. `destructive` and the
+     * `'danger'` tone both mean "cannot be undone", so either makes it dangerous;
+     * every other tone maps through {@link CONFIRM_VARIANT_BY_TONE}, and no tone
+     * at all stays `'primary'`.
+     */
+    _confirmVariant = mlvIsDestructiveConfirm(this._options)
+        ? 'error'
+        : this._options.tone
+            ? CONFIRM_VARIANT_BY_TONE[this._options.tone]
+            : 'primary';
+    /** @protected Resolves the confirmation as accepted. */
+    _confirm() {
+        this._ref.close(true);
+    }
+    /** @protected Resolves the confirmation as declined. */
+    _cancel() {
+        this._ref.close(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvConfirmDialog, isStandalone: true, selector: "mlv-confirm-dialog", host: { classAttribute: "mlv-confirm-dialog" }, ngImport: i0, template: `
+    <mlv-dialog>
+      <mlv-dialog-header [title]="_options.title" />
+      <mlv-dialog-body>
+        <p class="mlv-dialog__text" [id]="_messageId">{{ _options.message }}</p>
+      </mlv-dialog-body>
+      <mlv-dialog-footer>
+        <button
+          type="button"
+          mlvButton
+          variant="secondary"
+          class="mlv-confirm-dialog__cancel"
+          (click)="_cancel()"
+        >
+          {{ _cancelLabel() }}
+        </button>
+        <button
+          type="button"
+          mlvButton
+          [variant]="_confirmVariant"
+          class="mlv-confirm-dialog__confirm"
+          (click)="_confirm()"
+        >
+          {{ _confirmLabel() }}
+        </button>
+      </mlv-dialog-footer>
+    </mlv-dialog>
+  `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "component", type: MlvDialog, selector: "mlv-dialog" }, { kind: "component", type: MlvDialogHeader, selector: "mlv-dialog-header, [mlvDialogHeader]", inputs: ["title", "closable"] }, { kind: "component", type: MlvDialogBody, selector: "mlv-dialog-body, [mlvDialogBody]" }, { kind: "component", type: MlvDialogFooter, selector: "mlv-dialog-footer, [mlvDialogFooter]", inputs: ["align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvConfirmDialog, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mlv-confirm-dialog',
+                    imports: [
+                        MlvButton,
+                        MlvDialog,
+                        MlvDialogHeader,
+                        MlvDialogBody,
+                        MlvDialogFooter,
+                    ],
+                    template: `
+    <mlv-dialog>
+      <mlv-dialog-header [title]="_options.title" />
+      <mlv-dialog-body>
+        <p class="mlv-dialog__text" [id]="_messageId">{{ _options.message }}</p>
+      </mlv-dialog-body>
+      <mlv-dialog-footer>
+        <button
+          type="button"
+          mlvButton
+          variant="secondary"
+          class="mlv-confirm-dialog__cancel"
+          (click)="_cancel()"
+        >
+          {{ _cancelLabel() }}
+        </button>
+        <button
+          type="button"
+          mlvButton
+          [variant]="_confirmVariant"
+          class="mlv-confirm-dialog__confirm"
+          (click)="_confirm()"
+        >
+          {{ _confirmLabel() }}
+        </button>
+      </mlv-dialog-footer>
+    </mlv-dialog>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'mlv-confirm-dialog' },
+                }]
+        }] });
+/**
+ * @internal Whether a confirmation describes an irreversible action. Shared by
+ * the component (button variant) and the service (initial focus) so the two
+ * cannot disagree about which action is the safe one.
+ */
+export function mlvIsDestructiveConfirm(options) {
+    return options.destructive === true || options.tone === 'danger';
+}
+//# sourceMappingURL=confirm-dialog.js.map

package/esm2022/dialog/lib/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/confirm-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;;AAE5C,gFAAgF;AAChF,MAAM,CAAC,MAAM,gCAAgC,GAAG,6BAA6B,CAAC;AAE9E,+EAA+E;AAC/E,MAAM,CAAC,MAAM,+BAA+B,GAAG,4BAA4B,CAAC;AAE5E;;;;GAIG;AACH,MAAM,uBAAuB,GAAsC;IACjE,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;;;;GAKG;AA0CH,MAAM,OAAO,gBAAgB;IAC3B,wDAAwD;IACvC,IAAI,GACnB,MAAM,CAAiD,YAAY,CAAC,CAAC;IACvE,oDAAoD;IACnC,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACjD,gEAAgE;IAC7C,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IAC7C;;;;;;OAMG;IACgB,UAAU,GAC3B,MAAM,CAAC,aAAa,CAAC,CAAC,eAAe,IAAI,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC5E,uFAAuF;IACpE,aAAa,GAAG,QAAQ,CACzC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO;sFACzD,CAAC;IACF,uFAAuF;IACpE,YAAY,GAAG,QAAQ,CACxC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;qFACvD,CAAC;IAEF;;;;;OAKG;IACgB,eAAe,GAChC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC;QACpC,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI;YAClB,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC7C,CAAC,CAAC,SAAS,CAAC;IAElB,wDAAwD;IAC9C,QAAQ;QAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,wDAAwD;IAC9C,OAAO;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;uGA/CU,gBAAgB;2FAAhB,gBAAgB,8HAhCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT,4DAjCC,SAAS,iIACT,SAAS,uDACT,eAAe,gHACf,aAAa,6EACb,eAAe;;2FAkCN,gBAAgB;kBAzC5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,OAAO,EAAE;wBACP,SAAS;wBACT,SAAS;wBACT,eAAe;wBACf,aAAa;wBACb,eAAe;qBAChB;oBACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE;iBACtC;;AAmDD;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CACrC,OAAgC;IAEhC,OAAO,OAAO,CAAC,WAAW,KAAK,IAAI,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC;AACnE,CAAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\nimport type { MlvButtonVariant } from '@malva-ui/core/button';\nimport { MlvButton } from '@malva-ui/core/button';\nimport { MLV_DIALOG_I18N } from '@malva-ui/i18n';\n\nimport type { MlvConfirmDialogOptions } from './confirm-dialog-options';\nimport { MlvDialog } from './dialog/dialog';\nimport { MlvDialogBody } from './dialog-body';\nimport { DIALOG_CONFIG } from './dialog-config';\nimport { MlvDialogFooter } from './dialog-footer';\nimport { MlvDialogHeader } from './dialog-header';\nimport { MlvDialogRef } from './dialog-ref';\n\n/** @internal Class on the confirm button — also the `initialFocus` selector. */\nexport const MLV_CONFIRM_DIALOG_CONFIRM_CLASS = 'mlv-confirm-dialog__confirm';\n\n/** @internal Class on the cancel button — also the `initialFocus` selector. */\nexport const MLV_CONFIRM_DIALOG_CANCEL_CLASS = 'mlv-confirm-dialog__cancel';\n\n/**\n * @internal Confirm-button variant per tone. `'danger'` never reaches the\n * lookup — `mlvIsDestructiveConfirm()` catches it first — but it is listed so\n * the record stays exhaustive over `MlvTone`.\n */\nconst CONFIRM_VARIANT_BY_TONE: Record<MlvTone, MlvButtonVariant> = {\n  danger: 'error',\n  warning: 'warning',\n  info: 'info',\n  success: 'primary',\n};\n\n/**\n * @internal Content of a `MlvDialogService.confirm()` dialog: the standard\n * surface with a titled header (no close button — the service opens it with\n * `appearance: 'confirm'`), the message, and the two actions. Options arrive\n * through `MlvDialogRef.data`, so this file never imports the service.\n */\n@Component({\n  selector: 'mlv-confirm-dialog',\n  imports: [\n    MlvButton,\n    MlvDialog,\n    MlvDialogHeader,\n    MlvDialogBody,\n    MlvDialogFooter,\n  ],\n  template: `\n    <mlv-dialog>\n      <mlv-dialog-header [title]=\"_options.title\" />\n      <mlv-dialog-body>\n        <p class=\"mlv-dialog__text\" [id]=\"_messageId\">{{ _options.message }}</p>\n      </mlv-dialog-body>\n      <mlv-dialog-footer>\n        <button\n          type=\"button\"\n          mlvButton\n          variant=\"secondary\"\n          class=\"mlv-confirm-dialog__cancel\"\n          (click)=\"_cancel()\"\n        >\n          {{ _cancelLabel() }}\n        </button>\n        <button\n          type=\"button\"\n          mlvButton\n          [variant]=\"_confirmVariant\"\n          class=\"mlv-confirm-dialog__confirm\"\n          (click)=\"_confirm()\"\n        >\n          {{ _confirmLabel() }}\n        </button>\n      </mlv-dialog-footer>\n    </mlv-dialog>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mlv-confirm-dialog' },\n})\nexport class MlvConfirmDialog {\n  /** @private Handle used to resolve the confirmation. */\n  private readonly _ref =\n    inject<MlvDialogRef<boolean, MlvConfirmDialogOptions>>(MlvDialogRef);\n  /** @private i18n strings for the default labels. */\n  private readonly _i18n = inject(MLV_DIALOG_I18N);\n  /** @protected The options this confirmation was opened with. */\n  protected readonly _options = this._ref.data;\n  /**\n   * @protected Id of the message paragraph. `confirm()` generates it and puts\n   * it on `MlvDialogConfig.ariaDescribedBy`, so the container already points at\n   * this element; reading it back here keeps `MlvConfirmDialogOptions` free of\n   * an id the caller never supplies. The fallback only matters if the component\n   * is ever opened without that config — the paragraph still gets a unique id.\n   */\n  protected readonly _messageId =\n    inject(DIALOG_CONFIG).ariaDescribedBy ?? mlvNextId('mlv-confirm-message');\n  /** @protected Resolved label of the confirming action; follows the active language. */\n  protected readonly _confirmLabel = computed(\n    () => this._options.confirmLabel ?? this._i18n().confirm,\n  );\n  /** @protected Resolved label of the dismissing action; follows the active language. */\n  protected readonly _cancelLabel = computed(\n    () => this._options.cancelLabel ?? this._i18n().cancel,\n  );\n\n  /**\n   * @protected Button variant of the confirming action. `destructive` and the\n   * `'danger'` tone both mean \"cannot be undone\", so either makes it dangerous;\n   * every other tone maps through {@link CONFIRM_VARIANT_BY_TONE}, and no tone\n   * at all stays `'primary'`.\n   */\n  protected readonly _confirmVariant: MlvButtonVariant =\n    mlvIsDestructiveConfirm(this._options)\n      ? 'error'\n      : this._options.tone\n        ? CONFIRM_VARIANT_BY_TONE[this._options.tone]\n        : 'primary';\n\n  /** @protected Resolves the confirmation as accepted. */\n  protected _confirm(): void {\n    this._ref.close(true);\n  }\n\n  /** @protected Resolves the confirmation as declined. */\n  protected _cancel(): void {\n    this._ref.close(false);\n  }\n}\n\n/**\n * @internal Whether a confirmation describes an irreversible action. Shared by\n * the component (button variant) and the service (initial focus) so the two\n * cannot disagree about which action is the safe one.\n */\nexport function mlvIsDestructiveConfirm(\n  options: MlvConfirmDialogOptions,\n): boolean {\n  return options.destructive === true || options.tone === 'danger';\n}\n"]}

package/esm2022/dialog/lib/dialog/dialog.js

@@ -0,0 +1,40 @@
+import { ChangeDetectionStrategy, Component, ElementRef, inject, ViewEncapsulation, } from '@angular/core';
+import { DIALOG_CONFIG } from '../dialog-config';
+import { injectDialogRef } from '../inject-dialog-ref';
+import * as i0 from "@angular/core";
+/**
+ * The dialog surface — root of every dialog's content, whether the dialog was
+ * opened from a template, a component, a string, `confirm()`, or a route.
+ *
+ * Projects its children (`mlv-dialog-header`, `mlv-dialog-body`,
+ * `mlv-dialog-footer`, anything else) and mirrors the ref's animation state as
+ * `--enter` / `--leave` so the global dialog keyframes run on it. Consumer
+ * `class="…"` lands here; `MlvDialogConfig.panelClass` styles the overlay pane.
+ */
+export class MlvDialog {
+    /** @protected The dialog this surface belongs to. */
+    _ref = injectDialogRef('mlv-dialog');
+    /** @protected Per-open configuration; `appearance` drives the confirm modifier. */
+    _config = inject(DIALOG_CONFIG);
+    /** @private Host element, used to ignore `animationend` bubbling from descendants. */
+    _host = inject(ElementRef).nativeElement;
+    /** @protected Hands the surface's own animation end to the ref (enter → idle, leave → dispose). */
+    _onAnimationEnd(event) {
+        if (event.target === this._host) {
+            this._ref._onSurfaceAnimationEnd();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvDialog, isStandalone: true, selector: "mlv-dialog", host: { listeners: { "animationend": "_onAnimationEnd($event)" }, properties: { "class.mlv-dialog--confirm": "_config.appearance === 'confirm'", "class.mlv-dialog--enter": "_ref.animationState() === 'enter'", "class.mlv-dialog--leave": "_ref.animationState() === 'leave'" }, classAttribute: "mlv-dialog" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".mlv-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-dialog *{box-sizing:border-box}.mlv-dialog{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;width:100%;max-width:100%;max-height:100%;overflow:hidden;border-radius:0;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);background-color:var(--mlv-elevation-bg-2);color:var(--mlv-text-primary);box-shadow:var(--mlv-shadow-modal)}@media(min-width:768px){.mlv-dialog{border-radius:var(--mlv-radius-l);max-height:calc(100dvh - 2rem)}}.mlv-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3);flex-shrink:0;padding:var(--mlv-spacing-3);border-bottom:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-dialog__title{flex:1 1 auto;min-width:0;margin:0;padding:0;font-size:var(--mlv-font-size-2xl);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-line-height-tight);color:var(--mlv-text-primary)}.mlv-dialog__title>:is(h1,h2,h3,h4,h5,h6){margin:0;font:inherit;color:inherit}.mlv-dialog__close{flex:none}.mlv-dialog__body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mlv-dialog__body-scrollbar{flex:1 1 auto;min-width:0;min-height:0}.mlv-dialog__body-scrollbar>.mlv-scrollbar__viewport{overflow-x:hidden;padding:var(--mlv-spacing-3)}.mlv-dialog__body-scrollbar>.mlv-scrollbar__viewport>.mlv-scrollbar__content{display:flex;flex-direction:column}.mlv-dialog__text{margin:0;color:var(--mlv-text-primary);line-height:var(--mlv-line-height-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}.mlv-dialog__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--mlv-spacing-2);flex-shrink:0;padding:var(--mlv-spacing-3);border-top:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-dialog__footer--align-start{justify-content:flex-start}.mlv-dialog__footer--align-center{justify-content:center}.mlv-dialog__footer--align-between{justify-content:space-between}.mlv-dialog--confirm .mlv-dialog__header,.mlv-dialog--confirm .mlv-dialog__footer{border:none}.mlv-dialog-pane--fullscreen .mlv-dialog{max-height:100%;border-radius:0;border:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-dialog', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-dialog',
+                        '[class.mlv-dialog--confirm]': "_config.appearance === 'confirm'",
+                        '[class.mlv-dialog--enter]': "_ref.animationState() === 'enter'",
+                        '[class.mlv-dialog--leave]': "_ref.animationState() === 'leave'",
+                        '(animationend)': '_onAnimationEnd($event)',
+                    }, styles: [".mlv-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-dialog *{box-sizing:border-box}.mlv-dialog{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;width:100%;max-width:100%;max-height:100%;overflow:hidden;border-radius:0;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);background-color:var(--mlv-elevation-bg-2);color:var(--mlv-text-primary);box-shadow:var(--mlv-shadow-modal)}@media(min-width:768px){.mlv-dialog{border-radius:var(--mlv-radius-l);max-height:calc(100dvh - 2rem)}}.mlv-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3);flex-shrink:0;padding:var(--mlv-spacing-3);border-bottom:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-dialog__title{flex:1 1 auto;min-width:0;margin:0;padding:0;font-size:var(--mlv-font-size-2xl);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-line-height-tight);color:var(--mlv-text-primary)}.mlv-dialog__title>:is(h1,h2,h3,h4,h5,h6){margin:0;font:inherit;color:inherit}.mlv-dialog__close{flex:none}.mlv-dialog__body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mlv-dialog__body-scrollbar{flex:1 1 auto;min-width:0;min-height:0}.mlv-dialog__body-scrollbar>.mlv-scrollbar__viewport{overflow-x:hidden;padding:var(--mlv-spacing-3)}.mlv-dialog__body-scrollbar>.mlv-scrollbar__viewport>.mlv-scrollbar__content{display:flex;flex-direction:column}.mlv-dialog__text{margin:0;color:var(--mlv-text-primary);line-height:var(--mlv-line-height-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}.mlv-dialog__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--mlv-spacing-2);flex-shrink:0;padding:var(--mlv-spacing-3);border-top:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-dialog__footer--align-start{justify-content:flex-start}.mlv-dialog__footer--align-center{justify-content:center}.mlv-dialog__footer--align-between{justify-content:space-between}.mlv-dialog--confirm .mlv-dialog__header,.mlv-dialog--confirm .mlv-dialog__footer{border:none}.mlv-dialog-pane--fullscreen .mlv-dialog{max-height:100%;border-radius:0;border:0}\n"] }]
+        }] });
+//# sourceMappingURL=dialog.js.map

package/esm2022/dialog/lib/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../../../libs/core/dialog/src/lib/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAEvD;;;;;;;;GAQG;AAeH,MAAM,OAAO,SAAS;IACpB,qDAAqD;IAClC,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IACxD,mFAAmF;IAChE,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACnD,sFAAsF;IACrE,KAAK,GACpB,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa,CAAC;IAE5D,mGAAmG;IACzF,eAAe,CAAC,KAAY;QACpC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YAChC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACrC,CAAC;IACH,CAAC;uGAdU,SAAS;2FAAT,SAAS,yXAZV,gBAAgB;;2FAYf,SAAS;kBAdrB,SAAS;+BACE,YAAY,YACZ,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,YAAY;wBACnB,6BAA6B,EAAE,kCAAkC;wBACjE,2BAA2B,EAAE,mCAAmC;wBAChE,2BAA2B,EAAE,mCAAmC;wBAChE,gBAAgB,EAAE,yBAAyB;qBAC5C","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { DIALOG_CONFIG } from '../dialog-config';\nimport { injectDialogRef } from '../inject-dialog-ref';\n\n/**\n * The dialog surface — root of every dialog's content, whether the dialog was\n * opened from a template, a component, a string, `confirm()`, or a route.\n *\n * Projects its children (`mlv-dialog-header`, `mlv-dialog-body`,\n * `mlv-dialog-footer`, anything else) and mirrors the ref's animation state as\n * `--enter` / `--leave` so the global dialog keyframes run on it. Consumer\n * `class=\"…\"` lands here; `MlvDialogConfig.panelClass` styles the overlay pane.\n */\n@Component({\n  selector: 'mlv-dialog',\n  template: '<ng-content />',\n  styleUrl: './dialog.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-dialog',\n    '[class.mlv-dialog--confirm]': \"_config.appearance === 'confirm'\",\n    '[class.mlv-dialog--enter]': \"_ref.animationState() === 'enter'\",\n    '[class.mlv-dialog--leave]': \"_ref.animationState() === 'leave'\",\n    '(animationend)': '_onAnimationEnd($event)',\n  },\n})\nexport class MlvDialog {\n  /** @protected The dialog this surface belongs to. */\n  protected readonly _ref = injectDialogRef('mlv-dialog');\n  /** @protected Per-open configuration; `appearance` drives the confirm modifier. */\n  protected readonly _config = inject(DIALOG_CONFIG);\n  /** @private Host element, used to ignore `animationend` bubbling from descendants. */\n  private readonly _host =\n    inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  /** @protected Hands the surface's own animation end to the ref (enter → idle, leave → dispose). */\n  protected _onAnimationEnd(event: Event): void {\n    if (event.target === this._host) {\n      this._ref._onSurfaceAnimationEnd();\n    }\n  }\n}\n"]}

package/esm2022/dialog/lib/dialog-body.js

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import { MlvScrollbar } from '@malva-ui/core/scrollbar';
+import * as i0 from "@angular/core";
+/**
+ * Scrollable body of a dialog. Wraps its content in `mlv-scrollbar` (padding
+ * sits inside the scroll viewport so focus rings are never clipped).
+ */
+export class MlvDialogBody {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvDialogBody, isStandalone: true, selector: "mlv-dialog-body, [mlvDialogBody]", host: { classAttribute: "mlv-dialog__body" }, ngImport: i0, template: `
+    <mlv-scrollbar class="mlv-dialog__body-scrollbar">
+      <ng-content />
+    </mlv-scrollbar>
+  `, isInline: true, dependencies: [{ kind: "component", type: MlvScrollbar, selector: "mlv-scrollbar", inputs: ["orientation", "scrollbarSize", "disabled", "ariaLabel", "viewportTabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogBody, decorators: [{
+            type: Component,
+            args: [{
+                    // Attribute form intentionally enhances the consumer's own body container.
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'mlv-dialog-body, [mlvDialogBody]',
+                    imports: [MlvScrollbar],
+                    template: `
+    <mlv-scrollbar class="mlv-dialog__body-scrollbar">
+      <ng-content />
+    </mlv-scrollbar>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'mlv-dialog__body' },
+                }]
+        }] });
+//# sourceMappingURL=dialog-body.js.map

package/esm2022/dialog/lib/dialog-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-body.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/dialog-body.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;;AAExD;;;GAGG;AAeH,MAAM,OAAO,aAAa;uGAAb,aAAa;2FAAb,aAAa,0IATd;;;;GAIT,4DALS,YAAY;;2FAUX,aAAa;kBAdzB,SAAS;mBAAC;oBACT,2EAA2E;oBAC3E,8DAA8D;oBAC9D,QAAQ,EAAE,kCAAkC;oBAC5C,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,QAAQ,EAAE;;;;GAIT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE;iBACpC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MlvScrollbar } from '@malva-ui/core/scrollbar';\n\n/**\n * Scrollable body of a dialog. Wraps its content in `mlv-scrollbar` (padding\n * sits inside the scroll viewport so focus rings are never clipped).\n */\n@Component({\n  // Attribute form intentionally enhances the consumer's own body container.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'mlv-dialog-body, [mlvDialogBody]',\n  imports: [MlvScrollbar],\n  template: `\n    <mlv-scrollbar class=\"mlv-dialog__body-scrollbar\">\n      <ng-content />\n    </mlv-scrollbar>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mlv-dialog__body' },\n})\nexport class MlvDialogBody {}\n"]}

package/esm2022/dialog/lib/dialog-close.js

@@ -0,0 +1,45 @@
+import { computed, Directive, ElementRef, inject, input } from '@angular/core';
+import { injectDialogRef } from './inject-dialog-ref';
+import * as i0 from "@angular/core";
+/**
+ * Closes the enclosing dialog when the host is clicked, optionally with a
+ * result: `<button mlvDialogClose>` closes with `undefined`,
+ * `<button mlvDialogClose="saved">` / `[mlvDialogClose]="value"` closes with
+ * that value. On a `<button>` without an explicit `type` it sets
+ * `type="button"` so it never submits a surrounding form.
+ *
+ * Put it on a `<button>` (or an `<a href>`): the directive listens to `click`
+ * only and adds no keyboard handling of its own.
+ */
+export class MlvDialogClose {
+    /** Result passed to `MlvDialogRef.close()`. A bare attribute (`''`) means `undefined`. */
+    mlvDialogClose = input(undefined, { ...(ngDevMode ? { debugName: "mlvDialogClose" } : /* istanbul ignore next */ {}), transform: (value) => value === '' ? undefined : value });
+    /** `type` attribute applied when the host is a `<button>`. Defaults to `'button'`. */
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    /** @private The dialog to close. */
+    _ref = injectDialogRef('[mlvDialogClose]');
+    /** @private Whether the host is a native button (only then is `type` meaningful). */
+    _isButton = inject(ElementRef).nativeElement.tagName ===
+        'BUTTON';
+    /** @protected `type` attribute value, `null` on non-button hosts. */
+    _type = computed(() => this._isButton ? this.type() : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_type" }] : /* istanbul ignore next */ []));
+    /** @protected Closes the dialog with the configured result. */
+    _close() {
+        this._ref.close(this.mlvDialogClose());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvDialogClose, isStandalone: true, selector: "[mlvDialogClose]", inputs: { mlvDialogClose: { classPropertyName: "mlvDialogClose", publicName: "mlvDialogClose", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_close()" }, properties: { "attr.type": "_type()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvDialogClose]',
+                    host: {
+                        '(click)': '_close()',
+                        '[attr.type]': '_type()',
+                    },
+                }]
+        }], propDecorators: { mlvDialogClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDialogClose", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+//# sourceMappingURL=dialog-close.js.map

package/esm2022/dialog/lib/dialog-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/dialog-close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAEtD;;;;;;;;;GASG;AAQH,MAAM,OAAO,cAAc;IACzB,0FAA0F;IACjF,cAAc,GAAG,KAAK,CAC7B,SAAS,sFAEP,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CACnB,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,KAAuB,GAExD,CAAC;IAEF,sFAAsF;IAC7E,IAAI,GAAG,KAAK,CAAS,QAAQ;6EAAC,CAAC;IAExC,oCAAoC;IACnB,IAAI,GAAG,eAAe,CAAa,kBAAkB,CAAC,CAAC;IACxE,qFAAqF;IACpE,SAAS,GACxB,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa,CAAC,OAAO;QACjE,QAAQ,CAAC;IACX,qEAAqE;IAClD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI;8EACpC,CAAC;IAEF,+DAA+D;IACrD,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IACzC,CAAC;uGA3BU,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,SAAS,EAAE,UAAU;wBACrB,aAAa,EAAE,SAAS;qBACzB;iBACF","sourcesContent":["import { computed, Directive, ElementRef, inject, input } from '@angular/core';\n\nimport { injectDialogRef } from './inject-dialog-ref';\n\n/**\n * Closes the enclosing dialog when the host is clicked, optionally with a\n * result: `<button mlvDialogClose>` closes with `undefined`,\n * `<button mlvDialogClose=\"saved\">` / `[mlvDialogClose]=\"value\"` closes with\n * that value. On a `<button>` without an explicit `type` it sets\n * `type=\"button\"` so it never submits a surrounding form.\n *\n * Put it on a `<button>` (or an `<a href>`): the directive listens to `click`\n * only and adds no keyboard handling of its own.\n */\n@Directive({\n  selector: '[mlvDialogClose]',\n  host: {\n    '(click)': '_close()',\n    '[attr.type]': '_type()',\n  },\n})\nexport class MlvDialogClose<R = unknown> {\n  /** Result passed to `MlvDialogRef.close()`. A bare attribute (`''`) means `undefined`. */\n  readonly mlvDialogClose = input<R | undefined, R | '' | undefined>(\n    undefined,\n    {\n      transform: (value) =>\n        value === '' ? undefined : (value as R | undefined),\n    },\n  );\n\n  /** `type` attribute applied when the host is a `<button>`. Defaults to `'button'`. */\n  readonly type = input<string>('button');\n\n  /** @private The dialog to close. */\n  private readonly _ref = injectDialogRef<R, unknown>('[mlvDialogClose]');\n  /** @private Whether the host is a native button (only then is `type` meaningful). */\n  private readonly _isButton =\n    inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName ===\n    'BUTTON';\n  /** @protected `type` attribute value, `null` on non-button hosts. */\n  protected readonly _type = computed(() =>\n    this._isButton ? this.type() : null,\n  );\n\n  /** @protected Closes the dialog with the configured result. */\n  protected _close(): void {\n    this._ref.close(this.mlvDialogClose());\n  }\n}\n"]}

package/esm2022/dialog/lib/dialog-config.js

@@ -0,0 +1,23 @@
+import { DIALOG_DATA as CDK_DIALOG_DATA } from '@angular/cdk/dialog';
+import { InjectionToken } from '@angular/core';
+const DEFAULT_SIZE_PRESETS = {
+    s: { width: '400px', maxHeight: '90vh', maxWidth: '90vw' },
+    m: { width: '560px', maxHeight: '90vh', maxWidth: '90vw' },
+    l: { width: '800px', maxHeight: '90vh', maxWidth: '90vw' },
+    fullscreen: {
+        width: '100vw',
+        height: '100vh',
+        maxWidth: '100vw',
+        maxHeight: '100vh',
+    },
+};
+/** Registered dialog size presets. Override to add or change presets app-wide. */
+export const DIALOG_SIZE_PRESETS = new InjectionToken('DIALOG_SIZE_PRESETS', { providedIn: 'root', factory: () => DEFAULT_SIZE_PRESETS });
+/**
+ * Data passed through `MlvDialogConfig.data`, injectable by component content.
+ * This is Angular CDK's `DIALOG_DATA` token re-exported under the same name.
+ */
+export const DIALOG_DATA = CDK_DIALOG_DATA;
+/** The consumer's `MlvDialogConfig` for the current dialog, injectable by content and parts. */
+export const DIALOG_CONFIG = new InjectionToken('DIALOG_CONFIG');
+//# sourceMappingURL=dialog-config.js.map

package/esm2022/dialog/lib/dialog-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-config.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/dialog-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA6C/C,MAAM,oBAAoB,GAAyB;IACjD,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;IAC1D,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;IAC1D,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;IAC1D,UAAU,EAAE;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,OAAO;KACnB;CACF,CAAC;AAEF,kFAAkF;AAClF,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,cAAc,CACnD,qBAAqB,EACrB,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAC5D,CAAC;AAuDF;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAA4B,eAAe,CAAC;AAEpE,gGAAgG;AAChG,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,cAAc,CAC7C,eAAe,CAChB,CAAC","sourcesContent":["import { DIALOG_DATA as CDK_DIALOG_DATA } from '@angular/cdk/dialog';\nimport type { Injector, TemplateRef, Type } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvOverlayInitialFocus } from '@malva-ui/cdk/overlay';\n\nimport type { MlvDialogRef } from './dialog-ref';\n\n/** Built-in size preset names. Any other string resolves through `DIALOG_SIZE_PRESETS`. */\nexport type MlvDialogSizePreset = 's' | 'm' | 'l' | 'fullscreen';\n\n/** Explicit dialog dimensions. Numbers are pixels; strings are any CSS length. */\nexport interface MlvDialogSizeConfig {\n  /** Width of the overlay pane. */\n  width?: string | number;\n  /** Height of the overlay pane. Unset lets the content decide. */\n  height?: string | number;\n  /** Smallest width the pane may shrink to. */\n  minWidth?: string | number;\n  /** Smallest height the pane may shrink to. */\n  minHeight?: string | number;\n  /** Largest width the pane may grow to — keep it viewport-relative for small screens. */\n  maxWidth?: string | number;\n  /** Largest height the pane may grow to; the body scrolls once the content exceeds it. */\n  maxHeight?: string | number;\n}\n\n/** Map of preset name → dimensions, provided through `DIALOG_SIZE_PRESETS`. */\nexport type MlvDialogSizePresets = Record<string, MlvDialogSizeConfig>;\n\n/**\n * A preset name or explicit dimensions.\n *\n * The built-in preset names get editor completion; any other registered preset\n * name still works — `(string & {})` keeps the union open without collapsing it\n * to bare `string`.\n */\nexport type MlvDialogSize =\n  | MlvDialogSizePreset\n  | (string & {})\n  | MlvDialogSizeConfig;\n\n/** `'confirm'` drops the header/footer borders and hides the close button. */\nexport type MlvDialogAppearance = 'default' | 'confirm';\n\n/** ARIA role of the dialog container. */\nexport type MlvDialogRole = 'dialog' | 'alertdialog';\n\nconst DEFAULT_SIZE_PRESETS: MlvDialogSizePresets = {\n  s: { width: '400px', maxHeight: '90vh', maxWidth: '90vw' },\n  m: { width: '560px', maxHeight: '90vh', maxWidth: '90vw' },\n  l: { width: '800px', maxHeight: '90vh', maxWidth: '90vw' },\n  fullscreen: {\n    width: '100vw',\n    height: '100vh',\n    maxWidth: '100vw',\n    maxHeight: '100vh',\n  },\n};\n\n/** Registered dialog size presets. Override to add or change presets app-wide. */\nexport const DIALOG_SIZE_PRESETS = new InjectionToken<MlvDialogSizePresets>(\n  'DIALOG_SIZE_PRESETS',\n  { providedIn: 'root', factory: () => DEFAULT_SIZE_PRESETS },\n);\n\n/**\n * Per-open configuration for `MlvDialogService.open()` and\n * `ng-template[mlvDialog]`'s `mlvDialogOptions`.\n *\n * Everything CDK-related is mapped by the service; `title`, `closable` and\n * `appearance` are Malva-only and are read by `mlv-dialog` /\n * `mlv-dialog-header` through `DIALOG_CONFIG`.\n */\nexport interface MlvDialogConfig<D = unknown> {\n  /** Preset name or explicit dimensions. Defaults to `'m'`. */\n  size?: MlvDialogSize;\n  /** Surface appearance. Defaults to `'default'`. */\n  appearance?: MlvDialogAppearance;\n  /**\n   * Plain-text title. Used by string content, as the `mlv-dialog-header`\n   * fallback when it has neither a `title` input nor projected content, and\n   * for the accessible name.\n   */\n  title?: string;\n  /** Default for `mlv-dialog-header`'s close button. Defaults to `true`. */\n  closable?: boolean;\n  /** Extra class(es) on the overlay pane (`.mlv-dialog-pane`). */\n  panelClass?: string | string[];\n  /** Extra class(es) on the backdrop (`.mlv-dialog-backdrop`). */\n  backdropClass?: string | string[];\n  /** Whether a backdrop is rendered. Defaults to `true`. */\n  hasBackdrop?: boolean;\n  /** Whether a backdrop click closes the dialog. Defaults to `true`. */\n  closeOnBackdrop?: boolean;\n  /** Whether Escape closes the dialog. Defaults to `true`. */\n  closeOnEscape?: boolean;\n  /** Whether browser history navigation closes the dialog. Defaults to `true`. */\n  closeOnNavigation?: boolean;\n  /** Where focus lands once the dialog is open. Defaults to `'auto'`. */\n  initialFocus?: MlvOverlayInitialFocus;\n  /** Whether focus returns to the previously focused element on close. Defaults to `true`. */\n  restoreFocus?: boolean;\n  /** ARIA role. Defaults to `'dialog'`. */\n  role?: MlvDialogRole;\n  /** Accessible name when no visible title labels the dialog. */\n  ariaLabel?: string;\n  /** Id of an element that labels the dialog. Wins over `ariaLabel` and the header title. */\n  ariaLabelledBy?: string;\n  /** Id of an element that describes the dialog. */\n  ariaDescribedBy?: string;\n  /** Payload exposed as `MlvDialogRef.data`, `DIALOG_DATA` and the template context's `data`. */\n  data?: D;\n  /** Parent injector for the content. Defaults to the root injector. */\n  injector?: Injector;\n  /** Id of the dialog container. Generated when omitted. */\n  id?: string;\n}\n\n/**\n * Data passed through `MlvDialogConfig.data`, injectable by component content.\n * This is Angular CDK's `DIALOG_DATA` token re-exported under the same name.\n */\nexport const DIALOG_DATA: InjectionToken<unknown> = CDK_DIALOG_DATA;\n\n/** The consumer's `MlvDialogConfig` for the current dialog, injectable by content and parts. */\nexport const DIALOG_CONFIG = new InjectionToken<Readonly<MlvDialogConfig>>(\n  'DIALOG_CONFIG',\n);\n\n/**\n * Template context for `TemplateRef` content (`let-dialog`, `let-data=\"data\"`).\n * The ref is both the implicit value and the named `ref`.\n */\nexport interface MlvDialogTemplateContext<R = unknown, D = unknown> {\n  /** The dialog's ref, as the implicit value (`let-dialog`). */\n  $implicit: MlvDialogRef<R, D>;\n  /** The same ref under a name (`let-dialog=\"ref\"`). */\n  ref: MlvDialogRef<R, D>;\n  /** Payload from `MlvDialogConfig.data` (`let-data=\"data\"`). */\n  data: D;\n  /** The configuration this dialog was opened with (`let-config=\"config\"`). */\n  config: Readonly<MlvDialogConfig<D>>;\n}\n\n/** Content accepted by `MlvDialogService.open()`. Strings render as escaped text. */\nexport type MlvDialogContent<R = unknown, D = unknown> =\n  | string\n  | TemplateRef<MlvDialogTemplateContext<R, D>>\n  | Type<unknown>;\n"]}

package/esm2022/dialog/lib/dialog-container.js

@@ -0,0 +1,69 @@
+import { CdkDialogContainer } from '@angular/cdk/dialog';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
+import { afterNextRender, ChangeDetectionStrategy, Component, DestroyRef, inject, Injector, ViewEncapsulation, } from '@angular/core';
+import { MlvOverlayInitialFocusResolver } from '@malva-ui/cdk/overlay';
+import { DIALOG_CONFIG } from './dialog-config';
+import * as i0 from "@angular/core";
+/**
+ * @internal Malva's CDK dialog container: focus trap, ARIA attributes and
+ * focus restore come from `CdkDialogContainer`; this subclass adds Malva's
+ * `initialFocus` strategy on top of the CDK's container focus and restates the
+ * host bindings. Ivy does inherit host bindings and attributes from a
+ * superclass, so that restatement is belt-and-braces — it mirrors what Angular
+ * Material's `MatDialogContainer` does, and keeps the contract visible next to
+ * the styles that depend on it.
+ *
+ * **Deliberate exception to the repo's "OnPush on every library component"
+ * rule:** `changeDetection` is `Eager`, matching `CdkDialogContainer` and
+ * `MatDialogContainer`. This container's view is the change-detection parent of
+ * arbitrary consumer content (the portal outlet's `ViewContainerRef` lives in
+ * it), so an OnPush, non-dirty container would skip refreshing embedded or
+ * component content whose bindings are driven by non-signal, zone-based state.
+ *
+ * Not exported — `MlvDialogService` passes it as `DialogConfig.container`.
+ */
+export class MlvDialogContainer extends CdkDialogContainer {
+    /** @private The consumer's Malva config — `initialFocus` is the only field read here. */
+    _mlvConfig = inject(DIALOG_CONFIG);
+    /** @private Shared overlay initial-focus strategy (`'auto'` skips the close button and scroll viewport). */
+    _initialFocus = inject(MlvOverlayInitialFocusResolver);
+    /** @private Injector for `afterNextRender` (the CDK's own is private). */
+    _hostInjector = inject(Injector);
+    /** @private Set on destroy so a pending focus callback becomes a no-op. */
+    _destroyed = false;
+    constructor() {
+        super();
+        inject(DestroyRef).onDestroy(() => (this._destroyed = true));
+    }
+    /**
+     * @protected The CDK first focuses the container (`autoFocus: 'dialog'`,
+     * emitting `_focusTrapped` so the CDK hides the rest of the page from AT),
+     * then — after the same render, before paint — Malva moves focus to the
+     * resolved `initialFocus` target.
+     */
+    _captureInitialFocus() {
+        super._captureInitialFocus();
+        afterNextRender(() => {
+            if (this._destroyed) {
+                return;
+            }
+            this._initialFocus.focus(this._elementRef.nativeElement, this._mlvConfig.initialFocus ?? 'auto');
+        }, { injector: this._hostInjector });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvDialogContainer, isStandalone: true, selector: "mlv-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.id": "_config.id || null", "attr.role": "_config.role", "attr.aria-modal": "_config.ariaModal", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null" }, classAttribute: "mlv-dialog-container" }, usesInheritance: true, ngImport: i0, template: '<ng-template cdkPortalOutlet />', isInline: true, styles: [".mlv-dialog-pane{display:flex;max-inline-size:100vw}mlv-dialog-container.mlv-dialog-container{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}mlv-dialog-container.mlv-dialog-container *{box-sizing:border-box}mlv-dialog-container.mlv-dialog-container{display:flex;flex-direction:column;inline-size:100%;block-size:100%;min-block-size:inherit;max-block-size:inherit;outline:0}mlv-dialog-container.mlv-dialog-container>:not(.mlv-dialog){display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;min-block-size:0}@starting-style{.mlv-dialog-backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.mlv-dialog-backdrop--leaving{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-dialog-container', template: '<ng-template cdkPortalOutlet />', imports: [CdkPortalOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, host: {
+                        class: 'mlv-dialog-container',
+                        tabindex: '-1',
+                        '[attr.id]': '_config.id || null',
+                        '[attr.role]': '_config.role',
+                        '[attr.aria-modal]': '_config.ariaModal',
+                        '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledByQueue[0]',
+                        '[attr.aria-label]': '_config.ariaLabel',
+                        '[attr.aria-describedby]': '_config.ariaDescribedBy || null',
+                    }, styles: [".mlv-dialog-pane{display:flex;max-inline-size:100vw}mlv-dialog-container.mlv-dialog-container{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}mlv-dialog-container.mlv-dialog-container *{box-sizing:border-box}mlv-dialog-container.mlv-dialog-container{display:flex;flex-direction:column;inline-size:100%;block-size:100%;min-block-size:inherit;max-block-size:inherit;outline:0}mlv-dialog-container.mlv-dialog-container>:not(.mlv-dialog){display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;min-block-size:0}@starting-style{.mlv-dialog-backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.mlv-dialog-backdrop--leaving{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=dialog-container.js.map

package/esm2022/dialog/lib/dialog-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-container.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/dialog-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAEhD;;;;;;;;;;;;;;;;;GAiBG;AAwBH,MAAM,OAAO,kBAAmB,SAAQ,kBAAkB;IACxD,yFAAyF;IACxE,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACpD,4GAA4G;IAC3F,aAAa,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;IACxE,0EAA0E;IACzD,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAClD,2EAA2E;IACnE,UAAU,GAAG,KAAK,CAAC;IAE3B;QACE,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED;;;;;OAKG;IACgB,oBAAoB;QACrC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,eAAe,CACb,GAAG,EAAE;YACH,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,KAAK,CACtB,IAAI,CAAC,WAAW,CAAC,aAAa,EAC9B,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,MAAM,CACvC,CAAC;QACJ,CAAC,EACD,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,CACjC,CAAC;IACJ,CAAC;uGAnCU,kBAAkB;2FAAlB,kBAAkB,meArBnB,iCAAiC,k2BACjC,eAAe;;2FAoBd,kBAAkB;kBAvB9B,SAAS;+BACE,sBAAsB,YACtB,iCAAiC,WAClC,CAAC,eAAe,CAAC,iBAEX,iBAAiB,CAAC,IAAI,mBAKpB,uBAAuB,CAAC,KAAK,QACxC;wBACJ,KAAK,EAAE,sBAAsB;wBAC7B,QAAQ,EAAE,IAAI;wBACd,WAAW,EAAE,oBAAoB;wBACjC,aAAa,EAAE,cAAc;wBAC7B,mBAAmB,EAAE,mBAAmB;wBACxC,wBAAwB,EACtB,oDAAoD;wBACtD,mBAAmB,EAAE,mBAAmB;wBACxC,yBAAyB,EAAE,iCAAiC;qBAC7D","sourcesContent":["import { CdkDialogContainer } from '@angular/cdk/dialog';\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  inject,\n  Injector,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MlvOverlayInitialFocusResolver } from '@malva-ui/cdk/overlay';\n\nimport { DIALOG_CONFIG } from './dialog-config';\n\n/**\n * @internal Malva's CDK dialog container: focus trap, ARIA attributes and\n * focus restore come from `CdkDialogContainer`; this subclass adds Malva's\n * `initialFocus` strategy on top of the CDK's container focus and restates the\n * host bindings. Ivy does inherit host bindings and attributes from a\n * superclass, so that restatement is belt-and-braces — it mirrors what Angular\n * Material's `MatDialogContainer` does, and keeps the contract visible next to\n * the styles that depend on it.\n *\n * **Deliberate exception to the repo's \"OnPush on every library component\"\n * rule:** `changeDetection` is `Eager`, matching `CdkDialogContainer` and\n * `MatDialogContainer`. This container's view is the change-detection parent of\n * arbitrary consumer content (the portal outlet's `ViewContainerRef` lives in\n * it), so an OnPush, non-dirty container would skip refreshing embedded or\n * component content whose bindings are driven by non-signal, zone-based state.\n *\n * Not exported — `MlvDialogService` passes it as `DialogConfig.container`.\n */\n@Component({\n  selector: 'mlv-dialog-container',\n  template: '<ng-template cdkPortalOutlet />',\n  imports: [CdkPortalOutlet],\n  styleUrl: './dialog-container.scss',\n  encapsulation: ViewEncapsulation.None,\n  // See the class docs: Eager, not OnPush, because this view is the CD parent\n  // of arbitrary consumer content — the same reason CdkDialogContainer and\n  // MatDialogContainer are Eager.\n  // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'mlv-dialog-container',\n    tabindex: '-1',\n    '[attr.id]': '_config.id || null',\n    '[attr.role]': '_config.role',\n    '[attr.aria-modal]': '_config.ariaModal',\n    '[attr.aria-labelledby]':\n      '_config.ariaLabel ? null : _ariaLabelledByQueue[0]',\n    '[attr.aria-label]': '_config.ariaLabel',\n    '[attr.aria-describedby]': '_config.ariaDescribedBy || null',\n  },\n})\nexport class MlvDialogContainer extends CdkDialogContainer {\n  /** @private The consumer's Malva config — `initialFocus` is the only field read here. */\n  private readonly _mlvConfig = inject(DIALOG_CONFIG);\n  /** @private Shared overlay initial-focus strategy (`'auto'` skips the close button and scroll viewport). */\n  private readonly _initialFocus = inject(MlvOverlayInitialFocusResolver);\n  /** @private Injector for `afterNextRender` (the CDK's own is private). */\n  private readonly _hostInjector = inject(Injector);\n  /** @private Set on destroy so a pending focus callback becomes a no-op. */\n  private _destroyed = false;\n\n  constructor() {\n    super();\n    inject(DestroyRef).onDestroy(() => (this._destroyed = true));\n  }\n\n  /**\n   * @protected The CDK first focuses the container (`autoFocus: 'dialog'`,\n   * emitting `_focusTrapped` so the CDK hides the rest of the page from AT),\n   * then — after the same render, before paint — Malva moves focus to the\n   * resolved `initialFocus` target.\n   */\n  protected override _captureInitialFocus(): void {\n    super._captureInitialFocus();\n    afterNextRender(\n      () => {\n        if (this._destroyed) {\n          return;\n        }\n        this._initialFocus.focus(\n          this._elementRef.nativeElement,\n          this._mlvConfig.initialFocus ?? 'auto',\n        );\n      },\n      { injector: this._hostInjector },\n    );\n  }\n}\n"]}

package/esm2022/dialog/lib/dialog-footer.js

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Footer row of a dialog: a wrapping flex row of actions, end-aligned by
+ * default. Replaces the toolbar + spacer boilerplate.
+ */
+export class MlvDialogFooter {
+    /** Where the actions sit: `'start'`, `'end'` (default), `'center'`, or `'between'`. */
+    align = input('end', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvDialogFooter, isStandalone: true, selector: "mlv-dialog-footer, [mlvDialogFooter]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"mlv-dialog__footer--align-\" + align()" }, classAttribute: "mlv-dialog__footer" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogFooter, decorators: [{
+            type: Component,
+            args: [{
+                    // Attribute form intentionally enhances the consumer's own footer container.
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'mlv-dialog-footer, [mlvDialogFooter]',
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mlv-dialog__footer',
+                        '[class]': '"mlv-dialog__footer--align-" + align()',
+                    },
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+//# sourceMappingURL=dialog-footer.js.map

package/esm2022/dialog/lib/dialog-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/dialog-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAKvB;;;GAGG;AAaH,MAAM,OAAO,eAAe;IAC1B,uFAAuF;IAC9E,KAAK,GAAG,KAAK,CAAuB,KAAK;8EAAC,CAAC;uGAFzC,eAAe;2FAAf,eAAe,yVARhB,gBAAgB;;2FAQf,eAAe;kBAZ3B,SAAS;mBAAC;oBACT,6EAA6E;oBAC7E,8DAA8D;oBAC9D,QAAQ,EAAE,sCAAsC;oBAChD,QAAQ,EAAE,gBAAgB;oBAC1B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;wBAC3B,SAAS,EAAE,wCAAwC;qBACpD;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/** Horizontal alignment of a dialog footer's actions. */\nexport type MlvDialogFooterAlign = 'start' | 'end' | 'center' | 'between';\n\n/**\n * Footer row of a dialog: a wrapping flex row of actions, end-aligned by\n * default. Replaces the toolbar + spacer boilerplate.\n */\n@Component({\n  // Attribute form intentionally enhances the consumer's own footer container.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'mlv-dialog-footer, [mlvDialogFooter]',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-dialog__footer',\n    '[class]': '\"mlv-dialog__footer--align-\" + align()',\n  },\n})\nexport class MlvDialogFooter {\n  /** Where the actions sit: `'start'`, `'end'` (default), `'center'`, or `'between'`. */\n  readonly align = input<MlvDialogFooterAlign>('end');\n}\n"]}