@mhmo91/schmancy 0.2.188 → 0.2.190

package/types/src/tabs/tabs-compatibility.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Compatibility layer for schmancy-tabs-group (which is the more correct plural form)
+ * that aliases to schmancy-tab-group for backward compatibility
+ */
+import SchmancyTabGroup from './tabs-group';
+declare class SchmancyTabsGroup extends SchmancyTabGroup {
+}
+export default SchmancyTabsGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-tabs-group': SchmancyTabsGroup;
+    }
+}

package/types/src/typography/typography.d.ts

@@ -7,15 +7,15 @@ export declare class SchmancyTypography extends SchmancyTypography_base {
     /**
      * @attr type - The type of the typography.
      * @default inherit
-     * @type {'display' | 'headline' | 'title' | 'body' | 'label'}
+     * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}
      */
-    type: 'display' | 'headline' | 'title' | 'body' | 'label';
+    type: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label';
     /**
      * @attr token - The token of the typography.
      * @default 'md'
-     * @type {'sm' |'md' |'lg'}
+     * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'}
      */
-    token: 'sm' | 'md' | 'lg';
+    token: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     /**
      * @attr
      * @default inherit

package/dist/dialog-content-ConbBChp.js

@@ -1,284 +0,0 @@
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as v } from "./litElement.mixin-CkrfRzHl.js";
-import "./tailwind.mixin-CGefB_52.js";
-import { css as y, html as d, render as f } from "lit";
-import { property as g, customElement as w } from "lit/decorators.js";
-import { when as u } from "lit/directives/when.js";
-var C = Object.defineProperty, T = Object.getOwnPropertyDescriptor, m = (t, e, n, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? T(e, n) : e, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = (i ? o(e, n, s) : o(s)) || s);
-  return i && s && C(e, n, s), s;
-};
-let h = class extends v(y`
-	: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, n;
-    if (t) if ("clientX" in t) e = t.clientX, n = t.clientY;
-    else if ("touches" in t && t.touches.length) e = t.touches[0].clientX, n = t.touches[0].clientY;
-    else {
-      const i = t;
-      e = i.x, n = i.y;
-    }
-    else e = window.innerWidth / 2, n = window.innerHeight / 2;
-    return this.position = this.calculatePosition(e, n), this.setAttribute("active", ""), new Promise((i) => {
-      this.resolvePromise = i;
-    });
-  }
-  hide(t = !1) {
-    this.removeAttribute("active"), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
-  }
-  calculatePosition(t, e) {
-    const n = window.innerWidth, i = window.innerHeight;
-    return { x: t = Math.max(20, Math.min(t, n - 20)), y: e = Math.max(20, Math.min(e, i - 20)) };
-  }
-  firstUpdated() {
-    var p;
-    const t = (p = this.shadowRoot) == null ? void 0 : p.querySelector(".dialog");
-    if (!t) return;
-    const e = t.offsetWidth, n = t.offsetHeight, i = window.innerWidth, o = window.innerHeight, s = 20;
-    let { x: a, y: r } = this.position;
-    Math.abs(a - i / 2) < 10 && Math.abs(r - o / 2) < 10 || (a + e > i - s && (a = i - e - s), a < s && (a = s), e > i - 40 && (a = (i - e) / 2), r + n > o - s && (r = r > n + s ? r - n - s : Math.max(s, (o - n) / 2)), r < s && (r = s), n > o - 40 && (r = s), 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.confirmText.trim() !== "" && this.cancelText && this.cancelText.trim() !== "";
-    return d`
-			<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 && this.title.trim() !== "", () => d` <schmancy-typography type="title" token="md" class="mb-2"> ${this.title} </schmancy-typography>`)}
-						${t ? d`<div class="${e ? "mb-4" : ""}"><slot name="content"></slot></div>` : u(this.message && this.message.trim() !== "", () => d`<schmancy-typography type="body" class="mb-4"> ${this.message} </schmancy-typography>`)}
-						${u(e, () => d`
-								<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([g({ type: String })], h.prototype, "title", 2), m([g({ type: String })], h.prototype, "message", 2), m([g({ type: String, attribute: "confirm-text" })], h.prototype, "confirmText", 2), m([g({ type: String, attribute: "cancel-text" })], h.prototype, "cancelText", 2), m([g({ type: String })], h.prototype, "variant", 2), h = m([w("confirm-dialog")], h);
-const l = class l {
-  constructor() {
-    this.activeDialogs = [], this.activeRawDialogs = [];
-  }
-  static getInstance() {
-    return l.instance || (l.instance = new l()), l.instance;
-  }
-  confirm(e) {
-    const n = { ...l.DEFAULT_OPTIONS, ...e };
-    n.position || (n.position = this.getCenteredPosition());
-    let i = document.querySelector("confirm-dialog");
-    if (i || (i = document.createElement("confirm-dialog"), document.body.appendChild(i)), n.title && (i.title = n.title), n.message && (i.message = n.message), n.confirmText && (i.confirmText = n.confirmText), n.cancelText && (i.cancelText = n.cancelText), n.variant && (i.variant = n.variant), n.width && i.style.setProperty("--dialog-width", n.width), n.content) {
-      const o = document.createElement("div");
-      if (o.slot = "content", typeof n.content == "function") {
-        const s = n.content();
-        s instanceof HTMLElement ? o.appendChild(s) : f(s, o);
-      } else n.content instanceof HTMLElement ? o.appendChild(n.content) : f(n.content, o);
-      i.appendChild(o);
-    }
-    if (n.onConfirm) {
-      const o = (s) => {
-        n.onConfirm(), i.removeEventListener("confirm", o);
-      };
-      i.addEventListener("confirm", o);
-    }
-    if (n.onCancel) {
-      const o = (s) => {
-        n.onCancel(), i.removeEventListener("cancel", o);
-      };
-      i.addEventListener("cancel", o);
-    }
-    return this.activeDialogs.push(i), i.show(n.position).finally(() => {
-      const o = this.activeDialogs.indexOf(i);
-      if (o !== -1 && this.activeDialogs.splice(o, 1), n.content) {
-        const s = i.querySelector('[slot="content"]');
-        s && i.removeChild(s);
-      }
-    });
-  }
-  component(e, n = {}) {
-    const i = document.createElement("div");
-    if (i.style.height = "100%", i.style.width = "100%", i.classList.add("schmancy-dialog-content-container"), typeof e == "function") {
-      const s = e();
-      s instanceof HTMLElement ? i.appendChild(s) : f(s, i);
-    } else e instanceof HTMLElement ? i.appendChild(e) : f(e, i);
-    let o = document.querySelector("schmancy-dialog");
-    return o || (o = document.createElement("schmancy-dialog"), document.body.appendChild(o)), o.appendChild(i), n.width && o.style.setProperty("--dialog-width", n.width), this.activeRawDialogs.push(o), o.show(n.position).finally(() => {
-      i && i.parentNode && i.parentNode.removeChild(i);
-      const s = this.activeRawDialogs.indexOf(o);
-      s !== -1 && this.activeRawDialogs.splice(s, 1);
-    });
-  }
-  dismiss() {
-    return this.activeRawDialogs.length > 0 ? (this.activeRawDialogs[this.activeRawDialogs.length - 1].hide(!1), this.activeRawDialogs.pop(), !0) : this.activeDialogs.length > 0 ? (this.activeDialogs[this.activeDialogs.length - 1].hide(!1), !0) : !1;
-  }
-  ask(e, n) {
-    return this.confirm({ message: e, position: n });
-  }
-  danger(e) {
-    return this.confirm({ ...e, variant: "danger" });
-  }
-  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 R = { 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 P = Object.getOwnPropertyDescriptor;
-let x = class extends v(y`
-	: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, n;
-    if (t) if ("clientX" in t) e = t.clientX, n = t.clientY;
-    else if ("touches" in t && t.touches.length) e = t.touches[0].clientX, n = t.touches[0].clientY;
-    else {
-      const i = t;
-      e = i.x, n = i.y;
-    }
-    else e = window.innerWidth / 2, n = window.innerHeight / 2;
-    return this.position = this.calculatePosition(e, n), this.setAttribute("active", ""), new Promise((i) => {
-      this.resolvePromise = i;
-    });
-  }
-  hide(t = !1) {
-    this.removeAttribute("active"), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
-  }
-  calculatePosition(t, e) {
-    const n = window.innerWidth, i = window.innerHeight;
-    return { x: t = Math.max(20, Math.min(t, n - 20)), y: e = Math.max(20, Math.min(e, i - 20)) };
-  }
-  firstUpdated() {
-    var p;
-    const t = (p = this.shadowRoot) == null ? void 0 : p.querySelector(".dialog");
-    if (!t) return;
-    const e = t.offsetWidth, n = t.offsetHeight, i = window.innerWidth, o = window.innerHeight, s = 20;
-    let { x: a, y: r } = this.position;
-    Math.abs(a - i / 2) < 10 && Math.abs(r - o / 2) < 10 || (a + e > i - s && (a = i - e - s), a < s && (a = s), e > i - 40 && (a = (i - e) / 2), r + n > o - s && (r = r > n + s ? r - n - s : Math.max(s, (o - n) / 2)), r < s && (r = s), n > o - 40 && (r = s), 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 d`
-			<div class="overlay" @click=${this.handleClose}></div>
-
-			<div class="dialog" role="dialog" aria-modal="true">
-				<schmancy-surface rounded="all" elevation="3" type="containerHigh">
-					<slot></slot>
-				</schmancy-surface>
-			</div>
-		`;
-  }
-};
-x = ((t, e, n, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? P(e, n) : e, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = o(s) || s);
-  return s;
-})([w("schmancy-dialog")], x);
-var M = Object.getOwnPropertyDescriptor;
-let b = class extends v(y`
-  :host {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-`) {
-  render() {
-    return d`<slot></slot>`;
-  }
-};
-b = ((t, e, n, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? M(e, n) : e, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = o(s) || s);
-  return s;
-})([w("schmancy-dialog-content")], b);
-export {
-  R as $,
-  h as C,
-  c as D,
-  x as S,
-  b as a
-};
-//# sourceMappingURL=dialog-content-ConbBChp.js.map

package/dist/dialog-content-ConbBChp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-content-ConbBChp.js","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts","../src/dialog/dialog.component.ts","../src/dialog/dialog-content.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\t// Only show buttons if both confirmText and cancelText are non-empty strings\n\t\tconst showButtons = this.confirmText && this.confirmText.trim() !== '' && \n\t\t                    this.cancelText && this.cancelText.trim() !== ''\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 && this.title.trim() !== '',\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: when(this.message && this.message.trim() !== '', \n\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)}\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\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\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 * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\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// Create a direct container for the component without any wrapping\n\t\tconst directContentContainer = document.createElement('div');\n\t\tdirectContentContainer.style.height = '100%';\n\t\tdirectContentContainer.style.width = '100%';\n\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container');\n\t\t\n\t\t// Render the content directly\n\t\tif (typeof content === 'function') {\n\t\t\tconst result = content();\n\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\tdirectContentContainer.appendChild(result);\n\t\t\t} else {\n\t\t\t\trender(result, directContentContainer);\n\t\t\t}\n\t\t} else if (content instanceof HTMLElement) {\n\t\t\tdirectContentContainer.appendChild(content);\n\t\t} else {\n\t\t\trender(content, directContentContainer);\n\t\t}\n\t\t\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('schmancy-dialog') as any;\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog');\n\t\t\tdocument.body.appendChild(dialog);\n\t\t}\n\t\t\n\t\t// Always use raw component rendering with no actions\n\t\tdialog.appendChild(directContentContainer);\n\t\t\n\t\t// Set width from options\n\t\tif (options.width) {\n\t\t\tdialog.style.setProperty('--dialog-width', options.width);\n\t\t}\n\t\t\n\t\t// Add to active raw dialogs for dismiss functionality\n\t\tthis.activeRawDialogs.push(dialog);\n\t\t\n\t\t// Show dialog and return promise with cleanup\n\t\tconst promise = dialog.show(options.position);\n\t\treturn promise.finally(() => {\n\t\t\t// Clean up content when dialog closes\n\t\t\tif (directContentContainer && directContentContainer.parentNode) {\n\t\t\t\tdirectContentContainer.parentNode.removeChild(directContentContainer);\n\t\t\t}\n\t\t\t\n\t\t\t// Remove from active raw dialogs\n\t\t\tconst index = this.activeRawDialogs.indexOf(dialog);\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeRawDialogs.splice(index, 1);\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\t// Remove from active dialogs\n\t\t\tthis.activeRawDialogs.pop();\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog (with cancel result)\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\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 * 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 when dialog is closed\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 * This is an alias for component() since all component dialogs are now simple by design\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","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<slot></slot>\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}","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * A basic dialog content component that doesn't add any padding or styling\n * Used for rendering raw content in a dialog\n *\n * @element schmancy-dialog-content\n * @slot default - Content slot for dialog content without any styling\n */\n@customElement('schmancy-dialog-content')\nexport class SchmancyDialogContent extends $LitElement(css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`) {\n  render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-dialog-content': SchmancyDialogContent\n  }\n}"],"names":["ConfirmDialog","$LitElement","css","super","arguments","this","title","message","confirmText","cancelText","variant","position","x","y","show","positionOrEvent","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","calculatePosition","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","viewportWidth","viewportHeight","Math","max","min","dialog","shadowRoot","querySelector","width","offsetWidth","height","offsetHeight","margin","abs","style","transform","left","round","top","hide","dispatchEvent","CustomEvent","bubbles","composed","handleCancel","hasCustomContent","querySelectorAll","showButtons","trim","html","handleConfirm","when","confirm","options","document","createElement","body","appendChild","setProperty","ask","event","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","activeDialogs","activeRawDialogs","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","render","onConfirm","_e","removeEventListener","addEventListener","onCancel","push","finally","index","indexOf","splice","contentEl","removeChild","directContentContainer","classList","add","parentNode","dismiss","pop","_d","$dialog","getInstance","danger","component","simple","SchmancyDialog","handleClose","SchmancyDialogContent"],"mappings":"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"}

package/dist/dialog-content-CtsTOaG5.cjs

@@ -1,93 +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"),h=require("lit/decorators.js"),p=require("lit/directives/when.js");var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,m=(t,e,n,i)=>{for(var s,o=i>1?void 0:i?y(e,n):e,a=t.length-1;a>=0;a--)(s=t[a])&&(o=(i?s(e,n,o):s(o))||o);return i&&o&&f(e,n,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,n;if(t)if("clientX"in t)e=t.clientX,n=t.clientY;else if("touches"in t&&t.touches.length)e=t.touches[0].clientX,n=t.touches[0].clientY;else{const i=t;e=i.x,n=i.y}else e=window.innerWidth/2,n=window.innerHeight/2;return this.position=this.calculatePosition(e,n),this.setAttribute("active",""),new Promise(i=>{this.resolvePromise=i})}hide(t=!1){this.removeAttribute("active"),this.resolvePromise&&(this.resolvePromise(t),this.resolvePromise=void 0)}calculatePosition(t,e){const n=window.innerWidth,i=window.innerHeight;return{x:t=Math.max(20,Math.min(t,n-20)),y:e=Math.max(20,Math.min(e,i-20))}}firstUpdated(){var g;const t=(g=this.shadowRoot)==null?void 0:g.querySelector(".dialog");if(!t)return;const e=t.offsetWidth,n=t.offsetHeight,i=window.innerWidth,s=window.innerHeight,o=20;let{x:a,y:r}=this.position;Math.abs(a-i/2)<10&&Math.abs(r-s/2)<10||(a+e>i-o&&(a=i-e-o),a<o&&(a=o),e>i-40&&(a=(i-e)/2),r+n>s-o&&(r=r>n+o?r-n-o:Math.max(o,(s-n)/2)),r<o&&(r=o),n>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.confirmText.trim()!==""&&this.cancelText&&this.cancelText.trim()!=="";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">
-						${p.when(this.title&&this.title.trim()!=="",()=>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>`:p.when(this.message&&this.message.trim()!=="",()=>c.html`<schmancy-typography type="body" class="mb-4"> ${this.message} </schmancy-typography>`)}
-						${p.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([h.property({type:String})],exports.ConfirmDialog.prototype,"title",2),m([h.property({type:String})],exports.ConfirmDialog.prototype,"message",2),m([h.property({type:String,attribute:"confirm-text"})],exports.ConfirmDialog.prototype,"confirmText",2),m([h.property({type:String,attribute:"cancel-text"})],exports.ConfirmDialog.prototype,"cancelText",2),m([h.property({type:String})],exports.ConfirmDialog.prototype,"variant",2),exports.ConfirmDialog=m([h.customElement("confirm-dialog")],exports.ConfirmDialog);const d=class d{constructor(){this.activeDialogs=[],this.activeRawDialogs=[]}static getInstance(){return d.instance||(d.instance=new d),d.instance}confirm(e){const n={...d.DEFAULT_OPTIONS,...e};n.position||(n.position=this.getCenteredPosition());let i=document.querySelector("confirm-dialog");if(i||(i=document.createElement("confirm-dialog"),document.body.appendChild(i)),n.title&&(i.title=n.title),n.message&&(i.message=n.message),n.confirmText&&(i.confirmText=n.confirmText),n.cancelText&&(i.cancelText=n.cancelText),n.variant&&(i.variant=n.variant),n.width&&i.style.setProperty("--dialog-width",n.width),n.content){const s=document.createElement("div");if(s.slot="content",typeof n.content=="function"){const o=n.content();o instanceof HTMLElement?s.appendChild(o):c.render(o,s)}else n.content instanceof HTMLElement?s.appendChild(n.content):c.render(n.content,s);i.appendChild(s)}if(n.onConfirm){const s=o=>{n.onConfirm(),i.removeEventListener("confirm",s)};i.addEventListener("confirm",s)}if(n.onCancel){const s=o=>{n.onCancel(),i.removeEventListener("cancel",s)};i.addEventListener("cancel",s)}return this.activeDialogs.push(i),i.show(n.position).finally(()=>{const s=this.activeDialogs.indexOf(i);if(s!==-1&&this.activeDialogs.splice(s,1),n.content){const o=i.querySelector('[slot="content"]');o&&i.removeChild(o)}})}component(e,n={}){const i=document.createElement("div");if(i.style.height="100%",i.style.width="100%",i.classList.add("schmancy-dialog-content-container"),typeof e=="function"){const o=e();o instanceof HTMLElement?i.appendChild(o):c.render(o,i)}else e instanceof HTMLElement?i.appendChild(e):c.render(e,i);let s=document.querySelector("schmancy-dialog");return s||(s=document.createElement("schmancy-dialog"),document.body.appendChild(s)),s.appendChild(i),n.width&&s.style.setProperty("--dialog-width",n.width),this.activeRawDialogs.push(s),s.show(n.position).finally(()=>{i&&i.parentNode&&i.parentNode.removeChild(i);const o=this.activeRawDialogs.indexOf(s);o!==-1&&this.activeRawDialogs.splice(o,1)})}dismiss(){return this.activeRawDialogs.length>0?(this.activeRawDialogs[this.activeRawDialogs.length-1].hide(!1),this.activeRawDialogs.pop(),!0):this.activeDialogs.length>0?(this.activeDialogs[this.activeDialogs.length-1].hide(!1),!0):!1}ask(e,n){return this.confirm({message:e,position:n})}danger(e){return this.confirm({...e,variant:"danger"})}getCenteredPosition(){return{x:window.innerWidth/2,y:window.innerHeight/2}}};d.DEFAULT_OPTIONS={title:void 0,confirmText:void 0,cancelText:"Cancel",variant:"default",width:"360px"};let l=d;const v={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 w=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,n;if(t)if("clientX"in t)e=t.clientX,n=t.clientY;else if("touches"in t&&t.touches.length)e=t.touches[0].clientX,n=t.touches[0].clientY;else{const i=t;e=i.x,n=i.y}else e=window.innerWidth/2,n=window.innerHeight/2;return this.position=this.calculatePosition(e,n),this.setAttribute("active",""),new Promise(i=>{this.resolvePromise=i})}hide(t=!1){this.removeAttribute("active"),this.resolvePromise&&(this.resolvePromise(t),this.resolvePromise=void 0)}calculatePosition(t,e){const n=window.innerWidth,i=window.innerHeight;return{x:t=Math.max(20,Math.min(t,n-20)),y:e=Math.max(20,Math.min(e,i-20))}}firstUpdated(){var g;const t=(g=this.shadowRoot)==null?void 0:g.querySelector(".dialog");if(!t)return;const e=t.offsetWidth,n=t.offsetHeight,i=window.innerWidth,s=window.innerHeight,o=20;let{x:a,y:r}=this.position;Math.abs(a-i/2)<10&&Math.abs(r-s/2)<10||(a+e>i-o&&(a=i-e-o),a<o&&(a=o),e>i-40&&(a=(i-e)/2),r+n>s-o&&(r=r>n+o?r-n-o:Math.max(o,(s-n)/2)),r<o&&(r=o),n>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">
-					<slot></slot>
-				</schmancy-surface>
-			</div>
-		`}},exports.SchmancyDialog=((t,e,n,i)=>{for(var s,o=i>1?void 0:i?w(e,n):e,a=t.length-1;a>=0;a--)(s=t[a])&&(o=s(o)||o);return o})([h.customElement("schmancy-dialog")],exports.SchmancyDialog);var x=Object.getOwnPropertyDescriptor;exports.SchmancyDialogContent=class extends u.$LitElement(c.css`
-  :host {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-`){render(){return c.html`<slot></slot>`}},exports.SchmancyDialogContent=((t,e,n,i)=>{for(var s,o=i>1?void 0:i?x(e,n):e,a=t.length-1;a>=0;a--)(s=t[a])&&(o=s(o)||o);return o})([h.customElement("schmancy-dialog-content")],exports.SchmancyDialogContent),exports.$dialog=v,exports.DialogService=l;
-//# sourceMappingURL=dialog-content-CtsTOaG5.cjs.map

package/dist/dialog-content-CtsTOaG5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-content-CtsTOaG5.cjs","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts","../src/dialog/dialog.component.ts","../src/dialog/dialog-content.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\t// Only show buttons if both confirmText and cancelText are non-empty strings\n\t\tconst showButtons = this.confirmText && this.confirmText.trim() !== '' && \n\t\t                    this.cancelText && this.cancelText.trim() !== ''\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 && this.title.trim() !== '',\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: when(this.message && this.message.trim() !== '', \n\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)}\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\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\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 * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\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// Create a direct container for the component without any wrapping\n\t\tconst directContentContainer = document.createElement('div');\n\t\tdirectContentContainer.style.height = '100%';\n\t\tdirectContentContainer.style.width = '100%';\n\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container');\n\t\t\n\t\t// Render the content directly\n\t\tif (typeof content === 'function') {\n\t\t\tconst result = content();\n\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\tdirectContentContainer.appendChild(result);\n\t\t\t} else {\n\t\t\t\trender(result, directContentContainer);\n\t\t\t}\n\t\t} else if (content instanceof HTMLElement) {\n\t\t\tdirectContentContainer.appendChild(content);\n\t\t} else {\n\t\t\trender(content, directContentContainer);\n\t\t}\n\t\t\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('schmancy-dialog') as any;\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog');\n\t\t\tdocument.body.appendChild(dialog);\n\t\t}\n\t\t\n\t\t// Always use raw component rendering with no actions\n\t\tdialog.appendChild(directContentContainer);\n\t\t\n\t\t// Set width from options\n\t\tif (options.width) {\n\t\t\tdialog.style.setProperty('--dialog-width', options.width);\n\t\t}\n\t\t\n\t\t// Add to active raw dialogs for dismiss functionality\n\t\tthis.activeRawDialogs.push(dialog);\n\t\t\n\t\t// Show dialog and return promise with cleanup\n\t\tconst promise = dialog.show(options.position);\n\t\treturn promise.finally(() => {\n\t\t\t// Clean up content when dialog closes\n\t\t\tif (directContentContainer && directContentContainer.parentNode) {\n\t\t\t\tdirectContentContainer.parentNode.removeChild(directContentContainer);\n\t\t\t}\n\t\t\t\n\t\t\t// Remove from active raw dialogs\n\t\t\tconst index = this.activeRawDialogs.indexOf(dialog);\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeRawDialogs.splice(index, 1);\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\t// Remove from active dialogs\n\t\t\tthis.activeRawDialogs.pop();\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog (with cancel result)\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\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 * 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 when dialog is closed\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 * This is an alias for component() since all component dialogs are now simple by design\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","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<slot></slot>\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}","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * A basic dialog content component that doesn't add any padding or styling\n * Used for rendering raw content in a dialog\n *\n * @element schmancy-dialog-content\n * @slot default - Content slot for dialog content without any styling\n */\n@customElement('schmancy-dialog-content')\nexport class SchmancyDialogContent extends $LitElement(css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`) {\n  render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-dialog-content': SchmancyDialogContent\n  }\n}"],"names":["ConfirmDialog","$LitElement","css","super","arguments","this","title","message","confirmText","cancelText","variant","position","x","y","show","positionOrEvent","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","calculatePosition","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","viewportWidth","viewportHeight","Math","max","min","dialog","shadowRoot","querySelector","width","offsetWidth","height","offsetHeight","margin","abs","style","transform","left","round","top","handleConfirm","hide","dispatchEvent","CustomEvent","bubbles","composed","render","hasCustomContent","querySelectorAll","showButtons","trim","html","handleCancel","when","confirm","options","document","createElement","body","appendChild","setProperty","event","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","constructor","activeDialogs","activeRawDialogs","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","onConfirm","_e","removeEventListener","addEventListener","onCancel","push","finally","index","indexOf","splice","contentEl","removeChild","directContentContainer","classList","add","parentNode","pop","_c","$dialog","getInstance","ask","danger","component","simple","dismiss","SchmancyDialog","handleClose","SchmancyDialogContent"],"mappings":"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"}