@mhmo91/schmancy 0.4.91 → 0.4.93

package/dist/{dialog-service-DwhuICgc.js → dialog-service-PQ9ssbsY.js}

@@ -1,18 +1,18 @@
-import { render as m } from "lit";
-import { Subject as f, switchMap as v, forkJoin as w, fromEvent as g, of as b, takeUntil as p, timer as h, map as d, defaultIfEmpty as u, tap as l } from "rxjs";
-import { a as D, T as E } from "./theme.events-CPSLaOlR.js";
-const C = "are-you-there-dialog", y = "yes-dialog-here", r = class r {
+import { render as h } from "lit";
+import { Subject as b, switchMap as w, forkJoin as C, fromEvent as g, of as y, takeUntil as u, timer as f, map as m, defaultIfEmpty as v, tap as p } from "rxjs";
+import { a as S, T as x } from "./theme.events-CPSLaOlR.js";
+const D = "are-you-there-dialog", E = "yes-dialog-here", r = class r {
   constructor() {
-    this.activeDialogs = [], this.activeRawDialogs = [], this.dialogSubject = new f(), this.dismissSubject = new f(), this.setupDialogOpeningLogic(), this.setupDialogDismissLogic();
+    this.activeDialogs = [], this.activeRawDialogs = [], this.dialogSubject = new b(), this.dismissSubject = new b(), this.setupDialogOpeningLogic(), this.setupDialogDismissLogic();
   }
   static getInstance() {
     return r.instance || (r.instance = new r()), r.instance;
   }
   setupDialogOpeningLogic() {
-    this.dialogSubject.pipe(v((e) => w([g(window, y).pipe(p(h(50)), d((t) => t.detail), u(void 0)), g(window, D).pipe(p(h(50)), d((t) => t.detail.theme), u(void 0)), b(e).pipe(l(() => {
+    this.dialogSubject.pipe(w((e) => C([g(window, E).pipe(u(f(50)), m((t) => t.detail), v(void 0)), g(window, S).pipe(u(f(50)), m((t) => t.detail.theme), v(void 0)), y(e).pipe(p(() => {
       const t = e.type === "confirm" ? `confirm-dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}` : `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-      window.dispatchEvent(new CustomEvent(C, { detail: { uid: t }, bubbles: !0, composed: !0 })), window.dispatchEvent(new CustomEvent(E, { bubbles: !0, composed: !0 })), e.uid = t;
-    }))])), d(([e, t, n]) => {
+      window.dispatchEvent(new CustomEvent(D, { detail: { uid: t }, bubbles: !0, composed: !0 })), window.dispatchEvent(new CustomEvent(x, { bubbles: !0, composed: !0 })), e.uid = t;
+    }))])), m(([e, t, n]) => {
       let i, o = e?.dialog;
       if (o) i = o.parentElement;
       else {
@@ -21,17 +21,17 @@ const C = "are-you-there-dialog", y = "yes-dialog-here", r = class r {
         o = n.type === "confirm" ? document.createElement("confirm-dialog") : document.createElement("schmancy-dialog"), o.setAttribute("uid", s), i.appendChild(o);
       }
       return { dialog: o, target: n, targetContainer: i };
-    }), l(({ dialog: e, target: t, targetContainer: n }) => {
+    }), p(({ dialog: e, target: t, targetContainer: n }) => {
       e || ((e = t.type === "confirm" ? document.createElement("confirm-dialog") : document.createElement("schmancy-dialog")).setAttribute("uid", t.uid), n.appendChild(e));
-    }), d(({ dialog: e, target: t, targetContainer: n }) => (e || (e = n.querySelector(`[uid="${t.uid}"]`)), { dialog: e, target: t, targetContainer: n })), l(({ dialog: e, target: t }) => {
+    }), m(({ dialog: e, target: t, targetContainer: n }) => (e || (e = n.querySelector(`[uid="${t.uid}"]`)), { dialog: e, target: t, targetContainer: n })), p(({ dialog: e, target: t }) => {
       if (t.type === "confirm") {
         const n = e, i = t.options;
         if (i.title && (n.title = i.title), i.subtitle && (n.subtitle = i.subtitle), 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.confirmColor && (n.confirmColor = i.confirmColor), i.width && n.style.setProperty("--dialog-width", i.width), i.content) {
           const o = document.createElement("div");
           if (o.slot = "content", typeof i.content == "function") {
             const s = i.content();
-            s instanceof HTMLElement ? o.appendChild(s) : m(s, o);
-          } else i.content instanceof HTMLElement ? o.appendChild(i.content) : m(i.content, o);
+            s instanceof HTMLElement ? o.appendChild(s) : h(s, o);
+          } else i.content instanceof HTMLElement ? o.appendChild(i.content) : h(i.content, o);
           n.appendChild(o);
         }
         this.activeDialogs.push(n);
@@ -40,53 +40,59 @@ const C = "are-you-there-dialog", y = "yes-dialog-here", r = class r {
           const n = document.createElement("div");
           if (n.style.height = "100%", n.style.width = "100%", n.classList.add("schmancy-dialog-content-container"), typeof t.content == "function") {
             const i = t.content();
-            i instanceof HTMLElement ? n.appendChild(i) : m(i, n);
-          } else t.content instanceof HTMLElement ? n.appendChild(t.content) : m(t.content, n);
+            i instanceof HTMLElement ? n.appendChild(i) : h(i, n);
+          } else t.content instanceof HTMLElement ? n.appendChild(t.content) : h(t.content, n);
           e.appendChild(n);
         }
         t.options.width && e.style.setProperty("--dialog-width", t.options.width), this.activeRawDialogs.push(e);
       }
-    }), l(({ dialog: e, target: t }) => {
+    }), p(({ dialog: e, target: t }) => {
       const n = t.options.position || this.getCenteredPosition();
-      if (e.show(n).then((i) => {
-        if (t.resolve && t.resolve(i), t.type === "confirm") {
-          const o = this.activeDialogs.indexOf(e);
-          o !== -1 && this.activeDialogs.splice(o, 1);
-          const s = e.querySelector('[slot="content"]');
-          s && e.removeChild(s);
+      e.show(n).then((o) => {
+        if (t.resolve && t.resolve(o), t.type === "confirm") {
+          const l = this.activeDialogs.indexOf(e);
+          l !== -1 && this.activeDialogs.splice(l, 1);
+          const d = e.querySelector('[slot="content"]');
+          d && e.removeChild(d);
         } else {
-          const o = this.activeRawDialogs.indexOf(e);
-          o !== -1 && this.activeRawDialogs.splice(o, 1);
-          const s = e.querySelector(".schmancy-dialog-content-container");
-          s && s.parentNode && s.parentNode.removeChild(s);
+          const l = this.activeRawDialogs.indexOf(e);
+          l !== -1 && this.activeRawDialogs.splice(l, 1);
+          const d = e.querySelector(".schmancy-dialog-content-container");
+          d && d.parentNode && d.parentNode.removeChild(d);
         }
-        e.parentElement && e.parentElement.removeChild(e);
-      }).catch((i) => {
-        t.reject && t.reject(i);
-      }), t.options.onConfirm) {
-        const i = (o) => {
-          t.options.onConfirm(), e.removeEventListener("confirm", i);
-        };
-        e.addEventListener("confirm", i);
+        const s = e._eventSubscriptions;
+        s && s.forEach((l) => l.unsubscribe()), e.parentElement && e.parentElement.removeChild(e);
+      }).catch((o) => {
+        t.reject && t.reject(o);
+      });
+      const i = [];
+      if (t.options.onConfirm) {
+        const o = g(e, "confirm").subscribe((s) => {
+          t.options.onConfirm(), o.unsubscribe();
+        });
+        i.push(o);
       }
       if (t.options.onCancel) {
-        const i = (o) => {
-          t.options.onCancel(), e.removeEventListener("cancel", i);
-        };
-        e.addEventListener("cancel", i);
+        const o = g(e, "cancel").subscribe((s) => {
+          t.options.onCancel(), o.unsubscribe();
+        });
+        i.push(o);
       }
+      e._eventSubscriptions = i;
     })).subscribe();
   }
   setupDialogDismissLogic() {
-    this.dismissSubject.pipe(v((e) => w([g(window, y).pipe(p(h(100)), d((t) => t.detail), u(void 0)), b(e).pipe(l(() => {
-      window.dispatchEvent(new CustomEvent(C, { detail: { uid: e }, bubbles: !0, composed: !0 }));
-    }))])), l(([e]) => {
+    this.dismissSubject.pipe(w((e) => C([g(window, E).pipe(u(f(100)), m((t) => t.detail), v(void 0)), y(e).pipe(p(() => {
+      window.dispatchEvent(new CustomEvent(D, { detail: { uid: e }, bubbles: !0, composed: !0 }));
+    }))])), p(([e]) => {
       if (e?.dialog) {
         e.dialog.hide(!1);
-        const t = this.activeDialogs.indexOf(e.dialog);
-        t !== -1 && this.activeDialogs.splice(t, 1);
-        const n = this.activeRawDialogs.indexOf(e.dialog);
-        n !== -1 && this.activeRawDialogs.splice(n, 1), e.dialog.parentElement && e.dialog.parentElement.removeChild(e.dialog);
+        const t = e.dialog._eventSubscriptions;
+        t && t.forEach((o) => o.unsubscribe());
+        const n = this.activeDialogs.indexOf(e.dialog);
+        n !== -1 && this.activeDialogs.splice(n, 1);
+        const i = this.activeRawDialogs.indexOf(e.dialog);
+        i !== -1 && this.activeRawDialogs.splice(i, 1), e.dialog.parentElement && e.dialog.parentElement.removeChild(e.dialog);
       }
     })).subscribe();
   }
@@ -135,7 +141,7 @@ const L = { confirm: (a) => c.getInstance().confirm(a), ask: (a, e) => c.getInst
 export {
   L as $,
   c as D,
-  C as a,
-  y as b
+  D as a,
+  E as b
 };
-//# sourceMappingURL=dialog-service-DwhuICgc.js.map
+//# sourceMappingURL=dialog-service-PQ9ssbsY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-service-PQ9ssbsY.js","sources":["../src/dialog/dialog-events.ts","../src/dialog/dialog-service.ts"],"sourcesContent":["// Dialog discovery event constants\r\nexport const DialogWhereAreYouRicky = 'are-you-there-dialog'\r\nexport const DialogHereMorty = 'yes-dialog-here'\r\n\r\n// Event interfaces\r\nexport interface DialogWhereAreYouRickyEvent extends CustomEvent {\r\n  detail: {\r\n    uid: string\r\n  }\r\n}\r\n\r\nexport interface DialogHereMortyEvent extends CustomEvent {\r\n  detail: {\r\n    dialog: any // Will be schmancy-dialog instance\r\n    theme?: any // Will be schmancy-theme instance\r\n  }\r\n}","import { render, TemplateResult } from 'lit'\nimport { defaultIfEmpty, forkJoin, fromEvent, map, of, Subject, switchMap, takeUntil, tap, timer, Subscription } from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from '../theme/theme.events'\nimport { ConfirmDialog } from './dailog'\nimport { DialogHereMorty, DialogHereMortyEvent, DialogWhereAreYouRicky } from './dialog-events'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tsubtitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tconfirmColor?: 'primary' | 'error' | 'warning' | 'success' // Button color for confirm action\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\ttargetContainer?: HTMLElement // Container to append dialog to (defaults to document.body)\n}\n\ninterface DialogTarget {\n\toptions: DialogOptions\n\ttype: 'confirm' | 'component'\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\tresolve?: (value: boolean) => void\n\treject?: (reason?: any) => void\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\tsubtitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: undefined,\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\t\n\t// Subject for dialog opening requests\n\tprivate dialogSubject = new Subject<DialogTarget>()\n\t\n\t// Subject for dialog dismissal requests\n\tprivate dismissSubject = new Subject<string>()\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {\n\t\tthis.setupDialogOpeningLogic()\n\t\tthis.setupDialogDismissLogic()\n\t}\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\t\n\t/**\n\t * Sets up the main dialog opening logic using RxJS pipes\n\t */\n\tprivate setupDialogOpeningLogic() {\n\t\tthis.dialogSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\t// First ask for existing dialog\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\t// Then find theme container\n\t\t\t\t\t\tfromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail.theme),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\tconst uid = target.type === 'confirm' \n\t\t\t\t\t\t\t\t\t? `confirm-dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\t\t: `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t// First ask for existing dialog\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t// Then ask for theme container\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(ThemeWhereAreYou, {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t// Store uid in target for later use\n\t\t\t\t\t\t\t\t;(target as any).uid = uid\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\tmap(([existingDialog, theme, target]) => {\n\t\t\t\t\tlet dialog = existingDialog?.dialog\n\t\t\t\t\tlet targetContainer: HTMLElement\n\t\t\t\t\t\n\t\t\t\t\tif (dialog) {\n\t\t\t\t\t\t// Use existing dialog\n\t\t\t\t\t\ttargetContainer = dialog.parentElement as HTMLElement\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Determine container - use theme from discovery or fallback\n\t\t\t\t\t\ttargetContainer = theme || target.options.targetContainer || (document.querySelector('schmancy-theme') as HTMLElement) || document.body\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Create appropriate dialog type\n\t\t\t\t\t\tconst uid = (target as any).uid\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdialog = document.createElement('schmancy-dialog')\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdialog.setAttribute('uid', uid)\n\t\t\t\t\t\ttargetContainer.appendChild(dialog)\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\treturn { dialog, target, targetContainer }\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target, targetContainer }) => {\n\t\t\t\t\tif (!dialog) {\n\t\t\t\t\t\t// Create appropriate dialog type\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdialog = document.createElement('schmancy-dialog')\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdialog.setAttribute('uid', (target as any).uid)\n\t\t\t\t\t\ttargetContainer.appendChild(dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ dialog, target, targetContainer }) => {\n\t\t\t\t\t// Return the actual dialog element that was created\n\t\t\t\t\tif (!dialog) {\n\t\t\t\t\t\tdialog = targetContainer.querySelector(`[uid=\"${(target as any).uid}\"]`)\n\t\t\t\t\t}\n\t\t\t\t\treturn { dialog, target, targetContainer }\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t// Configure confirm dialog\n\t\t\t\t\t\tconst confirmDialog = dialog as ConfirmDialog\n\t\t\t\t\t\tconst options = target.options\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (options.title) confirmDialog.title = options.title\n\t\t\t\t\t\tif (options.subtitle) confirmDialog.subtitle = options.subtitle\n\t\t\t\t\t\tif (options.message) confirmDialog.message = options.message\n\t\t\t\t\t\tif (options.confirmText) confirmDialog.confirmText = options.confirmText\n\t\t\t\t\t\tif (options.cancelText) confirmDialog.cancelText = options.cancelText\n\t\t\t\t\t\tif (options.variant) confirmDialog.variant = options.variant\n\t\t\t\t\t\tif (options.confirmColor) confirmDialog.confirmColor = options.confirmColor\n\t\t\t\t\t\tif (options.width) confirmDialog.style.setProperty('--dialog-width', options.width)\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Handle custom content if provided\n\t\t\t\t\t\tif (options.content) {\n\t\t\t\t\t\t\tconst contentContainer = document.createElement('div')\n\t\t\t\t\t\t\tcontentContainer.slot = 'content'\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (typeof options.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = options.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (options.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tcontentContainer.appendChild(options.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(options.content, contentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tconfirmDialog.appendChild(contentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Add to active dialogs\n\t\t\t\t\t\tthis.activeDialogs.push(confirmDialog)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Configure component dialog\n\t\t\t\t\t\tif (target.content) {\n\t\t\t\t\t\t\tconst directContentContainer = document.createElement('div')\n\t\t\t\t\t\t\tdirectContentContainer.style.height = '100%'\n\t\t\t\t\t\t\tdirectContentContainer.style.width = '100%'\n\t\t\t\t\t\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container')\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Render the content directly\n\t\t\t\t\t\t\tif (typeof target.content === 'function') {\n\t\t\t\t\t\t\t\tconst result = target.content()\n\t\t\t\t\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\t\t\t\t\tdirectContentContainer.appendChild(result)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trender(result, directContentContainer)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (target.content instanceof HTMLElement) {\n\t\t\t\t\t\t\t\tdirectContentContainer.appendChild(target.content)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trender(target.content, directContentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdialog.appendChild(directContentContainer)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Set width from options\n\t\t\t\t\t\tif (target.options.width) {\n\t\t\t\t\t\t\tdialog.style.setProperty('--dialog-width', target.options.width)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Add to active raw dialogs\n\t\t\t\t\t\tthis.activeRawDialogs.push(dialog)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ dialog, target }) => {\n\t\t\t\t\t// Show dialog and handle promise resolution\n\t\t\t\t\tconst position = target.options.position || this.getCenteredPosition()\n\t\t\t\t\t\n\t\t\t\t\tdialog.show(position).then((result: boolean) => {\n\t\t\t\t\t\tif (target.resolve) {\n\t\t\t\t\t\t\ttarget.resolve(result)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Cleanup\n\t\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\t\t\t\tif (contentEl) {\n\t\t\t\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst index = this.activeRawDialogs.indexOf(dialog)\n\t\t\t\t\t\t\tif (index !== -1) {\n\t\t\t\t\t\t\t\tthis.activeRawDialogs.splice(index, 1)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Clean up content\n\t\t\t\t\t\t\tconst contentContainer = dialog.querySelector('.schmancy-dialog-content-container')\n\t\t\t\t\t\t\tif (contentContainer && contentContainer.parentNode) {\n\t\t\t\t\t\t\t\tcontentContainer.parentNode.removeChild(contentContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Clean up event subscriptions\n\t\t\t\t\t\tconst eventSubscriptions = (dialog as any)._eventSubscriptions\n\t\t\t\t\t\tif (eventSubscriptions) {\n\t\t\t\t\t\t\teventSubscriptions.forEach((sub: Subscription) => sub.unsubscribe())\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Remove dialog from DOM\n\t\t\t\t\t\tif (dialog.parentElement) {\n\t\t\t\t\t\t\tdialog.parentElement.removeChild(dialog)\n\t\t\t\t\t\t}\n\t\t\t\t\t}).catch((error: any) => {\n\t\t\t\t\t\tif (target.reject) {\n\t\t\t\t\t\t\ttarget.reject(error)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t\n\t\t\t\t\t// Set up event listeners for callbacks using fromEvent\n\t\t\t\t\tconst eventSubscriptions: Subscription[] = []\n\n\t\t\t\t\tif (target.options.onConfirm) {\n\t\t\t\t\t\tconst confirmSub = fromEvent(dialog, 'confirm').subscribe((_e: Event) => {\n\t\t\t\t\t\t\ttarget.options.onConfirm!()\n\t\t\t\t\t\t\tconfirmSub.unsubscribe()\n\t\t\t\t\t\t})\n\t\t\t\t\t\teventSubscriptions.push(confirmSub)\n\t\t\t\t\t}\n\n\t\t\t\t\tif (target.options.onCancel) {\n\t\t\t\t\t\tconst cancelSub = fromEvent(dialog, 'cancel').subscribe((_e: Event) => {\n\t\t\t\t\t\t\ttarget.options.onCancel!()\n\t\t\t\t\t\t\tcancelSub.unsubscribe()\n\t\t\t\t\t\t})\n\t\t\t\t\t\teventSubscriptions.push(cancelSub)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Store subscriptions on dialog for cleanup\n\t\t\t\t\t;(dialog as any)._eventSubscriptions = eventSubscriptions\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\t\n\t/**\n\t * Sets up the dialog dismissal logic\n\t */\n\tprivate setupDialogDismissLogic() {\n\t\tthis.dismissSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<DialogHereMortyEvent>(window, DialogHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(DialogWhereAreYouRicky, { \n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([response]) => {\n\t\t\t\t\tif (response?.dialog) {\n\t\t\t\t\t\t// Hide the dialog\n\t\t\t\t\t\tresponse.dialog.hide(false)\n\n\t\t\t\t\t\t// Clean up event subscriptions\n\t\t\t\t\t\tconst eventSubscriptions = (response.dialog as any)._eventSubscriptions\n\t\t\t\t\t\tif (eventSubscriptions) {\n\t\t\t\t\t\t\teventSubscriptions.forEach((sub: Subscription) => sub.unsubscribe())\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Remove from tracking arrays\n\t\t\t\t\t\tconst confirmIndex = this.activeDialogs.indexOf(response.dialog)\n\t\t\t\t\t\tif (confirmIndex !== -1) {\n\t\t\t\t\t\t\tthis.activeDialogs.splice(confirmIndex, 1)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst rawIndex = this.activeRawDialogs.indexOf(response.dialog)\n\t\t\t\t\t\tif (rawIndex !== -1) {\n\t\t\t\t\t\t\tthis.activeRawDialogs.splice(rawIndex, 1)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Remove dialog from DOM immediately\n\t\t\t\t\t\tif (response.dialog.parentElement) {\n\t\t\t\t\t\t\tresponse.dialog.parentElement.removeChild(response.dialog)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\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\treturn new Promise((resolve, reject) => {\n\t\t\t// Apply default options\n\t\t\tconst completeOptions = {\n\t\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t\t...options,\n\t\t\t}\n\n\t\t\t// If no position is provided, center the dialog\n\t\t\tif (!completeOptions.position) {\n\t\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\t// Create dialog target and emit to subject\n\t\t\tconst target: DialogTarget = {\n\t\t\t\toptions: completeOptions,\n\t\t\t\ttype: 'confirm',\n\t\t\t\tcontent: completeOptions.content,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next(target)\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\treturn new Promise((resolve, reject) => {\n\t\t\t// If no position is provided, center the dialog\n\t\t\tif (!options.position) {\n\t\t\t\toptions.position = this.getCenteredPosition()\n\t\t\t}\n\n\t\t\t// Create dialog target and emit to subject\n\t\t\tconst target: DialogTarget = {\n\t\t\t\toptions: options as DialogOptions,\n\t\t\t\ttype: 'component',\n\t\t\t\tcontent,\n\t\t\t\tresolve,\n\t\t\t\treject,\n\t\t\t}\n\n\t\t\tthis.dialogSubject.next(target)\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\tconst uid = dialog.getAttribute('uid')\n\t\t\t\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\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\tconst uid = dialog.getAttribute('uid')\n\t\t\t\n\t\t\tif (uid) {\n\t\t\t\tthis.dismissSubject.next(uid)\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\n\t\treturn false\n\t}\n\n\t/**\n\t * Close the most recently opened dialog (alias for dismiss)\n\t * @returns true if a dialog was closed, false if no dialogs were open\n\t */\n\tpublic close(): boolean {\n\t\treturn this.dismiss()\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\t/**\n\t * Close the most recently opened dialog (alias for dismiss)\n\t * @returns true if a dialog was closed, false if no dialogs were open\n\t */\n\tclose: (): boolean => {\n\t\treturn DialogService.getInstance().close()\n\t},\n}\n\nexport default DialogService"],"names":["DialogWhereAreYouRicky","DialogHereMorty","DialogService","constructor","this","activeDialogs","activeRawDialogs","dialogSubject","Subject","dismissSubject","setupDialogOpeningLogic","setupDialogDismissLogic","getInstance","instance","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","ThemeHereIAm","theme","of","target","tap","uid","type","Date","now","Math","random","toString","substring","dispatchEvent","CustomEvent","bubbles","composed","ThemeWhereAreYou","existingDialog","targetContainer","dialog","parentElement","options","document","querySelector","body","createElement","setAttribute","appendChild","confirmDialog","title","subtitle","message","confirmText","cancelText","variant","confirmColor","width","style","setProperty","content","contentContainer","slot","result","HTMLElement","render","push","directContentContainer","height","classList","add","position","getCenteredPosition","show","then","resolve","index","indexOf","splice","contentEl","removeChild","parentNode","eventSubscriptions","_eventSubscriptions","forEach","sub","unsubscribe","catch","error","reject","onConfirm","confirmSub","subscribe","_e","onCancel","cancelSub","response","hide","confirmIndex","rawIndex","Promise","completeOptions","DEFAULT_OPTIONS","next","dismiss","length","getAttribute","close","event","confirm","x","innerWidth","y","innerHeight","_g","$dialog","ask","danger","component","simple"],"mappings":"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"}

package/dist/dialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dialog-content-CusT_84B.cjs"),i=require("./dialog-service-juvsgc5X.cjs");Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>e.ConfirmDialog}),Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>e.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>e.SchmancyDialogContent}),exports.$dialog=i.$dialog,exports.DialogService=i.DialogService;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dialog-content-6wVlm9RL.cjs"),i=require("./dialog-service-CgJH8clD.cjs");Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>e.ConfirmDialog}),Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>e.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>e.SchmancyDialogContent}),exports.$dialog=i.$dialog,exports.DialogService=i.DialogService;
 //# sourceMappingURL=dialog.cjs.map

package/dist/dialog.js

@@ -1,5 +1,5 @@
-import { C as i, S as r, a as c } from "./dialog-content-BfaVybIp.js";
-import { $ as g, D as l } from "./dialog-service-DwhuICgc.js";
+import { C as i, S as r, a as c } from "./dialog-content-CQ3Xi4_b.js";
+import { $ as g, D as l } from "./dialog-service-PQ9ssbsY.js";
 export {
   g as $dialog,
   i as ConfirmDialog,

package/dist/directives.cjs

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

package/dist/directives.js

@@ -1,7 +1,9 @@
-import { c as o, f as a, r as e } from "./ripple-BumgqsDT.js";
+import { c as a, f as e, r as f } from "./ripple-Cy-nvO8W.js";
+import { guard as p } from "lit/directives/guard.js";
 export {
-  o as color,
-  a as fullHeight,
-  e as ripple
+  a as color,
+  e as fullHeight,
+  p as guard,
+  f as ripple
 };
 //# sourceMappingURL=directives.js.map

package/dist/directives.js.map

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

package/dist/divider-5OCZNBJ7.js

@@ -0,0 +1,22 @@
+import "rxjs";
+import { classMap as m } from "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { property as l, customElement as c } from "lit/decorators.js";
+import "./tailwind.mixin-C13RR5x6.js";
+import { $ as h } from "./litElement.mixin-Efwm8boA.js";
+import { html as d } from "lit";
+var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (o, i, n, e) => {
+  for (var s, t = e > 1 ? void 0 : e ? v(i, n) : i, p = o.length - 1; p >= 0; p--) (s = o[p]) && (t = (e ? s(i, n, t) : s(t)) || t);
+  return e && t && u(i, n, t), t;
+};
+let r = class extends h() {
+  constructor() {
+    super(...arguments), this.outline = "variant", this.orientation = "horizontal", this.grow = "start";
+  }
+  render() {
+    const o = { divider: !0, horizontal: this.orientation === "horizontal", vertical: this.orientation === "vertical", "border-outlineVariant": this.outline === "variant", "border-outline": this.outline === "default", [`grow-${this.grow}`]: !0 };
+    return d`<div class="${m(o)}"></div>`;
+  }
+};
+a([l({ type: String })], r.prototype, "outline", 2), a([l({ reflect: !0, type: String })], r.prototype, "orientation", 2), a([l({ type: String })], r.prototype, "grow", 2), r = a([c("schmancy-divider")], r);
+//# sourceMappingURL=divider-5OCZNBJ7.js.map

package/dist/divider-5OCZNBJ7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-5OCZNBJ7.js","sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement() {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ reflect: true, type: String }) orientation: 'horizontal' | 'vertical' = 'horizontal'\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\tprotected render() {\n\t\tconst classes = {\n\t\t\tdivider: true,\n\t\t\thorizontal: this.orientation === 'horizontal',\n\t\t\tvertical: this.orientation === 'vertical',\n\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t'border-outline': this.outline === 'default',\n\t\t\t[`grow-${this.grow}`]: true, // e.g., grow-start, grow-end, grow-both\n\t\t}\n\t\treturn html`<div class=\"${classMap(classes)}\"></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"names":["SchmancyDivider","$LitElement","constructor","super","arguments","this","outline","orientation","grow","render","classes","divider","horizontal","vertical","html","classMap","__decorateClass","property","type","String","prototype","reflect","customElement"],"mappings":";;;;;;;;;;;AAOA,IAAqBA,IAArB,cAA6CC,EAAAA,EAAAA;AAAAA,EAA7C,cAAAC;AAAAC,UAAAA,GAAAC,SAAAA,GAC6BC,KAAAC,UAAiC,WAClBD,KAAAE,cAAyC,cACxDF,KAAAG,OAAiC;AAAA,EAAA;AAAA,EAEnD,SAAAC;AACT,UAAMC,IAAU,EACfC,aACAC,YAAYP,KAAKE,gBAAgB,cACjCM,UAAUR,KAAKE,gBAAgB,YAC/B,yBAAyBF,KAAKC,YAAY,WAC1C,kBAAkBD,KAAKC,YAAY,WACnC,CAAC,QAAQD,KAAKG,IAAAA,EAAAA,GAAAA,GAAS;AAExB,WAAOM,gBAAmBC,EAASL,CAAAA,CAAAA;AAAAA,EACpC;AAAA;AAd4BM,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,YADEnB,EACQoB,WAAA,WAAA,CAAA,GACeJ,EAAA,CAA1CC,EAAS,EAAEI,SAAAA,IAAeH,MAAMC,OAAAA,CAAAA,CAAAA,GAFbnB,EAEuBoB,WAAA,eAAA,CAAA,GACfJ,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAHEnB,EAGQoB,WAAA,QAAA,CAAA,GAHRpB,IAArBgB,EAAA,CADCM,EAAc,kBAAA,CAAA,GACMtB,CAAAA;"}

package/dist/divider-auzbAyaR.cjs

@@ -0,0 +1,2 @@
+"use strict";require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const n=require("lit/decorators.js");require("./tailwind.mixin-O9jmUJ7m.cjs");const c=require("./litElement.mixin-DFG5Ckp7.cjs"),h=require("lit");var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,s=(e,i,l,o)=>{for(var u,t=o>1?void 0:o?y(i,l):i,a=e.length-1;a>=0;a--)(u=e[a])&&(t=(o?u(i,l,t):u(t))||t);return o&&t&&d(i,l,t),t};let r=class extends c.$LitElement(){constructor(){super(...arguments),this.outline="variant",this.orientation="horizontal",this.grow="start"}render(){const e={divider:!0,horizontal:this.orientation==="horizontal",vertical:this.orientation==="vertical","border-outlineVariant":this.outline==="variant","border-outline":this.outline==="default",[`grow-${this.grow}`]:!0};return h.html`<div class="${p.classMap(e)}"></div>`}};s([n.property({type:String})],r.prototype,"outline",2),s([n.property({reflect:!0,type:String})],r.prototype,"orientation",2),s([n.property({type:String})],r.prototype,"grow",2),r=s([n.customElement("schmancy-divider")],r);
+//# sourceMappingURL=divider-auzbAyaR.cjs.map

package/dist/divider-auzbAyaR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-auzbAyaR.cjs","sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement() {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ reflect: true, type: String }) orientation: 'horizontal' | 'vertical' = 'horizontal'\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\tprotected render() {\n\t\tconst classes = {\n\t\t\tdivider: true,\n\t\t\thorizontal: this.orientation === 'horizontal',\n\t\t\tvertical: this.orientation === 'vertical',\n\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t'border-outline': this.outline === 'default',\n\t\t\t[`grow-${this.grow}`]: true, // e.g., grow-start, grow-end, grow-both\n\t\t}\n\t\treturn html`<div class=\"${classMap(classes)}\"></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"names":["SchmancyDivider","$LitElement","constructor","super","arguments","this","outline","orientation","grow","render","classes","divider","horizontal","vertical","html","classMap","__decorateClass","property","type","String","prototype","reflect","customElement"],"mappings":"qcAOA,IAAqBA,EAArB,cAA6CC,EAAAA,YAAAA,CAAAA,CAA7C,aAAAC,CAAAC,MAAAA,GAAAC,WAC6BC,KAAAC,QAAiC,UAClBD,KAAAE,YAAyC,aACxDF,KAAAG,KAAiC,OAAA,CAEnD,QAAAC,CACT,MAAMC,EAAU,CACfC,QAAAA,GACAC,WAAYP,KAAKE,cAAgB,aACjCM,SAAUR,KAAKE,cAAgB,WAC/B,wBAAyBF,KAAKC,UAAY,UAC1C,iBAAkBD,KAAKC,UAAY,UACnC,CAAC,QAAQD,KAAKG,UAAS,EAExB,OAAOM,EAAAA,mBAAmBC,EAAAA,SAASL,CAAAA,CAAAA,UACpC,CAAA,EAd4BM,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UADEnB,EACQoB,UAAA,UAAA,CAAA,EACeJ,EAAA,CAA1CC,EAAAA,SAAS,CAAEI,QAAAA,GAAeH,KAAMC,MAAAA,CAAAA,CAAAA,EAFbnB,EAEuBoB,UAAA,cAAA,CAAA,EACfJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAHEnB,EAGQoB,UAAA,OAAA,CAAA,EAHRpB,EAArBgB,EAAA,CADCM,EAAAA,cAAc,kBAAA,CAAA,EACMtB,CAAAA"}

package/dist/divider.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./divider-C-kmaW3d.cjs");
+"use strict";require("./divider-auzbAyaR.cjs");
 //# sourceMappingURL=divider.cjs.map

package/dist/divider.js

@@ -1,2 +1,2 @@
-import "./divider-BHA8zjDr.js";
+import "./divider-5OCZNBJ7.js";
 //# sourceMappingURL=divider.js.map

package/dist/{dropdown-content-CDAX41cX.cjs → dropdown-content-BI541LSK.cjs}

@@ -1,9 +1,4 @@
-"use strict";const l=require("@floating-ui/dom"),p=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const n=require("lit/decorators.js"),m=require("./tailwind.mixin-tQzjJi1o.cjs"),y=require("./litElement.mixin-De6F4bUs.cjs"),h=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(t,e,r,s)=>{for(var a,o=s>1?void 0:s?g(e,r):e,c=t.length-1;c>=0;c--)(a=t[c])&&(o=(s?a(e,r,o):a(o))||o);return s&&o&&u(e,r,o),o};exports.SchmancyDropdown=class extends y.$LitElement(h.css`
-	:host {
-		display: inline-block;
-		position: relative;
-	}
-`){constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.distance=8,this.portal=null}connectedCallback(){super.connectedCallback(),this.setupPortal(),p.fromEvent(document,"click").pipe(p.filter(t=>this.open&&!this.isEventFromSelf(t)),p.takeUntil(this.disconnecting)).subscribe(()=>{this.open=!1}),p.fromEvent(document,"keydown").pipe(p.filter(t=>this.open&&t.key==="Escape"),p.takeUntil(this.disconnecting)).subscribe(()=>{this.open=!1})}setupPortal(){let t=document.getElementById("schmancy-portal-container");t||(t=document.createElement("div"),t.id="schmancy-portal-container",t.style.position="fixed",t.style.zIndex="10000",t.style.top="0",t.style.left="0",t.style.pointerEvents="none",document.body.appendChild(t));const e=document.createElement("div");e.className="schmancy-dropdown-portal",e.style.position="absolute",e.style.pointerEvents="auto",e.style.display="none",t.appendChild(e),this.portal=e}isEventFromSelf(t){return t.composedPath().some(e=>e===this)}disconnectedCallback(){this.cleanupPositioner?.(),this.portal&&(this.portal.remove(),this.portal=null),super.disconnectedCallback()}toggle(){this.open=!this.open}updated(t){super.updated(t),t.has("open")&&(this.open?this.setupPositioner():(this.cleanupPositioner?.(),this.portal&&(this.portal.style.display="none",this.portal.innerHTML="")))}setupPositioner(){this.triggerContainer&&this.portal&&(this.portal.style.display="block",this.teleportContentToPortal(),this.cleanupPositioner=l.autoUpdate(this.triggerContainer,this.portal,()=>{l.computePosition(this.triggerContainer,this.portal,{placement:this.placement,middleware:[l.offset(this.distance),l.flip({fallbackPlacements:["top-start","bottom-start"]}),l.shift({padding:0})]}).then(({x:t,y:e})=>{Object.assign(this.portal.style,{left:`${t}px`,top:e-8+"px"})})}))}teleportContentToPortal(){this.portal&&(this.portal.innerHTML="",this.contentElements.forEach(t=>{const e=t.cloneNode(!0);t.tagName.toLowerCase()==="schmancy-dropdown-content"&&e.addEventListener("slotchange",()=>{const r=e.shadowRoot?.querySelector('[part="content"]');r&&r.classList.add("schmancy-dropdown-content")}),this.portal?.appendChild(e)}))}handleTriggerClick(t){t.stopPropagation(),this.toggle()}render(){return h.html`
+"use strict";const l=require("@floating-ui/dom"),c=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const n=require("lit/decorators.js"),m=require("./tailwind.mixin-O9jmUJ7m.cjs"),y=require("./litElement.mixin-DFG5Ckp7.cjs"),h=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(t,o,s,r)=>{for(var a,e=r>1?void 0:r?g(o,s):o,p=t.length-1;p>=0;p--)(a=t[p])&&(e=(r?a(o,s,e):a(e))||e);return r&&e&&u(o,s,e),e};exports.SchmancyDropdown=class extends y.$LitElement(){constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.distance=8,this.portal=null,this.portalSubscriptions=[]}connectedCallback(){super.connectedCallback(),this.setupPortal(),c.fromEvent(document,"click").pipe(c.filter(t=>this.open&&!this.isEventFromSelf(t)),c.takeUntil(this.disconnecting)).subscribe(()=>{this.open=!1}),c.fromEvent(document,"keydown").pipe(c.filter(t=>this.open&&t.key==="Escape"),c.takeUntil(this.disconnecting)).subscribe(()=>{this.open=!1})}setupPortal(){let t=document.getElementById("schmancy-portal-container");t||(t=document.createElement("div"),t.id="schmancy-portal-container",t.style.position="fixed",t.style.zIndex="10000",t.style.top="0",t.style.left="0",t.style.pointerEvents="none",document.body.appendChild(t));const o=document.createElement("div");o.className="schmancy-dropdown-portal",o.style.position="absolute",o.style.pointerEvents="auto",o.style.display="none",t.appendChild(o),this.portal=o}isEventFromSelf(t){return t.composedPath().some(o=>o===this)}disconnectedCallback(){this.cleanupPositioner?.(),this.portalSubscriptions.forEach(t=>t.unsubscribe()),this.portalSubscriptions=[],this.portal&&(this.portal.remove(),this.portal=null),super.disconnectedCallback()}toggle(){this.open=!this.open}updated(t){super.updated(t),t.has("open")&&(this.open?this.setupPositioner():(this.cleanupPositioner?.(),this.portal&&(this.portal.style.display="none",this.portal.innerHTML="",this.portalSubscriptions.forEach(o=>o.unsubscribe()),this.portalSubscriptions=[])))}setupPositioner(){this.triggerContainer&&this.portal&&(this.portal.style.display="block",this.teleportContentToPortal(),this.cleanupPositioner=l.autoUpdate(this.triggerContainer,this.portal,()=>{l.computePosition(this.triggerContainer,this.portal,{placement:this.placement,middleware:[l.offset(this.distance),l.flip({fallbackPlacements:["top-start","bottom-start"]}),l.shift({padding:0})]}).then(({x:t,y:o})=>{Object.assign(this.portal.style,{left:`${t}px`,top:o-8+"px"})})}))}teleportContentToPortal(){this.portal&&(this.portalSubscriptions.forEach(t=>t.unsubscribe()),this.portalSubscriptions=[],this.portal.innerHTML="",this.contentElements.forEach(t=>{const o=t.cloneNode(!0);if(t.tagName.toLowerCase()==="schmancy-dropdown-content"){const s=c.fromEvent(o,"slotchange").subscribe(()=>{const r=o.shadowRoot?.querySelector('[part="content"]');r&&r.classList.add("schmancy-dropdown-content")});this.portalSubscriptions.push(s)}this.portal?.appendChild(o)}))}handleTriggerClick(t){t.stopPropagation(),this.toggle()}render(){return h.html`
 			<div class="trigger-container" @click=${this.handleTriggerClick}>
 				<slot name="trigger"></slot>
 			</div>
@@ -13,7 +8,7 @@
 					@slotchange=${()=>{this.open&&(this.teleportContentToPortal(),this.setupPositioner())}}
 				></slot>
 			</div>
-		`}},i([n.property({type:Boolean,reflect:!0})],exports.SchmancyDropdown.prototype,"open",2),i([n.property({type:String})],exports.SchmancyDropdown.prototype,"placement",2),i([n.property({type:Number})],exports.SchmancyDropdown.prototype,"distance",2),i([n.query(".trigger-container")],exports.SchmancyDropdown.prototype,"triggerContainer",2),i([n.query(".dropdown-content-container")],exports.SchmancyDropdown.prototype,"contentContainer",2),i([n.queryAssignedElements({flatten:!0})],exports.SchmancyDropdown.prototype,"contentElements",2),i([n.state()],exports.SchmancyDropdown.prototype,"portal",2),i([n.queryAssignedElements({slot:"trigger",flatten:!0})],exports.SchmancyDropdown.prototype,"triggerElements",2),exports.SchmancyDropdown=i([n.customElement("schmancy-dropdown")],exports.SchmancyDropdown);var w=Object.defineProperty,f=Object.getOwnPropertyDescriptor,d=(t,e,r,s)=>{for(var a,o=s>1?void 0:s?f(e,r):e,c=t.length-1;c>=0;c--)(a=t[c])&&(o=(s?a(e,r,o):a(o))||o);return s&&o&&w(e,r,o),o};exports.SchmancyDropdownContent=class extends m.TailwindElement(h.css`
+		`}},i([n.property({type:Boolean,reflect:!0})],exports.SchmancyDropdown.prototype,"open",2),i([n.property({type:String})],exports.SchmancyDropdown.prototype,"placement",2),i([n.property({type:Number})],exports.SchmancyDropdown.prototype,"distance",2),i([n.query(".trigger-container")],exports.SchmancyDropdown.prototype,"triggerContainer",2),i([n.query(".dropdown-content-container")],exports.SchmancyDropdown.prototype,"contentContainer",2),i([n.queryAssignedElements({flatten:!0})],exports.SchmancyDropdown.prototype,"contentElements",2),i([n.state()],exports.SchmancyDropdown.prototype,"portal",2),i([n.queryAssignedElements({slot:"trigger",flatten:!0})],exports.SchmancyDropdown.prototype,"triggerElements",2),exports.SchmancyDropdown=i([n.customElement("schmancy-dropdown")],exports.SchmancyDropdown);var w=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(t,o,s,r)=>{for(var a,e=r>1?void 0:r?b(o,s):o,p=t.length-1;p>=0;p--)(a=t[p])&&(e=(r?a(o,s,e):a(e))||e);return r&&e&&w(o,s,e),e};exports.SchmancyDropdownContent=class extends m.TailwindElement(h.css`
 	:host {
 		display: block;
 		position: absolute;
@@ -55,9 +50,9 @@
 		transform-origin: top left;
 		animation: dropdownAnimation 0.1s ease-out forwards;
 	}
-`){constructor(){super(...arguments),this.width="auto",this.maxHeight="80vh",this.shadow=!0,this.radius="md"}render(){const t={"schmancy-dropdown-content":!0,"overflow-auto":!0,"shadow-none":!this.shadow,"rounded-none":this.radius==="none","rounded-sm":this.radius==="sm","rounded-md":this.radius==="md","rounded-lg":this.radius==="lg","rounded-full":this.radius==="full"},e={width:this.width,maxHeight:this.maxHeight};return h.html`
-			<div class=${this.classMap(t)} style=${this.styleMap(e)} part="content">
+`){constructor(){super(...arguments),this.width="auto",this.maxHeight="80vh",this.shadow=!0,this.radius="md"}render(){const t={"schmancy-dropdown-content":!0,"overflow-auto":!0,"shadow-none":!this.shadow,"rounded-none":this.radius==="none","rounded-sm":this.radius==="sm","rounded-md":this.radius==="md","rounded-lg":this.radius==="lg","rounded-full":this.radius==="full"},o={width:this.width,maxHeight:this.maxHeight};return h.html`
+			<div class=${this.classMap(t)} style=${this.styleMap(o)} part="content">
 				<slot></slot>
 			</div>
 		`}},d([n.property({type:String})],exports.SchmancyDropdownContent.prototype,"width",2),d([n.property({type:String})],exports.SchmancyDropdownContent.prototype,"maxHeight",2),d([n.property({type:Boolean})],exports.SchmancyDropdownContent.prototype,"shadow",2),d([n.property({type:String})],exports.SchmancyDropdownContent.prototype,"radius",2),exports.SchmancyDropdownContent=d([n.customElement("schmancy-dropdown-content")],exports.SchmancyDropdownContent);
-//# sourceMappingURL=dropdown-content-CDAX41cX.cjs.map
+//# sourceMappingURL=dropdown-content-BI541LSK.cjs.map

package/dist/dropdown-content-BI541LSK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-content-BI541LSK.cjs","sources":["../src/dropdown/dropdown-component.ts","../src/dropdown/dropdown-content.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, Subscription } from 'rxjs'\n\n/**\n * A dropdown component that displays content when triggered.\n *\n * @element schmancy-dropdown\n * @slot trigger - The element that triggers the dropdown\n * @slot - Default slot for the dropdown content\n */\n@customElement('schmancy-dropdown')\nexport class SchmancyDropdown extends $LitElement() {\n\t/**\n\t * Whether the dropdown is currently open\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t */\n\t@property({ type: String })\n\tplacement:\n\t\t| 'top'\n\t\t| 'top-start'\n\t\t| 'top-end'\n\t\t| 'right'\n\t\t| 'right-start'\n\t\t| 'right-end'\n\t\t| 'bottom'\n\t\t| 'bottom-start'\n\t\t| 'bottom-end'\n\t\t| 'left'\n\t\t| 'left-start'\n\t\t| 'left-end' = 'bottom-start'\n\n\t/**\n\t * Offset distance in pixels\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t@query('.trigger-container') triggerContainer!: HTMLElement\n\t@query('.dropdown-content-container') contentContainer!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) contentElements!: HTMLElement[]\n\t@state() private portal: HTMLElement | null = null\n\n\t@queryAssignedElements({ slot: 'trigger', flatten: true })\n\ttriggerElements!: Array<HTMLElement>\n\n\tprivate cleanupPositioner?: () => void\n\tprivate portalSubscriptions: Subscription[] = []\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create portal container for teleporting content to document body\n\t\tthis.setupPortal()\n\n\t\t// Listen for document clicks to close dropdown when clicking outside\n\t\tfromEvent<MouseEvent>(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => this.open && !this.isEventFromSelf(event)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false\n\t\t\t})\n\n\t\t// Listen for escape key to close dropdown\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => this.open && event.key === 'Escape'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up the portal element for teleporting content\n\t */\n\tprivate setupPortal() {\n\t\t// Check if portal container exists\n\t\tlet portalContainer = document.getElementById('schmancy-portal-container')\n\n\t\t// Create portal container if it doesn't exist\n\t\tif (!portalContainer) {\n\t\t\tportalContainer = document.createElement('div')\n\t\t\tportalContainer.id = 'schmancy-portal-container'\n\t\t\tportalContainer.style.position = 'fixed'\n\t\t\tportalContainer.style.zIndex = '10000'\n\t\t\tportalContainer.style.top = '0'\n\t\t\tportalContainer.style.left = '0'\n\t\t\tportalContainer.style.pointerEvents = 'none'\n\t\t\tdocument.body.appendChild(portalContainer)\n\t\t}\n\n\t\t// Create portal for this specific dropdown\n\t\tconst portal = document.createElement('div')\n\t\tportal.className = 'schmancy-dropdown-portal'\n\t\tportal.style.position = 'absolute'\n\t\tportal.style.pointerEvents = 'auto'\n\t\tportal.style.display = 'none'\n\t\tportalContainer.appendChild(portal)\n\n\t\tthis.portal = portal\n\t}\n\n\t/**\n\t * Check if an event originated from within this component\n\t */\n\tprivate isEventFromSelf(event: Event): boolean {\n\t\treturn event.composedPath().some(el => el === this)\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Clean up portal subscriptions\n\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\tthis.portalSubscriptions = []\n\n\t\t// Remove portal when component is disconnected\n\t\tif (this.portal) {\n\t\t\tthis.portal.remove()\n\t\t\tthis.portal = null\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Toggle the dropdown open state\n\t */\n\ttoggle() {\n\t\tthis.open = !this.open\n\t}\n\n\tupdated(changedProps: Map<string, any>) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('open')) {\n\t\t\tif (this.open) {\n\t\t\t\tthis.setupPositioner()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\n\t\t\t\t// Hide portal when dropdown is closed\n\t\t\t\tif (this.portal) {\n\t\t\t\t\tthis.portal.style.display = 'none'\n\t\t\t\t\tthis.portal.innerHTML = ''\n\t\t\t\t\t// Clean up subscriptions when content is cleared\n\t\t\t\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t\t\tthis.portalSubscriptions = []\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup floating UI positioning with teleportation\n\t */\n\tprivate setupPositioner() {\n\t\tif (!this.triggerContainer || !this.portal) return\n\n\t\t// Show the portal\n\t\tthis.portal.style.display = 'block'\n\n\t\t// Move content to portal\n\t\tthis.teleportContentToPortal()\n\n\t\t// Setup positioning\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.portal, () => {\n\t\t\tcomputePosition(this.triggerContainer, this.portal, {\n\t\t\t\tplacement: this.placement,\n\t\t\t\tmiddleware: [\n\t\t\t\t\toffset(this.distance),\n\t\t\t\t\tflip({\n\t\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-start'],\n\t\t\t\t\t}),\n\t\t\t\t\tshift({ padding: 0 }),\n\t\t\t\t],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Update portal position\n\t\t\t\tObject.assign(this.portal.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y - 8}px`,\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\t/**\n\t * Move slotted content to the portal\n\t */\n\tprivate teleportContentToPortal() {\n\t\tif (!this.portal) return\n\n\t\t// Clean up existing subscriptions\n\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\tthis.portalSubscriptions = []\n\n\t\t// Clear existing content\n\t\tthis.portal.innerHTML = ''\n\n\t\t// Clone and move slotted content to portal\n\t\tthis.contentElements.forEach(element => {\n\t\t\t// Get computed styles to ensure portal content matches original styling\n\t\t\tconst clonedElement = element.cloneNode(true) as HTMLElement\n\n\t\t\t// Ensure dropdown-content elements maintain their styles when teleported\n\t\t\tif (element.tagName.toLowerCase() === 'schmancy-dropdown-content') {\n\t\t\t\tconst subscription = fromEvent(clonedElement, 'slotchange').subscribe(() => {\n\t\t\t\t\t// Propagate any slot changes to class changes on children\n\t\t\t\t\tconst contentDiv = clonedElement.shadowRoot?.querySelector('[part=\"content\"]')\n\t\t\t\t\tif (contentDiv) {\n\t\t\t\t\t\tcontentDiv.classList.add('schmancy-dropdown-content')\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tthis.portalSubscriptions.push(subscription)\n\t\t\t}\n\n\t\t\tthis.portal?.appendChild(clonedElement)\n\t\t})\n\t}\n\n\t/**\n\t * Handle trigger click to toggle dropdown\n\t */\n\tprivate handleTriggerClick(e: Event) {\n\t\te.stopPropagation()\n\t\tthis.toggle()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n\t\t\t\t<slot name=\"trigger\"></slot>\n\t\t\t</div>\n\n\t\t\t<div class=\"dropdown-content-container\" ?hidden=${!this.open}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.teleportContentToPortal()\n\t\t\t\t\t\t\tthis.setupPositioner()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dropdown': SchmancyDropdown\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * Content container for the schmancy-dropdown component.\n *\n * @element schmancy-dropdown-content\n * @slot - Default slot for dropdown content\n */\n@customElement('schmancy-dropdown-content')\nexport class SchmancyDropdownContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tz-index: 1000;\n\t\tmin-width: 10rem;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tlist-style: none;\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tbackground-clip: padding-box;\n\t\tborder-radius: 0.375rem;\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\twill-change: transform;\n\t\ttransform-origin: top left;\n\t\tanimation: dropdownAnimation 0.1s ease-out forwards;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t@keyframes dropdownAnimation {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0.95);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t/* Apply styles to content both in the component and when teleported to the portal */\n\t.schmancy-dropdown-content {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tborder-radius: 0.375rem;\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\twill-change: transform;\n\t\ttransform-origin: top left;\n\t\tanimation: dropdownAnimation 0.1s ease-out forwards;\n\t}\n`) {\n\t/**\n\t * Width of the dropdown content\n\t */\n\t@property({ type: String })\n\twidth: string = 'auto'\n\n\t/**\n\t * Maximum height of the dropdown content\n\t */\n\t@property({ type: String })\n\tmaxHeight: string = '80vh'\n\n\t/**\n\t * Whether to render with a shadow\n\t */\n\t@property({ type: Boolean })\n\tshadow: boolean = true\n\n\t/**\n\t * Border radius style\n\t */\n\t@property({ type: String })\n\tradius: 'none' | 'sm' | 'md' | 'lg' | 'full' = 'md'\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'schmancy-dropdown-content': true,\n\t\t\t'overflow-auto': true,\n\t\t\t'shadow-none': !this.shadow,\n\t\t\t'rounded-none': this.radius === 'none',\n\t\t\t'rounded-sm': this.radius === 'sm',\n\t\t\t'rounded-md': this.radius === 'md',\n\t\t\t'rounded-lg': this.radius === 'lg',\n\t\t\t'rounded-full': this.radius === 'full',\n\t\t}\n\n\t\tconst styles = {\n\t\t\twidth: this.width,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} style=${this.styleMap(styles)} part=\"content\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dropdown-content': SchmancyDropdownContent\n\t}\n}\n"],"names":["SchmancyDropdown","$LitElement","constructor","super","arguments","this","open","placement","distance","portal","portalSubscriptions","connectedCallback","setupPortal","fromEvent","document","pipe","filter","isEventFromSelf","event","takeUntil","disconnecting","subscribe","key","portalContainer","getElementById","createElement","id","style","position","zIndex","top","left","pointerEvents","body","appendChild","className","display","composedPath","some","el","disconnectedCallback","cleanupPositioner","forEach","subscription","unsubscribe","remove","toggle","changedProps","updated","has","setupPositioner","innerHTML","triggerContainer","teleportContentToPortal","autoUpdate","computePosition","middleware","offset","flip","fallbackPlacements","shift","padding","then","x","y","Object","assign","contentElements","element","clonedElement","cloneNode","tagName","toLowerCase","contentDiv","shadowRoot","querySelector","classList","add","push","e","stopPropagation","render","html","handleTriggerClick","__decorateClass","property","type","Boolean","reflect","prototype","String","Number","query","queryAssignedElements","flatten","state","slot","customElement","SchmancyDropdownContent","TailwindElement","css","width","maxHeight","shadow","radius","classes","styles","classMap","styleMap"],"mappings":"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"}

package/dist/{dropdown-content-DA6wal4A.js → dropdown-content-BLZviV1z.js}

@@ -1,63 +1,62 @@
-import { autoUpdate as v, computePosition as k, offset as P, flip as x, shift as C } from "@floating-ui/dom";
-import { fromEvent as h, filter as m, takeUntil as y } from "rxjs";
+import { autoUpdate as w, computePosition as v, offset as k, flip as P, shift as x } from "@floating-ui/dom";
+import { fromEvent as h, filter as m, takeUntil as u } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { property as l, query as u, queryAssignedElements as g, state as E, customElement as f } from "lit/decorators.js";
-import { T as S } from "./tailwind.mixin-CUBQFucF.js";
-import { $ as T } from "./litElement.mixin-C9e4ffot.js";
-import { css as w, html as b } from "lit";
-var $ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, a = (t, e, n, r) => {
-  for (var i, o = r > 1 ? void 0 : r ? O(e, n) : e, p = t.length - 1; p >= 0; p--) (i = t[p]) && (o = (r ? i(e, n, o) : i(o)) || o);
-  return r && o && $(e, n, o), o;
+import { property as l, query as y, queryAssignedElements as g, state as C, customElement as f } from "lit/decorators.js";
+import { T as E } from "./tailwind.mixin-C13RR5x6.js";
+import { $ as S } from "./litElement.mixin-Efwm8boA.js";
+import { html as b, css as T } from "lit";
+var $ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, i = (t, o, r, s) => {
+  for (var a, e = s > 1 ? void 0 : s ? O(o, r) : o, p = t.length - 1; p >= 0; p--) (a = t[p]) && (e = (s ? a(o, r, e) : a(e)) || e);
+  return s && e && $(o, r, e), e;
 };
-let s = class extends T(w`
-	:host {
-		display: inline-block;
-		position: relative;
-	}
-`) {
+let n = class extends S() {
   constructor() {
-    super(...arguments), this.open = !1, this.placement = "bottom-start", this.distance = 8, this.portal = null;
+    super(...arguments), this.open = !1, this.placement = "bottom-start", this.distance = 8, this.portal = null, this.portalSubscriptions = [];
   }
   connectedCallback() {
-    super.connectedCallback(), this.setupPortal(), h(document, "click").pipe(m((t) => this.open && !this.isEventFromSelf(t)), y(this.disconnecting)).subscribe(() => {
+    super.connectedCallback(), this.setupPortal(), h(document, "click").pipe(m((t) => this.open && !this.isEventFromSelf(t)), u(this.disconnecting)).subscribe(() => {
       this.open = !1;
-    }), h(document, "keydown").pipe(m((t) => this.open && t.key === "Escape"), y(this.disconnecting)).subscribe(() => {
+    }), h(document, "keydown").pipe(m((t) => this.open && t.key === "Escape"), u(this.disconnecting)).subscribe(() => {
       this.open = !1;
     });
   }
   setupPortal() {
     let t = document.getElementById("schmancy-portal-container");
     t || (t = document.createElement("div"), t.id = "schmancy-portal-container", t.style.position = "fixed", t.style.zIndex = "10000", t.style.top = "0", t.style.left = "0", t.style.pointerEvents = "none", document.body.appendChild(t));
-    const e = document.createElement("div");
-    e.className = "schmancy-dropdown-portal", e.style.position = "absolute", e.style.pointerEvents = "auto", e.style.display = "none", t.appendChild(e), this.portal = e;
+    const o = document.createElement("div");
+    o.className = "schmancy-dropdown-portal", o.style.position = "absolute", o.style.pointerEvents = "auto", o.style.display = "none", t.appendChild(o), this.portal = o;
   }
   isEventFromSelf(t) {
-    return t.composedPath().some((e) => e === this);
+    return t.composedPath().some((o) => o === this);
   }
   disconnectedCallback() {
-    this.cleanupPositioner?.(), this.portal && (this.portal.remove(), this.portal = null), super.disconnectedCallback();
+    this.cleanupPositioner?.(), this.portalSubscriptions.forEach((t) => t.unsubscribe()), this.portalSubscriptions = [], this.portal && (this.portal.remove(), this.portal = null), super.disconnectedCallback();
   }
   toggle() {
     this.open = !this.open;
   }
   updated(t) {
-    super.updated(t), t.has("open") && (this.open ? this.setupPositioner() : (this.cleanupPositioner?.(), this.portal && (this.portal.style.display = "none", this.portal.innerHTML = "")));
+    super.updated(t), t.has("open") && (this.open ? this.setupPositioner() : (this.cleanupPositioner?.(), this.portal && (this.portal.style.display = "none", this.portal.innerHTML = "", this.portalSubscriptions.forEach((o) => o.unsubscribe()), this.portalSubscriptions = [])));
   }
   setupPositioner() {
-    this.triggerContainer && this.portal && (this.portal.style.display = "block", this.teleportContentToPortal(), this.cleanupPositioner = v(this.triggerContainer, this.portal, () => {
-      k(this.triggerContainer, this.portal, { placement: this.placement, middleware: [P(this.distance), x({ fallbackPlacements: ["top-start", "bottom-start"] }), C({ padding: 0 })] }).then(({ x: t, y: e }) => {
-        Object.assign(this.portal.style, { left: `${t}px`, top: e - 8 + "px" });
+    this.triggerContainer && this.portal && (this.portal.style.display = "block", this.teleportContentToPortal(), this.cleanupPositioner = w(this.triggerContainer, this.portal, () => {
+      v(this.triggerContainer, this.portal, { placement: this.placement, middleware: [k(this.distance), P({ fallbackPlacements: ["top-start", "bottom-start"] }), x({ padding: 0 })] }).then(({ x: t, y: o }) => {
+        Object.assign(this.portal.style, { left: `${t}px`, top: o - 8 + "px" });
       });
     }));
   }
   teleportContentToPortal() {
-    this.portal && (this.portal.innerHTML = "", this.contentElements.forEach((t) => {
-      const e = t.cloneNode(!0);
-      t.tagName.toLowerCase() === "schmancy-dropdown-content" && e.addEventListener("slotchange", () => {
-        const n = e.shadowRoot?.querySelector('[part="content"]');
-        n && n.classList.add("schmancy-dropdown-content");
-      }), this.portal?.appendChild(e);
+    this.portal && (this.portalSubscriptions.forEach((t) => t.unsubscribe()), this.portalSubscriptions = [], this.portal.innerHTML = "", this.contentElements.forEach((t) => {
+      const o = t.cloneNode(!0);
+      if (t.tagName.toLowerCase() === "schmancy-dropdown-content") {
+        const r = h(o, "slotchange").subscribe(() => {
+          const s = o.shadowRoot?.querySelector('[part="content"]');
+          s && s.classList.add("schmancy-dropdown-content");
+        });
+        this.portalSubscriptions.push(r);
+      }
+      this.portal?.appendChild(o);
     }));
   }
   handleTriggerClick(t) {
@@ -79,12 +78,12 @@ let s = class extends T(w`
 		`;
   }
 };
-a([l({ type: Boolean, reflect: !0 })], s.prototype, "open", 2), a([l({ type: String })], s.prototype, "placement", 2), a([l({ type: Number })], s.prototype, "distance", 2), a([u(".trigger-container")], s.prototype, "triggerContainer", 2), a([u(".dropdown-content-container")], s.prototype, "contentContainer", 2), a([g({ flatten: !0 })], s.prototype, "contentElements", 2), a([E()], s.prototype, "portal", 2), a([g({ slot: "trigger", flatten: !0 })], s.prototype, "triggerElements", 2), s = a([f("schmancy-dropdown")], s);
-var j = Object.defineProperty, H = Object.getOwnPropertyDescriptor, d = (t, e, n, r) => {
-  for (var i, o = r > 1 ? void 0 : r ? H(e, n) : e, p = t.length - 1; p >= 0; p--) (i = t[p]) && (o = (r ? i(e, n, o) : i(o)) || o);
-  return r && o && j(e, n, o), o;
+i([l({ type: Boolean, reflect: !0 })], n.prototype, "open", 2), i([l({ type: String })], n.prototype, "placement", 2), i([l({ type: Number })], n.prototype, "distance", 2), i([y(".trigger-container")], n.prototype, "triggerContainer", 2), i([y(".dropdown-content-container")], n.prototype, "contentContainer", 2), i([g({ flatten: !0 })], n.prototype, "contentElements", 2), i([C()], n.prototype, "portal", 2), i([g({ slot: "trigger", flatten: !0 })], n.prototype, "triggerElements", 2), n = i([f("schmancy-dropdown")], n);
+var j = Object.defineProperty, H = Object.getOwnPropertyDescriptor, d = (t, o, r, s) => {
+  for (var a, e = s > 1 ? void 0 : s ? H(o, r) : o, p = t.length - 1; p >= 0; p--) (a = t[p]) && (e = (s ? a(o, r, e) : a(e)) || e);
+  return s && e && j(o, r, e), e;
 };
-let c = class extends S(w`
+let c = class extends E(T`
 	:host {
 		display: block;
 		position: absolute;
@@ -131,9 +130,9 @@ let c = class extends S(w`
     super(...arguments), this.width = "auto", this.maxHeight = "80vh", this.shadow = !0, this.radius = "md";
   }
   render() {
-    const t = { "schmancy-dropdown-content": !0, "overflow-auto": !0, "shadow-none": !this.shadow, "rounded-none": this.radius === "none", "rounded-sm": this.radius === "sm", "rounded-md": this.radius === "md", "rounded-lg": this.radius === "lg", "rounded-full": this.radius === "full" }, e = { width: this.width, maxHeight: this.maxHeight };
+    const t = { "schmancy-dropdown-content": !0, "overflow-auto": !0, "shadow-none": !this.shadow, "rounded-none": this.radius === "none", "rounded-sm": this.radius === "sm", "rounded-md": this.radius === "md", "rounded-lg": this.radius === "lg", "rounded-full": this.radius === "full" }, o = { width: this.width, maxHeight: this.maxHeight };
     return b`
-			<div class=${this.classMap(t)} style=${this.styleMap(e)} part="content">
+			<div class=${this.classMap(t)} style=${this.styleMap(o)} part="content">
 				<slot></slot>
 			</div>
 		`;
@@ -141,7 +140,7 @@ let c = class extends S(w`
 };
 d([l({ type: String })], c.prototype, "width", 2), d([l({ type: String })], c.prototype, "maxHeight", 2), d([l({ type: Boolean })], c.prototype, "shadow", 2), d([l({ type: String })], c.prototype, "radius", 2), c = d([f("schmancy-dropdown-content")], c);
 export {
-  s as S,
+  n as S,
   c as a
 };
-//# sourceMappingURL=dropdown-content-DA6wal4A.js.map
+//# sourceMappingURL=dropdown-content-BLZviV1z.js.map