@mhmo91/schmancy 0.2.187 → 0.2.189

package/types/src/dialog/dialog-service.d.ts

@@ -26,6 +26,7 @@ export declare class DialogService {
     private static instance;
     private static DEFAULT_OPTIONS;
     private activeDialogs;
+    private activeRawDialogs;
     private constructor();
     /**
      * Get the singleton instance
@@ -37,7 +38,13 @@ export declare class DialogService {
      */
     confirm(options: DialogOptions): Promise<boolean>;
     /**
-     * Dismiss the most recently opened dialog
+     * Show a dialog with custom component content
+     * Always renders content directly without any headers or action buttons
+     * @returns Promise that resolves when dialog is closed
+     */
+    component(content: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult), options?: Omit<DialogOptions, 'content' | 'message'>): Promise<boolean>;
+    /**
+     * Dismiss the most recently opened dialog (either confirm or component type)
      * @returns true if a dialog was dismissed, false if no dialogs were open
      */
     dismiss(): boolean;
@@ -51,11 +58,6 @@ export declare class DialogService {
      * @returns Promise that resolves to true (confirm) or false (cancel)
      */
     danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean>;
-    /**
-     * Show a dialog with custom component content
-     * @returns Promise that resolves to true (confirm) or false (cancel)
-     */
-    component(content: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult), options?: Omit<DialogOptions, 'content' | 'message'>): Promise<boolean>;
     /**
      * Get a centered position for the dialog
      */
@@ -82,11 +84,12 @@ export declare const $dialog: {
     danger: (options: Omit<DialogOptions, "variant">) => Promise<boolean>;
     /**
      * Show a dialog with custom component content
-     * @returns Promise that resolves to true (confirm) or false (cancel)
+     * @returns Promise that resolves when dialog is closed
      */
     component: (content: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult), options?: Omit<DialogOptions, "content" | "message">) => Promise<boolean>;
     /**
      * Show a simple dialog without title or actions, just content
+     * This is an alias for component() since all component dialogs are now simple by design
      * @returns Promise that resolves when dialog is closed
      */
     simple: (content: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult), options?: Omit<DialogOptions, "content" | "message" | "title" | "confirmText" | "cancelText">) => Promise<boolean>;

package/types/src/dialog/dialog.component.d.ts

@@ -14,6 +14,14 @@ export declare class SchmancyDialog extends SchmancyDialog_base {
      * Current active promise resolver
      */
     private resolvePromise?;
+    /**
+     * Store cleanup function for position auto-updates
+     */
+    private cleanupAutoUpdate?;
+    /**
+     * Virtual element to use as reference for positioning
+     */
+    private virtualReference?;
     /**
      * Simple API: Show the dialog at a specific position
      * @returns Promise that resolves when dialog is closed
@@ -27,10 +35,18 @@ export declare class SchmancyDialog extends SchmancyDialog_base {
      */
     hide(result?: boolean): void;
     /**
-     * Calculate optimal position based on click coordinates
-     * with viewport boundary checks to prevent dialogs from appearing off-screen
+     * Set up position auto-updating when dialog content changes or window resizes
+     */
+    private setupPositioning;
+    /**
+     * Update dialog position using Floating UI
+     */
+    private updatePosition;
+    private resizeSubscription?;
+    /**
+     * Handle component disconnection from DOM
      */
-    private calculatePosition;
+    disconnectedCallback(): void;
     /**
      * Handle lifecycle callback when dialog is first rendered
      */

package/types/src/dialog/index.d.ts

@@ -1,3 +1,5 @@
 export * from './dailog';
 export * from './dialog-service';
 export * from './dialog.component';
+export * from './dialog-content';
+export * from './dialog-content';

package/dist/dialog.component-B6E5SlZk.js

@@ -1,260 +0,0 @@
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as y } from "./litElement.mixin-CkrfRzHl.js";
-import "./tailwind.mixin-CGefB_52.js";
-import { css as x, html as m, render as g } from "lit";
-import { property as f, customElement as w } from "lit/decorators.js";
-import { when as u } from "lit/directives/when.js";
-var b = Object.defineProperty, T = Object.getOwnPropertyDescriptor, d = (t, e, i, n) => {
-  for (var s, o = n > 1 ? void 0 : n ? T(e, i) : e, a = t.length - 1; a >= 0; a--) (s = t[a]) && (o = (n ? s(e, i, o) : s(o)) || o);
-  return n && o && b(e, i, o), o;
-};
-let h = class extends y(x`
-	:host {
-		position: fixed;
-		z-index: 10000;
-		inset: 0;
-		display: none;
-		--dialog-width: 360px;
-	}
-
-	:host([active]) {
-		display: block;
-	}
-
-	.overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.4);
-	}
-
-	.dialog {
-		position: absolute;
-		max-width: var(--dialog-width);
-		width: max-content;
-		max-height: calc(100vh - 40px); /* Prevent exceeding viewport height */
-		/* Center initially */
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -55%); /* Slight upward shift looks better */
-		overflow: auto; /* Allow scrolling for oversized content */
-	}
-`) {
-  constructor() {
-    super(...arguments), this.title = void 0, this.message = void 0, this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this.position = { x: 0, y: 0 };
-  }
-  async show(t) {
-    let e, i;
-    if (t) if ("clientX" in t) e = t.clientX, i = t.clientY;
-    else if ("touches" in t && t.touches.length) e = t.touches[0].clientX, i = t.touches[0].clientY;
-    else {
-      const n = t;
-      e = n.x, i = n.y;
-    }
-    else e = window.innerWidth / 2, i = window.innerHeight / 2;
-    return this.position = this.calculatePosition(e, i), this.setAttribute("active", ""), new Promise((n) => {
-      this.resolvePromise = n;
-    });
-  }
-  hide(t = !1) {
-    this.removeAttribute("active"), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
-  }
-  calculatePosition(t, e) {
-    const i = window.innerWidth, n = window.innerHeight;
-    return { x: t = Math.max(20, Math.min(t, i - 20)), y: e = Math.max(20, Math.min(e, n - 20)) };
-  }
-  firstUpdated() {
-    var p;
-    const t = (p = this.shadowRoot) == null ? void 0 : p.querySelector(".dialog");
-    if (!t) return;
-    const e = t.offsetWidth, i = t.offsetHeight, n = window.innerWidth, s = window.innerHeight, o = 20;
-    let { x: a, y: r } = this.position;
-    Math.abs(a - n / 2) < 10 && Math.abs(r - s / 2) < 10 || (a + e > n - o && (a = n - e - o), a < o && (a = o), e > n - 40 && (a = (n - e) / 2), r + i > s - o && (r = r > i + o ? r - i - o : Math.max(o, (s - i) / 2)), r < o && (r = o), i > s - 40 && (r = o), t.style.transform = "none", t.style.left = `${Math.max(0, Math.round(a))}px`, t.style.top = `${Math.max(0, Math.round(r))}px`);
-  }
-  handleConfirm() {
-    this.hide(!0), this.dispatchEvent(new CustomEvent("confirm", { bubbles: !0, composed: !0 }));
-  }
-  handleCancel() {
-    this.hide(!1), this.dispatchEvent(new CustomEvent("cancel", { bubbles: !0, composed: !0 }));
-  }
-  render() {
-    const t = this.querySelectorAll('[slot="content"]').length > 0, e = this.confirmText && this.cancelText;
-    return m`
-			<div class="overlay" @click=${this.handleCancel}></div>
-
-			<div class="dialog" role="alertdialog" aria-modal="true">
-				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
-					<schmancy-form @submit=${this.handleConfirm} class="p-4">
-						${u(this.title, () => m` <schmancy-typography type="title" token="md" class="mb-2"> ${this.title} </schmancy-typography>`)}
-						${t ? m`<div class="${e ? "mb-4" : ""}"><slot name="content"></slot></div>` : m`<schmancy-typography type="body" class="mb-4"> ${this.message} </schmancy-typography>`}
-
-						${u(e, () => m`
-								<div class="flex justify-end gap-3">
-									<schmancy-button variant="outlined" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>
-									<schmancy-button type="submit" variant="filled"> ${this.confirmText} </schmancy-button>
-								</div>
-							`)}
-					</schmancy-form>
-				</schmancy-surface>
-			</div>
-		`;
-  }
-  static async confirm(t) {
-    let e = document.querySelector("confirm-dialog");
-    return e || (e = document.createElement("confirm-dialog"), document.body.appendChild(e)), t.title && (e.title = t.title), t.message && (e.message = t.message), t.confirmText && (e.confirmText = t.confirmText), t.cancelText && (e.cancelText = t.cancelText), t.variant && (e.variant = t.variant), t.width && e.style.setProperty("--dialog-width", t.width), e.show(t.position);
-  }
-  static async ask(t, e) {
-    return this.confirm({ message: t, position: e });
-  }
-};
-d([f({ type: String })], h.prototype, "title", 2), d([f({ type: String })], h.prototype, "message", 2), d([f({ type: String, attribute: "confirm-text" })], h.prototype, "confirmText", 2), d([f({ type: String, attribute: "cancel-text" })], h.prototype, "cancelText", 2), d([f({ type: String })], h.prototype, "variant", 2), h = d([w("confirm-dialog")], h);
-const l = class l {
-  constructor() {
-    this.activeDialogs = [];
-  }
-  static getInstance() {
-    return l.instance || (l.instance = new l()), l.instance;
-  }
-  confirm(e) {
-    const i = { ...l.DEFAULT_OPTIONS, ...e };
-    i.position || (i.position = this.getCenteredPosition());
-    let n = document.querySelector("confirm-dialog");
-    if (n || (n = document.createElement("confirm-dialog"), document.body.appendChild(n)), i.title && (n.title = i.title), i.message && (n.message = i.message), i.confirmText && (n.confirmText = i.confirmText), i.cancelText && (n.cancelText = i.cancelText), i.variant && (n.variant = i.variant), i.width && n.style.setProperty("--dialog-width", i.width), i.content) {
-      const s = document.createElement("div");
-      if (s.slot = "content", typeof i.content == "function") {
-        const o = i.content();
-        o instanceof HTMLElement ? s.appendChild(o) : g(o, s);
-      } else i.content instanceof HTMLElement ? s.appendChild(i.content) : g(i.content, s);
-      n.appendChild(s);
-    }
-    if (i.onConfirm) {
-      const s = (o) => {
-        i.onConfirm(), n.removeEventListener("confirm", s);
-      };
-      n.addEventListener("confirm", s);
-    }
-    if (i.onCancel) {
-      const s = (o) => {
-        i.onCancel(), n.removeEventListener("cancel", s);
-      };
-      n.addEventListener("cancel", s);
-    }
-    return this.activeDialogs.push(n), n.show(i.position).finally(() => {
-      const s = this.activeDialogs.indexOf(n);
-      if (s !== -1 && this.activeDialogs.splice(s, 1), i.content) {
-        const o = n.querySelector('[slot="content"]');
-        o && n.removeChild(o);
-      }
-    });
-  }
-  dismiss() {
-    return this.activeDialogs.length === 0 ? !1 : (this.activeDialogs[this.activeDialogs.length - 1].hide(!1), !0);
-  }
-  ask(e, i) {
-    return this.confirm({ message: e, position: i });
-  }
-  danger(e) {
-    return this.confirm({ ...e, variant: "danger" });
-  }
-  component(e, i = {}) {
-    return i.hideActions === !1 ? this.confirm({ ...i, content: e, title: void 0, message: void 0 }) : this.confirm({ ...i, content: e, title: void 0, message: void 0, confirmText: "", cancelText: "" });
-  }
-  getCenteredPosition() {
-    return { x: window.innerWidth / 2, y: window.innerHeight / 2 };
-  }
-};
-l.DEFAULT_OPTIONS = { title: void 0, confirmText: void 0, cancelText: "Cancel", variant: "default", width: "360px" };
-let c = l;
-const A = { confirm: (t) => c.getInstance().confirm(t), ask: (t, e) => c.getInstance().ask(t, e), danger: (t) => c.getInstance().danger(t), component: (t, e) => c.getInstance().component(t, e), simple: (t, e) => c.getInstance().component(t, e), dismiss: () => c.getInstance().dismiss() };
-var C = Object.getOwnPropertyDescriptor;
-let v = class extends y(x`
-	:host {
-		position: fixed;
-		z-index: 10000;
-		inset: 0;
-		display: none;
-		--dialog-width: 360px;
-	}
-
-	:host([active]) {
-		display: block;
-	}
-
-	.overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.4);
-	}
-
-	.dialog {
-		position: absolute;
-		max-width: var(--dialog-width);
-		width: max-content;
-		max-height: calc(100vh - 40px); /* Prevent exceeding viewport height */
-		/* Center initially */
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -55%); /* Slight upward shift looks better */
-		overflow: auto; /* Allow scrolling for oversized content */
-	}
-`) {
-  constructor() {
-    super(...arguments), this.position = { x: 0, y: 0 };
-  }
-  async show(t) {
-    let e, i;
-    if (t) if ("clientX" in t) e = t.clientX, i = t.clientY;
-    else if ("touches" in t && t.touches.length) e = t.touches[0].clientX, i = t.touches[0].clientY;
-    else {
-      const n = t;
-      e = n.x, i = n.y;
-    }
-    else e = window.innerWidth / 2, i = window.innerHeight / 2;
-    return this.position = this.calculatePosition(e, i), this.setAttribute("active", ""), new Promise((n) => {
-      this.resolvePromise = n;
-    });
-  }
-  hide(t = !1) {
-    this.removeAttribute("active"), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
-  }
-  calculatePosition(t, e) {
-    const i = window.innerWidth, n = window.innerHeight;
-    return { x: t = Math.max(20, Math.min(t, i - 20)), y: e = Math.max(20, Math.min(e, n - 20)) };
-  }
-  firstUpdated() {
-    var p;
-    const t = (p = this.shadowRoot) == null ? void 0 : p.querySelector(".dialog");
-    if (!t) return;
-    const e = t.offsetWidth, i = t.offsetHeight, n = window.innerWidth, s = window.innerHeight, o = 20;
-    let { x: a, y: r } = this.position;
-    Math.abs(a - n / 2) < 10 && Math.abs(r - s / 2) < 10 || (a + e > n - o && (a = n - e - o), a < o && (a = o), e > n - 40 && (a = (n - e) / 2), r + i > s - o && (r = r > i + o ? r - i - o : Math.max(o, (s - i) / 2)), r < o && (r = o), i > s - 40 && (r = o), t.style.transform = "none", t.style.left = `${Math.max(0, Math.round(a))}px`, t.style.top = `${Math.max(0, Math.round(r))}px`);
-  }
-  handleClose() {
-    this.hide(!1), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }));
-  }
-  render() {
-    return m`
-			<div class="overlay" @click=${this.handleClose}></div>
-
-			<div class="dialog" role="dialog" aria-modal="true">
-				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
-					<div class="p-4">
-						<slot></slot>
-					</div>
-				</schmancy-surface>
-			</div>
-		`;
-  }
-};
-v = ((t, e, i, n) => {
-  for (var s, o = n > 1 ? void 0 : n ? C(e, i) : e, a = t.length - 1; a >= 0; a--) (s = t[a]) && (o = s(o) || o);
-  return o;
-})([w("schmancy-dialog")], v);
-export {
-  A as $,
-  h as C,
-  c as D,
-  v as S
-};
-//# sourceMappingURL=dialog.component-B6E5SlZk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.component-B6E5SlZk.js","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts","../src/dialog/dialog.component.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * A confirm dialog web component with custom content support\n *\n * @element confirm-dialog\n * @slot content - Optional slot for custom content\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\t/* Center initially */\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n`) {\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = undefined\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String, attribute: 'confirm-text' })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Pre-calculate position before showing dialog\n\t\tthis.position = this.calculatePosition(x, y)\n\n\t\t// Make dialog active but ensure position is calculated first\n\t\t// to prevent visual bouncing\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(confirmed = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(confirmed)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Calculate optimal position based on click coordinates\n\t * with viewport boundary checks to prevent dialogs from appearing off-screen\n\t */\n\tprivate calculatePosition(x: number, y: number) {\n\t\t// We can't know the exact dimensions until the dialog is rendered\n\t\t// But we can make an initial adjustment to improve positioning\n\t\t// For more accurate positioning, we'll do a second adjustment in firstUpdated\n\n\t\t// Provide some margin from edges\n\t\tconst margin = 20\n\n\t\t// Get viewport dimensions\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Ensure initial x is within viewport bounds\n\t\tx = Math.max(margin, Math.min(x, viewportWidth - margin))\n\n\t\t// Ensure initial y is within viewport bounds\n\t\ty = Math.max(margin, Math.min(y, viewportHeight - margin))\n\n\t\treturn { x, y }\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\t// Immediate positioning without animations\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Run synchronously to ensure immediate positioning\n\t\t// Get dialog dimensions\n\t\tconst width = dialog.offsetWidth\n\t\tconst height = dialog.offsetHeight\n\n\t\t// Get viewport dimensions\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Standard margin from edges\n\t\tconst margin = 20\n\n\t\t// Get dialog initial position\n\t\tlet { x, y } = this.position\n\n\t\t// Check if this is a centered dialog (default case or explicitly centered)\n\t\tconst isCentered = Math.abs(x - viewportWidth / 2) < 10 && Math.abs(y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, keep using the CSS transform-based centering\n\t\t\treturn\n\t\t}\n\n\t\t// For non-centered dialogs, calculate the ideal position\n\t\t// HORIZONTAL POSITIONING\n\t\t// First check if dialog extends beyond right edge\n\t\tif (x + width > viewportWidth - margin) {\n\t\t\t// Try to align to right edge with margin\n\t\t\tx = viewportWidth - width - margin\n\t\t}\n\n\t\t// Make sure it's not off the left edge either\n\t\tif (x < margin) {\n\t\t\tx = margin\n\t\t}\n\n\t\t// If dialog is wider than viewport, center it\n\t\tif (width > viewportWidth - margin * 2) {\n\t\t\tx = (viewportWidth - width) / 2\n\t\t}\n\n\t\t// VERTICAL POSITIONING\n\t\t// Check if the dialog extends beyond bottom edge\n\t\tif (y + height > viewportHeight - margin) {\n\t\t\t// Try to position above the click point if there's space\n\t\t\tif (y > height + margin) {\n\t\t\t\t// Position above the click point\n\t\t\t\ty = y - height - margin\n\t\t\t} else {\n\t\t\t\t// Otherwise, try to center vertically\n\t\t\t\ty = Math.max(margin, (viewportHeight - height) / 2)\n\t\t\t}\n\t\t}\n\n\t\t// Make sure it's not off the top edge\n\t\tif (y < margin) {\n\t\t\ty = margin\n\t\t}\n\n\t\t// If dialog is taller than viewport, align to top with margin\n\t\tif (height > viewportHeight - margin * 2) {\n\t\t\ty = margin\n\t\t}\n\n\t\t// Apply position immediately without animations\n\t\tdialog.style.transform = 'none' // Remove transform-based centering\n\t\tdialog.style.left = `${Math.max(0, Math.round(x))}px`\n\t\tdialog.style.top = `${Math.max(0, Math.round(y))}px`\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm() {\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 action\n\t */\n\tprivate handleCancel() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('cancel', {\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\t// For initial rendering, use transform-based centering from CSS\n\t\t// firstUpdated will handle precise positioning after measuring\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\t\tconst showButtons = this.confirmText && this.cancelText\n\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleCancel}></div>\n\n\t\t\t<div class=\"dialog\" role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm} class=\"p-4\">\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.title,\n\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\thtml` <schmancy-typography type=\"title\" token=\"md\" class=\"mb-2\"> ${this.title} </schmancy-typography>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t? html`<div class=\"${showButtons ? 'mb-4' : ''}\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t: html`<schmancy-typography type=\"body\" class=\"mb-4\"> ${this.message} </schmancy-typography>`}\n\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tshowButtons,\n\t\t\t\t\t\t\t() => html`\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.handleCancel}> ${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`\n\t\t\t\t\t\t)}\n\t\t\t\t\t</schmancy-form>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for even simpler API\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: 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\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tif (options.title) dialog.title = options.title\n\t\tif (options.message) dialog.message = options.message\n\t\tif (options.confirmText) dialog.confirmText = options.confirmText\n\t\tif (options.cancelText) dialog.cancelText = options.cancelText\n\t\tif (options.variant) dialog.variant = options.variant\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Even simpler shorthand method - 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\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n","import { render, TemplateResult } from 'lit'\nimport { ConfirmDialog } from './dailog'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\n\t// New options for component rendering\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\twidth?: string\n\tonConfirm?: () => void\n\tonCancel?: () => void\n\thideActions?: boolean // Set to true to hide all buttons and title\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Provides a simple API for showing dialogs with optional custom components.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\t// Default dialog options\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: 'Cancel',\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Track active dialogs to handle dismissing the most recent one\n\tprivate activeDialogs: ConfirmDialog[] = []\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\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\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t}\n\n\t\t// If no position is provided, center the dialog\n\t\tif (!completeOptions.position) {\n\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t}\n\n\t\t// Create or find the dialog\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set basic options\n\t\tif (completeOptions.title) dialog.title = completeOptions.title\n\t\tif (completeOptions.message) dialog.message = completeOptions.message\n\t\tif (completeOptions.confirmText) dialog.confirmText = completeOptions.confirmText\n\t\tif (completeOptions.cancelText) dialog.cancelText = completeOptions.cancelText\n\t\tif (completeOptions.variant) dialog.variant = completeOptions.variant\n\t\tif (completeOptions.width) dialog.style.setProperty('--dialog-width', completeOptions.width)\n\n\t\t// Handle custom content if provided\n\t\tif (completeOptions.content) {\n\t\t\tconst contentContainer = document.createElement('div')\n\t\t\tcontentContainer.slot = 'content'\n\n\t\t\tif (typeof completeOptions.content === 'function') {\n\t\t\t\tconst result = completeOptions.content()\n\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t} else {\n\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t}\n\t\t\t} else if (completeOptions.content instanceof HTMLElement) {\n\t\t\t\tcontentContainer.appendChild(completeOptions.content)\n\t\t\t} else {\n\t\t\t\trender(completeOptions.content, contentContainer)\n\t\t\t}\n\n\t\t\tdialog.appendChild(contentContainer)\n\t\t}\n\n\t\t// Set up event listeners for optional callbacks\n\t\tif (completeOptions.onConfirm) {\n\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\tcompleteOptions.onConfirm!()\n\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t}\n\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t}\n\n\t\tif (completeOptions.onCancel) {\n\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\tcompleteOptions.onCancel!()\n\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t}\n\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t}\n\n\t\t// Add this dialog to active dialogs\n\t\tthis.activeDialogs.push(dialog)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(completeOptions.position).finally(() => {\n\t\t\t// Remove from active dialogs when closed\n\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t}\n\n\t\t\t// Clean up the content when dialog closes\n\t\t\tif (completeOptions.content) {\n\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\tif (contentEl) {\n\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\tif (this.activeDialogs.length === 0) {\n\t\t\treturn false\n\t\t}\n\n\t\t// Get the most recently opened dialog (last in the array)\n\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1]\n\n\t\t// Hide the dialog (with cancel result)\n\t\tdialog.hide(false)\n\n\t\treturn true\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic 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\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\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\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\t// By default, component dialogs have hideActions=true\n\t\tconst useActions = options.hideActions === false;\n\t\t\n\t\tif (!useActions) {\n\t\t\treturn this.confirm({\n\t\t\t\t...options,\n\t\t\t\tcontent,\n\t\t\t\ttitle: undefined,\n\t\t\t\tmessage: undefined,\n\t\t\t\tconfirmText: '', // Hide buttons by setting empty text\n\t\t\t\tcancelText: '',\n\t\t\t})\n\t\t}\n\t\t\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tcontent,\n\t\t\t// Clear message if content is provided\n\t\t\ttitle: undefined,\n\t\t\tmessage: undefined,\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\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/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\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\t/**\n\t * Show a simple dialog without title or actions, just content\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tsimple: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message' | 'title' | 'confirmText' | 'cancelText'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n}\n\nexport default DialogService\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * A basic dialog web component without title or actions\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\t/* Center initially */\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n`) {\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Pre-calculate position before showing dialog\n\t\tthis.position = this.calculatePosition(x, y)\n\n\t\t// Make dialog active but ensure position is calculated first\n\t\t// to prevent visual bouncing\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(result = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(result)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Calculate optimal position based on click coordinates\n\t * with viewport boundary checks to prevent dialogs from appearing off-screen\n\t */\n\tprivate calculatePosition(x: number, y: number) {\n\t\t// We can't know the exact dimensions until the dialog is rendered\n\t\t// But we can make an initial adjustment to improve positioning\n\t\t// For more accurate positioning, we'll do a second adjustment in firstUpdated\n\n\t\t// Provide some margin from edges\n\t\tconst margin = 20\n\n\t\t// Get viewport dimensions\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Ensure initial x is within viewport bounds\n\t\tx = Math.max(margin, Math.min(x, viewportWidth - margin))\n\n\t\t// Ensure initial y is within viewport bounds\n\t\ty = Math.max(margin, Math.min(y, viewportHeight - margin))\n\n\t\treturn { x, y }\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\t// Immediate positioning without animations\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Run synchronously to ensure immediate positioning\n\t\t// Get dialog dimensions\n\t\tconst width = dialog.offsetWidth\n\t\tconst height = dialog.offsetHeight\n\n\t\t// Get viewport dimensions\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Standard margin from edges\n\t\tconst margin = 20\n\n\t\t// Get dialog initial position\n\t\tlet { x, y } = this.position\n\n\t\t// Check if this is a centered dialog (default case or explicitly centered)\n\t\tconst isCentered = Math.abs(x - viewportWidth / 2) < 10 && Math.abs(y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, keep using the CSS transform-based centering\n\t\t\treturn\n\t\t}\n\n\t\t// For non-centered dialogs, calculate the ideal position\n\t\t// HORIZONTAL POSITIONING\n\t\t// First check if dialog extends beyond right edge\n\t\tif (x + width > viewportWidth - margin) {\n\t\t\t// Try to align to right edge with margin\n\t\t\tx = viewportWidth - width - margin\n\t\t}\n\n\t\t// Make sure it's not off the left edge either\n\t\tif (x < margin) {\n\t\t\tx = margin\n\t\t}\n\n\t\t// If dialog is wider than viewport, center it\n\t\tif (width > viewportWidth - margin * 2) {\n\t\t\tx = (viewportWidth - width) / 2\n\t\t}\n\n\t\t// VERTICAL POSITIONING\n\t\t// Check if the dialog extends beyond bottom edge\n\t\tif (y + height > viewportHeight - margin) {\n\t\t\t// Try to position above the click point if there's space\n\t\t\tif (y > height + margin) {\n\t\t\t\t// Position above the click point\n\t\t\t\ty = y - height - margin\n\t\t\t} else {\n\t\t\t\t// Otherwise, try to center vertically\n\t\t\t\ty = Math.max(margin, (viewportHeight - height) / 2)\n\t\t\t}\n\t\t}\n\n\t\t// Make sure it's not off the top edge\n\t\tif (y < margin) {\n\t\t\ty = margin\n\t\t}\n\n\t\t// If dialog is taller than viewport, align to top with margin\n\t\tif (height > viewportHeight - margin * 2) {\n\t\t\ty = margin\n\t\t}\n\n\t\t// Apply position immediately without animations\n\t\tdialog.style.transform = 'none' // Remove transform-based centering\n\t\tdialog.style.left = `${Math.max(0, Math.round(x))}px`\n\t\tdialog.style.top = `${Math.max(0, Math.round(y))}px`\n\t}\n\n\t/**\n\t * Handle close action\n\t */\n\tprivate handleClose() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('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\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleClose}></div>\n\n\t\t\t<div class=\"dialog\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<div class=\"p-4\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}"],"names":["ConfirmDialog","$LitElement","css","super","arguments","this","title","message","confirmText","cancelText","variant","position","x","y","positionOrEvent","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","calculatePosition","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","viewportWidth","viewportHeight","Math","max","min","firstUpdated","dialog","shadowRoot","querySelector","width","offsetWidth","height","offsetHeight","margin","abs","style","transform","left","round","top","hide","dispatchEvent","CustomEvent","bubbles","composed","render","hasCustomContent","querySelectorAll","showButtons","html","handleCancel","handleConfirm","when","options","document","createElement","body","appendChild","setProperty","show","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","constructor","activeDialogs","getInstance","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","onConfirm","_e","removeEventListener","addEventListener","onCancel","push","finally","index","indexOf","splice","contentEl","removeChild","dismiss","hideActions","_d","$dialog","ask","danger","component","simple","SchmancyDialog","handleClose"],"mappings":"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"}

package/dist/dialog.component-Cxen6yCU.cjs

@@ -1,90 +0,0 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-Ct7SS5n6.cjs");require("./tailwind.mixin-Cezttl4Z.cjs");const c=require("lit"),d=require("lit/decorators.js"),g=require("lit/directives/when.js");var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=(t,e,i,n)=>{for(var s,o=n>1?void 0:n?v(e,i):e,a=t.length-1;a>=0;a--)(s=t[a])&&(o=(n?s(e,i,o):s(o))||o);return n&&o&&f(e,i,o),o};exports.ConfirmDialog=class extends u.$LitElement(c.css`
-	:host {
-		position: fixed;
-		z-index: 10000;
-		inset: 0;
-		display: none;
-		--dialog-width: 360px;
-	}
-
-	:host([active]) {
-		display: block;
-	}
-
-	.overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.4);
-	}
-
-	.dialog {
-		position: absolute;
-		max-width: var(--dialog-width);
-		width: max-content;
-		max-height: calc(100vh - 40px); /* Prevent exceeding viewport height */
-		/* Center initially */
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -55%); /* Slight upward shift looks better */
-		overflow: auto; /* Allow scrolling for oversized content */
-	}
-`){constructor(){super(...arguments),this.title=void 0,this.message=void 0,this.confirmText="Confirm",this.cancelText="Cancel",this.variant="default",this.position={x:0,y:0}}async show(t){let e,i;if(t)if("clientX"in t)e=t.clientX,i=t.clientY;else if("touches"in t&&t.touches.length)e=t.touches[0].clientX,i=t.touches[0].clientY;else{const n=t;e=n.x,i=n.y}else e=window.innerWidth/2,i=window.innerHeight/2;return this.position=this.calculatePosition(e,i),this.setAttribute("active",""),new Promise(n=>{this.resolvePromise=n})}hide(t=!1){this.removeAttribute("active"),this.resolvePromise&&(this.resolvePromise(t),this.resolvePromise=void 0)}calculatePosition(t,e){const i=window.innerWidth,n=window.innerHeight;return{x:t=Math.max(20,Math.min(t,i-20)),y:e=Math.max(20,Math.min(e,n-20))}}firstUpdated(){var p;const t=(p=this.shadowRoot)==null?void 0:p.querySelector(".dialog");if(!t)return;const e=t.offsetWidth,i=t.offsetHeight,n=window.innerWidth,s=window.innerHeight,o=20;let{x:a,y:r}=this.position;Math.abs(a-n/2)<10&&Math.abs(r-s/2)<10||(a+e>n-o&&(a=n-e-o),a<o&&(a=o),e>n-40&&(a=(n-e)/2),r+i>s-o&&(r=r>i+o?r-i-o:Math.max(o,(s-i)/2)),r<o&&(r=o),i>s-40&&(r=o),t.style.transform="none",t.style.left=`${Math.max(0,Math.round(a))}px`,t.style.top=`${Math.max(0,Math.round(r))}px`)}handleConfirm(){this.hide(!0),this.dispatchEvent(new CustomEvent("confirm",{bubbles:!0,composed:!0}))}handleCancel(){this.hide(!1),this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))}render(){const t=this.querySelectorAll('[slot="content"]').length>0,e=this.confirmText&&this.cancelText;return c.html`
-			<div class="overlay" @click=${this.handleCancel}></div>
-
-			<div class="dialog" role="alertdialog" aria-modal="true">
-				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
-					<schmancy-form @submit=${this.handleConfirm} class="p-4">
-						${g.when(this.title,()=>c.html` <schmancy-typography type="title" token="md" class="mb-2"> ${this.title} </schmancy-typography>`)}
-						${t?c.html`<div class="${e?"mb-4":""}"><slot name="content"></slot></div>`:c.html`<schmancy-typography type="body" class="mb-4"> ${this.message} </schmancy-typography>`}
-
-						${g.when(e,()=>c.html`
-								<div class="flex justify-end gap-3">
-									<schmancy-button variant="outlined" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>
-									<schmancy-button type="submit" variant="filled"> ${this.confirmText} </schmancy-button>
-								</div>
-							`)}
-					</schmancy-form>
-				</schmancy-surface>
-			</div>
-		`}static async confirm(t){let e=document.querySelector("confirm-dialog");return e||(e=document.createElement("confirm-dialog"),document.body.appendChild(e)),t.title&&(e.title=t.title),t.message&&(e.message=t.message),t.confirmText&&(e.confirmText=t.confirmText),t.cancelText&&(e.cancelText=t.cancelText),t.variant&&(e.variant=t.variant),t.width&&e.style.setProperty("--dialog-width",t.width),e.show(t.position)}static async ask(t,e){return this.confirm({message:t,position:e})}},m([d.property({type:String})],exports.ConfirmDialog.prototype,"title",2),m([d.property({type:String})],exports.ConfirmDialog.prototype,"message",2),m([d.property({type:String,attribute:"confirm-text"})],exports.ConfirmDialog.prototype,"confirmText",2),m([d.property({type:String,attribute:"cancel-text"})],exports.ConfirmDialog.prototype,"cancelText",2),m([d.property({type:String})],exports.ConfirmDialog.prototype,"variant",2),exports.ConfirmDialog=m([d.customElement("confirm-dialog")],exports.ConfirmDialog);const h=class h{constructor(){this.activeDialogs=[]}static getInstance(){return h.instance||(h.instance=new h),h.instance}confirm(e){const i={...h.DEFAULT_OPTIONS,...e};i.position||(i.position=this.getCenteredPosition());let n=document.querySelector("confirm-dialog");if(n||(n=document.createElement("confirm-dialog"),document.body.appendChild(n)),i.title&&(n.title=i.title),i.message&&(n.message=i.message),i.confirmText&&(n.confirmText=i.confirmText),i.cancelText&&(n.cancelText=i.cancelText),i.variant&&(n.variant=i.variant),i.width&&n.style.setProperty("--dialog-width",i.width),i.content){const s=document.createElement("div");if(s.slot="content",typeof i.content=="function"){const o=i.content();o instanceof HTMLElement?s.appendChild(o):c.render(o,s)}else i.content instanceof HTMLElement?s.appendChild(i.content):c.render(i.content,s);n.appendChild(s)}if(i.onConfirm){const s=o=>{i.onConfirm(),n.removeEventListener("confirm",s)};n.addEventListener("confirm",s)}if(i.onCancel){const s=o=>{i.onCancel(),n.removeEventListener("cancel",s)};n.addEventListener("cancel",s)}return this.activeDialogs.push(n),n.show(i.position).finally(()=>{const s=this.activeDialogs.indexOf(n);if(s!==-1&&this.activeDialogs.splice(s,1),i.content){const o=n.querySelector('[slot="content"]');o&&n.removeChild(o)}})}dismiss(){return this.activeDialogs.length===0?!1:(this.activeDialogs[this.activeDialogs.length-1].hide(!1),!0)}ask(e,i){return this.confirm({message:e,position:i})}danger(e){return this.confirm({...e,variant:"danger"})}component(e,i={}){return i.hideActions===!1?this.confirm({...i,content:e,title:void 0,message:void 0}):this.confirm({...i,content:e,title:void 0,message:void 0,confirmText:"",cancelText:""})}getCenteredPosition(){return{x:window.innerWidth/2,y:window.innerHeight/2}}};h.DEFAULT_OPTIONS={title:void 0,confirmText:void 0,cancelText:"Cancel",variant:"default",width:"360px"};let l=h;const y={confirm:t=>l.getInstance().confirm(t),ask:(t,e)=>l.getInstance().ask(t,e),danger:t=>l.getInstance().danger(t),component:(t,e)=>l.getInstance().component(t,e),simple:(t,e)=>l.getInstance().component(t,e),dismiss:()=>l.getInstance().dismiss()};var x=Object.getOwnPropertyDescriptor;exports.SchmancyDialog=class extends u.$LitElement(c.css`
-	:host {
-		position: fixed;
-		z-index: 10000;
-		inset: 0;
-		display: none;
-		--dialog-width: 360px;
-	}
-
-	:host([active]) {
-		display: block;
-	}
-
-	.overlay {
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.4);
-	}
-
-	.dialog {
-		position: absolute;
-		max-width: var(--dialog-width);
-		width: max-content;
-		max-height: calc(100vh - 40px); /* Prevent exceeding viewport height */
-		/* Center initially */
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -55%); /* Slight upward shift looks better */
-		overflow: auto; /* Allow scrolling for oversized content */
-	}
-`){constructor(){super(...arguments),this.position={x:0,y:0}}async show(t){let e,i;if(t)if("clientX"in t)e=t.clientX,i=t.clientY;else if("touches"in t&&t.touches.length)e=t.touches[0].clientX,i=t.touches[0].clientY;else{const n=t;e=n.x,i=n.y}else e=window.innerWidth/2,i=window.innerHeight/2;return this.position=this.calculatePosition(e,i),this.setAttribute("active",""),new Promise(n=>{this.resolvePromise=n})}hide(t=!1){this.removeAttribute("active"),this.resolvePromise&&(this.resolvePromise(t),this.resolvePromise=void 0)}calculatePosition(t,e){const i=window.innerWidth,n=window.innerHeight;return{x:t=Math.max(20,Math.min(t,i-20)),y:e=Math.max(20,Math.min(e,n-20))}}firstUpdated(){var p;const t=(p=this.shadowRoot)==null?void 0:p.querySelector(".dialog");if(!t)return;const e=t.offsetWidth,i=t.offsetHeight,n=window.innerWidth,s=window.innerHeight,o=20;let{x:a,y:r}=this.position;Math.abs(a-n/2)<10&&Math.abs(r-s/2)<10||(a+e>n-o&&(a=n-e-o),a<o&&(a=o),e>n-40&&(a=(n-e)/2),r+i>s-o&&(r=r>i+o?r-i-o:Math.max(o,(s-i)/2)),r<o&&(r=o),i>s-40&&(r=o),t.style.transform="none",t.style.left=`${Math.max(0,Math.round(a))}px`,t.style.top=`${Math.max(0,Math.round(r))}px`)}handleClose(){this.hide(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){return c.html`
-			<div class="overlay" @click=${this.handleClose}></div>
-
-			<div class="dialog" role="dialog" aria-modal="true">
-				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
-					<div class="p-4">
-						<slot></slot>
-					</div>
-				</schmancy-surface>
-			</div>
-		`}},exports.SchmancyDialog=((t,e,i,n)=>{for(var s,o=n>1?void 0:n?x(e,i):e,a=t.length-1;a>=0;a--)(s=t[a])&&(o=s(o)||o);return o})([d.customElement("schmancy-dialog")],exports.SchmancyDialog),exports.$dialog=y,exports.DialogService=l;
-//# sourceMappingURL=dialog.component-Cxen6yCU.cjs.map