@mhmo91/schmancy 0.7.7 → 0.8.4

package/dist/dialog-service-B4nR8Em5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-service-B4nR8Em5.cjs","sources":["../src/dialog/dialog-events.ts","../src/dialog/dialog-service.ts"],"sourcesContent":["// Dialog discovery event constants\r\nexport const DialogWhereAreYouRicky = 'are-you-there-dialog'\r\nexport const DialogHereMorty = 'yes-dialog-here'\r\n\r\n// Event interfaces\r\nexport interface DialogWhereAreYouRickyEvent extends CustomEvent {\r\n  detail: {\r\n    uid: string\r\n  }\r\n}\r\n\r\nexport interface DialogHereMortyEvent extends CustomEvent {\r\n  detail: {\r\n    dialog: any // Will be schmancy-dialog instance\r\n    theme?: any // Will be schmancy-theme instance\r\n  }\r\n}","import { render, TemplateResult } from 'lit'\nimport { defaultIfEmpty, forkJoin, fromEvent, map, of, Subject, Subscription, switchMap, takeUntil, tap, timer } from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from '../theme/theme.events'\nimport { 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\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// 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\n\t\t\t\t\t\t\t\t// 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\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(([theme, target]) => {\n\t\t\t\t\t// Determine container - use theme from discovery or fallback\n\t\t\t\t\tconst targetContainer = theme || target.options.targetContainer || (document.querySelector('schmancy-theme') as HTMLElement) || document.body\n\n\t\t\t\t\t// Always create a fresh dialog\n\t\t\t\t\tconst uid = (target as any).uid\n\t\t\t\t\tlet dialog: any\n\n\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdialog = document.createElement('schmancy-dialog')\n\t\t\t\t\t}\n\n\t\t\t\t\tdialog.setAttribute('uid', uid)\n\t\t\t\t\ttargetContainer.appendChild(dialog)\n\n\t\t\t\t\treturn { dialog, target, 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.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 * 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","this","activeDialogs","activeRawDialogs","dialogSubject","Subject","dismissSubject","setupDialogOpeningLogic","setupDialogDismissLogic","getInstance","instance","pipe","switchMap","forkJoin","fromEvent","window","ThemeHereIAm","takeUntil","timer","map","e","detail","theme","defaultIfEmpty","of","target","tap","uid","type","Date","now","Math","random","toString","substring","dispatchEvent","CustomEvent","ThemeWhereAreYou","bubbles","composed","targetContainer","options","document","querySelector","body","dialog","createElement","setAttribute","appendChild","confirmDialog","title","subtitle","message","confirmText","cancelText","variant","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","parentElement","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","_s","$dialog","ask","danger","component"],"mappings":"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"}

package/dist/dialog-service-Bege4HF4.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-service-Bege4HF4.js","sources":["../src/dialog/dialog-events.ts","../src/dialog/dialog-service.ts"],"sourcesContent":["// Dialog discovery event constants\r\nexport const DialogWhereAreYouRicky = 'are-you-there-dialog'\r\nexport const DialogHereMorty = 'yes-dialog-here'\r\n\r\n// Event interfaces\r\nexport interface DialogWhereAreYouRickyEvent extends CustomEvent {\r\n  detail: {\r\n    uid: string\r\n  }\r\n}\r\n\r\nexport interface DialogHereMortyEvent extends CustomEvent {\r\n  detail: {\r\n    dialog: any // Will be schmancy-dialog instance\r\n    theme?: any // Will be schmancy-theme instance\r\n  }\r\n}","import { render, TemplateResult } from 'lit'\nimport { defaultIfEmpty, forkJoin, fromEvent, map, of, Subject, Subscription, switchMap, takeUntil, tap, timer } from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from '../theme/theme.events'\nimport { 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\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// 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\n\t\t\t\t\t\t\t\t// 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\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(([theme, target]) => {\n\t\t\t\t\t// Determine container - use theme from discovery or fallback\n\t\t\t\t\tconst targetContainer = theme || target.options.targetContainer || (document.querySelector('schmancy-theme') as HTMLElement) || document.body\n\n\t\t\t\t\t// Always create a fresh dialog\n\t\t\t\t\tconst uid = (target as any).uid\n\t\t\t\t\tlet dialog: any\n\n\t\t\t\t\tif (target.type === 'confirm') {\n\t\t\t\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdialog = document.createElement('schmancy-dialog')\n\t\t\t\t\t}\n\n\t\t\t\t\tdialog.setAttribute('uid', uid)\n\t\t\t\t\ttargetContainer.appendChild(dialog)\n\n\t\t\t\t\treturn { dialog, target, 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.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 * 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","this","activeDialogs","activeRawDialogs","dialogSubject","Subject","dismissSubject","setupDialogOpeningLogic","setupDialogDismissLogic","getInstance","instance","pipe","switchMap","forkJoin","fromEvent","window","ThemeHereIAm","takeUntil","timer","map","e","detail","theme","defaultIfEmpty","of","target","tap","uid","type","Date","now","Math","random","toString","substring","dispatchEvent","CustomEvent","ThemeWhereAreYou","bubbles","composed","targetContainer","options","document","querySelector","body","dialog","createElement","setAttribute","appendChild","confirmDialog","title","subtitle","message","confirmText","cancelText","variant","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","parentElement","catch","error","reject","onConfirm","confirmSub","subscribe","_e","onCancel","cancelSub","response","hide","confirmIndex","rawIndex","Promise","completeOptions","DEFAULT_OPTIONS","next","length","getAttribute","dismiss","event","confirm","x","innerWidth","y","innerHeight","_g","$dialog","ask","danger","component","close"],"mappings":";;;AACO,MAAMA,IAAyB,wBACzBC,IAAkB,mBCqClBC,IAAN,MAAMA,EAAAA;AAAAA,EA0BJ;AAZRC,SAAQC,gBAAiC,IAGzCD,KAAQE,mBAA0B,IAGlCF,KAAQG,gBAAgB,IAAIC,KAG5BJ,KAAQK,iBAAiB,IAAID,KAI5BJ,KAAKM,2BACLN,KAAKO,wBAAAA;AAAAA,EACN;AAAA,EAKA,OAAA,cAAcC;AAIb,WAHKT,EAAcU,aAClBV,EAAcU,WAAW,IAAIV,MAEvBA,EAAcU;AAAAA,EACtB;AAAA,EAKQ,0BAAAH;AACPN,SAAKG,cACHO,KACAC,SACCC,EAAS,CAERC,EAA6BC,QAAQC,CAAAA,EAAcL,KAClDM,EAAUC,EAAM,EAAA,CAAA,GAChBC,EAAIC,CAAAA,MAAKA,EAAEC,OAAOC,QAClBC,EAAAA,MAAe,CAAA,GAEhBC,EAAGC,CAAAA,EAAQd,KACVe,EAAI,MAAA;AACH,YAAMC,IAAMF,EAAOG,SAAS,YACzB,kBAAkBC,KAAKC,IAAAA,CAAAA,IAASC,KAAKC,OAAAA,EAASC,SAAS,IAAIC,UAAU,GAAG,OACxE,UAAUL,KAAKC,SAASC,KAAKC,OAAAA,EAASC,SAAS,EAAA,EAAIC,UAAU,GAAG,CAAA,CAAA;AAGnEnB,aAAOoB,cACN,IAAIC,YAAYC,GAAkB,EACjCC,SAAAA,IACAC,aAAU,CAAA,CAAA,GAKVd,EAAeE,MAAMA;AAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAK3BR,EAAI,CAAA,CAAEG,GAAOG,CAAAA,MAAAA;AAEZ,YAAMe,IAAkBlB,KAASG,EAAOgB,QAAQD,mBAAoBE,SAASC,cAAc,gBAAA,KAAqCD,SAASE,MAGnIjB,IAAOF,EAAeE;AAC5B,UAAIkB;AAWJ,aARCA,IADGpB,EAAOG,SAAS,YACVc,SAASI,cAAc,gBAAA,IAEvBJ,SAASI,cAAc,iBAAA,GAGjCD,EAAOE,aAAa,OAAOpB,IAC3Ba,EAAgBQ,YAAYH,CAAAA,GAErB,EAAEA,QAAAA,GAAQpB,QAAAA,GAAQe;QAE1Bd,EAAI,CAAA,EAAGmB,WAAQpB,QAAAA,EAAAA,MAAAA;AACd,UAAIA,EAAOG,SAAS,WAAW;AAE9B,cAAMqB,IAAgBJ,GAChBJ,IAAUhB,EAAOgB;AAWvB,YATIA,EAAQS,UAAOD,EAAcC,QAAQT,EAAQS,QAC7CT,EAAQU,aAAUF,EAAcE,WAAWV,EAAQU,WACnDV,EAAQW,YAASH,EAAcG,UAAUX,EAAQW,UACjDX,EAAQY,gBAAaJ,EAAcI,cAAcZ,EAAQY,cACzDZ,EAAQa,eAAYL,EAAcK,aAAab,EAAQa,aACvDb,EAAQc,YAASN,EAAcM,UAAUd,EAAQc,UACjDd,EAAQe,SAAOP,EAAcQ,MAAMC,YAAY,kBAAkBjB,EAAQe,KAAAA,GAGzEf,EAAQkB,SAAS;AACpB,gBAAMC,IAAmBlB,SAASI,cAAc,KAAA;AAGhD,cAFAc,EAAiBC,OAAO,WAEO,OAApBpB,EAAQkB,WAAY,YAAY;AAC1C,kBAAMG,IAASrB,EAAQkB;AACnBG,YAAAA,aAAkBC,cACrBH,EAAiBZ,YAAYc,CAAAA,IAE7BE,EAAOF,GAAQF,CAAAA;AAAAA,UAEjB,MAAWnB,CAAAA,EAAQkB,mBAAmBI,cACrCH,EAAiBZ,YAAYP,EAAQkB,WAErCK,EAAOvB,EAAQkB,SAASC,CAAAA;AAGzBX,UAAAA,EAAcD,YAAYY;QAC3B;AAGA3D,aAAKC,cAAc+D,KAAKhB,CAAAA;AAAAA,MACzB,OAAO;AAEN,YAAIxB,EAAOkC,SAAS;AACnB,gBAAMO,IAAyBxB,SAASI,cAAc;AAMtD,cALAoB,EAAuBT,MAAMU,SAAS,QACtCD,EAAuBT,MAAMD,QAAQ,QACrCU,EAAuBE,UAAUC,IAAI,sCAGP,OAAnB5C,EAAOkC,WAAY,YAAY;AACzC,kBAAMG,IAASrC,EAAOkC,QAAAA;AAClBG,yBAAkBC,cACrBG,EAAuBlB,YAAYc,CAAAA,IAEnCE,EAAOF,GAAQI,CAAAA;AAAAA,UAEjB,MAAWzC,CAAAA,EAAOkC,mBAAmBI,cACpCG,EAAuBlB,YAAYvB,EAAOkC,OAAAA,IAE1CK,EAAOvC,EAAOkC,SAASO;AAGxBrB,UAAAA,EAAOG,YAAYkB,CAAAA;AAAAA,QACpB;AAGIzC,QAAAA,EAAOgB,QAAQe,SAClBX,EAAOY,MAAMC,YAAY,kBAAkBjC,EAAOgB,QAAQe,KAAAA,GAI3DvD,KAAKE,iBAAiB8D,KAAKpB,CAAAA;AAAAA,MAC5B;AAAA,IAAA,CAAA,GAEDnB,EAAI,CAAA,EAAGmB,QAAAA,GAAQpB;AAEd,YAAM6C,IAAW7C,EAAOgB,QAAQ6B,YAAYrE,KAAKsE,oBAAAA;AAEjD1B,QAAO2B,KAAKF,GAAUG,KAAMX,CAAAA,MAAAA;AAM3B,YALIrC,EAAOiD,WACVjD,EAAOiD,QAAQZ,CAAAA,GAIZrC,EAAOG,SAAS,WAAW;AAC9B,gBAAM+C,IAAQ1E,KAAKC,cAAc0E,QAAQ/B,CAAAA;AAAAA,UACrC8B,MADqC9B,MAExC5C,KAAKC,cAAc2E,OAAOF,GAAO,CAAA;AAIlC,gBAAMG,IAAYjC,EAAOF,cAAc,kBAAA;AACnCmC,UAAAA,KACHjC,EAAOkC,YAAYD,CAAAA;AAAAA,QAErB,OAAO;AACN,gBAAMH,IAAQ1E,KAAKE,iBAAiByE,QAAQ/B;UACxC8B,YACH1E,KAAKE,iBAAiB0E,OAAOF,GAAO,CAAA;AAIrC,gBAAMf,IAAmBf,EAAOF,cAAc;AAC1CiB,UAAAA,KAAoBA,EAAiBoB,cACxCpB,EAAiBoB,WAAWD,YAAYnB,CAAAA;AAAAA,QAE1C;AAGA,cAAMqB,IAAsBpC,EAAeqC;AACvCD,aACHA,EAAmBE,QAASC,CAAAA,MAAsBA,EAAIC,YAAAA,CAAAA,GAInDxC,EAAOyC,iBACVzC,EAAOyC,cAAcP,YAAYlC,CAAAA;AAAAA,MAAAA,CAAAA,EAEhC0C,MAAOC,CAAAA;AACL/D,QAAAA,EAAOgE,UACVhE,EAAOgE,OAAOD,CAAAA;AAAAA,MAAAA,CAAAA;AAKhB,YAAMP,IAAqC,CAAA;AAE3C,UAAIxD,EAAOgB,QAAQiD,WAAW;AAC7B,cAAMC,IAAa7E,EAAU+B,GAAQ,SAAA,EAAW+C,UAAWC,CAAAA,MAAAA;AAC1DpE,UAAAA,EAAOgB,QAAQiD,aACfC,EAAWN,YAAAA;AAAAA,QAAAA,CAAAA;AAEZJ,QAAAA,EAAmBhB,KAAK0B,CAAAA;AAAAA,MACzB;AAEA,UAAIlE,EAAOgB,QAAQqD,UAAU;AAC5B,cAAMC,IAAYjF,EAAU+B,GAAQ,UAAU+C,UAAWC,CAAAA,MAAAA;AACxDpE,UAAAA,EAAOgB,QAAQqD,SAAAA,GACfC,EAAUV,YAAAA;AAAAA,QAAAA,CAAAA;AAEXJ,QAAAA,EAAmBhB,KAAK8B;MACzB;AAGElD,QAAeqC,sBAAsBD;AAAAA,IAAAA,CAAAA,CAAAA,EAGxCW,UAAAA;AAAAA,EACH;AAAA,EAKQ,0BAAApF;AACPP,SAAKK,eACHK,KACAC,SACCC,EAAS,CACRC,EAAgCC,QAAQhB,CAAAA,EAAiBY,KACxDM,EAAUC,EAAM,OAChBC,EAAIC,CAAAA,MAAKA,EAAEC,MAAAA,GACXE,EAAAA,UAEDC,EAAGG,CAAAA,EAAKhB,KACPe,EAAI,MAAA;AACHX,aAAOoB,cACN,IAAIC,YAAYtC,GAAwB,EACvCuB,QAAQ,EAAEM,KAAAA,EAAAA,GACVW,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAOhBb,EAAI,CAAA,CAAEsE,CAAAA,MAAAA;AACL,UAAIA,GAAUnD,QAAQ;AAErBmD,UAASnD,OAAOoD,KAAAA;AAGhB,cAAMhB,IAAsBe,EAASnD,OAAeqC;AAChDD,QAAAA,KACHA,EAAmBE,QAASC,CAAAA,MAAsBA,EAAIC,YAAAA,CAAAA;AAIvD,cAAMa,IAAejG,KAAKC,cAAc0E,QAAQoB,EAASnD,MAAAA;AAAAA,QACrDqD,MADqDrD,MAExD5C,KAAKC,cAAc2E,OAAOqB,GAAc,CAAA;AAGzC,cAAMC,IAAWlG,KAAKE,iBAAiByE,QAAQoB,EAASnD,MAAAA;AAAAA,QACpDsD,MADoDtD,MAEvD5C,KAAKE,iBAAiB0E,OAAOsB,GAAU,IAIpCH,EAASnD,OAAOyC,iBACnBU,EAASnD,OAAOyC,cAAcP,YAAYiB,EAASnD,MAAAA;AAAAA,MAErD;AAAA,QAGD+C,UAAAA;AAAAA,EACH;AAAA,EAMO,QAAQnD,GAAAA;AACd,WAAO,IAAI2D,QAAQ,CAAC1B,GAASe,MAAAA;AAE5B,YAAMY,IAAkB,EAAA,GACpBrG,EAAcsG,oBACd7D,EAAAA;AAIC4D,MAAAA,EAAgB/B,aACpB+B,EAAgB/B,WAAWrE,KAAKsE,oBAAAA;AAIjC,YAAM9C,IAAuB,EAC5BgB,SAAS4D,GACTzE,MAAM,WACN+B,SAAS0C,EAAgB1C,SACzBe,SAAAA,GACAe;AAGDxF,WAAKG,cAAcmG,KAAK9E,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAE1B;AAAA,EAOO,UACNkC,GACAlB,IAAsD;AAEtD,WAAO,IAAI2D,QAAQ,CAAC1B,GAASe,MAAAA;AAEvBhD,MAAAA,EAAQ6B,aACZ7B,EAAQ6B,WAAWrE,KAAKsE,oBAAAA;AAIzB,YAAM9C,IAAuB,EAC5BgB,SAAAA,GACAb,MAAM,aACN+B,SAAAA,GACAe,SAAAA,GACAe;AAGDxF,WAAKG,cAAcmG,KAAK9E,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAE1B;AAAA,EAMO;AAEN,QAAIxB,KAAKE,iBAAiBqG,SAAS,GAAG;AAErC,YACM7E,IADS1B,KAAKE,iBAAiBF,KAAKE,iBAAiBqG,SAAS,CAAA,EACjDC,aAAa;AAEhC,UAAI9E,EAEH,QADA1B,KAAKK,eAAeiG,KAAK5E,CAAAA,GAAAA;AAAAA,IAG3B;AAGA,QAAI1B,KAAKC,cAAcsG,SAAS,GAAG;AAElC,YACM7E,IADS1B,KAAKC,cAAcD,KAAKC,cAAcsG,SAAS,GAC3CC,aAAa,KAAA;AAEhC,UAAI9E,EAEH,QADA1B,KAAKK,eAAeiG,KAAK5E,CAAAA,GAAAA;AAAAA,IAG3B;AAEA,WAAA;AAAA,EACD;AAAA,EAMO;AACN,WAAO1B,KAAKyG;EACb;AAAA,EAMO,IAAItD,GAAiBuD,GAAAA;AAC3B,WAAO1G,KAAK2G,QAAQ,EACnBxD,YACAkB,UAAUqC,EAAAA,CAAAA;AAAAA,EAEZ;AAAA,EAMO,OAAOlE,GAAAA;AACb,WAAOxC,KAAK2G,QAAQ,KAChBnE,GACHc,SAAS;EAEX;AAAA,EAKQ;AACP,WAAO,EACNsD,GAAG9F,OAAO+F,aAAa,GACvBC,GAAGhG,OAAOiG,cAAc;EAE1B;AAAA;AAvaA/G,EAAeqG,kBAA0C,EACxDpD,OAAAA,QACAC,UAAAA,QACAE,aAAAA,QACAC,oBACAC,SAAS,WACTC,OAAO,QAAA;AAVF,IAAMxD,IAANiH;AAkbA,MAAMC,IAAU,EAKtBN,SAAUnE,CAAAA,MACFzC,EAAcS,YAAAA,EAAcmG,QAAQnE,IAO5C0E,KAAK,CAAC/D,GAAiBuD,MACf3G,EAAcS,cAAc0G,IAAI/D,GAASuD,CAAAA,GAOjDS,QAAS3E,CAAAA,MACDzC,EAAcS,cAAc2G,OAAO3E,CAAAA,GAO3C4E,WAAW,CACV1D,GACAlB,MAEOzC,EAAcS,YAAAA,EAAc4G,UAAU1D,GAASlB,CAAAA,GAOvDiE,SAAS,MACD1G,EAAcS,YAAAA,EAAciG,WAOpCY,OAAO,MACCtH,EAAcS,YAAAA,EAAc6G,MAAAA,EAAAA;"}

package/dist/flex-CYQU6Pf8.js

@@ -1,260 +0,0 @@
-import { unsafeCSS as P, html as m, css as j } from "lit";
-import { property as t, customElement as v, queryAssignedElements as T } from "lit/decorators.js";
-import { classMap as W } from "lit/directives/class-map.js";
-import { styleMap as z } from "lit/directives/style-map.js";
-import { fromEvent as x, map as S, startWith as E, distinctUntilChanged as L, takeUntil as k, debounceTime as C, filter as B } from "rxjs";
-import "rxjs/operators";
-import { T as O } from "./tailwind.mixin-wLaKUxf1.js";
-var H = Object.defineProperty, i = (e, r, p, l) => {
-  for (var n, o = void 0, a = e.length - 1; a >= 0; a--) (n = e[a]) && (o = n(r, p, o) || o);
-  return o && H(r, p, o), o;
-};
-const w = class w extends O() {
-  constructor() {
-    super(...arguments), this.layout = !0, this.center = void 0, this.display = void 0, this.overflow = void 0, this.overflowX = void 0, this.overflowY = void 0, this.position = void 0;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.style.setProperty("padding", this.padding ?? ""), this.style.setProperty("margin", this.margin ?? ""), this.style.setProperty("width", this.width ?? ""), this.style.setProperty("height", this.height ?? ""), this.style.setProperty("min-width", this.minWidth ?? ""), this.style.setProperty("min-height", this.minHeight ?? ""), this.style.setProperty("max-width", this.maxWidth ?? ""), this.style.setProperty("max-height", this.maxHeight ?? ""), this.style.setProperty("display", this.display ?? ""), this.style.setProperty("overflow", this.overflow ?? ""), this.style.setProperty("overflow-x", this.overflowX ?? ""), this.style.setProperty("overflow-y", this.overflowY ?? ""), this.style.setProperty("position", this.position ?? ""), this.style.setProperty("top", this.top ?? ""), this.style.setProperty("right", this.right ?? ""), this.style.setProperty("bottom", this.bottom ?? ""), this.style.setProperty("left", this.left ?? ""), this.style.setProperty("inset", this.inset ?? ""), this.style.setProperty("z-index", this.zIndex ?? ""), this.style.setProperty("border", this.border ?? ""), this.style.setProperty("border-top", this.borderTop ?? ""), this.style.setProperty("border-right", this.borderRight ?? ""), this.style.setProperty("border-bottom", this.borderBottom ?? ""), this.style.setProperty("border-left", this.borderLeft ?? ""), this.style.setProperty("border-color", this.borderColor ?? ""), this.style.setProperty("border-radius", this.borderRadius ?? ""), this.style.setProperty("border-width", this.borderWidth ?? ""), this.style.setProperty("box-shadow", this.boxShadow ?? ""), this.style.setProperty("opacity", this.opacity ?? ""), this.style.setProperty("background", this.background ?? ""), this.style.setProperty("background-image", this.backgroundImage ?? ""), this.style.setProperty("background-position", this.backgroundPosition ?? ""), this.style.setProperty("background-size", this.backgroundSize ?? ""), this.style.setProperty("background-repeat", this.backgroundRepeat ?? ""), this.style.setProperty("background-attachment", this.backgroundAttachment ?? ""), this.style.setProperty("background-color", this.backgroundColor ?? ""), this.style.setProperty("background-clip", this.backgroundClip ?? ""), this.style.setProperty("background-origin", this.backgroundOrigin ?? ""), this.style.setProperty("background-blend-mode", this.backgroundBlendMode ?? ""), this.style.setProperty("filter", this.filter ?? ""), this.style.setProperty("backdrop-filter", this.backdropFilter ?? ""), this.center && (this.style.setProperty("margin-left", "auto"), this.style.setProperty("margin-right", "auto"));
-  }
-};
-w.styles = [w.styles];
-let s = w;
-i([t({ type: Boolean })], s.prototype, "center"), i([t({ type: String })], s.prototype, "padding"), i([t({ type: String })], s.prototype, "margin"), i([t({ type: String })], s.prototype, "width"), i([t({ type: String })], s.prototype, "height"), i([t({ type: String })], s.prototype, "minWidth"), i([t({ type: String })], s.prototype, "minHeight"), i([t({ type: String })], s.prototype, "maxWidth"), i([t({ type: String })], s.prototype, "maxHeight"), i([t({ type: String })], s.prototype, "display"), i([t({ type: String })], s.prototype, "overflow"), i([t({ type: String })], s.prototype, "overflowX"), i([t({ type: String })], s.prototype, "overflowY"), i([t({ type: String })], s.prototype, "position"), i([t({ type: String })], s.prototype, "top"), i([t({ type: String })], s.prototype, "right"), i([t({ type: String })], s.prototype, "bottom"), i([t({ type: String })], s.prototype, "left"), i([t({ type: String })], s.prototype, "inset"), i([t({ type: String })], s.prototype, "zIndex"), i([t({ type: String })], s.prototype, "border"), i([t({ type: String })], s.prototype, "borderTop"), i([t({ type: String })], s.prototype, "borderRight"), i([t({ type: String })], s.prototype, "borderBottom"), i([t({ type: String })], s.prototype, "borderLeft"), i([t({ type: String })], s.prototype, "borderColor"), i([t({ type: String })], s.prototype, "borderRadius"), i([t({ type: String })], s.prototype, "borderWidth"), i([t({ type: String })], s.prototype, "boxShadow"), i([t({ type: String })], s.prototype, "opacity"), i([t({ type: String })], s.prototype, "background"), i([t({ type: String })], s.prototype, "backgroundImage"), i([t({ type: String })], s.prototype, "backgroundPosition"), i([t({ type: String })], s.prototype, "backgroundSize"), i([t({ type: String })], s.prototype, "backgroundRepeat"), i([t({ type: String })], s.prototype, "backgroundAttachment"), i([t({ type: String })], s.prototype, "backgroundColor"), i([t({ type: String })], s.prototype, "backgroundClip"), i([t({ type: String })], s.prototype, "backgroundOrigin"), i([t({ type: String })], s.prototype, "backgroundBlendMode"), i([t({ type: String })], s.prototype, "filter"), i([t({ type: String })], s.prototype, "backdropFilter");
-var F = Object.defineProperty, R = Object.getOwnPropertyDescriptor, f = (e, r, p, l) => {
-  for (var n, o = l > 1 ? void 0 : l ? R(r, p) : r, a = e.length - 1; a >= 0; a--) (n = e[a]) && (o = (l ? n(r, p, o) : n(o)) || o);
-  return l && o && F(r, p, o), o;
-};
-let d = class extends s {
-  constructor() {
-    super(...arguments), this.layout = !0, this.flow = "col", this.wrap = "wrap", this.align = "start", this.justify = "start", this.gap = "none";
-  }
-  render() {
-    const e = { flex: !0, "flex-col": this.flow === "row", "flex-col-reverse": this.flow === "row-reverse", "flex-row": this.flow === "col", "flex-row-reverse": this.flow === "col-reverse", "flex-wrap": this.wrap === "wrap", "flex-wrap-reverse": this.wrap === "wrap-reverse", "flex-nowrap": this.wrap === "nowrap", "items-start": this.align === "start", "items-center": this.align === "center", "items-end": this.align === "end", "items-stretch": this.align === "stretch", "justify-baseline": this.align === "baseline", "justify-center": this.justify === "center", "justify-end": this.justify === "end", "justify-start": this.justify === "start", "justify-stretch": this.justify === "stretch", "justify-between": this.justify === "between", "gap-0": this.gap === "none", "gap-2": this.gap === "sm", "gap-4": this.gap === "md", "gap-8": this.gap === "lg" };
-    return m`
-			<section class=${W(e)} style=${z({})}>
-				<slot></slot>
-			</section>
-		`;
-  }
-};
-d.styles = [s.styles, P(":host{display:block;background-color:inherit}")], f([t({ type: String, reflect: !0 })], d.prototype, "flow", 2), f([t({ type: String, reflect: !0 })], d.prototype, "wrap", 2), f([t({ type: String, reflect: !0 })], d.prototype, "align", 2), f([t({ type: String, reflect: !0 })], d.prototype, "justify", 2), f([t({ type: String, reflect: !0 })], d.prototype, "gap", 2), d = f([v("schmancy-flex")], d);
-var $ = Object.defineProperty, A = Object.getOwnPropertyDescriptor, c = (e, r, p, l) => {
-  for (var n, o = l > 1 ? void 0 : l ? A(r, p) : r, a = e.length - 1; a >= 0; a--) (n = e[a]) && (o = (l ? n(r, p, o) : n(o)) || o);
-  return l && o && $(r, p, o), o;
-};
-let h = class extends s {
-  constructor() {
-    super(...arguments), this.layout = !0, this.flow = "row", this.align = "stretch", this.justify = "stretch", this.content = "stretch", this.gap = "none", this.wrap = !1;
-  }
-  firstUpdated() {
-    this.rcols && x(window, "resize").pipe(S((e) => e.target), E(1), S(() => this.clientWidth ? this.clientWidth : window.innerWidth), L(), k(this.disconnecting), C(10), S((e) => {
-      let r;
-      return this.rcols?.["2xl"] && e >= 1536 ? r = this.rcols?.["2xl"] : this.rcols?.xl && e >= 1280 ? r = this.rcols?.xl : this.rcols?.lg && e >= 1024 ? r = this.rcols?.lg : this.rcols?.md && e >= 768 ? r = this.rcols?.md : this.rcols?.sm && e >= 640 ? r = this.rcols?.sm : this.rcols?.xs && e < 640 && (r = this.rcols?.xs), r;
-    })).subscribe((e) => {
-      this.cols = e;
-    });
-  }
-  render() {
-    const e = { "h-full": !0, "grid flex-1": !0, "grid-flow-row auto-rows-max": this.flow === "row", "grid-flow-col auto-cols-max": this.flow === "col", "grid-flow-row-dense": this.flow === "row-dense", "grid-flow-col-dense": this.flow === "col-dense", "grid-flow-dense": this.flow === "dense", "justify-center": this.content === "center", "justify-end": this.content === "end", "justify-start": this.content === "start", "justify-stretch": this.content === "stretch", "justify-between": this.content === "between", "justify-around": this.content === "around", "justify-evenly": this.content === "evenly", "justify-items-center": this.justify === "center", "justify-items-end": this.justify === "end", "justify-items-start": this.justify === "start", "justify-items-stretch": this.justify === "stretch", "items-center": this.align === "center", "items-end": this.align === "end", "items-start": this.align === "start", "items-stretch": this.align === "stretch", "items-baseline": this.align === "baseline", "gap-0": this.gap === "none", "gap-1": this.gap === "xs", "gap-2": this.gap === "sm", "gap-4": this.gap === "md", "gap-8": this.gap === "lg", "flex-nowrap": this.wrap, "flex-wrap": !this.wrap }, r = { gridTemplateRows: this.rows ? this.rows : void 0, gridTemplateColumns: this.cols ? this.cols : void 0 };
-    return m`
-			<section class="${this.classMap(e)}" style=${this.styleMap(r)}>
-				<slot> </slot>
-			</section>
-		`;
-  }
-};
-h.styles = [s.styles, P(":host{height:max-content;width:-webkit-fill-available;display:block}")], c([t({ type: String })], h.prototype, "flow", 2), c([t({ type: String })], h.prototype, "align", 2), c([t({ type: String })], h.prototype, "justify", 2), c([t({ type: String })], h.prototype, "content", 2), c([t({ type: String })], h.prototype, "gap", 2), c([t({ type: String })], h.prototype, "cols", 2), c([t({ type: String })], h.prototype, "rows", 2), c([t({ type: Object })], h.prototype, "rcols", 2), c([t({ type: Boolean })], h.prototype, "wrap", 2), c([T()], h.prototype, "assignedElements", 2), h = c([v("schmancy-grid")], h);
-var M = Object.defineProperty, I = Object.getOwnPropertyDescriptor, b = (e, r, p, l) => {
-  for (var n, o = l > 1 ? void 0 : l ? I(r, p) : r, a = e.length - 1; a >= 0; a--) (n = e[a]) && (o = (l ? n(r, p, o) : n(o)) || o);
-  return l && o && M(r, p, o), o;
-};
-let u = class extends O(j`
-	:host {
-		/* Flexible sizing for different layout contexts */
-		width: 100%;
-		min-height: 0; /* Allow flex shrinking */
-		flex: 1; /* Grow in flex containers */
-		box-sizing: border-box; /* Ensures proper sizing */
-		display: block;
-		position: relative;
-		scroll-behavior: smooth;
-		overscroll-behavior-x: contain;
-		overscroll-behavior-y: auto;
-	}
-	/* Fallback for non-flex contexts */
-	:host(.explicit-height) {
-		height: 100%;
-		flex: none;
-	}
-	:host([hide]) {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
-	}
-	:host([hide])::-webkit-scrollbar {
-		display: none; /* Chrome, Safari, and Opera */
-	}
-`) {
-  constructor() {
-    super(...arguments), this.hide = !1, this.direction = "both", this.debounce = 10;
-  }
-  get scroller() {
-    return this;
-  }
-  scrollTo(e, r) {
-    this.scroller && (typeof e == "number" ? this.scroller.scrollTo({ top: e, behavior: r ? "smooth" : "auto" }) : e ? this.scroller.scrollTo(e) : this.scroller.scrollTo({ top: 0, left: 0, behavior: "auto" }));
-  }
-  scrollToLeft(e, r = "auto") {
-    this.scroller && this.scroller.scrollTo({ left: e, behavior: r });
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.updateScrollingStyles(), this.updateLayoutContext(), this.setAttribute("part", "scroller");
-  }
-  updateScrollingStyles() {
-    this.direction === "horizontal" ? (this.style.setProperty("overflow-y", "hidden"), this.style.setProperty("overflow-x", "auto")) : this.direction === "vertical" ? (this.style.setProperty("overflow-y", "auto"), this.style.setProperty("overflow-x", "hidden")) : (this.style.setProperty("overflow-y", "auto"), this.style.setProperty("overflow-x", "auto"));
-  }
-  updateLayoutContext() {
-    requestAnimationFrame(() => {
-      const e = this.parentElement;
-      if (e) {
-        const r = getComputedStyle(e);
-        r.display === "flex" || r.display === "inline-flex" ? this.classList.remove("explicit-height") : this.classList.add("explicit-height");
-      } else this.classList.add("explicit-height");
-    });
-  }
-  updated(e) {
-    super.updated(e), e.has("direction") && this.updateScrollingStyles(), this.updateLayoutContext();
-  }
-  firstUpdated() {
-    x(this.scroller, "scroll", { passive: !0 }).pipe(C(this.debounce), k(this.disconnecting)).subscribe((e) => {
-      const r = this.scroller.scrollTop, p = this.scroller.scrollHeight, l = this.scroller.clientHeight, n = this.scroller.scrollLeft, o = this.scroller.scrollWidth, a = this.scroller.clientWidth;
-      this.dispatchEvent(new CustomEvent("scroll", { detail: { scrollTop: r, scrollHeight: p, clientHeight: l, e, scrollLeft: n, scrollWidth: o, clientWidth: a }, bubbles: !0, composed: !0 }));
-    }), x(window, "@schmancy:scrollTo").pipe(B((e) => this.name !== void 0 && e.detail.name === this.name), k(this.disconnecting)).subscribe((e) => {
-      if (e.detail.action === "scrollTo" && typeof e.detail.top == "number") {
-        const r = { behavior: "smooth", top: e.detail.top };
-        typeof e.detail.left == "number" && (r.left = e.detail.left), this.scrollTo(r);
-      }
-    });
-  }
-  render() {
-    return m`<slot></slot>`;
-  }
-};
-b([t({ type: Boolean, reflect: !0 })], u.prototype, "hide", 2), b([t({ type: String, reflect: !0 })], u.prototype, "name", 2), b([t({ type: String, reflect: !0 })], u.prototype, "direction", 2), b([t({ type: Number })], u.prototype, "debounce", 2), u = b([v("schmancy-scroll")], u);
-var D = Object.defineProperty, U = Object.getOwnPropertyDescriptor, g = (e, r, p, l) => {
-  for (var n, o = l > 1 ? void 0 : l ? U(r, p) : r, a = e.length - 1; a >= 0; a--) (n = e[a]) && (o = (l ? n(r, p, o) : n(o)) || o);
-  return l && o && D(r, p, o), o;
-};
-let y = class extends s {
-  constructor() {
-    super(...arguments), this.inline = !1, this.flow = "row", this.wrap = "wrap", this.align = "stretch", this.justify = "start", this.gap = "none";
-  }
-  render() {
-    const e = this.inline ? "inline-flex" : "flex";
-    let r = "";
-    switch (this.flow) {
-      case "row":
-      case "row-dense":
-      default:
-        r = "flex-row";
-        break;
-      case "row-reverse":
-        r = "flex-row-reverse";
-        break;
-      case "col":
-      case "col-dense":
-        r = "flex-col";
-        break;
-      case "col-reverse":
-        r = "flex-col-reverse";
-    }
-    let p = "";
-    switch (this.flow === "row-dense" || this.flow === "col-dense" ? "wrap" : this.wrap) {
-      case "wrap":
-      default:
-        p = "flex-wrap";
-        break;
-      case "nowrap":
-        p = "flex-nowrap";
-        break;
-      case "wrap-reverse":
-        p = "flex-wrap-reverse";
-    }
-    let l = "";
-    switch (this.align) {
-      case "start":
-        l = "items-start";
-        break;
-      case "center":
-        l = "items-center";
-        break;
-      case "end":
-        l = "items-end";
-        break;
-      case "stretch":
-      default:
-        l = "items-stretch";
-        break;
-      case "baseline":
-        l = "items-baseline";
-    }
-    let n = "";
-    switch (this.justify) {
-      case "start":
-      default:
-        n = "justify-start";
-        break;
-      case "center":
-        n = "justify-center";
-        break;
-      case "end":
-        n = "justify-end";
-        break;
-      case "between":
-        n = "justify-between";
-        break;
-      case "around":
-        n = "justify-around";
-        break;
-      case "evenly":
-        n = "justify-evenly";
-    }
-    let o = "";
-    if (this.content) switch (this.content) {
-      case "start":
-        o = "content-start";
-        break;
-      case "center":
-        o = "content-center";
-        break;
-      case "end":
-        o = "content-end";
-        break;
-      case "between":
-        o = "content-between";
-        break;
-      case "around":
-        o = "content-around";
-        break;
-      case "evenly":
-        o = "content-evenly";
-    }
-    const a = [e, r, p, l, n, o, this.gap === "none" ? "gap-0" : `gap-${this.gap}`].filter(Boolean).join(" ");
-    return m`
-			<section class=${a}>
-				<slot></slot>
-			</section>
-		`;
-  }
-};
-y.styles = [s.styles, j`
-			:host {
-				display: block;
-			}
-		`], g([t({ type: Boolean, reflect: !0 })], y.prototype, "inline", 2), g([t({ type: String, reflect: !0 })], y.prototype, "flow", 2), g([t({ type: String, reflect: !0 })], y.prototype, "wrap", 2), g([t({ type: String, reflect: !0 })], y.prototype, "align", 2), g([t({ type: String, reflect: !0 })], y.prototype, "justify", 2), g([t({ type: String, reflect: !0 })], y.prototype, "content", 2), g([t({ type: String, reflect: !0 })], y.prototype, "gap", 2), y = g([v("sch-flex")], y);
-export {
-  d as S,
-  h as a,
-  u as b,
-  y as c
-};
-//# sourceMappingURL=flex-CYQU6Pf8.js.map