@mk-kit/ui 0.50.0 → 0.51.0

package/fesm2022/mk-kit-ui-feedback-prompt-dialog-DnxQ7M0h.mjs

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { inject, viewChild, ElementRef, signal, computed, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MkOverlayRef, MK_OVERLAY_DATA, MK_I18N } from '@mk-kit/ui/core';
+import { MkButton } from '@mk-kit/ui/button';
+import { MkInput, MkFormField } from '@mk-kit/ui/forms';
+import { MkDialog } from './mk-kit-ui-feedback.mjs';
+
+/**
+ * Internal component backing `MkDialogService.prompt`. Renders a single text
+ * field and resolves the overlay ref with the entered string on confirm, or
+ * `null` on cancel / Escape / backdrop. Submitting the form (Enter) confirms.
+ */
+class MkPromptDialog {
+    ref = inject(MkOverlayRef);
+    data = inject(MK_OVERLAY_DATA);
+    i18n = inject(MK_I18N);
+    // `read: ElementRef` — the template ref also carries the MkInput directive, which would otherwise win.
+    inputRef = viewChild('input', { ...(ngDevMode ? { debugName: "inputRef" } : /* istanbul ignore next */ {}), read: ElementRef });
+    value = signal(this.data.value ?? '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    confirmText = computed(() => this.data.confirmText ?? this.i18n.ok, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmText" }] : /* istanbul ignore next */ []));
+    cancelText = computed(() => this.data.cancelText ?? this.i18n.cancel, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelText" }] : /* istanbul ignore next */ []));
+    canConfirm = computed(() => !this.data.required || this.value().trim().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canConfirm" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => this.inputRef()?.nativeElement?.focus());
+    }
+    onInput(event) {
+        this.value.set(event.target.value);
+    }
+    submit() {
+        if (this.canConfirm())
+            this.ref.close(this.value());
+    }
+    cancel() {
+        this.ref.close(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkPromptDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MkPromptDialog, isStandalone: true, selector: "mk-prompt-dialog", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<mk-dialog [dialogTitle]=\"data.title\" hideClose>\n  @if (data.message) {\n    <p class=\"mk-confirm-dialog__message\">{{ data.message }}</p>\n  }\n\n  <mk-form-field [label]=\"data.label ?? ''\">\n    <input\n      #input\n      mkInput\n      [attr.type]=\"data.inputType ?? 'text'\"\n      [value]=\"value()\"\n      [attr.placeholder]=\"data.placeholder ?? null\"\n      [attr.required]=\"data.required ? '' : null\"\n      (input)=\"onInput($event)\"\n      (keydown.enter)=\"submit()\"\n    />\n  </mk-form-field>\n\n  <div mkDialogFooter>\n    <button mkButton variant=\"ghost\" tone=\"neutral\" (click)=\"cancel()\">\n      {{ cancelText() }}\n    </button>\n    <button mkButton (click)=\"submit()\" [disabled]=\"!canConfirm()\">\n      {{ confirmText() }}\n    </button>\n  </div>\n</mk-dialog>\n", styles: [".mk-confirm-dialog__message{margin:0;color:var(--mk-text-muted);font-size:var(--mk-font-size-md);line-height:var(--mk-line-height-relaxed)}.mk-confirm-dialog__body{display:flex;align-items:flex-start;gap:var(--mk-space-3)}.mk-confirm-dialog__icon{flex-shrink:0;margin-top:.125rem;color:var(--mk-text-muted)}.mk-confirm-dialog__icon--danger{color:var(--mk-danger-text)}\n"], dependencies: [{ kind: "component", type: MkDialog, selector: "mk-dialog", inputs: ["dialogTitle", "titleId", "hideClose", "draggable", "resizable"] }, { kind: "component", type: MkButton, selector: "button[mkButton], a[mkButton]", inputs: ["variant", "tone", "size", "loading", "fullWidth", "iconOnly", "disabled"] }, { kind: "component", type: MkInput, selector: "input[mkInput], textarea[mkInput]", inputs: ["size", "invalid"] }, { kind: "component", type: MkFormField, selector: "mk-form-field", inputs: ["label", "hint", "error", "errorMessages", "errorOn", "required", "disabled", "size", "labelPosition", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkPromptDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'mk-prompt-dialog', imports: [MkDialog, MkButton, MkInput, MkFormField], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mk-dialog [dialogTitle]=\"data.title\" hideClose>\n  @if (data.message) {\n    <p class=\"mk-confirm-dialog__message\">{{ data.message }}</p>\n  }\n\n  <mk-form-field [label]=\"data.label ?? ''\">\n    <input\n      #input\n      mkInput\n      [attr.type]=\"data.inputType ?? 'text'\"\n      [value]=\"value()\"\n      [attr.placeholder]=\"data.placeholder ?? null\"\n      [attr.required]=\"data.required ? '' : null\"\n      (input)=\"onInput($event)\"\n      (keydown.enter)=\"submit()\"\n    />\n  </mk-form-field>\n\n  <div mkDialogFooter>\n    <button mkButton variant=\"ghost\" tone=\"neutral\" (click)=\"cancel()\">\n      {{ cancelText() }}\n    </button>\n    <button mkButton (click)=\"submit()\" [disabled]=\"!canConfirm()\">\n      {{ confirmText() }}\n    </button>\n  </div>\n</mk-dialog>\n", styles: [".mk-confirm-dialog__message{margin:0;color:var(--mk-text-muted);font-size:var(--mk-font-size-md);line-height:var(--mk-line-height-relaxed)}.mk-confirm-dialog__body{display:flex;align-items:flex-start;gap:var(--mk-space-3)}.mk-confirm-dialog__icon{flex-shrink:0;margin-top:.125rem;color:var(--mk-text-muted)}.mk-confirm-dialog__icon--danger{color:var(--mk-danger-text)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputRef: [{ type: i0.ViewChild, args: ['input', { ...{ read: ElementRef }, isSignal: true }] }] } });
+
+export { MkPromptDialog };
+//# sourceMappingURL=mk-kit-ui-feedback-prompt-dialog-DnxQ7M0h.mjs.map

package/fesm2022/mk-kit-ui-feedback-prompt-dialog-DnxQ7M0h.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mk-kit-ui-feedback-prompt-dialog-DnxQ7M0h.mjs","sources":["../../../projects/mk-kit/feedback/dialog/prompt-dialog.ts","../../../projects/mk-kit/feedback/dialog/prompt-dialog.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  afterNextRender,\n  computed,\n  inject,\n  signal,\n  viewChild,\n  ElementRef,\n} from '@angular/core';\nimport { MK_I18N } from '@mk-kit/ui/core';\nimport { MK_OVERLAY_DATA, MkOverlayRef } from '@mk-kit/ui/core';\nimport { MkButton } from '@mk-kit/ui/button';\nimport { MkInput } from '@mk-kit/ui/forms';\nimport { MkFormField } from '@mk-kit/ui/forms';\nimport { MkDialog } from './dialog';\n\n/** Data contract for {@link MkPromptDialog} / `MkDialogService.prompt`. */\nexport interface MkPromptDialogData {\n  /** Heading text. */\n  title: string;\n  /** Optional body message shown above the input. */\n  message?: string;\n  /** Field label. */\n  label?: string;\n  /** Pre-filled value. */\n  value?: string;\n  /** Input placeholder. */\n  placeholder?: string;\n  /** Confirm button label. Default `OK`. */\n  confirmText?: string;\n  /** Cancel button label. Default `Cancel`. */\n  cancelText?: string;\n  /** Require a non-empty value before the confirm button enables. */\n  required?: boolean;\n  /** Native input type (e.g. `text`, `email`, `number`, `password`). */\n  inputType?: string;\n}\n\n/**\n * Internal component backing `MkDialogService.prompt`. Renders a single text\n * field and resolves the overlay ref with the entered string on confirm, or\n * `null` on cancel / Escape / backdrop. Submitting the form (Enter) confirms.\n */\n@Component({\n  selector: 'mk-prompt-dialog',\n  imports: [MkDialog, MkButton, MkInput, MkFormField],\n  templateUrl: './prompt-dialog.html',\n  styleUrl: './confirm-dialog.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MkPromptDialog {\n  private readonly ref = inject<MkOverlayRef<string | null>>(MkOverlayRef);\n  protected readonly data = inject<MkPromptDialogData>(MK_OVERLAY_DATA);\n  protected readonly i18n = inject(MK_I18N);\n  // `read: ElementRef` — the template ref also carries the MkInput directive, which would otherwise win.\n  private readonly inputRef = viewChild('input', { read: ElementRef });\n\n  protected readonly value = signal(this.data.value ?? '');\n  protected readonly confirmText = computed(\n    () => this.data.confirmText ?? this.i18n.ok,\n  );\n  protected readonly cancelText = computed(\n    () => this.data.cancelText ?? this.i18n.cancel,\n  );\n  protected readonly canConfirm = computed(\n    () => !this.data.required || this.value().trim().length > 0,\n  );\n\n  constructor() {\n    afterNextRender(() => (this.inputRef()?.nativeElement as HTMLInputElement | undefined)?.focus());\n  }\n\n  protected onInput(event: Event): void {\n    this.value.set((event.target as HTMLInputElement).value);\n  }\n\n  protected submit(): void {\n    if (this.canConfirm()) this.ref.close(this.value());\n  }\n\n  protected cancel(): void {\n    this.ref.close(null);\n  }\n}\n","<mk-dialog [dialogTitle]=\"data.title\" hideClose>\n  @if (data.message) {\n    <p class=\"mk-confirm-dialog__message\">{{ data.message }}</p>\n  }\n\n  <mk-form-field [label]=\"data.label ?? ''\">\n    <input\n      #input\n      mkInput\n      [attr.type]=\"data.inputType ?? 'text'\"\n      [value]=\"value()\"\n      [attr.placeholder]=\"data.placeholder ?? null\"\n      [attr.required]=\"data.required ? '' : null\"\n      (input)=\"onInput($event)\"\n      (keydown.enter)=\"submit()\"\n    />\n  </mk-form-field>\n\n  <div mkDialogFooter>\n    <button mkButton variant=\"ghost\" tone=\"neutral\" (click)=\"cancel()\">\n      {{ cancelText() }}\n    </button>\n    <button mkButton (click)=\"submit()\" [disabled]=\"!canConfirm()\">\n      {{ confirmText() }}\n    </button>\n  </div>\n</mk-dialog>\n"],"names":[],"mappings":"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"}

package/fesm2022/mk-kit-ui-feedback.mjs

@@ -5,7 +5,6 @@ import { isPlatformBrowser } from '@angular/common';
 import { MkButton } from '@mk-kit/ui/button';
 import { MkBadge, MkEmptyState, MkSpinner } from '@mk-kit/ui/data';
 import { MkIcon } from '@mk-kit/ui/icon';
-import { MkInput, MkFormField } from '@mk-kit/ui/forms';
 
 /**
  * Alert — an inline banner that communicates a contextual status message.
@@ -1397,46 +1396,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             args: [{ selector: 'mk-confirm-dialog', imports: [MkDialog, MkButton, MkIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mk-dialog [dialogTitle]=\"data.title\" hideClose>\n  <div class=\"mk-confirm-dialog__body\">\n    @if (data.icon; as icon) {\n      <mk-icon\n        class=\"mk-confirm-dialog__icon\"\n        [class.mk-confirm-dialog__icon--danger]=\"data.tone === 'danger'\"\n        [name]=\"icon\"\n        [size]=\"22\"\n      />\n    }\n    <p class=\"mk-confirm-dialog__message\">{{ data.message }}</p>\n  </div>\n\n  <div mkDialogFooter>\n    @if (!data.hideCancel) {\n      <button mkButton variant=\"ghost\" tone=\"neutral\" (click)=\"cancel()\">\n        {{ cancelText() }}\n      </button>\n    }\n    <button mkButton [tone]=\"confirmTone()\" (click)=\"confirm()\">\n      {{ confirmText() }}\n    </button>\n  </div>\n</mk-dialog>\n", styles: [".mk-confirm-dialog__message{margin:0;color:var(--mk-text-muted);font-size:var(--mk-font-size-md);line-height:var(--mk-line-height-relaxed)}.mk-confirm-dialog__body{display:flex;align-items:flex-start;gap:var(--mk-space-3)}.mk-confirm-dialog__icon{flex-shrink:0;margin-top:.125rem;color:var(--mk-text-muted)}.mk-confirm-dialog__icon--danger{color:var(--mk-danger-text)}\n"] }]
         }] });
 
-/**
- * Internal component backing `MkDialogService.prompt`. Renders a single text
- * field and resolves the overlay ref with the entered string on confirm, or
- * `null` on cancel / Escape / backdrop. Submitting the form (Enter) confirms.
- */
-class MkPromptDialog {
-    ref = inject(MkOverlayRef);
-    data = inject(MK_OVERLAY_DATA);
-    i18n = inject(MK_I18N);
-    // `read: ElementRef` — the template ref also carries the MkInput directive, which would otherwise win.
-    inputRef = viewChild('input', { ...(ngDevMode ? { debugName: "inputRef" } : /* istanbul ignore next */ {}), read: ElementRef });
-    value = signal(this.data.value ?? '', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    confirmText = computed(() => this.data.confirmText ?? this.i18n.ok, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "confirmText" }] : /* istanbul ignore next */ []));
-    cancelText = computed(() => this.data.cancelText ?? this.i18n.cancel, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cancelText" }] : /* istanbul ignore next */ []));
-    canConfirm = computed(() => !this.data.required || this.value().trim().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canConfirm" }] : /* istanbul ignore next */ []));
-    constructor() {
-        afterNextRender(() => this.inputRef()?.nativeElement?.focus());
-    }
-    onInput(event) {
-        this.value.set(event.target.value);
-    }
-    submit() {
-        if (this.canConfirm())
-            this.ref.close(this.value());
-    }
-    cancel() {
-        this.ref.close(null);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkPromptDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MkPromptDialog, isStandalone: true, selector: "mk-prompt-dialog", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<mk-dialog [dialogTitle]=\"data.title\" hideClose>\n  @if (data.message) {\n    <p class=\"mk-confirm-dialog__message\">{{ data.message }}</p>\n  }\n\n  <mk-form-field [label]=\"data.label ?? ''\">\n    <input\n      #input\n      mkInput\n      [attr.type]=\"data.inputType ?? 'text'\"\n      [value]=\"value()\"\n      [attr.placeholder]=\"data.placeholder ?? null\"\n      [attr.required]=\"data.required ? '' : null\"\n      (input)=\"onInput($event)\"\n      (keydown.enter)=\"submit()\"\n    />\n  </mk-form-field>\n\n  <div mkDialogFooter>\n    <button mkButton variant=\"ghost\" tone=\"neutral\" (click)=\"cancel()\">\n      {{ cancelText() }}\n    </button>\n    <button mkButton (click)=\"submit()\" [disabled]=\"!canConfirm()\">\n      {{ confirmText() }}\n    </button>\n  </div>\n</mk-dialog>\n", styles: [".mk-confirm-dialog__message{margin:0;color:var(--mk-text-muted);font-size:var(--mk-font-size-md);line-height:var(--mk-line-height-relaxed)}.mk-confirm-dialog__body{display:flex;align-items:flex-start;gap:var(--mk-space-3)}.mk-confirm-dialog__icon{flex-shrink:0;margin-top:.125rem;color:var(--mk-text-muted)}.mk-confirm-dialog__icon--danger{color:var(--mk-danger-text)}\n"], dependencies: [{ kind: "component", type: MkDialog, selector: "mk-dialog", inputs: ["dialogTitle", "titleId", "hideClose", "draggable", "resizable"] }, { kind: "component", type: MkButton, selector: "button[mkButton], a[mkButton]", inputs: ["variant", "tone", "size", "loading", "fullWidth", "iconOnly", "disabled"] }, { kind: "component", type: MkInput, selector: "input[mkInput], textarea[mkInput]", inputs: ["size", "invalid"] }, { kind: "component", type: MkFormField, selector: "mk-form-field", inputs: ["label", "hint", "error", "errorMessages", "errorOn", "required", "disabled", "size", "labelPosition", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkPromptDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'mk-prompt-dialog', imports: [MkDialog, MkButton, MkInput, MkFormField], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mk-dialog [dialogTitle]=\"data.title\" hideClose>\n  @if (data.message) {\n    <p class=\"mk-confirm-dialog__message\">{{ data.message }}</p>\n  }\n\n  <mk-form-field [label]=\"data.label ?? ''\">\n    <input\n      #input\n      mkInput\n      [attr.type]=\"data.inputType ?? 'text'\"\n      [value]=\"value()\"\n      [attr.placeholder]=\"data.placeholder ?? null\"\n      [attr.required]=\"data.required ? '' : null\"\n      (input)=\"onInput($event)\"\n      (keydown.enter)=\"submit()\"\n    />\n  </mk-form-field>\n\n  <div mkDialogFooter>\n    <button mkButton variant=\"ghost\" tone=\"neutral\" (click)=\"cancel()\">\n      {{ cancelText() }}\n    </button>\n    <button mkButton (click)=\"submit()\" [disabled]=\"!canConfirm()\">\n      {{ confirmText() }}\n    </button>\n  </div>\n</mk-dialog>\n", styles: [".mk-confirm-dialog__message{margin:0;color:var(--mk-text-muted);font-size:var(--mk-font-size-md);line-height:var(--mk-line-height-relaxed)}.mk-confirm-dialog__body{display:flex;align-items:flex-start;gap:var(--mk-space-3)}.mk-confirm-dialog__icon{flex-shrink:0;margin-top:.125rem;color:var(--mk-text-muted)}.mk-confirm-dialog__icon--danger{color:var(--mk-danger-text)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { inputRef: [{ type: i0.ViewChild, args: ['input', { ...{ read: ElementRef }, isSignal: true }] }] } });
-
 const DIALOG_PANEL_CLASS = 'mk-dialog-panel';
 /**
  * Dialog service — a thin, opinionated layer over {@link MkOverlayService} that
@@ -1496,7 +1455,12 @@ class MkDialogService {
      * Open a single-field prompt dialog. Resolves with the entered string, or
      * `null` if the user cancels, presses Escape, or clicks the backdrop.
      */
-    prompt(data) {
+    async prompt(data) {
+        // Loaded on demand: the prompt dialog is the only thing in `feedback` that
+        // needs `@mk-kit/ui/forms`, and a static reference here shipped the whole
+        // forms entry (input, form field, and their dependencies) to every app
+        // that injects this service — including ones that never prompt.
+        const { MkPromptDialog } = await import('./mk-kit-ui-feedback-prompt-dialog-DnxQ7M0h.mjs');
         const ref = this.open(MkPromptDialog, { data, ariaLabel: data.title });
         return ref.afterClosed.then((result) => result ?? null);
     }
@@ -2818,5 +2782,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MK_TOUR_DATA, MkAlert, MkBanner, MkBlockUi, MkBlockUiOverlay, MkBlockUiService, MkBottomSheet, MkBottomSheetService, MkConfirmDialog, MkDialog, MkDialogService, MkDialogTitle, MkHovercard, MkHovercardTrigger, MkLoadingBar, MkLoadingBarService, MkNotificationCenter, MkPopconfirm, MkPopconfirmTrigger, MkPopover, MkPopoverTrigger, MkPromptDialog, MkResult, MkSnackbar, MkSnackbarContainer, MkSnackbarRef, MkSnackbarService, MkToast, MkToastContainer, MkToastService, MkTooltip, MkTooltipPanel, MkTourPopup, MkTourService };
+export { MK_TOUR_DATA, MkAlert, MkBanner, MkBlockUi, MkBlockUiOverlay, MkBlockUiService, MkBottomSheet, MkBottomSheetService, MkConfirmDialog, MkDialog, MkDialogService, MkDialogTitle, MkHovercard, MkHovercardTrigger, MkLoadingBar, MkLoadingBarService, MkNotificationCenter, MkPopconfirm, MkPopconfirmTrigger, MkPopover, MkPopoverTrigger, MkResult, MkSnackbar, MkSnackbarContainer, MkSnackbarRef, MkSnackbarService, MkToast, MkToastContainer, MkToastService, MkTooltip, MkTooltipPanel, MkTourPopup, MkTourService };
 //# sourceMappingURL=mk-kit-ui-feedback.mjs.map