@mhmo91/schmancy 0.7.7 → 0.8.4

package/dist/dialog-service-D9E3jLAR.js

@@ -0,0 +1,118 @@
+import { render as d } from "lit";
+import { Subject as g, switchMap as f, forkJoin as b, fromEvent as l, of as v, takeUntil as C, timer as w, map as m, defaultIfEmpty as y, tap as r } from "rxjs";
+import { a as E, T as S } from "./theme.events-CPSLaOlR.js";
+const T = "are-you-there-dialog", x = "yes-dialog-here", c = class c {
+  constructor() {
+    this.activeDialogs = [], this.dialogSubject = new g(), this.dismissSubject = new g(), this.setupDialogOpeningLogic(), this.setupDialogDismissLogic();
+  }
+  static getInstance() {
+    return c.instance || (c.instance = new c()), c.instance;
+  }
+  setupDialogOpeningLogic() {
+    this.dialogSubject.pipe(f((e) => b([l(window, E).pipe(C(w(50)), m((t) => t.detail.theme), y(void 0)), v(e).pipe(r(() => {
+      const t = `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+      window.dispatchEvent(new CustomEvent(S, { bubbles: !0, composed: !0 })), e.uid = t;
+    }))])), m(([e, t]) => {
+      const n = e || t.options.targetContainer || document.querySelector("schmancy-theme") || document.body, i = t.uid, o = document.createElement("schmancy-dialog");
+      return o.setAttribute("uid", i), n.appendChild(o), { dialog: o, target: t };
+    }), r(({ dialog: e, target: t }) => {
+      const n = t.options;
+      if (t.type === "confirm") {
+        if (e.title = n.title, e.subtitle = n.subtitle, e.message = n.message, e.confirmText = n.confirmText ?? "Confirm", e.cancelText = n.cancelText ?? "Cancel", e.variant = n.variant ?? "default", n.content) {
+          const i = document.createElement("div");
+          if (i.slot = "content", typeof n.content == "function") {
+            const o = n.content();
+            o instanceof HTMLElement ? i.appendChild(o) : d(o, i);
+          } else n.content instanceof HTMLElement ? i.appendChild(n.content) : d(n.content, i);
+          e.appendChild(i);
+        }
+      } else if (e.hideActions = !0, t.content) {
+        const i = document.createElement("div");
+        if (i.style.height = "100%", i.style.width = "100%", i.classList.add("schmancy-dialog-content-container"), typeof t.content == "function") {
+          const o = t.content();
+          o instanceof HTMLElement ? i.appendChild(o) : d(o, i);
+        } else t.content instanceof HTMLElement ? i.appendChild(t.content) : d(t.content, i);
+        e.appendChild(i);
+      }
+      this.activeDialogs.push(e);
+    }), r(({ dialog: e, target: t }) => {
+      const n = t.options.position || this.getCenteredPosition();
+      e.show(n).then((o) => {
+        t.resolve?.(o);
+        const u = this.activeDialogs.indexOf(e);
+        u !== -1 && this.activeDialogs.splice(u, 1);
+        const h = e.querySelector('[slot="content"]');
+        h && e.removeChild(h);
+        const p = e.querySelector(".schmancy-dialog-content-container");
+        p?.parentNode && p.parentNode.removeChild(p), e._eventSubscriptions?.forEach((D) => D.unsubscribe()), e.parentElement?.removeChild(e);
+      }).catch((o) => {
+        t.reject?.(o);
+      });
+      const i = [];
+      if (t.options.onConfirm) {
+        const o = l(e, "confirm").subscribe(() => {
+          t.options.onConfirm(), o.unsubscribe();
+        });
+        i.push(o);
+      }
+      if (t.options.onCancel) {
+        const o = l(e, "cancel").subscribe(() => {
+          t.options.onCancel(), o.unsubscribe();
+        });
+        i.push(o);
+      }
+      e._eventSubscriptions = i;
+    })).subscribe();
+  }
+  setupDialogDismissLogic() {
+    this.dismissSubject.pipe(f((e) => b([l(window, x).pipe(C(w(100)), m((t) => t.detail), y(void 0)), v(e).pipe(r(() => {
+      window.dispatchEvent(new CustomEvent(T, { detail: { uid: e }, bubbles: !0, composed: !0 }));
+    }))])), r(([e]) => {
+      if (e?.dialog) {
+        e.dialog.hide(!1), e.dialog._eventSubscriptions?.forEach((i) => i.unsubscribe());
+        const n = this.activeDialogs.indexOf(e.dialog);
+        n !== -1 && this.activeDialogs.splice(n, 1), e.dialog.parentElement?.removeChild(e.dialog);
+      }
+    })).subscribe();
+  }
+  confirm(e) {
+    return new Promise((t, n) => {
+      const i = { ...c.DEFAULT_OPTIONS, ...e };
+      i.position || (i.position = this.getCenteredPosition()), this.dialogSubject.next({ options: i, type: "confirm", content: i.content, resolve: t, reject: n });
+    });
+  }
+  component(e, t = {}) {
+    return new Promise((n, i) => {
+      t.position || (t.position = this.getCenteredPosition()), this.dialogSubject.next({ options: t, type: "component", content: e, resolve: n, reject: i });
+    });
+  }
+  dismiss() {
+    if (this.activeDialogs.length > 0) {
+      const e = this.activeDialogs[this.activeDialogs.length - 1].getAttribute("uid");
+      if (e) return this.dismissSubject.next(e), !0;
+    }
+    return !1;
+  }
+  close() {
+    return this.dismiss();
+  }
+  ask(e, t) {
+    return this.confirm({ message: e, confirmText: "Confirm", cancelText: "Cancel", position: t });
+  }
+  danger(e) {
+    return this.confirm({ ...e, variant: "danger" });
+  }
+  getCenteredPosition() {
+    return { x: window.innerWidth / 2, y: window.innerHeight / 2 };
+  }
+};
+c.DEFAULT_OPTIONS = { title: void 0, subtitle: void 0, confirmText: void 0, cancelText: void 0, variant: "default" };
+let s = c;
+const P = { confirm: (a) => s.getInstance().confirm(a), ask: (a, e) => s.getInstance().ask(a, e), danger: (a) => s.getInstance().danger(a), component: (a, e) => s.getInstance().component(a, e), dismiss: () => s.getInstance().dismiss(), close: () => s.getInstance().close() };
+export {
+  P as $,
+  s as D,
+  T as a,
+  x as b
+};
+//# sourceMappingURL=dialog-service-D9E3jLAR.js.map

package/dist/dialog-service-D9E3jLAR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-service-D9E3jLAR.js","sources":["../src/dialog/dialog-events.ts","../src/dialog/dialog-service.ts"],"sourcesContent":["// Dialog discovery event constants\r\nexport const DialogWhereAreYouRicky = 'are-you-there-dialog'\r\nexport const DialogHereMorty = 'yes-dialog-here'\r\n\r\n// Event interfaces\r\nexport interface DialogWhereAreYouRickyEvent extends CustomEvent {\r\n  detail: {\r\n    uid: string\r\n  }\r\n}\r\n\r\nexport interface DialogHereMortyEvent extends CustomEvent {\r\n  detail: {\r\n    dialog: any // Will be schmancy-dialog instance\r\n    theme?: any // Will be schmancy-theme instance\r\n  }\r\n}","import { render, TemplateResult } from 'lit'\nimport { defaultIfEmpty, forkJoin, fromEvent, map, of, Subject, Subscription, switchMap, takeUntil, tap, timer } from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from '../theme/theme.events'\nimport { SchmancyDialog } from './dialog.component'\nimport { DialogHereMorty, DialogHereMortyEvent, DialogWhereAreYouRicky } from './dialog-events'\n\n/**\n * Dialog service options interface\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tsubtitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\tonConfirm?: () => void\n\tonCancel?: () => void\n\thideActions?: boolean\n\ttargetContainer?: HTMLElement\n}\n\ninterface DialogTarget {\n\toptions: DialogOptions\n\ttype: 'confirm' | 'component'\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\tresolve?: (value: boolean) => void\n\treject?: (reason?: unknown) => void\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Uses a single unified SchmancyDialog component for all dialog types.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tsubtitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: undefined,\n\t\tvariant: 'default',\n\t}\n\n\t// Single array to track all dialogs\n\tprivate activeDialogs: SchmancyDialog[] = []\n\n\tprivate dialogSubject = new Subject<DialogTarget>()\n\tprivate dismissSubject = new Subject<string>()\n\n\tprivate constructor() {\n\t\tthis.setupDialogOpeningLogic()\n\t\tthis.setupDialogDismissLogic()\n\t}\n\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\n\tprivate setupDialogOpeningLogic() {\n\t\tthis.dialogSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail.theme),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\tconst uid = `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(ThemeWhereAreYou, {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t;(target as { uid?: string }).uid = uid\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\tmap(([theme, target]) => {\n\t\t\t\t\tconst targetContainer =\n\t\t\t\t\t\ttheme ||\n\t\t\t\t\t\ttarget.options.targetContainer ||\n\t\t\t\t\t\t(document.querySelector('schmancy-theme') as HTMLElement) ||\n\t\t\t\t\t\tdocument.body\n\n\t\t\t\t\tconst uid = (target as { uid?: string }).uid!\n\t\t\t\t\tconst dialog = document.createElement('schmancy-dialog') as SchmancyDialog\n\t\t\t\t\tdialog.setAttribute('uid', uid)\n\t\t\t\t\ttargetContainer.appendChild(dialog)\n\n\t\t\t\t\treturn { dialog, target }\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\tconst options = target.options\n\n\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t// Configure for confirm mode\n\t\t\t\t\t\tdialog.title = options.title\n\t\t\t\t\t\tdialog.subtitle = options.subtitle\n\t\t\t\t\t\tdialog.message = options.message\n\t\t\t\t\t\tdialog.confirmText = options.confirmText ?? 'Confirm'\n\t\t\t\t\t\tdialog.cancelText = options.cancelText ?? 'Cancel'\n\t\t\t\t\t\tdialog.variant = options.variant ?? 'default'\n\n\t\t\t\t\t\t// Handle custom content slot\n\t\t\t\t\t\tif (options.content) {\n\t\t\t\t\t\t\tconst contentContainer = document.createElement('div')\n\t\t\t\t\t\t\tcontentContainer.slot = 'content'\n\n\t\t\t\t\t\t\tif (typeof options.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = options.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (options.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tcontentContainer.appendChild(options.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(options.content, contentContainer)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tdialog.appendChild(contentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Configure for content mode\n\t\t\t\t\t\tdialog.hideActions = true\n\n\t\t\t\t\t\tif (target.content) {\n\t\t\t\t\t\t\tconst contentContainer = document.createElement('div')\n\t\t\t\t\t\t\tcontentContainer.style.height = '100%'\n\t\t\t\t\t\t\tcontentContainer.style.width = '100%'\n\t\t\t\t\t\t\tcontentContainer.classList.add('schmancy-dialog-content-container')\n\n\t\t\t\t\t\t\tif (typeof target.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = target.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (target.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tcontentContainer.appendChild(target.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(target.content, contentContainer)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tdialog.appendChild(contentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.activeDialogs.push(dialog)\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\tconst position = target.options.position || this.getCenteredPosition()\n\n\t\t\t\t\tdialog\n\t\t\t\t\t\t.show(position)\n\t\t\t\t\t\t.then((result: boolean) => {\n\t\t\t\t\t\t\ttarget.resolve?.(result)\n\n\t\t\t\t\t\t\t// Cleanup\n\t\t\t\t\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\t\t\t\tif (contentEl) dialog.removeChild(contentEl)\n\n\t\t\t\t\t\t\tconst contentContainer = dialog.querySelector('.schmancy-dialog-content-container')\n\t\t\t\t\t\t\tif (contentContainer?.parentNode) {\n\t\t\t\t\t\t\t\tcontentContainer.parentNode.removeChild(contentContainer)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Clean up event subscriptions\n\t\t\t\t\t\t\tconst eventSubscriptions = (dialog as unknown as { _eventSubscriptions?: Subscription[] })\n\t\t\t\t\t\t\t\t._eventSubscriptions\n\t\t\t\t\t\t\teventSubscriptions?.forEach(sub => sub.unsubscribe())\n\n\t\t\t\t\t\t\t// Remove from DOM\n\t\t\t\t\t\t\tdialog.parentElement?.removeChild(dialog)\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((error: unknown) => {\n\t\t\t\t\t\t\ttarget.reject?.(error)\n\t\t\t\t\t\t})\n\n\t\t\t\t\t// Set up event listeners\n\t\t\t\t\tconst eventSubscriptions: Subscription[] = []\n\n\t\t\t\t\tif (target.options.onConfirm) {\n\t\t\t\t\t\tconst confirmSub = fromEvent(dialog, 'confirm').subscribe(() => {\n\t\t\t\t\t\t\ttarget.options.onConfirm!()\n\t\t\t\t\t\t\tconfirmSub.unsubscribe()\n\t\t\t\t\t\t})\n\t\t\t\t\t\teventSubscriptions.push(confirmSub)\n\t\t\t\t\t}\n\n\t\t\t\t\tif (target.options.onCancel) {\n\t\t\t\t\t\tconst cancelSub = fromEvent(dialog, 'cancel').subscribe(() => {\n\t\t\t\t\t\t\ttarget.options.onCancel!()\n\t\t\t\t\t\t\tcancelSub.unsubscribe()\n\t\t\t\t\t\t})\n\t\t\t\t\t\teventSubscriptions.push(cancelSub)\n\t\t\t\t\t}\n\n\t\t\t\t\t;(dialog as unknown as { _eventSubscriptions: Subscription[] })._eventSubscriptions = eventSubscriptions\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate setupDialogDismissLogic() {\n\t\tthis.dismissSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([response]) => {\n\t\t\t\t\tif (response?.dialog) {\n\t\t\t\t\t\tresponse.dialog.hide(false)\n\n\t\t\t\t\t\tconst eventSubscriptions = (response.dialog as unknown as { _eventSubscriptions?: Subscription[] })\n\t\t\t\t\t\t\t._eventSubscriptions\n\t\t\t\t\t\teventSubscriptions?.forEach(sub => sub.unsubscribe())\n\n\t\t\t\t\t\tconst index = this.activeDialogs.indexOf(response.dialog as SchmancyDialog)\n\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tresponse.dialog.parentElement?.removeChild(response.dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tconst completeOptions = {\n\t\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t\t...options,\n\t\t\t}\n\n\t\t\tif (!completeOptions.position) {\n\t\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next({\n\t\t\t\toptions: completeOptions,\n\t\t\t\ttype: 'confirm',\n\t\t\t\tcontent: completeOptions.content,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t})\n\t\t})\n\t}\n\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tif (!options.position) {\n\t\t\t\toptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next({\n\t\t\t\toptions: options as DialogOptions,\n\t\t\t\ttype: 'component',\n\t\t\t\tcontent,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t})\n\t\t})\n\t}\n\n\tpublic dismiss(): boolean {\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1]\n\t\t\tconst uid = dialog.getAttribute('uid')\n\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn false\n\t}\n\n\tpublic close(): boolean {\n\t\treturn this.dismiss()\n\t}\n\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tconfirmText: 'Confirm',\n\t\t\tcancelText: 'Cancel',\n\t\t\tposition: event,\n\t\t})\n\t}\n\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n}\n\n/**\n * Global dialog utility\n */\nexport const $dialog = {\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n\n\tclose: (): boolean => {\n\t\treturn DialogService.getInstance().close()\n\t},\n}\n\nexport default DialogService\n"],"names":["DialogWhereAreYouRicky","DialogHereMorty","DialogService","constructor","this","activeDialogs","dialogSubject","Subject","dismissSubject","setupDialogOpeningLogic","setupDialogDismissLogic","getInstance","instance","pipe","switchMap","forkJoin","fromEvent","window","ThemeHereIAm","takeUntil","timer","map","e","detail","theme","defaultIfEmpty","of","target","tap","uid","Date","now","Math","random","toString","substring","dispatchEvent","CustomEvent","ThemeWhereAreYou","bubbles","composed","targetContainer","options","document","querySelector","body","dialog","createElement","setAttribute","appendChild","type","title","subtitle","message","confirmText","cancelText","variant","content","contentContainer","slot","result","HTMLElement","render","hideActions","style","height","width","classList","add","push","position","getCenteredPosition","show","then","resolve","index","indexOf","splice","contentEl","removeChild","parentNode","_eventSubscriptions","forEach","sub","unsubscribe","parentElement","catch","error","reject","eventSubscriptions","onConfirm","confirmSub","subscribe","onCancel","cancelSub","response","hide","Promise","completeOptions","DEFAULT_OPTIONS","next","dismiss","length","getAttribute","close","event","confirm","x","innerWidth","y","innerHeight","_g","$dialog","ask","danger","component"],"mappings":"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"}

package/dist/dialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dialog-content-B59ekS_y.cjs"),i=require("./dialog-service-B4nR8Em5.cjs");Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>e.ConfirmDialog}),Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>e.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>e.SchmancyDialogContent}),exports.$dialog=i.$dialog,exports.DialogService=i.DialogService;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dialog-service-C86xTS8q.cjs"),e=require("./dialog.component-BM0D-hK9.cjs");exports.$dialog=i.$dialog,exports.DialogService=i.DialogService,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>e.SchmancyDialog}),exports.DialogBase=e.DialogBase,Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>e.SchmancyDialog});
 //# sourceMappingURL=dialog.cjs.map

package/dist/dialog.component-BM0D-hK9.cjs

@@ -0,0 +1,48 @@
+"use strict";const p=require("rxjs"),y=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-Cp4PyXok.cjs");const g=require("./litElement.mixin-CrpeGpZ7.cjs"),r=require("lit"),d=require("lit/directives/when.js"),l=require("@floating-ui/dom"),u=require("./dialog-service-C86xTS8q.cjs"),m=e=>class extends e{constructor(){super(...arguments),this.position={x:0,y:0}}getDialogElement(){return null}async show(t){let i,s;if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0),t)if("clientX"in t)i=t.clientX,s=t.clientY;else if("touches"in t&&t.touches.length)i=t.touches[0].clientX,s=t.touches[0].clientY;else{const n=t;i=n.x,s=n.y}else i=window.innerWidth/2,s=window.innerHeight/2;return this.position={x:i,y:s},this.virtualReference={getBoundingClientRect:()=>new DOMRect(i,s,0,0)},this.requestUpdate(),await this.updateComplete,this.setAttribute("active",""),this.setupPositioning(),new Promise(n=>{this.resolvePromise=n})}hide(t=!1){this.removeAttribute("active"),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0),this.resolvePromise&&(this.resolvePromise(t),this.resolvePromise=void 0)}isCentered(){const t=.3*window.innerWidth,i=.3*window.innerHeight;return Math.abs(this.position.x-window.innerWidth/2)<t&&Math.abs(this.position.y-window.innerHeight/2)<i}setupPositioning(){const t=this.getDialogElement();t&&(this.isCentered()||this.virtualReference&&(this.cleanupAutoUpdate=l.autoUpdate(this.virtualReference,t,()=>this.updatePosition(t),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0}),this.updatePosition(t)))}async updatePosition(t){if(!this.virtualReference)return;const{x:i,y:s}=await l.computePosition(this.virtualReference,t,{strategy:"fixed",middleware:[l.offset(8),l.autoPlacement({padding:16,allowedPlacements:["top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"]}),l.shift({padding:16}),l.size({padding:16,apply({availableWidth:n,elements:o}){o.floating.style.maxWidth=`${n}px`}})]});Object.assign(t.style,{position:"fixed",left:`${Math.round(i)}px`,top:`${Math.round(s)}px`,transform:"none"})}disconnectedCallback(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0),super.disconnectedCallback()}};var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,c=(e,t,i,s)=>{for(var n,o=s>1?void 0:s?v(t,i):t,h=e.length-1;h>=0;h--)(n=e[h])&&(o=(s?n(t,i,o):n(o))||o);return s&&o&&f(t,i,o),o};exports.SchmancyDialog=class extends m(g.$LitElement(r.css`
+		:host {
+			position: fixed;
+			z-index: 10000;
+			inset: 0;
+			display: none;
+			--dialog-width: fit-content;
+		}
+
+		:host([active]) {
+			display: block;
+		}
+	`)){constructor(){super(...arguments),this.title=void 0,this.subtitle=void 0,this.message=void 0,this.confirmText=void 0,this.cancelText=void 0,this.variant="default",this.hideActions=!1}getDialogElement(){return this.shadowRoot?.querySelector('[role="dialog"], [role="alertdialog"]')}get isConfirmMode(){return!this.hideActions&&!(!this.confirmText?.trim()||!this.cancelText?.trim())}connectedCallback(){super.connectedCallback(),p.fromEvent(window,u.DialogWhereAreYouRicky).pipe(p.tap(e=>{e.detail.uid===this.uid&&this.announcePresence()}),y.takeUntil(this.disconnecting)).subscribe()}announcePresence(){this.dispatchEvent(new CustomEvent(u.DialogHereMorty,{detail:{dialog:this},bubbles:!0,composed:!0}))}handleConfirm(){this.hide(!0),this.dispatchEvent(new CustomEvent("confirm",{bubbles:!0,composed:!0}))}handleClose(){this.hide(!1),this.dispatchEvent(new CustomEvent(this.isConfirmMode?"cancel":"close",{bubbles:!0,composed:!0}))}render(){const e=this.isCentered(),t=this.querySelectorAll('[slot="content"]').length>0,i={dialog:!0,fixed:!0,"w-[var(--dialog-width)]":!0,"max-w-[calc(100vw-2rem)]":!0,"max-h-[90dvh]":!0,"overflow-hidden":!0,"top-1/2":e,"left-1/2":e,"-translate-x-1/2":e,"-translate-y-1/2":e};return this.isConfirmMode?r.html`
+				<div class="fixed inset-0 bg-scrim/40" @click=${this.handleClose}></div>
+
+				<div class=${this.classMap(i)} role="alertdialog" aria-modal="true">
+					<schmancy-surface rounded="all" elevation="3" type="containerHigh" fill="all" class="overflow-hidden">
+						<schmancy-scroll direction="vertical" hide class="p-4">
+							<schmancy-form @submit=${this.handleConfirm}>
+								${d.when(this.title?.trim(),()=>r.html`
+										<schmancy-typography type="title" token="md" class="mb-1">${this.title}</schmancy-typography>
+										${d.when(this.subtitle?.trim(),()=>r.html`
+												<schmancy-typography type="subtitle" token="xs" class="mb-2">
+													${this.subtitle}
+												</schmancy-typography>
+											`)}
+									`)}
+								${t?r.html`<div class="mb-4"><slot name="content"></slot></div>`:d.when(this.message?.trim(),()=>r.html`<schmancy-typography type="body" class="mb-4">${this.message}</schmancy-typography>`)}
+								<div class="flex justify-end gap-3">
+									<schmancy-button variant="outlined" @click=${this.handleClose}>${this.cancelText}</schmancy-button>
+									<schmancy-button type="submit" variant="filled">${this.confirmText}</schmancy-button>
+								</div>
+							</schmancy-form>
+						</schmancy-scroll>
+					</schmancy-surface>
+				</div>
+			`:r.html`
+			<div class="fixed inset-0 bg-surface-container/10 backdrop-blur-xs" @click=${this.handleClose}></div>
+
+			<section class=${this.classMap(i)} role="dialog" aria-modal="true">
+				<schmancy-surface rounded="all" type="surface" elevation="2" fill="all" class="overflow-hidden">
+					<schmancy-scroll direction="vertical" hide class="p-2 md:p-4 max-h-[90dvh]">
+						<slot></slot>
+					</schmancy-scroll>
+				</schmancy-surface>
+			</section>
+		`}static async confirm(e){let t=document.querySelector("schmancy-dialog[data-static-confirm]");return t||(t=document.createElement("schmancy-dialog"),t.setAttribute("data-static-confirm",""),document.body.appendChild(t)),t.title=e.title,t.subtitle=e.subtitle,t.message=e.message,t.confirmText=e.confirmText??"Confirm",t.cancelText=e.cancelText??"Cancel",t.variant=e.variant??"default",e.width&&t.style.setProperty("--dialog-width",e.width),t.show(e.position)}static async ask(e,t){return this.confirm({message:e,position:t})}},c([a.property({type:String,reflect:!0})],exports.SchmancyDialog.prototype,"uid",2),c([a.property({type:String})],exports.SchmancyDialog.prototype,"title",2),c([a.property({type:String})],exports.SchmancyDialog.prototype,"subtitle",2),c([a.property({type:String})],exports.SchmancyDialog.prototype,"message",2),c([a.property({type:String,attribute:"confirm-text"})],exports.SchmancyDialog.prototype,"confirmText",2),c([a.property({type:String,attribute:"cancel-text"})],exports.SchmancyDialog.prototype,"cancelText",2),c([a.property({type:String})],exports.SchmancyDialog.prototype,"variant",2),c([a.property({type:Boolean,attribute:"hide-actions"})],exports.SchmancyDialog.prototype,"hideActions",2),exports.SchmancyDialog=c([a.customElement("schmancy-dialog")],exports.SchmancyDialog),exports.DialogBase=m;
+//# sourceMappingURL=dialog.component-BM0D-hK9.cjs.map

package/dist/dialog.component-BM0D-hK9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.component-BM0D-hK9.cjs","sources":["../src/dialog/dialog-base.mixin.ts","../src/dialog/dialog.component.ts"],"sourcesContent":["import { autoPlacement, autoUpdate, computePosition, offset, shift, size } from '@floating-ui/dom'\nimport { LitElement } from 'lit'\nimport type { Constructor } from '../../mixins/constructor'\nimport type { IBaseMixin } from '../../mixins/baseElement'\n\nexport interface DialogPosition {\n\tx: number\n\ty: number\n}\n\nexport interface VirtualReference {\n\tgetBoundingClientRect: () => DOMRect\n}\n\n/**\n * Interface for the DialogBase mixin methods\n */\nexport interface IDialogBaseMixin {\n\tposition: DialogPosition\n\tshow(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean>\n\thide(result?: boolean): void\n\tisCentered(): boolean\n}\n\n/**\n * Dialog mixin with smart positioning using Floating UI.\n *\n * Uses autoPlacement to find the position with MOST available space,\n * minimizing the need for content scrolling.\n */\nexport const DialogBase = <T extends Constructor<LitElement & IBaseMixin>>(superClass: T) => {\n\tclass DialogBaseClass extends superClass {\n\t\tposition: DialogPosition = { x: 0, y: 0 }\n\t\tprotected resolvePromise?: (value: boolean) => void\n\t\tprotected cleanupAutoUpdate?: () => void\n\t\tprotected virtualReference?: VirtualReference\n\n\t\t/**\n\t\t * Override in subclass to return the dialog element\n\t\t */\n\t\tprotected getDialogElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\t/**\n\t\t * Show the dialog at a specific position\n\t\t */\n\t\tasync show(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t\t// Cleanup previous positioning\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tlet x: number, y: number\n\n\t\t\tif (!positionOrEvent) {\n\t\t\t\tx = window.innerWidth / 2\n\t\t\t\ty = window.innerHeight / 2\n\t\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t\tx = positionOrEvent.clientX\n\t\t\t\ty = positionOrEvent.clientY\n\t\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t\t} else {\n\t\t\t\tconst pos = positionOrEvent as DialogPosition\n\t\t\t\tx = pos.x\n\t\t\t\ty = pos.y\n\t\t\t}\n\n\t\t\tthis.position = { x, y }\n\n\t\t\t// Virtual reference at click position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect: () => new DOMRect(x, y, 0, 0),\n\t\t\t}\n\n\t\t\t// Trigger re-render with new position (for correct isCentered() in render)\n\t\t\tthis.requestUpdate()\n\t\t\tawait this.updateComplete\n\n\t\t\tthis.setAttribute('active', '')\n\n\t\t\t// Setup Floating UI positioning for non-centered dialogs\n\t\t\tthis.setupPositioning()\n\n\t\t\treturn new Promise<boolean>(resolve => {\n\t\t\t\tthis.resolvePromise = resolve\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Hide the dialog\n\t\t */\n\t\thide(result = false): void {\n\t\t\tthis.removeAttribute('active')\n\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tif (this.resolvePromise) {\n\t\t\t\tthis.resolvePromise(result)\n\t\t\t\tthis.resolvePromise = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Check if position is near center\n\t\t */\n\t\tisCentered(): boolean {\n\t\t\tconst toleranceX = window.innerWidth * 0.3\n\t\t\tconst toleranceY = window.innerHeight * 0.3\n\n\t\t\treturn (\n\t\t\t\tMath.abs(this.position.x - window.innerWidth / 2) < toleranceX &&\n\t\t\t\tMath.abs(this.position.y - window.innerHeight / 2) < toleranceY\n\t\t\t)\n\t\t}\n\n\t\t/**\n\t\t * Setup positioning based on whether dialog is centered or positioned\n\t\t */\n\t\tprivate setupPositioning(): void {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tif (!dialog) return\n\n\t\t\t// Centered dialogs: CSS handles everything, no JS positioning needed\n\t\t\tif (this.isCentered()) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Positioned dialogs: use Floating UI with autoPlacement\n\t\t\tif (this.virtualReference) {\n\t\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\t\tthis.virtualReference,\n\t\t\t\t\tdialog,\n\t\t\t\t\t() => this.updatePosition(dialog),\n\t\t\t\t\t{\n\t\t\t\t\t\tancestorScroll: true,\n\t\t\t\t\t\tancestorResize: true,\n\t\t\t\t\t\telementResize: true,\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Update position using Floating UI.\n\t\t * autoPlacement finds the side with MOST space to minimize scrolling.\n\t\t */\n\t\tprivate async updatePosition(dialog: HTMLElement): Promise<void> {\n\t\t\tif (!this.virtualReference) return\n\n\t\t\tconst padding = 16\n\n\t\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\t\tstrategy: 'fixed',\n\t\t\t\tmiddleware: [\n\t\t\t\t\t// Small offset from click point\n\t\t\t\t\toffset(8),\n\n\t\t\t\t\t// autoPlacement: picks placement with MOST available space\n\t\t\t\t\tautoPlacement({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tallowedPlacements: [\n\t\t\t\t\t\t\t'top-start',\n\t\t\t\t\t\t\t'top-end',\n\t\t\t\t\t\t\t'bottom-start',\n\t\t\t\t\t\t\t'bottom-end',\n\t\t\t\t\t\t\t'left-start',\n\t\t\t\t\t\t\t'left-end',\n\t\t\t\t\t\t\t'right-start',\n\t\t\t\t\t\t\t'right-end',\n\t\t\t\t\t\t],\n\t\t\t\t\t}),\n\n\t\t\t\t\t// Keep on screen\n\t\t\t\t\tshift({ padding }),\n\n\t\t\t\t\t// Constrain width to available space (CSS handles height via dvh)\n\t\t\t\t\tsize({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tapply({ availableWidth, elements }) {\n\t\t\t\t\t\t\telements.floating.style.maxWidth = `${availableWidth}px`\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t})\n\n\t\t\tObject.assign(dialog.style, {\n\t\t\t\tposition: 'fixed',\n\t\t\t\tleft: `${Math.round(x)}px`,\n\t\t\t\ttop: `${Math.round(y)}px`,\n\t\t\t\ttransform: 'none',\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Cleanup on disconnect\n\t\t */\n\t\tdisconnectedCallback(): void {\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\n\treturn DialogBaseClass as Constructor<IDialogBaseMixin> & T\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, tap } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\nimport { DialogBase } from './dialog-base.mixin'\nimport { DialogHereMorty, DialogWhereAreYouRicky, DialogWhereAreYouRickyEvent } from './dialog-events'\n\n/**\n * Unified dialog component that handles both content-only and confirm modes.\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body (used in content mode)\n * @slot content - Named slot for custom content in confirm mode\n *\n * @example Content mode (no buttons):\n * ```html\n * <schmancy-dialog>\n *   <my-custom-content></my-custom-content>\n * </schmancy-dialog>\n * ```\n *\n * @example Confirm mode (with buttons):\n * ```html\n * <schmancy-dialog\n *   title=\"Confirm Action\"\n *   message=\"Are you sure?\"\n *   confirm-text=\"Yes\"\n *   cancel-text=\"No\"\n * ></schmancy-dialog>\n * ```\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends DialogBase(\n\t$LitElement(css`\n\t\t:host {\n\t\t\tposition: fixed;\n\t\t\tz-index: 10000;\n\t\t\tinset: 0;\n\t\t\tdisplay: none;\n\t\t\t--dialog-width: fit-content;\n\t\t}\n\n\t\t:host([active]) {\n\t\t\tdisplay: block;\n\t\t}\n\t`),\n) {\n\t/**\n\t * Unique identifier for the dialog instance\n\t */\n\t@property({ type: String, reflect: true }) uid!: string\n\n\t/**\n\t * Dialog title (enables confirm mode when set)\n\t */\n\t@property({ type: String }) title: string | undefined = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String }) subtitle: string | undefined = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String }) message: string | undefined = undefined\n\n\t/**\n\t * Text for confirm button (enables confirm mode when set with cancelText)\n\t */\n\t@property({ type: String, attribute: 'confirm-text' }) confirmText: string | undefined = undefined\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' }) cancelText: string | undefined = undefined\n\n\t/**\n\t * Dialog variant (affects button colors in confirm mode)\n\t */\n\t@property({ type: String }) variant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Whether to hide action buttons (force content mode)\n\t */\n\t@property({ type: Boolean, attribute: 'hide-actions' }) hideActions = false\n\n\t/**\n\t * Return the dialog element for positioning\n\t */\n\tprotected getDialogElement(): HTMLElement | null {\n\t\treturn this.shadowRoot?.querySelector('[role=\"dialog\"], [role=\"alertdialog\"]') as HTMLElement\n\t}\n\n\t/**\n\t * Check if dialog is in confirm mode (has buttons)\n\t */\n\tprivate get isConfirmMode(): boolean {\n\t\tif (this.hideActions) return false\n\t\treturn !!(this.confirmText?.trim() && this.cancelText?.trim())\n\t}\n\n\t/**\n\t * Handle component connection to DOM\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Listen for \"where are you ricky\" events\n\t\tfromEvent<DialogWhereAreYouRickyEvent>(window, DialogWhereAreYouRicky)\n\t\t\t.pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Announce this dialog's presence to the service\n\t */\n\tprivate announcePresence(): void {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(DialogHereMorty, {\n\t\t\t\tdetail: { dialog: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm(): void {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel/close action\n\t */\n\tprivate handleClose(): void {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(this.isConfirmMode ? 'cancel' : 'close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst isCentered = this.isCentered()\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\n\t\tconst dialogClasses = {\n\t\t\tdialog: true,\n\t\t\tfixed: true,\n\t\t\t'w-[var(--dialog-width)]': true,\n\t\t\t'max-w-[calc(100vw-2rem)]': true,\n\t\t\t'max-h-[90dvh]': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'top-1/2': isCentered,\n\t\t\t'left-1/2': isCentered,\n\t\t\t'-translate-x-1/2': isCentered,\n\t\t\t'-translate-y-1/2': isCentered,\n\t\t}\n\n\t\t// Confirm mode: with title/buttons\n\t\tif (this.isConfirmMode) {\n\t\t\treturn html`\n\t\t\t\t<div class=\"fixed inset-0 bg-scrim/40\" @click=${this.handleClose}></div>\n\n\t\t\t\t<div class=${this.classMap(dialogClasses)} role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\" fill=\"all\" class=\"overflow-hidden\">\n\t\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"p-4\">\n\t\t\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm}>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.title?.trim(),\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"mb-1\">${this.title}</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\t\tthis.subtitle?.trim(),\n\t\t\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"subtitle\" token=\"xs\" class=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t${this.subtitle}\n\t\t\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t\t\t? html`<div class=\"mb-4\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t\t\t: when(\n\t\t\t\t\t\t\t\t\t\t\tthis.message?.trim(),\n\t\t\t\t\t\t\t\t\t\t\t() => html`<schmancy-typography type=\"body\" class=\"mb-4\">${this.message}</schmancy-typography>`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this.handleClose}>${this.cancelText}</schmancy-button>\n\t\t\t\t\t\t\t\t\t<schmancy-button type=\"submit\" variant=\"filled\">${this.confirmText}</schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</schmancy-form>\n\t\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</div>\n\t\t\t`\n\t\t}\n\n\t\t// Content mode: minimal, just slot\n\t\treturn html`\n\t\t\t<div class=\"fixed inset-0 bg-surface-container/10 backdrop-blur-xs\" @click=${this.handleClose}></div>\n\n\t\t\t<section class=${this.classMap(dialogClasses)} role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" type=\"surface\" elevation=\"2\" fill=\"all\" class=\"overflow-hidden\">\n\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"p-2 md:p-4 max-h-[90dvh]\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t</schmancy-surface>\n\t\t\t</section>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for confirm dialogs\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\tlet dialog = document.querySelector('schmancy-dialog[data-static-confirm]') as SchmancyDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog') as SchmancyDialog\n\t\t\tdialog.setAttribute('data-static-confirm', '')\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tdialog.title = options.title\n\t\tdialog.subtitle = options.subtitle\n\t\tdialog.message = options.message\n\t\tdialog.confirmText = options.confirmText ?? 'Confirm'\n\t\tdialog.cancelText = options.cancelText ?? 'Cancel'\n\t\tdialog.variant = options.variant ?? 'default'\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Simple shorthand - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\n// Alias for backward compatibility\nexport { SchmancyDialog as ConfirmDialog }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n"],"names":["DialogBase","superClass","constructor","super","arguments","this","position","x","y","positionOrEvent","cleanupAutoUpdate","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","virtualReference","getBoundingClientRect","DOMRect","requestUpdate","updateComplete","setAttribute","setupPositioning","Promise","resolve","resolvePromise","result","removeAttribute","isCentered","toleranceX","toleranceY","Math","abs","dialog","getDialogElement","autoUpdate","updatePosition","ancestorScroll","ancestorResize","elementResize","computePosition","strategy","middleware","offset","autoPlacement","padding","allowedPlacements","shift","size","availableWidth","elements","floating","style","maxWidth","Object","assign","left","round","top","transform","disconnectedCallback","SchmancyDialog","$LitElement","css","title","subtitle","message","confirmText","cancelText","variant","hideActions","shadowRoot","querySelector","isConfirmMode","trim","connectedCallback","fromEvent","DialogWhereAreYouRicky","pipe","tap","e","detail","uid","announcePresence","takeUntil","disconnecting","subscribe","dispatchEvent","CustomEvent","DialogHereMorty","bubbles","composed","handleConfirm","hide","handleClose","render","hasCustomContent","querySelectorAll","dialogClasses","fixed","html","classMap","when","options","document","createElement","body","appendChild","width","setProperty","show","event","confirm","__decorateClass","property","type","String","reflect","prototype","attribute","Boolean","customElement"],"mappings":"8YA8BaA,EAA8DC,GAC1E,cAA8BA,CAAAA,CAA9B,aAAAC,CAAAC,MAAAA,GAAAC,WACCC,KAAAC,SAA2B,CAAEC,EAAG,EAAGC,EAAG,EAAE,CAQ9B,mBACT,OAAO,IACR,CAKA,MAAA,KAAWC,GAOV,IAAIF,EAAWC,EAEf,GAPIH,KAAKK,oBACRL,KAAKK,kBAAAA,EACLL,KAAKK,kBAAAA,QAKDD,EAGL,GAAW,YAAaA,EACvBF,EAAIE,EAAgBE,QACpBH,EAAIC,EAAgBG,gBACV,YAAaH,GAAmBA,EAAgBI,QAAQC,OAClEP,EAAIE,EAAgBI,QAAQ,CAAA,EAAGF,QAC/BH,EAAIC,EAAgBI,QAAQ,CAAA,EAAGD,YACzB,CACN,MAAMG,EAAMN,EACZF,EAAIQ,EAAIR,EACRC,EAAIO,EAAIP,CACT,MAZCD,EAAIS,OAAOC,WAAa,EACxBT,EAAIQ,OAAOE,YAAc,EA6B1B,OAhBAb,KAAKC,SAAW,CAAEC,IAAGC,EAAAA,CAAAA,EAGrBH,KAAKc,iBAAmB,CACvBC,sBAAuB,IAAM,IAAIC,QAAQd,EAAGC,EAAG,EAAG,IAInDH,KAAKiB,cAAAA,EAAAA,MACCjB,KAAKkB,eAEXlB,KAAKmB,aAAa,SAAU,EAAA,EAG5BnB,KAAKoB,iBAAAA,EAEE,IAAIC,QAAiBC,GAAAA,CAC3BtB,KAAKuB,eAAiBD,GAExB,CAKA,KAAKE,EAAAA,GAAS,CACbxB,KAAKyB,gBAAgB,QAAA,EAEjBzB,KAAKK,oBACRL,KAAKK,oBACLL,KAAKK,kBAAAA,QAGFL,KAAKuB,iBACRvB,KAAKuB,eAAeC,CAAAA,EACpBxB,KAAKuB,eAAAA,OAEP,CAKA,YAAAG,CACC,MAAMC,EAAiC,GAApBhB,OAAOC,WACpBgB,EAAkC,GAArBjB,OAAOE,YAE1B,OACCgB,KAAKC,IAAI9B,KAAKC,SAASC,EAAIS,OAAOC,WAAa,CAAA,EAAKe,GACpDE,KAAKC,IAAI9B,KAAKC,SAASE,EAAIQ,OAAOE,YAAc,CAAA,EAAKe,CAEvD,CAKQ,kBAAAR,CACP,MAAMW,EAAS/B,KAAKgC,mBACfD,IAGD/B,KAAK0B,cAKL1B,KAAKc,mBACRd,KAAKK,kBAAoB4B,EAAAA,WACxBjC,KAAKc,iBACLiB,EACA,IAAM/B,KAAKkC,eAAeH,CAAAA,EAC1B,CACCI,kBACAC,eAAAA,GACAC,cAAAA,EAAe,CAAA,EAGjBrC,KAAKkC,eAAeH,CAAAA,GAEtB,CAMA,MAAA,eAA6BA,GAC5B,GAAA,CAAK/B,KAAKc,iBAAkB,OAE5B,KAAA,CAEMZ,EAAEA,IAAGC,CAAAA,EAAAA,MAAYmC,EAAAA,gBAAgBtC,KAAKc,iBAAkBiB,EAAQ,CACrEQ,SAAU,QACVC,WAAY,CAEXC,EAAAA,OAAO,GAGPC,gBAAc,CACbC,QAVa,GAWbC,kBAAmB,CAClB,YACA,UACA,eACA,aACA,aACA,WACA,cACA,eAKFC,EAAAA,MAAM,CAAEF,QAxBM,EAAA,CAAA,EA2BdG,OAAK,CACJH,QA5Ba,GA6Bb,OAAMI,eAAEA,EAAAC,SAAgBA,CAAAA,EAAAA,CACvBA,EAASC,SAASC,MAAMC,SAAW,GAAGJ,KACvC,CAAA,CAAA,CAAA,CAAA,CAAA,EAKHK,OAAOC,OAAOtB,EAAOmB,MAAO,CAC3BjD,SAAU,QACVqD,KAAM,GAAGzB,KAAK0B,MAAMrD,CAAAA,CAAAA,KACpBsD,IAAK,GAAG3B,KAAK0B,MAAMpD,OACnBsD,UAAW,MAAA,CAAA,CAEb,CAKA,sBAAAC,CACK1D,KAAKK,oBACRL,KAAKK,oBACLL,KAAKK,kBAAAA,QAENP,MAAM4D,qBAAAA,CACP,mMChLWC,QAAAA,eAAN,cAA6BhE,EACnCiE,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EADN,CAAA,CAAA,CAAA,cAAA/D,MAAAA,GAAAC,SAAAA,EAuBsBC,KAAA8D,MAAAA,OAKA9D,KAAA+D,SAAAA,OAKA/D,KAAAgE,eAK2BhE,KAAAiE,YAAAA,OAKDjE,KAAAkE,WAAAA,OAK1BlE,KAAAmE,QAAgC,UAKJnE,KAAAoE,YAAAA,EAAc,CAK5D,kBAAApC,CACT,OAAOhC,KAAKqE,YAAYC,cAAc,uCAAA,CACvC,CAKA,mBAAYC,CACX,MAAA,CAAIvE,KAAKoE,aAAAA,EAAAA,CACCpE,KAAKiE,aAAaO,KAAAA,GAAAA,CAAUxE,KAAKkE,YAAYM,KAAAA,EACxD,CAKA,oBACC1E,MAAM2E,kBAAAA,EAGNC,YAAuC/D,OAAQgE,EAAAA,sBAAAA,EAC7CC,KACAC,EAAAA,IAAIC,IACCA,EAAEC,OAAOC,MAAQhF,KAAKgF,UAAUC,iBAAAA,CAAAA,CAAAA,EAErCC,EAAAA,UAAUlF,KAAKmF,aAAAA,CAAAA,EAEfC,UAAAA,CACH,CAKQ,mBACPpF,KAAKqF,cACJ,IAAIC,YAAYC,EAAAA,gBAAiB,CAChCR,OAAQ,CAAEhD,OAAQ/B,MAClBwF,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAGb,CAKQ,eAAAC,CACP1F,KAAK2F,KAAAA,IACL3F,KAAKqF,cACJ,IAAIC,YAAY,UAAW,CAC1BE,QAAAA,GACAC,SAAAA,KAGH,CAKQ,aAAAG,CACP5F,KAAK2F,OAAK,EACV3F,KAAKqF,cACJ,IAAIC,YAAYtF,KAAKuE,cAAgB,SAAW,QAAS,CACxDiB,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGb,CAEA,QAAAI,CACC,MAAMnE,EAAa1B,KAAK0B,aAClBoE,EAAmB9F,KAAK+F,iBAAiB,kBAAA,EAAoBtF,OAAS,EAEtEuF,EAAgB,CACrBjE,OAAAA,GACAkE,SACA,0BAAA,GACA,2BAAA,GACA,gBAAA,GACA,kBAAA,GACA,UAAWvE,EACX,WAAYA,EACZ,mBAAoBA,EACpB,mBAAoBA,CAAAA,EAIrB,OAAI1B,KAAKuE,cACD2B,EAAAA;AAAAA,oDAC0ClG,KAAK4F,WAAAA;AAAAA;AAAAA,iBAExC5F,KAAKmG,SAASH,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,gCAGChG,KAAK0F,aAAAA;AAAAA,UAC3BU,EAAAA,KACDpG,KAAK8D,OAAOU,KAAAA,EACZ,IAAM0B,EAAAA;AAAAA,sEACuDlG,KAAK8D,KAAAA;AAAAA,YAC/DsC,EAAAA,KACDpG,KAAK+D,UAAUS,KAAAA,EACf,IAAM0B,EAAAA;AAAAA;AAAAA,eAEFlG,KAAK+D,QAAAA;AAAAA;AAAAA;;UAMV+B,EACCI,EAAAA,2DACAE,EAAAA,KACApG,KAAKgE,SAASQ,KAAAA,EACd,IAAM0B,uDAAqDlG,KAAKgE,OAAAA,wBAAAA,CAAAA;AAAAA;AAAAA,sDAGrBhE,KAAK4F,eAAe5F,KAAKkE,UAAAA;AAAAA,2DACpBlE,KAAKiE,WAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAUvDiC,EAAAA;AAAAA,gFACuElG,KAAK4F,WAAAA;AAAAA;AAAAA,oBAEjE5F,KAAKmG,SAASH,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAQjC,CAKA,aAAA,QAAqBK,EAAAA,CAUpB,IAAItE,EAASuE,SAAShC,cAAc,wCAiBpC,OAfKvC,IACJA,EAASuE,SAASC,cAAc,mBAChCxE,EAAOZ,aAAa,sBAAuB,EAAA,EAC3CmF,SAASE,KAAKC,YAAY1E,CAAAA,GAI3BA,EAAO+B,MAAQuC,EAAQvC,MACvB/B,EAAOgC,SAAWsC,EAAQtC,SAC1BhC,EAAOiC,QAAUqC,EAAQrC,QACzBjC,EAAOkC,YAAcoC,EAAQpC,aAAe,UAC5ClC,EAAOmC,WAAamC,EAAQnC,YAAc,SAC1CnC,EAAOoC,QAAUkC,EAAQlC,SAAW,UAChCkC,EAAQK,OAAO3E,EAAOmB,MAAMyD,YAAY,iBAAkBN,EAAQK,KAAAA,EAE/D3E,EAAO6E,KAAKP,EAAQpG,QAAAA,CAC5B,CAKA,aAAA,IAAiB+D,EAAiB6C,EAAAA,CACjC,OAAO7G,KAAK8G,QAAQ,CACnB9C,UACA/D,SAAU4G,CAAAA,CAAAA,CAEZ,GA5N2CE,EAAA,CAA1CC,EAAAA,SAAS,CAAEC,KAAMC,OAAQC,QAAAA,MAlBdxD,uBAkB+ByD,UAAA,MAAA,CAAA,EAKfL,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAvBNvD,uBAuBgByD,UAAA,QAAA,CAAA,EAKAL,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UA5BNvD,uBA4BgByD,UAAA,WAAA,CAAA,EAKAL,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAjCNvD,uBAiCgByD,UAAA,UAAA,CAAA,EAK2BL,EAAA,CAAtDC,EAAAA,SAAS,CAAEC,KAAMC,OAAQG,UAAW,cAAA,CAAA,CAAA,EAtCzB1D,uBAsC2CyD,UAAA,cAAA,CAAA,EAKDL,EAAA,CAArDC,EAAAA,SAAS,CAAEC,KAAMC,OAAQG,UAAW,aAAA,CAAA,CAAA,EA3CzB1D,uBA2C0CyD,UAAA,aAAA,GAK1BL,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAhDNvD,uBAgDgByD,UAAA,UAAA,GAK4BL,EAAA,CAAvDC,EAAAA,SAAS,CAAEC,KAAMK,QAASD,UAAW,kBArD1B1D,uBAqD4CyD,UAAA,cAAA,CAAA,EArD5CzD,QAAAA,eAANoD,EAAA,CADNQ,EAAAA,cAAc,oBACF5D"}

package/dist/dialog.component-a7FlKhGD.js

@@ -0,0 +1,145 @@
+import { fromEvent as p, tap as m } from "rxjs";
+import { takeUntil as u } from "rxjs/operators";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { property as r, customElement as y } from "lit/decorators.js";
+import "./tailwind.mixin-Bp_PR6yc.js";
+import { $ as f } from "./litElement.mixin-DHZXtvYq.js";
+import { css as g, html as l } from "lit";
+import { when as h } from "lit/directives/when.js";
+import { autoUpdate as v, computePosition as b, offset as x, autoPlacement as w, shift as C, size as P } from "@floating-ui/dom";
+import { a as $, b as A } from "./dialog-service-D9E3jLAR.js";
+const k = (e) => class extends e {
+  constructor() {
+    super(...arguments), this.position = { x: 0, y: 0 };
+  }
+  getDialogElement() {
+    return null;
+  }
+  async show(t) {
+    let i, s;
+    if (this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0), t) if ("clientX" in t) i = t.clientX, s = t.clientY;
+    else if ("touches" in t && t.touches.length) i = t.touches[0].clientX, s = t.touches[0].clientY;
+    else {
+      const o = t;
+      i = o.x, s = o.y;
+    }
+    else i = window.innerWidth / 2, s = window.innerHeight / 2;
+    return this.position = { x: i, y: s }, this.virtualReference = { getBoundingClientRect: () => new DOMRect(i, s, 0, 0) }, this.requestUpdate(), await this.updateComplete, this.setAttribute("active", ""), this.setupPositioning(), new Promise((o) => {
+      this.resolvePromise = o;
+    });
+  }
+  hide(t = !1) {
+    this.removeAttribute("active"), this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
+  }
+  isCentered() {
+    const t = 0.3 * window.innerWidth, i = 0.3 * window.innerHeight;
+    return Math.abs(this.position.x - window.innerWidth / 2) < t && Math.abs(this.position.y - window.innerHeight / 2) < i;
+  }
+  setupPositioning() {
+    const t = this.getDialogElement();
+    t && (this.isCentered() || this.virtualReference && (this.cleanupAutoUpdate = v(this.virtualReference, t, () => this.updatePosition(t), { ancestorScroll: !0, ancestorResize: !0, elementResize: !0 }), this.updatePosition(t)));
+  }
+  async updatePosition(t) {
+    if (!this.virtualReference) return;
+    const { x: i, y: s } = await b(this.virtualReference, t, { strategy: "fixed", middleware: [x(8), w({ padding: 16, allowedPlacements: ["top-start", "top-end", "bottom-start", "bottom-end", "left-start", "left-end", "right-start", "right-end"] }), C({ padding: 16 }), P({ padding: 16, apply({ availableWidth: o, elements: a }) {
+      a.floating.style.maxWidth = `${o}px`;
+    } })] });
+    Object.assign(t.style, { position: "fixed", left: `${Math.round(i)}px`, top: `${Math.round(s)}px`, transform: "none" });
+  }
+  disconnectedCallback() {
+    this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0), super.disconnectedCallback();
+  }
+};
+var U = Object.defineProperty, E = Object.getOwnPropertyDescriptor, c = (e, t, i, s) => {
+  for (var o, a = s > 1 ? void 0 : s ? E(t, i) : t, d = e.length - 1; d >= 0; d--) (o = e[d]) && (a = (s ? o(t, i, a) : o(a)) || a);
+  return s && a && U(t, i, a), a;
+};
+let n = class extends k(f(g`
+		:host {
+			position: fixed;
+			z-index: 10000;
+			inset: 0;
+			display: none;
+			--dialog-width: fit-content;
+		}
+
+		:host([active]) {
+			display: block;
+		}
+	`)) {
+  constructor() {
+    super(...arguments), this.title = void 0, this.subtitle = void 0, this.message = void 0, this.confirmText = void 0, this.cancelText = void 0, this.variant = "default", this.hideActions = !1;
+  }
+  getDialogElement() {
+    return this.shadowRoot?.querySelector('[role="dialog"], [role="alertdialog"]');
+  }
+  get isConfirmMode() {
+    return !this.hideActions && !(!this.confirmText?.trim() || !this.cancelText?.trim());
+  }
+  connectedCallback() {
+    super.connectedCallback(), p(window, $).pipe(m((e) => {
+      e.detail.uid === this.uid && this.announcePresence();
+    }), u(this.disconnecting)).subscribe();
+  }
+  announcePresence() {
+    this.dispatchEvent(new CustomEvent(A, { detail: { dialog: this }, bubbles: !0, composed: !0 }));
+  }
+  handleConfirm() {
+    this.hide(!0), this.dispatchEvent(new CustomEvent("confirm", { bubbles: !0, composed: !0 }));
+  }
+  handleClose() {
+    this.hide(!1), this.dispatchEvent(new CustomEvent(this.isConfirmMode ? "cancel" : "close", { bubbles: !0, composed: !0 }));
+  }
+  render() {
+    const e = this.isCentered(), t = this.querySelectorAll('[slot="content"]').length > 0, i = { dialog: !0, fixed: !0, "w-[var(--dialog-width)]": !0, "max-w-[calc(100vw-2rem)]": !0, "max-h-[90dvh]": !0, "overflow-hidden": !0, "top-1/2": e, "left-1/2": e, "-translate-x-1/2": e, "-translate-y-1/2": e };
+    return this.isConfirmMode ? l`
+				<div class="fixed inset-0 bg-scrim/40" @click=${this.handleClose}></div>
+
+				<div class=${this.classMap(i)} role="alertdialog" aria-modal="true">
+					<schmancy-surface rounded="all" elevation="3" type="containerHigh" fill="all" class="overflow-hidden">
+						<schmancy-scroll direction="vertical" hide class="p-4">
+							<schmancy-form @submit=${this.handleConfirm}>
+								${h(this.title?.trim(), () => l`
+										<schmancy-typography type="title" token="md" class="mb-1">${this.title}</schmancy-typography>
+										${h(this.subtitle?.trim(), () => l`
+												<schmancy-typography type="subtitle" token="xs" class="mb-2">
+													${this.subtitle}
+												</schmancy-typography>
+											`)}
+									`)}
+								${t ? l`<div class="mb-4"><slot name="content"></slot></div>` : h(this.message?.trim(), () => l`<schmancy-typography type="body" class="mb-4">${this.message}</schmancy-typography>`)}
+								<div class="flex justify-end gap-3">
+									<schmancy-button variant="outlined" @click=${this.handleClose}>${this.cancelText}</schmancy-button>
+									<schmancy-button type="submit" variant="filled">${this.confirmText}</schmancy-button>
+								</div>
+							</schmancy-form>
+						</schmancy-scroll>
+					</schmancy-surface>
+				</div>
+			` : l`
+			<div class="fixed inset-0 bg-surface-container/10 backdrop-blur-xs" @click=${this.handleClose}></div>
+
+			<section class=${this.classMap(i)} role="dialog" aria-modal="true">
+				<schmancy-surface rounded="all" type="surface" elevation="2" fill="all" class="overflow-hidden">
+					<schmancy-scroll direction="vertical" hide class="p-2 md:p-4 max-h-[90dvh]">
+						<slot></slot>
+					</schmancy-scroll>
+				</schmancy-surface>
+			</section>
+		`;
+  }
+  static async confirm(e) {
+    let t = document.querySelector("schmancy-dialog[data-static-confirm]");
+    return t || (t = document.createElement("schmancy-dialog"), t.setAttribute("data-static-confirm", ""), document.body.appendChild(t)), t.title = e.title, t.subtitle = e.subtitle, t.message = e.message, t.confirmText = e.confirmText ?? "Confirm", t.cancelText = e.cancelText ?? "Cancel", t.variant = e.variant ?? "default", e.width && t.style.setProperty("--dialog-width", e.width), t.show(e.position);
+  }
+  static async ask(e, t) {
+    return this.confirm({ message: e, position: t });
+  }
+};
+c([r({ type: String, reflect: !0 })], n.prototype, "uid", 2), c([r({ type: String })], n.prototype, "title", 2), c([r({ type: String })], n.prototype, "subtitle", 2), c([r({ type: String })], n.prototype, "message", 2), c([r({ type: String, attribute: "confirm-text" })], n.prototype, "confirmText", 2), c([r({ type: String, attribute: "cancel-text" })], n.prototype, "cancelText", 2), c([r({ type: String })], n.prototype, "variant", 2), c([r({ type: Boolean, attribute: "hide-actions" })], n.prototype, "hideActions", 2), n = c([y("schmancy-dialog")], n);
+export {
+  k as D,
+  n as S
+};
+//# sourceMappingURL=dialog.component-a7FlKhGD.js.map

package/dist/dialog.component-a7FlKhGD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.component-a7FlKhGD.js","sources":["../src/dialog/dialog-base.mixin.ts","../src/dialog/dialog.component.ts"],"sourcesContent":["import { autoPlacement, autoUpdate, computePosition, offset, shift, size } from '@floating-ui/dom'\nimport { LitElement } from 'lit'\nimport type { Constructor } from '../../mixins/constructor'\nimport type { IBaseMixin } from '../../mixins/baseElement'\n\nexport interface DialogPosition {\n\tx: number\n\ty: number\n}\n\nexport interface VirtualReference {\n\tgetBoundingClientRect: () => DOMRect\n}\n\n/**\n * Interface for the DialogBase mixin methods\n */\nexport interface IDialogBaseMixin {\n\tposition: DialogPosition\n\tshow(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean>\n\thide(result?: boolean): void\n\tisCentered(): boolean\n}\n\n/**\n * Dialog mixin with smart positioning using Floating UI.\n *\n * Uses autoPlacement to find the position with MOST available space,\n * minimizing the need for content scrolling.\n */\nexport const DialogBase = <T extends Constructor<LitElement & IBaseMixin>>(superClass: T) => {\n\tclass DialogBaseClass extends superClass {\n\t\tposition: DialogPosition = { x: 0, y: 0 }\n\t\tprotected resolvePromise?: (value: boolean) => void\n\t\tprotected cleanupAutoUpdate?: () => void\n\t\tprotected virtualReference?: VirtualReference\n\n\t\t/**\n\t\t * Override in subclass to return the dialog element\n\t\t */\n\t\tprotected getDialogElement(): HTMLElement | null {\n\t\t\treturn null\n\t\t}\n\n\t\t/**\n\t\t * Show the dialog at a specific position\n\t\t */\n\t\tasync show(positionOrEvent?: DialogPosition | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t\t// Cleanup previous positioning\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tlet x: number, y: number\n\n\t\t\tif (!positionOrEvent) {\n\t\t\t\tx = window.innerWidth / 2\n\t\t\t\ty = window.innerHeight / 2\n\t\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t\tx = positionOrEvent.clientX\n\t\t\t\ty = positionOrEvent.clientY\n\t\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t\t} else {\n\t\t\t\tconst pos = positionOrEvent as DialogPosition\n\t\t\t\tx = pos.x\n\t\t\t\ty = pos.y\n\t\t\t}\n\n\t\t\tthis.position = { x, y }\n\n\t\t\t// Virtual reference at click position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect: () => new DOMRect(x, y, 0, 0),\n\t\t\t}\n\n\t\t\t// Trigger re-render with new position (for correct isCentered() in render)\n\t\t\tthis.requestUpdate()\n\t\t\tawait this.updateComplete\n\n\t\t\tthis.setAttribute('active', '')\n\n\t\t\t// Setup Floating UI positioning for non-centered dialogs\n\t\t\tthis.setupPositioning()\n\n\t\t\treturn new Promise<boolean>(resolve => {\n\t\t\t\tthis.resolvePromise = resolve\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Hide the dialog\n\t\t */\n\t\thide(result = false): void {\n\t\t\tthis.removeAttribute('active')\n\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\n\t\t\tif (this.resolvePromise) {\n\t\t\t\tthis.resolvePromise(result)\n\t\t\t\tthis.resolvePromise = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Check if position is near center\n\t\t */\n\t\tisCentered(): boolean {\n\t\t\tconst toleranceX = window.innerWidth * 0.3\n\t\t\tconst toleranceY = window.innerHeight * 0.3\n\n\t\t\treturn (\n\t\t\t\tMath.abs(this.position.x - window.innerWidth / 2) < toleranceX &&\n\t\t\t\tMath.abs(this.position.y - window.innerHeight / 2) < toleranceY\n\t\t\t)\n\t\t}\n\n\t\t/**\n\t\t * Setup positioning based on whether dialog is centered or positioned\n\t\t */\n\t\tprivate setupPositioning(): void {\n\t\t\tconst dialog = this.getDialogElement()\n\t\t\tif (!dialog) return\n\n\t\t\t// Centered dialogs: CSS handles everything, no JS positioning needed\n\t\t\tif (this.isCentered()) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Positioned dialogs: use Floating UI with autoPlacement\n\t\t\tif (this.virtualReference) {\n\t\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\t\tthis.virtualReference,\n\t\t\t\t\tdialog,\n\t\t\t\t\t() => this.updatePosition(dialog),\n\t\t\t\t\t{\n\t\t\t\t\t\tancestorScroll: true,\n\t\t\t\t\t\tancestorResize: true,\n\t\t\t\t\t\telementResize: true,\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Update position using Floating UI.\n\t\t * autoPlacement finds the side with MOST space to minimize scrolling.\n\t\t */\n\t\tprivate async updatePosition(dialog: HTMLElement): Promise<void> {\n\t\t\tif (!this.virtualReference) return\n\n\t\t\tconst padding = 16\n\n\t\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\t\tstrategy: 'fixed',\n\t\t\t\tmiddleware: [\n\t\t\t\t\t// Small offset from click point\n\t\t\t\t\toffset(8),\n\n\t\t\t\t\t// autoPlacement: picks placement with MOST available space\n\t\t\t\t\tautoPlacement({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tallowedPlacements: [\n\t\t\t\t\t\t\t'top-start',\n\t\t\t\t\t\t\t'top-end',\n\t\t\t\t\t\t\t'bottom-start',\n\t\t\t\t\t\t\t'bottom-end',\n\t\t\t\t\t\t\t'left-start',\n\t\t\t\t\t\t\t'left-end',\n\t\t\t\t\t\t\t'right-start',\n\t\t\t\t\t\t\t'right-end',\n\t\t\t\t\t\t],\n\t\t\t\t\t}),\n\n\t\t\t\t\t// Keep on screen\n\t\t\t\t\tshift({ padding }),\n\n\t\t\t\t\t// Constrain width to available space (CSS handles height via dvh)\n\t\t\t\t\tsize({\n\t\t\t\t\t\tpadding,\n\t\t\t\t\t\tapply({ availableWidth, elements }) {\n\t\t\t\t\t\t\telements.floating.style.maxWidth = `${availableWidth}px`\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t})\n\n\t\t\tObject.assign(dialog.style, {\n\t\t\t\tposition: 'fixed',\n\t\t\t\tleft: `${Math.round(x)}px`,\n\t\t\t\ttop: `${Math.round(y)}px`,\n\t\t\t\ttransform: 'none',\n\t\t\t})\n\t\t}\n\n\t\t/**\n\t\t * Cleanup on disconnect\n\t\t */\n\t\tdisconnectedCallback(): void {\n\t\t\tif (this.cleanupAutoUpdate) {\n\t\t\t\tthis.cleanupAutoUpdate()\n\t\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t\t}\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\n\treturn DialogBaseClass as Constructor<IDialogBaseMixin> & T\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, tap } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\nimport { DialogBase } from './dialog-base.mixin'\nimport { DialogHereMorty, DialogWhereAreYouRicky, DialogWhereAreYouRickyEvent } from './dialog-events'\n\n/**\n * Unified dialog component that handles both content-only and confirm modes.\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body (used in content mode)\n * @slot content - Named slot for custom content in confirm mode\n *\n * @example Content mode (no buttons):\n * ```html\n * <schmancy-dialog>\n *   <my-custom-content></my-custom-content>\n * </schmancy-dialog>\n * ```\n *\n * @example Confirm mode (with buttons):\n * ```html\n * <schmancy-dialog\n *   title=\"Confirm Action\"\n *   message=\"Are you sure?\"\n *   confirm-text=\"Yes\"\n *   cancel-text=\"No\"\n * ></schmancy-dialog>\n * ```\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends DialogBase(\n\t$LitElement(css`\n\t\t:host {\n\t\t\tposition: fixed;\n\t\t\tz-index: 10000;\n\t\t\tinset: 0;\n\t\t\tdisplay: none;\n\t\t\t--dialog-width: fit-content;\n\t\t}\n\n\t\t:host([active]) {\n\t\t\tdisplay: block;\n\t\t}\n\t`),\n) {\n\t/**\n\t * Unique identifier for the dialog instance\n\t */\n\t@property({ type: String, reflect: true }) uid!: string\n\n\t/**\n\t * Dialog title (enables confirm mode when set)\n\t */\n\t@property({ type: String }) title: string | undefined = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String }) subtitle: string | undefined = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String }) message: string | undefined = undefined\n\n\t/**\n\t * Text for confirm button (enables confirm mode when set with cancelText)\n\t */\n\t@property({ type: String, attribute: 'confirm-text' }) confirmText: string | undefined = undefined\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' }) cancelText: string | undefined = undefined\n\n\t/**\n\t * Dialog variant (affects button colors in confirm mode)\n\t */\n\t@property({ type: String }) variant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Whether to hide action buttons (force content mode)\n\t */\n\t@property({ type: Boolean, attribute: 'hide-actions' }) hideActions = false\n\n\t/**\n\t * Return the dialog element for positioning\n\t */\n\tprotected getDialogElement(): HTMLElement | null {\n\t\treturn this.shadowRoot?.querySelector('[role=\"dialog\"], [role=\"alertdialog\"]') as HTMLElement\n\t}\n\n\t/**\n\t * Check if dialog is in confirm mode (has buttons)\n\t */\n\tprivate get isConfirmMode(): boolean {\n\t\tif (this.hideActions) return false\n\t\treturn !!(this.confirmText?.trim() && this.cancelText?.trim())\n\t}\n\n\t/**\n\t * Handle component connection to DOM\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Listen for \"where are you ricky\" events\n\t\tfromEvent<DialogWhereAreYouRickyEvent>(window, DialogWhereAreYouRicky)\n\t\t\t.pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Announce this dialog's presence to the service\n\t */\n\tprivate announcePresence(): void {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(DialogHereMorty, {\n\t\t\t\tdetail: { dialog: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm(): void {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel/close action\n\t */\n\tprivate handleClose(): void {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(this.isConfirmMode ? 'cancel' : 'close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst isCentered = this.isCentered()\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\n\t\tconst dialogClasses = {\n\t\t\tdialog: true,\n\t\t\tfixed: true,\n\t\t\t'w-[var(--dialog-width)]': true,\n\t\t\t'max-w-[calc(100vw-2rem)]': true,\n\t\t\t'max-h-[90dvh]': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'top-1/2': isCentered,\n\t\t\t'left-1/2': isCentered,\n\t\t\t'-translate-x-1/2': isCentered,\n\t\t\t'-translate-y-1/2': isCentered,\n\t\t}\n\n\t\t// Confirm mode: with title/buttons\n\t\tif (this.isConfirmMode) {\n\t\t\treturn html`\n\t\t\t\t<div class=\"fixed inset-0 bg-scrim/40\" @click=${this.handleClose}></div>\n\n\t\t\t\t<div class=${this.classMap(dialogClasses)} role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\" fill=\"all\" class=\"overflow-hidden\">\n\t\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"p-4\">\n\t\t\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm}>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.title?.trim(),\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"mb-1\">${this.title}</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\t\tthis.subtitle?.trim(),\n\t\t\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"subtitle\" token=\"xs\" class=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t${this.subtitle}\n\t\t\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t\t\t? html`<div class=\"mb-4\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t\t\t: when(\n\t\t\t\t\t\t\t\t\t\t\tthis.message?.trim(),\n\t\t\t\t\t\t\t\t\t\t\t() => html`<schmancy-typography type=\"body\" class=\"mb-4\">${this.message}</schmancy-typography>`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this.handleClose}>${this.cancelText}</schmancy-button>\n\t\t\t\t\t\t\t\t\t<schmancy-button type=\"submit\" variant=\"filled\">${this.confirmText}</schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</schmancy-form>\n\t\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</div>\n\t\t\t`\n\t\t}\n\n\t\t// Content mode: minimal, just slot\n\t\treturn html`\n\t\t\t<div class=\"fixed inset-0 bg-surface-container/10 backdrop-blur-xs\" @click=${this.handleClose}></div>\n\n\t\t\t<section class=${this.classMap(dialogClasses)} role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" type=\"surface\" elevation=\"2\" fill=\"all\" class=\"overflow-hidden\">\n\t\t\t\t\t<schmancy-scroll direction=\"vertical\" hide class=\"p-2 md:p-4 max-h-[90dvh]\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t</schmancy-surface>\n\t\t\t</section>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for confirm dialogs\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\tlet dialog = document.querySelector('schmancy-dialog[data-static-confirm]') as SchmancyDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog') as SchmancyDialog\n\t\t\tdialog.setAttribute('data-static-confirm', '')\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tdialog.title = options.title\n\t\tdialog.subtitle = options.subtitle\n\t\tdialog.message = options.message\n\t\tdialog.confirmText = options.confirmText ?? 'Confirm'\n\t\tdialog.cancelText = options.cancelText ?? 'Cancel'\n\t\tdialog.variant = options.variant ?? 'default'\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Simple shorthand - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\n// Alias for backward compatibility\nexport { SchmancyDialog as ConfirmDialog }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n"],"names":["DialogBase","superClass","super","arguments","this","position","x","y","getDialogElement","positionOrEvent","cleanupAutoUpdate","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","virtualReference","getBoundingClientRect","DOMRect","requestUpdate","updateComplete","setAttribute","setupPositioning","Promise","resolve","resolvePromise","result","removeAttribute","toleranceX","toleranceY","Math","abs","dialog","isCentered","autoUpdate","updatePosition","ancestorScroll","ancestorResize","elementResize","computePosition","strategy","middleware","offset","autoPlacement","padding","allowedPlacements","shift","size","apply","availableWidth","elements","floating","style","maxWidth","Object","assign","left","round","top","transform","disconnectedCallback","SchmancyDialog","$LitElement","css","title","subtitle","message","confirmText","cancelText","variant","hideActions","shadowRoot","querySelector","isConfirmMode","trim","connectedCallback","fromEvent","DialogWhereAreYouRicky","pipe","tap","e","detail","uid","announcePresence","takeUntil","disconnecting","subscribe","dispatchEvent","CustomEvent","DialogHereMorty","bubbles","composed","hide","handleClose","hasCustomContent","querySelectorAll","dialogClasses","fixed","html","classMap","handleConfirm","when","options","document","createElement","body","appendChild","width","setProperty","show","event","confirm","__decorateClass","property","type","String","reflect","prototype","attribute","Boolean","customElement"],"mappings":"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"}

package/dist/dialog.js

@@ -1,10 +1,10 @@
-import { C as i, S as r, a as c } from "./dialog-content-Cu7fqN8Y.js";
-import { $ as g, D as l } from "./dialog-service-Bege4HF4.js";
+import { $ as i, D as r } from "./dialog-service-D9E3jLAR.js";
+import { S as D, D as e, S as g } from "./dialog.component-a7FlKhGD.js";
 export {
-  g as $dialog,
-  i as ConfirmDialog,
-  l as DialogService,
-  r as SchmancyDialog,
-  c as SchmancyDialogContent
+  i as $dialog,
+  D as ConfirmDialog,
+  e as DialogBase,
+  r as DialogService,
+  g as SchmancyDialog
 };
 //# sourceMappingURL=dialog.js.map

package/dist/directives.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ripple-Ujq_REH4.cjs"),r=require("lit/directives/guard.js");exports.DragDirective=e.DragDirective,exports.DropDirective=e.DropDirective,exports.color=e.color,exports.drag=e.drag,exports.drop=e.drop,exports.fullHeight=e.fullHeight,exports.ripple=e.ripple,Object.defineProperty(exports,"guard",{enumerable:!0,get:()=>r.guard});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ripple-x6sTX02K.cjs"),r=require("lit/directives/guard.js"),i=require("./height-Z70qJYJK.cjs");exports.DragDirective=e.DragDirective,exports.DropDirective=e.DropDirective,exports.color=e.color,exports.drag=e.drag,exports.drop=e.drop,exports.ripple=e.ripple,Object.defineProperty(exports,"guard",{enumerable:!0,get:()=>r.guard}),exports.fullHeight=i.fullHeight;
 //# sourceMappingURL=directives.cjs.map

package/dist/directives.js

@@ -1,13 +1,14 @@
-import { D as e, a as o, c as s, d as i, b as p, f as t, r as D } from "./ripple-QoNZUUw_.js";
-import { guard as d } from "lit/directives/guard.js";
+import { D as o, a as e, c as p, d as s, b as i, r as t } from "./ripple-BgJXbNSP.js";
+import { guard as D } from "lit/directives/guard.js";
+import { f as d } from "./height-CfECBO2j.js";
 export {
-  e as DragDirective,
-  o as DropDirective,
-  s as color,
-  i as drag,
-  p as drop,
-  t as fullHeight,
-  d as guard,
-  D as ripple
+  o as DragDirective,
+  e as DropDirective,
+  p as color,
+  s as drag,
+  i as drop,
+  d as fullHeight,
+  D as guard,
+  t as ripple
 };
 //# sourceMappingURL=directives.js.map

package/dist/directives.js.map

@@ -1 +1 @@
-{"version":3,"file":"directives.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"directives.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/{divider-Bu6tzwGl.js → divider-CzTpxOqt.js}

@@ -3,8 +3,8 @@ import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as n, customElement as c } from "lit/decorators.js";
-import "./tailwind.mixin-wLaKUxf1.js";
-import { $ as g } from "./litElement.mixin-CVje6z-M.js";
+import "./tailwind.mixin-Bp_PR6yc.js";
+import { $ as g } from "./litElement.mixin-DHZXtvYq.js";
 import { css as h, html as p } from "lit";
 var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, o = (i, e, s, a) => {
   for (var l, t = a > 1 ? void 0 : a ? u(e, s) : e, m = i.length - 1; m >= 0; m--) (l = i[m]) && (t = (a ? l(e, s, t) : l(t)) || t);
@@ -81,4 +81,4 @@ let r = class extends g(h`
   }
 };
 o([n({ type: String })], r.prototype, "outline", 2), o([n({ type: Boolean })], r.prototype, "vertical", 2), o([n({ type: String })], r.prototype, "grow", 2), o([n({ reflect: !0, type: String })], r.prototype, "orientation", 1), r = o([c("schmancy-divider")], r);
-//# sourceMappingURL=divider-Bu6tzwGl.js.map
+//# sourceMappingURL=divider-CzTpxOqt.js.map

package/dist/{divider-Bu6tzwGl.js.map → divider-CzTpxOqt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"divider-Bu6tzwGl.js","sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t@keyframes grow-horizontal {\n\t\tfrom {\n\t\t\ttransform: scaleX(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\n\t@keyframes grow-vertical {\n\t\tfrom {\n\t\t\ttransform: scaleY(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\n\t/* Horizontal divider grow animations */\n\t.grow-start:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: left;\n\t}\n\n\t.grow-end:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: right;\n\t}\n\n\t.grow-both:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n\n\t/* Vertical divider grow animations */\n\t.grow-start.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: top;\n\t}\n\n\t.grow-end.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: bottom;\n\t}\n\n\t.grow-both.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n`) {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ type: Boolean }) vertical = false\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\t/**\n\t * @deprecated Use `vertical` property instead. Will be removed in next major version.\n\t */\n\t@property({ reflect: true, type: String })\n\tset orientation(value: 'horizontal' | 'vertical') {\n\t\tthis.vertical = value === 'vertical'\n\t}\n\tget orientation(): 'horizontal' | 'vertical' {\n\t\treturn this.vertical ? 'vertical' : 'horizontal'\n\t}\n\n\tprotected render() {\n\t\treturn html`<div\n\t\t\tclass=${this.classMap({\n\t\t\t\t// Dimensions\n\t\t\t\t'w-full h-px': !this.vertical,\n\t\t\t\t'h-full w-px': this.vertical,\n\t\t\t\t// Border color\n\t\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t\t'border-outline': this.outline === 'default',\n\t\t\t\t// Border style\n\t\t\t\t'border-t': !this.vertical,\n\t\t\t\t'border-l': this.vertical,\n\t\t\t\t// Grow behavior\n\t\t\t\t[`grow-${this.grow}`]: true,\n\t\t\t})}\n\t\t></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"names":["SchmancyDivider","$LitElement","css","constructor","super","arguments","this","outline","vertical","grow","value","render","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":";;;;;;;;;;;;AAMA,IAAqBA,IAArB,cAA6CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAzD,EAAA;AAAA,EAAA,cAAAC;AAAAC,UAAAA,GAAAC,SAAAA,GAuD6BC,KAAAC,UAAiC,WAChCD,KAAAE,WAAAA,IACDF,KAAAG,OAAiC;AAAA,EAAA;AAAA,EAM7D,gBAAgBC,GAAAA;AACfJ,SAAKE,WAAWE,MAAU;AAAA,EAC3B;AAAA,EACA,IAAA;AACC,WAAOJ,KAAKE,WAAW,aAAa;AAAA,EACrC;AAAA,EAEU,SAAAG;AACT,WAAOC;AAAAA,WACEN,KAAKO,SAAS,EAErB,eAAA,CAAgBP,KAAKE,UACrB,eAAeF,KAAKE,UAEpB,yBAAyBF,KAAKC,YAAY,WAC1C,kBAAkBD,KAAKC,YAAY,WAEnC,YAAA,CAAaD,KAAKE,UAClB,YAAYF,KAAKE,UAEjB,CAAC,QAAQF,KAAKG,IAAAA,EAAAA,GAAAA,GAAS,CAAA,CAAA;AAAA;AAAA,EAG1B;AAAA;AA/B4BK,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAvDEjB,EAuDQkB,WAAA,WAAA,CAAA,GACCJ,EAAA,CAA5BC,EAAS,EAAEC,MAAMG,QAAAA,CAAAA,CAAAA,GAxDEnB,EAwDSkB,WAAA,YAAA,CAAA,GACDJ,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAzDEjB,EAyDQkB,WAAA,QAAA,IAMxBJ,EAAA,CADHC,EAAS,EAAEK,SAAAA,IAAeJ,MAAMC,OAAAA,CAAAA,CAAAA,GA9DbjB,EA+DhBkB,WAAA,eAAA,IA/DgBlB,IAArBc,EAAA,CADCO,EAAc,kBAAA,CAAA,GACMrB,CAAAA;"}
+{"version":3,"file":"divider-CzTpxOqt.js","sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t@keyframes grow-horizontal {\n\t\tfrom {\n\t\t\ttransform: scaleX(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\n\t@keyframes grow-vertical {\n\t\tfrom {\n\t\t\ttransform: scaleY(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\n\t/* Horizontal divider grow animations */\n\t.grow-start:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: left;\n\t}\n\n\t.grow-end:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: right;\n\t}\n\n\t.grow-both:not(.h-full) {\n\t\tanimation: grow-horizontal 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n\n\t/* Vertical divider grow animations */\n\t.grow-start.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: top;\n\t}\n\n\t.grow-end.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: bottom;\n\t}\n\n\t.grow-both.h-full {\n\t\tanimation: grow-vertical 400ms ease-out;\n\t\ttransform-origin: center;\n\t}\n`) {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ type: Boolean }) vertical = false\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\t/**\n\t * @deprecated Use `vertical` property instead. Will be removed in next major version.\n\t */\n\t@property({ reflect: true, type: String })\n\tset orientation(value: 'horizontal' | 'vertical') {\n\t\tthis.vertical = value === 'vertical'\n\t}\n\tget orientation(): 'horizontal' | 'vertical' {\n\t\treturn this.vertical ? 'vertical' : 'horizontal'\n\t}\n\n\tprotected render() {\n\t\treturn html`<div\n\t\t\tclass=${this.classMap({\n\t\t\t\t// Dimensions\n\t\t\t\t'w-full h-px': !this.vertical,\n\t\t\t\t'h-full w-px': this.vertical,\n\t\t\t\t// Border color\n\t\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t\t'border-outline': this.outline === 'default',\n\t\t\t\t// Border style\n\t\t\t\t'border-t': !this.vertical,\n\t\t\t\t'border-l': this.vertical,\n\t\t\t\t// Grow behavior\n\t\t\t\t[`grow-${this.grow}`]: true,\n\t\t\t})}\n\t\t></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"names":["SchmancyDivider","$LitElement","css","constructor","super","arguments","this","outline","vertical","grow","value","render","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":";;;;;;;;;;;;AAMA,IAAqBA,IAArB,cAA6CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAzD,EAAA;AAAA,EAAA,cAAAC;AAAAC,UAAAA,GAAAC,SAAAA,GAuD6BC,KAAAC,UAAiC,WAChCD,KAAAE,WAAAA,IACDF,KAAAG,OAAiC;AAAA,EAAA;AAAA,EAM7D,gBAAgBC,GAAAA;AACfJ,SAAKE,WAAWE,MAAU;AAAA,EAC3B;AAAA,EACA,IAAA;AACC,WAAOJ,KAAKE,WAAW,aAAa;AAAA,EACrC;AAAA,EAEU,SAAAG;AACT,WAAOC;AAAAA,WACEN,KAAKO,SAAS,EAErB,eAAA,CAAgBP,KAAKE,UACrB,eAAeF,KAAKE,UAEpB,yBAAyBF,KAAKC,YAAY,WAC1C,kBAAkBD,KAAKC,YAAY,WAEnC,YAAA,CAAaD,KAAKE,UAClB,YAAYF,KAAKE,UAEjB,CAAC,QAAQF,KAAKG,IAAAA,EAAAA,GAAAA,GAAS,CAAA,CAAA;AAAA;AAAA,EAG1B;AAAA;AA/B4BK,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAvDEjB,EAuDQkB,WAAA,WAAA,CAAA,GACCJ,EAAA,CAA5BC,EAAS,EAAEC,MAAMG,QAAAA,CAAAA,CAAAA,GAxDEnB,EAwDSkB,WAAA,YAAA,CAAA,GACDJ,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAzDEjB,EAyDQkB,WAAA,QAAA,IAMxBJ,EAAA,CADHC,EAAS,EAAEK,SAAAA,IAAeJ,MAAMC,OAAAA,CAAAA,CAAAA,GA9DbjB,EA+DhBkB,WAAA,eAAA,IA/DgBlB,IAArBc,EAAA,CADCO,EAAc,kBAAA,CAAA,GACMrB,CAAAA;"}

package/dist/{divider-8tk2mDbL.cjs → divider-D8KStUhN.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const e=require("lit/decorators.js");require("./tailwind.mixin-JFXu3GSo.cjs");const m=require("./litElement.mixin-B1WTI3WY.cjs"),u=require("lit");var g=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(i,a,s,n)=>{for(var l,r=n>1?void 0:n?h(a,s):a,c=i.length-1;c>=0;c--)(l=i[c])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&g(a,s,r),r};let t=class extends m.$LitElement(u.css`
+"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const e=require("lit/decorators.js");require("./tailwind.mixin-Cp4PyXok.cjs");const m=require("./litElement.mixin-CrpeGpZ7.cjs"),u=require("lit");var g=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(i,a,s,n)=>{for(var l,r=n>1?void 0:n?h(a,s):a,c=i.length-1;c>=0;c--)(l=i[c])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&g(a,s,r),r};let t=class extends m.$LitElement(u.css`
 	:host {
 		display: block;
 	}
@@ -55,4 +55,4 @@
 `){constructor(){super(...arguments),this.outline="variant",this.vertical=!1,this.grow="start"}set orientation(i){this.vertical=i==="vertical"}get orientation(){return this.vertical?"vertical":"horizontal"}render(){return u.html`<div
 			class=${this.classMap({"w-full h-px":!this.vertical,"h-full w-px":this.vertical,"border-outlineVariant":this.outline==="variant","border-outline":this.outline==="default","border-t":!this.vertical,"border-l":this.vertical,[`grow-${this.grow}`]:!0})}
 		></div>`}};o([e.property({type:String})],t.prototype,"outline",2),o([e.property({type:Boolean})],t.prototype,"vertical",2),o([e.property({type:String})],t.prototype,"grow",2),o([e.property({reflect:!0,type:String})],t.prototype,"orientation",1),t=o([e.customElement("schmancy-divider")],t);
-//# sourceMappingURL=divider-8tk2mDbL.cjs.map
+//# sourceMappingURL=divider-D8KStUhN.cjs.map