@mhmo91/schmancy 0.2.194 → 0.2.196

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-content-CJY69qfC.cjs","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts","../src/dialog/dialog.component.ts","../src/dialog/dialog-content.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, Placement, shift, size, Strategy } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\n\n/**\n * A confirm dialog web component with custom content support\n *\n * @element confirm-dialog\n * @slot content - Optional slot for custom content\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n\n\t/* Used when centered for initial positioning */\n\t.dialog.centered {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t}\n`) {\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String })\n\tsubtitle = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = undefined\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String, attribute: 'confirm-text' })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Confirm button color\n\t */\n\t@property({ type: String, attribute: 'confirm-color' })\n\tconfirmColor?: 'primary' | 'error' | 'warning' | 'success'\n\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Store cleanup function for position auto-updates\n\t */\n\tprivate cleanupAutoUpdate?: () => void\n\n\t/**\n\t * Store resize subscription\n\t */\n\tprivate resizeSubscription?: { unsubscribe: () => void }\n\n\t/**\n\t * Virtual element to use as reference for positioning\n\t */\n\tprivate virtualReference?: {\n\t\tgetBoundingClientRect: () => DOMRect\n\t}\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Store initial position\n\t\tthis.position = { x, y }\n\n\t\t// Create virtual reference element at the provided coordinates\n\t\tthis.virtualReference = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t},\n\t\t}\n\n\t\t// Make dialog active\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(confirmed = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Clean up any auto-update subscription\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(confirmed)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Set up position auto-updating when dialog content changes or window resizes\n\t */\n\tprivate setupPositioning(dialog: HTMLElement) {\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Check if this is a centered dialog\n\t\tconst isCentered =\n\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, use CSS-based centering\n\t\t\tdialog.classList.add('centered')\n\n\t\t\t// Always set up auto-update for content changes, even for centered dialogs\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\tdocument.body, // Use body as reference for centered dialogs\n\t\t\t\tdialog,\n\t\t\t\t() => {\n\t\t\t\t\t// If dialog has the centered class, ensure it stays visible\n\t\t\t\t\t// even when content changes its dimensions\n\t\t\t\t\tif (dialog.classList.contains('centered')) {\n\t\t\t\t\t\t// Adjust max-height to ensure dialog stays within viewport\n\t\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telementResize: true,\n\t\t\t\t\tancestorScroll: true,\n\t\t\t\t},\n\t\t\t)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Remove centered class if it exists\n\t\tdialog.classList.remove('centered')\n\n\t\t// Use Floating UI's autoUpdate to continually update position\n\t\tif (this.virtualReference) {\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.virtualReference, dialog, () => this.updatePosition(dialog), {\n\t\t\t\tancestorScroll: true,\n\t\t\t\tancestorResize: true,\n\t\t\t\telementResize: true,\n\t\t\t\tanimationFrame: true, // Enable continuous updates for smoother repositioning\n\t\t\t})\n\n\t\t\t// Initial positioning\n\t\t\tthis.updatePosition(dialog)\n\t\t}\n\t}\n\n\t/**\n\t * Update dialog position using Floating UI\n\t */\n\tprivate async updatePosition(dialog: HTMLElement) {\n\t\tif (!this.virtualReference) return\n\n\t\t// Force window bounds recalculation on resize\n\t\tif (this.position.x > 0 && this.position.y > 0) {\n\t\t\t// Update virtual reference to consider current window size\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Ensure position is constrained to current viewport\n\t\t\tconst x = Math.min(this.position.x, viewportWidth - 20)\n\t\t\tconst y = Math.min(this.position.y, viewportHeight - 20)\n\n\t\t\t// Update virtual reference with current viewport-constrained position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect() {\n\t\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\n\t\tconst placement: Placement = 'bottom-start'\n\t\tconst strategy: Strategy = 'absolute'\n\t\tconst margin = 20 // Standard margin from edges\n\n\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\tplacement,\n\t\t\tstrategy,\n\t\t\tmiddleware: [\n\t\t\t\t// Offset from the reference point\n\t\t\t\toffset(margin),\n\n\t\t\t\t// Flip to opposite side if no space\n\t\t\t\tflip({\n\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-end', 'top-end'],\n\t\t\t\t\tfallbackStrategy: 'bestFit',\n\t\t\t\t}),\n\n\t\t\t\t// Shift along the preferred axis to stay in view\n\t\t\t\tshift({\n\t\t\t\t\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\n\t\t\t\t// Resize dialog if needed\n\t\t\t\tsize({\n\t\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\t\t// If dialog is wider than available space\n\t\t\t\t\t\tif (elements.floating.offsetWidth > availableWidth) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxWidth: `${Math.max(availableWidth - margin * 2, 280)}px`, // Keep at least 280px if possible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If dialog is taller than available space\n\t\t\t\t\t\tif (elements.floating.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxHeight: `${availableHeight - margin * 2}px`,\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\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\t\t\t],\n\t\t})\n\n\t\t// Apply the computed position\n\t\tObject.assign(dialog.style, {\n\t\t\tleft: `${Math.round(x)}px`,\n\t\t\ttop: `${Math.round(y)}px`,\n\t\t\ttransform: 'none', // Remove any transform that might interfere\n\t\t})\n\t}\n\n\t/**\n\t * Handle component disconnection from DOM\n\t */\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up subscriptions\n\t\tif (this.resizeSubscription) {\n\t\t\tthis.resizeSubscription.unsubscribe()\n\t\t\tthis.resizeSubscription = undefined\n\t\t}\n\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Set up positioning with Floating UI\n\t\tthis.setupPositioning(dialog)\n\n\t\t// Set up window resize subscription using RxJS with debounce\n\t\tthis.resizeSubscription = fromEvent(window, 'resize')\n\t\t\t.pipe(debounceTime(50)) // Faster response time\n\t\t\t.subscribe(() => {\n\t\t\t\t// Get current viewport dimensions\n\t\t\t\tconst viewportWidth = window.innerWidth\n\t\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t\t// If using CSS centered positioning, ensure it stays centered\n\t\t\t\tconst isCentered =\n\t\t\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\t\t\tif (isCentered) {\n\t\t\t\t\t// Update position to new center\n\t\t\t\t\tthis.position = {\n\t\t\t\t\t\tx: viewportWidth / 2,\n\t\t\t\t\t\ty: viewportHeight / 2,\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always update position on resize\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t})\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm() {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel action\n\t */\n\tprivate handleCancel() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('cancel', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Get the CSS class for the confirm button based on color\n\t */\n\tprivate getConfirmButtonClass(): string {\n\t\t// Map confirmColor to appropriate CSS classes\n\t\tconst colorMap = {\n\t\t\terror: 'bg-red-600 hover:bg-red-700 text-white',\n\t\t\twarning: 'bg-orange-600 hover:bg-orange-700 text-white',\n\t\t\tsuccess: 'bg-green-600 hover:bg-green-700 text-white',\n\t\t\tprimary: ''\n\t\t}\n\n\t\t// If variant is danger, use error color\n\t\tif (this.variant === 'danger' || this.confirmColor === 'error') {\n\t\t\treturn colorMap.error\n\t\t}\n\n\t\treturn colorMap[this.confirmColor || 'primary'] || ''\n\t}\n\n\trender() {\n\t\t// For initial rendering, use transform-based centering from CSS\n\t\t// firstUpdated will handle precise positioning after measuring\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\t\t// Only show buttons if both confirmText and cancelText are non-empty strings\n\t\tconst showButtons =\n\t\t\tthis.confirmText && this.confirmText.trim() !== '' && this.cancelText && this.cancelText.trim() !== ''\n\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleCancel}></div>\n\n\t\t\t<div class=\"dialog\" role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm} class=\"p-4\">\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.title && this.title.trim() !== '',\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"mb-1\"> ${this.title} </schmancy-typography>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.subtitle && this.subtitle.trim() !== '',\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"subtitle\" token=\"xs\" class=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t${this.subtitle}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t() => html``\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\t${hasCustomContent\n\t\t\t\t\t\t\t? html`<div class=\"${showButtons ? 'mb-4' : ''}\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t: when(\n\t\t\t\t\t\t\t\t\tthis.message && this.message.trim() !== '',\n\t\t\t\t\t\t\t\t\t() => html`<schmancy-typography type=\"body\" class=\"mb-4\"> ${this.message} </schmancy-typography>`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tshowButtons,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>\n\t\t\t\t\t\t\t\t\t<schmancy-button type=\"submit\" variant=\"filled\" class=${this.getConfirmButtonClass()}> ${this.confirmText} </schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</schmancy-form>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for even simpler API\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tif (options.title) dialog.title = options.title\n\t\tif (options.subtitle) dialog.subtitle = options.subtitle\n\t\tif (options.message) dialog.message = options.message\n\t\tif (options.confirmText) dialog.confirmText = options.confirmText\n\t\tif (options.cancelText) dialog.cancelText = options.cancelText\n\t\tif (options.variant) dialog.variant = options.variant\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Even simpler shorthand method - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n","import { render, TemplateResult } from 'lit'\nimport { ConfirmDialog } from './dailog'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\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}\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: 'Cancel',\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Track active dialogs to handle dismissing the most recent one\n\tprivate activeDialogs: ConfirmDialog[] = []\n\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t}\n\n\t\t// If no position is provided, center the dialog\n\t\tif (!completeOptions.position) {\n\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t}\n\n\t\t// Create or find the dialog\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set basic options\n\t\tif (completeOptions.title) dialog.title = completeOptions.title\n\t\tif (completeOptions.subtitle) dialog.subtitle = completeOptions.subtitle\n\t\tif (completeOptions.message) dialog.message = completeOptions.message\n\t\tif (completeOptions.confirmText) dialog.confirmText = completeOptions.confirmText\n\t\tif (completeOptions.cancelText) dialog.cancelText = completeOptions.cancelText\n\t\tif (completeOptions.variant) dialog.variant = completeOptions.variant\n\t\tif (completeOptions.confirmColor) dialog.confirmColor = completeOptions.confirmColor\n\t\tif (completeOptions.width) dialog.style.setProperty('--dialog-width', completeOptions.width)\n\n\t\t// Handle custom content if provided\n\t\tif (completeOptions.content) {\n\t\t\tconst contentContainer = document.createElement('div')\n\t\t\tcontentContainer.slot = 'content'\n\n\t\t\tif (typeof completeOptions.content === 'function') {\n\t\t\t\tconst result = completeOptions.content()\n\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t} else {\n\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t}\n\t\t\t} else if (completeOptions.content instanceof HTMLElement) {\n\t\t\t\tcontentContainer.appendChild(completeOptions.content)\n\t\t\t} else {\n\t\t\t\trender(completeOptions.content, contentContainer)\n\t\t\t}\n\n\t\t\tdialog.appendChild(contentContainer)\n\t\t}\n\n\t\t// Set up event listeners for optional callbacks\n\t\tif (completeOptions.onConfirm) {\n\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\tcompleteOptions.onConfirm!()\n\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t}\n\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t}\n\n\t\tif (completeOptions.onCancel) {\n\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\tcompleteOptions.onCancel!()\n\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t}\n\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t}\n\n\t\t// Add this dialog to active dialogs\n\t\tthis.activeDialogs.push(dialog)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(completeOptions.position).finally(() => {\n\t\t\t// Remove from active dialogs when closed\n\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t}\n\n\t\t\t// Clean up the content when dialog closes\n\t\t\tif (completeOptions.content) {\n\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\tif (contentEl) {\n\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\t// Create a direct container for the component without any wrapping\n\t\tconst directContentContainer = document.createElement('div');\n\t\tdirectContentContainer.style.height = '100%';\n\t\tdirectContentContainer.style.width = '100%';\n\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container');\n\t\t\n\t\t// Render the content directly\n\t\tif (typeof content === 'function') {\n\t\t\tconst result = content();\n\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\tdirectContentContainer.appendChild(result);\n\t\t\t} else {\n\t\t\t\trender(result, directContentContainer);\n\t\t\t}\n\t\t} else if (content instanceof HTMLElement) {\n\t\t\tdirectContentContainer.appendChild(content);\n\t\t} else {\n\t\t\trender(content, directContentContainer);\n\t\t}\n\t\t\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('schmancy-dialog') as any;\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog');\n\t\t\tdocument.body.appendChild(dialog);\n\t\t}\n\t\t\n\t\t// Always use raw component rendering with no actions\n\t\tdialog.appendChild(directContentContainer);\n\t\t\n\t\t// Set width from options\n\t\tif (options.width) {\n\t\t\tdialog.style.setProperty('--dialog-width', options.width);\n\t\t}\n\t\t\n\t\t// Add to active raw dialogs for dismiss functionality\n\t\tthis.activeRawDialogs.push(dialog);\n\t\t\n\t\t// Show dialog and return promise with cleanup\n\t\tconst promise = dialog.show(options.position);\n\t\treturn promise.finally(() => {\n\t\t\t// Clean up content when dialog closes\n\t\t\tif (directContentContainer && directContentContainer.parentNode) {\n\t\t\t\tdirectContentContainer.parentNode.removeChild(directContentContainer);\n\t\t\t}\n\t\t\t\n\t\t\t// Remove from active raw dialogs\n\t\t\tconst index = this.activeRawDialogs.indexOf(dialog);\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeRawDialogs.splice(index, 1);\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\t// Remove from active dialogs\n\t\t\tthis.activeRawDialogs.pop();\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog (with cancel result)\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Show a simple dialog without title or actions, just content\n\t * This is an alias for component() since all component dialogs are now simple by design\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tsimple: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message' | 'title' | 'confirmText' | 'cancelText'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n}\n\nexport default DialogService","import { autoUpdate, computePosition, flip, offset, Placement, shift, size, Strategy } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\n\n/**\n * A basic dialog web component without title or actions\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n\n\t/* Used when centered for initial positioning */\n\t.dialog.centered {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t}\n`) {\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Store cleanup function for position auto-updates\n\t */\n\tprivate cleanupAutoUpdate?: () => void\n\n\t/**\n\t * Virtual element to use as reference for positioning\n\t */\n\tprivate virtualReference?: {\n\t\tgetBoundingClientRect: () => DOMRect\n\t}\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Store initial position\n\t\tthis.position = { x, y }\n\n\t\t// Create virtual reference element at the provided coordinates\n\t\tthis.virtualReference = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t},\n\t\t}\n\n\t\t// Make dialog active\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(result = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Clean up any auto-update subscription\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(result)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Set up position auto-updating when dialog content changes or window resizes\n\t */\n\tprivate setupPositioning(dialog: HTMLElement) {\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Check if this is a centered dialog\n\t\tconst isCentered =\n\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, use CSS-based centering\n\t\t\tdialog.classList.add('centered')\n\n\t\t\t// Always set up auto-update for content changes, even for centered dialogs\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\tdocument.body, // Use body as reference for centered dialogs\n\t\t\t\tdialog,\n\t\t\t\t() => {\n\t\t\t\t\t// If dialog has the centered class, ensure it stays visible\n\t\t\t\t\t// even when content changes its dimensions\n\t\t\t\t\tif (dialog.classList.contains('centered')) {\n\t\t\t\t\t\t// Adjust max-height to ensure dialog stays within viewport\n\t\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telementResize: true,\n\t\t\t\t\tancestorScroll: true,\n\t\t\t\t},\n\t\t\t)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Remove centered class if it exists\n\t\tdialog.classList.remove('centered')\n\n\t\t// Use Floating UI's autoUpdate to continually update position\n\t\tif (this.virtualReference) {\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.virtualReference, dialog, () => this.updatePosition(dialog), {\n\t\t\t\tancestorScroll: true,\n\t\t\t\tancestorResize: true,\n\t\t\t\telementResize: true,\n\t\t\t\tanimationFrame: true, // Enable continuous updates for smoother repositioning\n\t\t\t})\n\n\t\t\t// Initial positioning\n\t\t\tthis.updatePosition(dialog)\n\t\t}\n\t}\n\n\t/**\n\t * Update dialog position using Floating UI\n\t */\n\tprivate async updatePosition(dialog: HTMLElement) {\n\t\tif (!this.virtualReference) return\n\n\t\t// Force window bounds recalculation on resize\n\t\tif (this.position.x > 0 && this.position.y > 0) {\n\t\t\t// Update virtual reference to consider current window size\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Ensure position is constrained to current viewport\n\t\t\tconst x = Math.min(this.position.x, viewportWidth - 20)\n\t\t\tconst y = Math.min(this.position.y, viewportHeight - 20)\n\n\t\t\t// Update virtual reference with current viewport-constrained position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect() {\n\t\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\n\t\tconst placement: Placement = 'bottom-start'\n\t\tconst strategy: Strategy = 'absolute'\n\t\tconst margin = 20 // Standard margin from edges\n\n\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\tplacement,\n\t\t\tstrategy,\n\t\t\tmiddleware: [\n\t\t\t\t// Offset from the reference point\n\t\t\t\toffset(margin),\n\n\t\t\t\t// Flip to opposite side if no space\n\t\t\t\tflip({\n\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-end', 'top-end'],\n\t\t\t\t\tfallbackStrategy: 'bestFit',\n\t\t\t\t}),\n\n\t\t\t\t// Shift along the preferred axis to stay in view\n\t\t\t\tshift({\n\t\t\t\t\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\n\t\t\t\t// Resize dialog if needed\n\t\t\t\tsize({\n\t\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\t\t// If dialog is wider than available space\n\t\t\t\t\t\tif (elements.floating.offsetWidth > availableWidth) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxWidth: `${Math.max(availableWidth - margin * 2, 280)}px`, // Keep at least 280px if possible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If dialog is taller than available space\n\t\t\t\t\t\tif (elements.floating.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxHeight: `${availableHeight - margin * 2}px`,\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\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\t\t\t],\n\t\t})\n\n\t\t// Apply the computed position\n\t\tObject.assign(dialog.style, {\n\t\t\tleft: `${Math.round(x)}px`,\n\t\t\ttop: `${Math.round(y)}px`,\n\t\t\ttransform: 'none', // Remove any transform that might interfere\n\t\t})\n\t}\n\n\t// Store resize subscription\n\tprivate resizeSubscription?: { unsubscribe: () => void }\n\n\t/**\n\t * Handle component disconnection from DOM\n\t */\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up subscriptions\n\t\tif (this.resizeSubscription) {\n\t\t\tthis.resizeSubscription.unsubscribe()\n\t\t\tthis.resizeSubscription = undefined\n\t\t}\n\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Set up positioning with Floating UI\n\t\tthis.setupPositioning(dialog)\n\n\t\t// Set up window resize subscription using RxJS with debounce\n\t\tthis.resizeSubscription = fromEvent(window, 'resize')\n\t\t\t.pipe(debounceTime(50)) // Faster response time\n\t\t\t.subscribe(() => {\n\t\t\t\t// Get current viewport dimensions\n\t\t\t\tconst viewportWidth = window.innerWidth\n\t\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t\t// If using CSS centered positioning, ensure it stays centered\n\t\t\t\tconst isCentered =\n\t\t\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\t\t\tif (isCentered) {\n\t\t\t\t\t// Update position to new center\n\t\t\t\t\tthis.position = {\n\t\t\t\t\t\tx: viewportWidth / 2,\n\t\t\t\t\t\ty: viewportHeight / 2,\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always update position on resize\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t})\n\t}\n\n\t/**\n\t * Handle close action\n\t */\n\tprivate handleClose() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleClose}></div>\n\n\t\t\t<div class=\"dialog\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * A basic dialog content component that doesn't add any padding or styling\n * Used for rendering raw content in a dialog\n *\n * @element schmancy-dialog-content\n * @slot default - Content slot for dialog content without any styling\n */\n@customElement('schmancy-dialog-content')\nexport class SchmancyDialogContent extends $LitElement(css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`) {\n  render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-dialog-content': SchmancyDialogContent\n  }\n}"],"names":["ConfirmDialog","$LitElement","css","super","arguments","this","title","subtitle","message","confirmText","cancelText","variant","position","x","y","positionOrEvent","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","virtualReference","getBoundingClientRect","DOMRect","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","cleanupAutoUpdate","dialog","viewportWidth","viewportHeight","Math","abs","classList","add","autoUpdate","document","body","contains","availableHeight","offsetHeight","style","maxHeight","elementResize","ancestorScroll","remove","updatePosition","ancestorResize","animationFrame","min","computePosition","placement","strategy","middleware","offset","flip","fallbackPlacements","fallbackStrategy","shift","padding","size","availableWidth","elements","floating","offsetWidth","Object","assign","maxWidth","max","margin","left","round","top","transform","disconnectedCallback","resizeSubscription","unsubscribe","shadowRoot","querySelector","setupPositioning","fromEvent","pipe","debounceTime","subscribe","handleConfirm","hide","dispatchEvent","CustomEvent","bubbles","composed","getConfirmButtonClass","colorMap","error","warning","success","primary","confirmColor","hasCustomContent","querySelectorAll","showButtons","trim","html","handleCancel","when","options","createElement","appendChild","width","setProperty","show","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","activeDialogs","activeRawDialogs","getInstance","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","render","onConfirm","_e","removeEventListener","addEventListener","onCancel","push","finally","index","indexOf","splice","contentEl","removeChild","directContentContainer","height","parentNode","dismiss","pop","_d","$dialog","ask","danger","component","simple","SchmancyDialog","constructor","apply","firstUpdated","handleClose","SchmancyDialogContent"],"mappings":"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"}

package/dist/{dialog-content-9pumpyLD.js → dialog-content-DFJnYzff.js}

@@ -1,16 +1,16 @@
-import { autoUpdate as g, computePosition as x, offset as C, flip as P, shift as R, size as T } from "@floating-ui/dom";
-import { fromEvent as S } from "rxjs";
+import { autoUpdate as g, computePosition as x, offset as C, flip as P, shift as R, size as S } from "@floating-ui/dom";
+import { fromEvent as T } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as f } from "./litElement.mixin-B9Qdq5S_.js";
-import "./tailwind.mixin-Di7KWye7.js";
+import { $ as f } from "./litElement.mixin-C6PzcPXd.js";
+import "./tailwind.mixin-Du4i6vQR.js";
 import { css as v, html as c, render as m } from "lit";
 import { property as p, customElement as y } from "lit/decorators.js";
 import { when as u } from "lit/directives/when.js";
 import { debounceTime as H } from "rxjs/operators";
-var M = Object.defineProperty, k = Object.getOwnPropertyDescriptor, d = (t, i, s, e) => {
-  for (var o, n = e > 1 ? void 0 : e ? k(i, s) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (n = (e ? o(i, s, n) : o(n)) || n);
-  return e && n && M(i, s, n), n;
+var M = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, l = (t, i, n, e) => {
+  for (var o, s = e > 1 ? void 0 : e ? $(i, n) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = (e ? o(i, n, s) : o(s)) || s);
+  return e && s && M(i, n, s), s;
 };
 let r = class extends f(v`
 	:host {
@@ -50,15 +50,15 @@ let r = class extends f(v`
     super(...arguments), this.title = void 0, this.subtitle = void 0, this.message = void 0, this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this.position = { x: 0, y: 0 };
   }
   async show(t) {
-    let i, s;
-    if (t) if ("clientX" in t) i = t.clientX, s = t.clientY;
-    else if ("touches" in t && t.touches.length) i = t.touches[0].clientX, s = t.touches[0].clientY;
+    let i, n;
+    if (t) if ("clientX" in t) i = t.clientX, n = t.clientY;
+    else if ("touches" in t && t.touches.length) i = t.touches[0].clientX, n = t.touches[0].clientY;
     else {
       const e = t;
-      i = e.x, s = e.y;
+      i = e.x, n = e.y;
     }
-    else i = window.innerWidth / 2, s = window.innerHeight / 2;
-    return this.position = { x: i, y: s }, this.virtualReference = { getBoundingClientRect: () => new DOMRect(i, s, 0, 0) }, this.setAttribute("active", ""), new Promise((e) => {
+    else i = window.innerWidth / 2, n = window.innerHeight / 2;
+    return this.position = { x: i, y: n }, this.virtualReference = { getBoundingClientRect: () => new DOMRect(i, n, 0, 0) }, this.setAttribute("active", ""), new Promise((e) => {
       this.resolvePromise = e;
     });
   }
@@ -66,8 +66,8 @@ let r = class extends f(v`
     this.removeAttribute("active"), this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
   }
   setupPositioning(t) {
-    const i = window.innerWidth, s = window.innerHeight;
-    if (Math.abs(this.position.x - i / 2) < 10 && Math.abs(this.position.y - s / 2) < 10) return t.classList.add("centered"), void (this.cleanupAutoUpdate = g(document.body, t, () => {
+    const i = window.innerWidth, n = window.innerHeight;
+    if (Math.abs(this.position.x - i / 2) < 10 && Math.abs(this.position.y - n / 2) < 10) return t.classList.add("centered"), void (this.cleanupAutoUpdate = g(document.body, t, () => {
       if (t.classList.contains("centered")) {
         const e = window.innerHeight - 40;
         t.offsetHeight > e && (t.style.maxHeight = `${e}px`);
@@ -78,13 +78,13 @@ let r = class extends f(v`
   async updatePosition(t) {
     if (!this.virtualReference) return;
     if (this.position.x > 0 && this.position.y > 0) {
-      const e = window.innerWidth, o = window.innerHeight, n = Math.min(this.position.x, e - 20), a = Math.min(this.position.y, o - 20);
-      this.virtualReference = { getBoundingClientRect: () => new DOMRect(n, a, 0, 0) };
+      const e = window.innerWidth, o = window.innerHeight, s = Math.min(this.position.x, e - 20), a = Math.min(this.position.y, o - 20);
+      this.virtualReference = { getBoundingClientRect: () => new DOMRect(s, a, 0, 0) };
     }
-    const { x: i, y: s } = await x(this.virtualReference, t, { placement: "bottom-start", strategy: "absolute", middleware: [C(20), P({ fallbackPlacements: ["top-start", "bottom-end", "top-end"], fallbackStrategy: "bestFit" }), R({ padding: 20 }), T({ apply({ availableWidth: e, availableHeight: o, elements: n }) {
-      n.floating.offsetWidth > e && Object.assign(n.floating.style, { maxWidth: `${Math.max(e - 40, 280)}px` }), n.floating.offsetHeight > o && Object.assign(n.floating.style, { maxHeight: o - 40 + "px" });
+    const { x: i, y: n } = await x(this.virtualReference, t, { placement: "bottom-start", strategy: "absolute", middleware: [C(20), P({ fallbackPlacements: ["top-start", "bottom-end", "top-end"], fallbackStrategy: "bestFit" }), R({ padding: 20 }), S({ apply({ availableWidth: e, availableHeight: o, elements: s }) {
+      s.floating.offsetWidth > e && Object.assign(s.floating.style, { maxWidth: `${Math.max(e - 40, 280)}px` }), s.floating.offsetHeight > o && Object.assign(s.floating.style, { maxHeight: o - 40 + "px" });
     }, padding: 20 })] });
-    Object.assign(t.style, { left: `${Math.round(i)}px`, top: `${Math.round(s)}px`, transform: "none" });
+    Object.assign(t.style, { left: `${Math.round(i)}px`, top: `${Math.round(n)}px`, transform: "none" });
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.resizeSubscription && (this.resizeSubscription.unsubscribe(), this.resizeSubscription = void 0), this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0);
@@ -92,9 +92,9 @@ let r = class extends f(v`
   firstUpdated() {
     var i;
     const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".dialog");
-    t && (this.setupPositioning(t), this.resizeSubscription = S(window, "resize").pipe(H(50)).subscribe(() => {
-      const s = window.innerWidth, e = window.innerHeight;
-      Math.abs(this.position.x - s / 2) < 10 && Math.abs(this.position.y - e / 2) < 10 && (this.position = { x: s / 2, y: e / 2 }), this.updatePosition(t);
+    t && (this.setupPositioning(t), this.resizeSubscription = T(window, "resize").pipe(H(50)).subscribe(() => {
+      const n = window.innerWidth, e = window.innerHeight;
+      Math.abs(this.position.x - n / 2) < 10 && Math.abs(this.position.y - e / 2) < 10 && (this.position = { x: n / 2, y: e / 2 }), this.updatePosition(t);
     }));
   }
   handleConfirm() {
@@ -103,6 +103,10 @@ let r = class extends f(v`
   handleCancel() {
     this.hide(!1), this.dispatchEvent(new CustomEvent("cancel", { bubbles: !0, composed: !0 }));
   }
+  getConfirmButtonClass() {
+    const t = { error: "bg-red-600 hover:bg-red-700 text-white", warning: "bg-orange-600 hover:bg-orange-700 text-white", success: "bg-green-600 hover:bg-green-700 text-white", primary: "" };
+    return this.variant === "danger" || this.confirmColor === "error" ? t.error : t[this.confirmColor || "primary"] || "";
+  }
   render() {
     const t = this.querySelectorAll('[slot="content"]').length > 0, i = this.confirmText && this.confirmText.trim() !== "" && this.cancelText && this.cancelText.trim() !== "";
     return c`
@@ -123,7 +127,7 @@ let r = class extends f(v`
 						${u(i, () => c`
 								<div class="flex justify-end gap-3">
 									<schmancy-button variant="outlined" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>
-									<schmancy-button type="submit" variant="filled"> ${this.confirmText} </schmancy-button>
+									<schmancy-button type="submit" variant="filled" class=${this.getConfirmButtonClass()}> ${this.confirmText} </schmancy-button>
 								</div>
 							`)}
 					</schmancy-form>
@@ -139,64 +143,64 @@ let r = class extends f(v`
     return this.confirm({ message: t, position: i });
   }
 };
-d([p({ type: String })], r.prototype, "title", 2), d([p({ type: String })], r.prototype, "subtitle", 2), d([p({ type: String })], r.prototype, "message", 2), d([p({ type: String, attribute: "confirm-text" })], r.prototype, "confirmText", 2), d([p({ type: String, attribute: "cancel-text" })], r.prototype, "cancelText", 2), d([p({ type: String })], r.prototype, "variant", 2), r = d([y("confirm-dialog")], r);
-const h = class h {
+l([p({ type: String })], r.prototype, "title", 2), l([p({ type: String })], r.prototype, "subtitle", 2), l([p({ type: String })], r.prototype, "message", 2), l([p({ type: String, attribute: "confirm-text" })], r.prototype, "confirmText", 2), l([p({ type: String, attribute: "cancel-text" })], r.prototype, "cancelText", 2), l([p({ type: String })], r.prototype, "variant", 2), l([p({ type: String, attribute: "confirm-color" })], r.prototype, "confirmColor", 2), r = l([y("confirm-dialog")], r);
+const d = class d {
   constructor() {
     this.activeDialogs = [], this.activeRawDialogs = [];
   }
   static getInstance() {
-    return h.instance || (h.instance = new h()), h.instance;
+    return d.instance || (d.instance = new d()), d.instance;
   }
   confirm(i) {
-    const s = { ...h.DEFAULT_OPTIONS, ...i };
-    s.position || (s.position = this.getCenteredPosition());
+    const n = { ...d.DEFAULT_OPTIONS, ...i };
+    n.position || (n.position = this.getCenteredPosition());
     let e = document.querySelector("confirm-dialog");
-    if (e || (e = document.createElement("confirm-dialog"), document.body.appendChild(e)), s.title && (e.title = s.title), s.subtitle && (e.subtitle = s.subtitle), s.message && (e.message = s.message), s.confirmText && (e.confirmText = s.confirmText), s.cancelText && (e.cancelText = s.cancelText), s.variant && (e.variant = s.variant), s.width && e.style.setProperty("--dialog-width", s.width), s.content) {
+    if (e || (e = document.createElement("confirm-dialog"), document.body.appendChild(e)), n.title && (e.title = n.title), n.subtitle && (e.subtitle = n.subtitle), n.message && (e.message = n.message), n.confirmText && (e.confirmText = n.confirmText), n.cancelText && (e.cancelText = n.cancelText), n.variant && (e.variant = n.variant), n.confirmColor && (e.confirmColor = n.confirmColor), n.width && e.style.setProperty("--dialog-width", n.width), n.content) {
       const o = document.createElement("div");
-      if (o.slot = "content", typeof s.content == "function") {
-        const n = s.content();
-        n instanceof HTMLElement ? o.appendChild(n) : m(n, o);
-      } else s.content instanceof HTMLElement ? o.appendChild(s.content) : m(s.content, o);
+      if (o.slot = "content", typeof n.content == "function") {
+        const s = n.content();
+        s instanceof HTMLElement ? o.appendChild(s) : m(s, o);
+      } else n.content instanceof HTMLElement ? o.appendChild(n.content) : m(n.content, o);
       e.appendChild(o);
     }
-    if (s.onConfirm) {
-      const o = (n) => {
-        s.onConfirm(), e.removeEventListener("confirm", o);
+    if (n.onConfirm) {
+      const o = (s) => {
+        n.onConfirm(), e.removeEventListener("confirm", o);
       };
       e.addEventListener("confirm", o);
     }
-    if (s.onCancel) {
-      const o = (n) => {
-        s.onCancel(), e.removeEventListener("cancel", o);
+    if (n.onCancel) {
+      const o = (s) => {
+        n.onCancel(), e.removeEventListener("cancel", o);
       };
       e.addEventListener("cancel", o);
     }
-    return this.activeDialogs.push(e), e.show(s.position).finally(() => {
+    return this.activeDialogs.push(e), e.show(n.position).finally(() => {
       const o = this.activeDialogs.indexOf(e);
-      if (o !== -1 && this.activeDialogs.splice(o, 1), s.content) {
-        const n = e.querySelector('[slot="content"]');
-        n && e.removeChild(n);
+      if (o !== -1 && this.activeDialogs.splice(o, 1), n.content) {
+        const s = e.querySelector('[slot="content"]');
+        s && e.removeChild(s);
       }
     });
   }
-  component(i, s = {}) {
+  component(i, n = {}) {
     const e = document.createElement("div");
     if (e.style.height = "100%", e.style.width = "100%", e.classList.add("schmancy-dialog-content-container"), typeof i == "function") {
-      const n = i();
-      n instanceof HTMLElement ? e.appendChild(n) : m(n, e);
+      const s = i();
+      s instanceof HTMLElement ? e.appendChild(s) : m(s, e);
     } else i instanceof HTMLElement ? e.appendChild(i) : m(i, e);
     let o = document.querySelector("schmancy-dialog");
-    return o || (o = document.createElement("schmancy-dialog"), document.body.appendChild(o)), o.appendChild(e), s.width && o.style.setProperty("--dialog-width", s.width), this.activeRawDialogs.push(o), o.show(s.position).finally(() => {
+    return o || (o = document.createElement("schmancy-dialog"), document.body.appendChild(o)), o.appendChild(e), n.width && o.style.setProperty("--dialog-width", n.width), this.activeRawDialogs.push(o), o.show(n.position).finally(() => {
       e && e.parentNode && e.parentNode.removeChild(e);
-      const n = this.activeRawDialogs.indexOf(o);
-      n !== -1 && this.activeRawDialogs.splice(n, 1);
+      const s = this.activeRawDialogs.indexOf(o);
+      s !== -1 && this.activeRawDialogs.splice(s, 1);
     });
   }
   dismiss() {
     return this.activeRawDialogs.length > 0 ? (this.activeRawDialogs[this.activeRawDialogs.length - 1].hide(!1), this.activeRawDialogs.pop(), !0) : this.activeDialogs.length > 0 ? (this.activeDialogs[this.activeDialogs.length - 1].hide(!1), !0) : !1;
   }
-  ask(i, s) {
-    return this.confirm({ message: i, position: s });
+  ask(i, n) {
+    return this.confirm({ message: i, position: n });
   }
   danger(i) {
     return this.confirm({ ...i, variant: "danger" });
@@ -205,10 +209,10 @@ const h = class h {
     return { x: window.innerWidth / 2, y: window.innerHeight / 2 };
   }
 };
-h.DEFAULT_OPTIONS = { title: void 0, subtitle: void 0, confirmText: void 0, cancelText: "Cancel", variant: "default", width: "360px" };
-let l = h;
-const F = { confirm: (t) => l.getInstance().confirm(t), ask: (t, i) => l.getInstance().ask(t, i), danger: (t) => l.getInstance().danger(t), component: (t, i) => l.getInstance().component(t, i), simple: (t, i) => l.getInstance().component(t, i), dismiss: () => l.getInstance().dismiss() };
-var A = Object.getOwnPropertyDescriptor;
+d.DEFAULT_OPTIONS = { title: void 0, subtitle: void 0, confirmText: void 0, cancelText: "Cancel", variant: "default", width: "360px" };
+let h = d;
+const B = { confirm: (t) => h.getInstance().confirm(t), ask: (t, i) => h.getInstance().ask(t, i), danger: (t) => h.getInstance().danger(t), component: (t, i) => h.getInstance().component(t, i), simple: (t, i) => h.getInstance().component(t, i), dismiss: () => h.getInstance().dismiss() };
+var k = Object.getOwnPropertyDescriptor;
 let b = class extends f(v`
 	:host {
 		position: fixed;
@@ -247,15 +251,15 @@ let b = class extends f(v`
     super(...arguments), this.position = { x: 0, y: 0 };
   }
   async show(t) {
-    let i, s;
-    if (t) if ("clientX" in t) i = t.clientX, s = t.clientY;
-    else if ("touches" in t && t.touches.length) i = t.touches[0].clientX, s = t.touches[0].clientY;
+    let i, n;
+    if (t) if ("clientX" in t) i = t.clientX, n = t.clientY;
+    else if ("touches" in t && t.touches.length) i = t.touches[0].clientX, n = t.touches[0].clientY;
     else {
       const e = t;
-      i = e.x, s = e.y;
+      i = e.x, n = e.y;
     }
-    else i = window.innerWidth / 2, s = window.innerHeight / 2;
-    return this.position = { x: i, y: s }, this.virtualReference = { getBoundingClientRect: () => new DOMRect(i, s, 0, 0) }, this.setAttribute("active", ""), new Promise((e) => {
+    else i = window.innerWidth / 2, n = window.innerHeight / 2;
+    return this.position = { x: i, y: n }, this.virtualReference = { getBoundingClientRect: () => new DOMRect(i, n, 0, 0) }, this.setAttribute("active", ""), new Promise((e) => {
       this.resolvePromise = e;
     });
   }
@@ -263,8 +267,8 @@ let b = class extends f(v`
     this.removeAttribute("active"), this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
   }
   setupPositioning(t) {
-    const i = window.innerWidth, s = window.innerHeight;
-    if (Math.abs(this.position.x - i / 2) < 10 && Math.abs(this.position.y - s / 2) < 10) return t.classList.add("centered"), void (this.cleanupAutoUpdate = g(document.body, t, () => {
+    const i = window.innerWidth, n = window.innerHeight;
+    if (Math.abs(this.position.x - i / 2) < 10 && Math.abs(this.position.y - n / 2) < 10) return t.classList.add("centered"), void (this.cleanupAutoUpdate = g(document.body, t, () => {
       if (t.classList.contains("centered")) {
         const e = window.innerHeight - 40;
         t.offsetHeight > e && (t.style.maxHeight = `${e}px`);
@@ -275,13 +279,13 @@ let b = class extends f(v`
   async updatePosition(t) {
     if (!this.virtualReference) return;
     if (this.position.x > 0 && this.position.y > 0) {
-      const e = window.innerWidth, o = window.innerHeight, n = Math.min(this.position.x, e - 20), a = Math.min(this.position.y, o - 20);
-      this.virtualReference = { getBoundingClientRect: () => new DOMRect(n, a, 0, 0) };
+      const e = window.innerWidth, o = window.innerHeight, s = Math.min(this.position.x, e - 20), a = Math.min(this.position.y, o - 20);
+      this.virtualReference = { getBoundingClientRect: () => new DOMRect(s, a, 0, 0) };
     }
-    const { x: i, y: s } = await x(this.virtualReference, t, { placement: "bottom-start", strategy: "absolute", middleware: [C(20), P({ fallbackPlacements: ["top-start", "bottom-end", "top-end"], fallbackStrategy: "bestFit" }), R({ padding: 20 }), T({ apply({ availableWidth: e, availableHeight: o, elements: n }) {
-      n.floating.offsetWidth > e && Object.assign(n.floating.style, { maxWidth: `${Math.max(e - 40, 280)}px` }), n.floating.offsetHeight > o && Object.assign(n.floating.style, { maxHeight: o - 40 + "px" });
+    const { x: i, y: n } = await x(this.virtualReference, t, { placement: "bottom-start", strategy: "absolute", middleware: [C(20), P({ fallbackPlacements: ["top-start", "bottom-end", "top-end"], fallbackStrategy: "bestFit" }), R({ padding: 20 }), S({ apply({ availableWidth: e, availableHeight: o, elements: s }) {
+      s.floating.offsetWidth > e && Object.assign(s.floating.style, { maxWidth: `${Math.max(e - 40, 280)}px` }), s.floating.offsetHeight > o && Object.assign(s.floating.style, { maxHeight: o - 40 + "px" });
     }, padding: 20 })] });
-    Object.assign(t.style, { left: `${Math.round(i)}px`, top: `${Math.round(s)}px`, transform: "none" });
+    Object.assign(t.style, { left: `${Math.round(i)}px`, top: `${Math.round(n)}px`, transform: "none" });
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.resizeSubscription && (this.resizeSubscription.unsubscribe(), this.resizeSubscription = void 0), this.cleanupAutoUpdate && (this.cleanupAutoUpdate(), this.cleanupAutoUpdate = void 0);
@@ -289,9 +293,9 @@ let b = class extends f(v`
   firstUpdated() {
     var i;
     const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".dialog");
-    t && (this.setupPositioning(t), this.resizeSubscription = S(window, "resize").pipe(H(50)).subscribe(() => {
-      const s = window.innerWidth, e = window.innerHeight;
-      Math.abs(this.position.x - s / 2) < 10 && Math.abs(this.position.y - e / 2) < 10 && (this.position = { x: s / 2, y: e / 2 }), this.updatePosition(t);
+    t && (this.setupPositioning(t), this.resizeSubscription = T(window, "resize").pipe(H(50)).subscribe(() => {
+      const n = window.innerWidth, e = window.innerHeight;
+      Math.abs(this.position.x - n / 2) < 10 && Math.abs(this.position.y - e / 2) < 10 && (this.position = { x: n / 2, y: e / 2 }), this.updatePosition(t);
     }));
   }
   handleClose() {
@@ -309,11 +313,11 @@ let b = class extends f(v`
 		`;
   }
 };
-b = ((t, i, s, e) => {
-  for (var o, n = e > 1 ? void 0 : e ? A(i, s) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (n = o(n) || n);
-  return n;
+b = ((t, i, n, e) => {
+  for (var o, s = e > 1 ? void 0 : e ? k(i, n) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = o(s) || s);
+  return s;
 })([y("schmancy-dialog")], b);
-var D = Object.getOwnPropertyDescriptor;
+var A = Object.getOwnPropertyDescriptor;
 let w = class extends f(v`
   :host {
     display: block;
@@ -325,15 +329,15 @@ let w = class extends f(v`
     return c`<slot></slot>`;
   }
 };
-w = ((t, i, s, e) => {
-  for (var o, n = e > 1 ? void 0 : e ? D(i, s) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (n = o(n) || n);
-  return n;
+w = ((t, i, n, e) => {
+  for (var o, s = e > 1 ? void 0 : e ? A(i, n) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = o(s) || s);
+  return s;
 })([y("schmancy-dialog-content")], w);
 export {
-  F as $,
+  B as $,
   r as C,
-  l as D,
+  h as D,
   b as S,
   w as a
 };
-//# sourceMappingURL=dialog-content-9pumpyLD.js.map
+//# sourceMappingURL=dialog-content-DFJnYzff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-content-DFJnYzff.js","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts","../src/dialog/dialog.component.ts","../src/dialog/dialog-content.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, Placement, shift, size, Strategy } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\n\n/**\n * A confirm dialog web component with custom content support\n *\n * @element confirm-dialog\n * @slot content - Optional slot for custom content\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n\n\t/* Used when centered for initial positioning */\n\t.dialog.centered {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t}\n`) {\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String })\n\tsubtitle = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = undefined\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String, attribute: 'confirm-text' })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Confirm button color\n\t */\n\t@property({ type: String, attribute: 'confirm-color' })\n\tconfirmColor?: 'primary' | 'error' | 'warning' | 'success'\n\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Store cleanup function for position auto-updates\n\t */\n\tprivate cleanupAutoUpdate?: () => void\n\n\t/**\n\t * Store resize subscription\n\t */\n\tprivate resizeSubscription?: { unsubscribe: () => void }\n\n\t/**\n\t * Virtual element to use as reference for positioning\n\t */\n\tprivate virtualReference?: {\n\t\tgetBoundingClientRect: () => DOMRect\n\t}\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Store initial position\n\t\tthis.position = { x, y }\n\n\t\t// Create virtual reference element at the provided coordinates\n\t\tthis.virtualReference = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t},\n\t\t}\n\n\t\t// Make dialog active\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(confirmed = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Clean up any auto-update subscription\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(confirmed)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Set up position auto-updating when dialog content changes or window resizes\n\t */\n\tprivate setupPositioning(dialog: HTMLElement) {\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Check if this is a centered dialog\n\t\tconst isCentered =\n\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, use CSS-based centering\n\t\t\tdialog.classList.add('centered')\n\n\t\t\t// Always set up auto-update for content changes, even for centered dialogs\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\tdocument.body, // Use body as reference for centered dialogs\n\t\t\t\tdialog,\n\t\t\t\t() => {\n\t\t\t\t\t// If dialog has the centered class, ensure it stays visible\n\t\t\t\t\t// even when content changes its dimensions\n\t\t\t\t\tif (dialog.classList.contains('centered')) {\n\t\t\t\t\t\t// Adjust max-height to ensure dialog stays within viewport\n\t\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telementResize: true,\n\t\t\t\t\tancestorScroll: true,\n\t\t\t\t},\n\t\t\t)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Remove centered class if it exists\n\t\tdialog.classList.remove('centered')\n\n\t\t// Use Floating UI's autoUpdate to continually update position\n\t\tif (this.virtualReference) {\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.virtualReference, dialog, () => this.updatePosition(dialog), {\n\t\t\t\tancestorScroll: true,\n\t\t\t\tancestorResize: true,\n\t\t\t\telementResize: true,\n\t\t\t\tanimationFrame: true, // Enable continuous updates for smoother repositioning\n\t\t\t})\n\n\t\t\t// Initial positioning\n\t\t\tthis.updatePosition(dialog)\n\t\t}\n\t}\n\n\t/**\n\t * Update dialog position using Floating UI\n\t */\n\tprivate async updatePosition(dialog: HTMLElement) {\n\t\tif (!this.virtualReference) return\n\n\t\t// Force window bounds recalculation on resize\n\t\tif (this.position.x > 0 && this.position.y > 0) {\n\t\t\t// Update virtual reference to consider current window size\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Ensure position is constrained to current viewport\n\t\t\tconst x = Math.min(this.position.x, viewportWidth - 20)\n\t\t\tconst y = Math.min(this.position.y, viewportHeight - 20)\n\n\t\t\t// Update virtual reference with current viewport-constrained position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect() {\n\t\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\n\t\tconst placement: Placement = 'bottom-start'\n\t\tconst strategy: Strategy = 'absolute'\n\t\tconst margin = 20 // Standard margin from edges\n\n\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\tplacement,\n\t\t\tstrategy,\n\t\t\tmiddleware: [\n\t\t\t\t// Offset from the reference point\n\t\t\t\toffset(margin),\n\n\t\t\t\t// Flip to opposite side if no space\n\t\t\t\tflip({\n\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-end', 'top-end'],\n\t\t\t\t\tfallbackStrategy: 'bestFit',\n\t\t\t\t}),\n\n\t\t\t\t// Shift along the preferred axis to stay in view\n\t\t\t\tshift({\n\t\t\t\t\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\n\t\t\t\t// Resize dialog if needed\n\t\t\t\tsize({\n\t\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\t\t// If dialog is wider than available space\n\t\t\t\t\t\tif (elements.floating.offsetWidth > availableWidth) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxWidth: `${Math.max(availableWidth - margin * 2, 280)}px`, // Keep at least 280px if possible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If dialog is taller than available space\n\t\t\t\t\t\tif (elements.floating.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxHeight: `${availableHeight - margin * 2}px`,\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\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\t\t\t],\n\t\t})\n\n\t\t// Apply the computed position\n\t\tObject.assign(dialog.style, {\n\t\t\tleft: `${Math.round(x)}px`,\n\t\t\ttop: `${Math.round(y)}px`,\n\t\t\ttransform: 'none', // Remove any transform that might interfere\n\t\t})\n\t}\n\n\t/**\n\t * Handle component disconnection from DOM\n\t */\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up subscriptions\n\t\tif (this.resizeSubscription) {\n\t\t\tthis.resizeSubscription.unsubscribe()\n\t\t\tthis.resizeSubscription = undefined\n\t\t}\n\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Set up positioning with Floating UI\n\t\tthis.setupPositioning(dialog)\n\n\t\t// Set up window resize subscription using RxJS with debounce\n\t\tthis.resizeSubscription = fromEvent(window, 'resize')\n\t\t\t.pipe(debounceTime(50)) // Faster response time\n\t\t\t.subscribe(() => {\n\t\t\t\t// Get current viewport dimensions\n\t\t\t\tconst viewportWidth = window.innerWidth\n\t\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t\t// If using CSS centered positioning, ensure it stays centered\n\t\t\t\tconst isCentered =\n\t\t\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\t\t\tif (isCentered) {\n\t\t\t\t\t// Update position to new center\n\t\t\t\t\tthis.position = {\n\t\t\t\t\t\tx: viewportWidth / 2,\n\t\t\t\t\t\ty: viewportHeight / 2,\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always update position on resize\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t})\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm() {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel action\n\t */\n\tprivate handleCancel() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('cancel', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Get the CSS class for the confirm button based on color\n\t */\n\tprivate getConfirmButtonClass(): string {\n\t\t// Map confirmColor to appropriate CSS classes\n\t\tconst colorMap = {\n\t\t\terror: 'bg-red-600 hover:bg-red-700 text-white',\n\t\t\twarning: 'bg-orange-600 hover:bg-orange-700 text-white',\n\t\t\tsuccess: 'bg-green-600 hover:bg-green-700 text-white',\n\t\t\tprimary: ''\n\t\t}\n\n\t\t// If variant is danger, use error color\n\t\tif (this.variant === 'danger' || this.confirmColor === 'error') {\n\t\t\treturn colorMap.error\n\t\t}\n\n\t\treturn colorMap[this.confirmColor || 'primary'] || ''\n\t}\n\n\trender() {\n\t\t// For initial rendering, use transform-based centering from CSS\n\t\t// firstUpdated will handle precise positioning after measuring\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\t\t// Only show buttons if both confirmText and cancelText are non-empty strings\n\t\tconst showButtons =\n\t\t\tthis.confirmText && this.confirmText.trim() !== '' && this.cancelText && this.cancelText.trim() !== ''\n\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleCancel}></div>\n\n\t\t\t<div class=\"dialog\" role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm} class=\"p-4\">\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.title && this.title.trim() !== '',\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"mb-1\"> ${this.title} </schmancy-typography>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.subtitle && this.subtitle.trim() !== '',\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"subtitle\" token=\"xs\" class=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t${this.subtitle}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t() => html``\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\t${hasCustomContent\n\t\t\t\t\t\t\t? html`<div class=\"${showButtons ? 'mb-4' : ''}\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t: when(\n\t\t\t\t\t\t\t\t\tthis.message && this.message.trim() !== '',\n\t\t\t\t\t\t\t\t\t() => html`<schmancy-typography type=\"body\" class=\"mb-4\"> ${this.message} </schmancy-typography>`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tshowButtons,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>\n\t\t\t\t\t\t\t\t\t<schmancy-button type=\"submit\" variant=\"filled\" class=${this.getConfirmButtonClass()}> ${this.confirmText} </schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</schmancy-form>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for even simpler API\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tif (options.title) dialog.title = options.title\n\t\tif (options.subtitle) dialog.subtitle = options.subtitle\n\t\tif (options.message) dialog.message = options.message\n\t\tif (options.confirmText) dialog.confirmText = options.confirmText\n\t\tif (options.cancelText) dialog.cancelText = options.cancelText\n\t\tif (options.variant) dialog.variant = options.variant\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Even simpler shorthand method - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n","import { render, TemplateResult } from 'lit'\nimport { ConfirmDialog } from './dailog'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\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}\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: 'Cancel',\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Track active dialogs to handle dismissing the most recent one\n\tprivate activeDialogs: ConfirmDialog[] = []\n\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t}\n\n\t\t// If no position is provided, center the dialog\n\t\tif (!completeOptions.position) {\n\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t}\n\n\t\t// Create or find the dialog\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set basic options\n\t\tif (completeOptions.title) dialog.title = completeOptions.title\n\t\tif (completeOptions.subtitle) dialog.subtitle = completeOptions.subtitle\n\t\tif (completeOptions.message) dialog.message = completeOptions.message\n\t\tif (completeOptions.confirmText) dialog.confirmText = completeOptions.confirmText\n\t\tif (completeOptions.cancelText) dialog.cancelText = completeOptions.cancelText\n\t\tif (completeOptions.variant) dialog.variant = completeOptions.variant\n\t\tif (completeOptions.confirmColor) dialog.confirmColor = completeOptions.confirmColor\n\t\tif (completeOptions.width) dialog.style.setProperty('--dialog-width', completeOptions.width)\n\n\t\t// Handle custom content if provided\n\t\tif (completeOptions.content) {\n\t\t\tconst contentContainer = document.createElement('div')\n\t\t\tcontentContainer.slot = 'content'\n\n\t\t\tif (typeof completeOptions.content === 'function') {\n\t\t\t\tconst result = completeOptions.content()\n\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t} else {\n\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t}\n\t\t\t} else if (completeOptions.content instanceof HTMLElement) {\n\t\t\t\tcontentContainer.appendChild(completeOptions.content)\n\t\t\t} else {\n\t\t\t\trender(completeOptions.content, contentContainer)\n\t\t\t}\n\n\t\t\tdialog.appendChild(contentContainer)\n\t\t}\n\n\t\t// Set up event listeners for optional callbacks\n\t\tif (completeOptions.onConfirm) {\n\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\tcompleteOptions.onConfirm!()\n\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t}\n\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t}\n\n\t\tif (completeOptions.onCancel) {\n\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\tcompleteOptions.onCancel!()\n\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t}\n\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t}\n\n\t\t// Add this dialog to active dialogs\n\t\tthis.activeDialogs.push(dialog)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(completeOptions.position).finally(() => {\n\t\t\t// Remove from active dialogs when closed\n\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t}\n\n\t\t\t// Clean up the content when dialog closes\n\t\t\tif (completeOptions.content) {\n\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\tif (contentEl) {\n\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\t// Create a direct container for the component without any wrapping\n\t\tconst directContentContainer = document.createElement('div');\n\t\tdirectContentContainer.style.height = '100%';\n\t\tdirectContentContainer.style.width = '100%';\n\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container');\n\t\t\n\t\t// Render the content directly\n\t\tif (typeof content === 'function') {\n\t\t\tconst result = content();\n\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\tdirectContentContainer.appendChild(result);\n\t\t\t} else {\n\t\t\t\trender(result, directContentContainer);\n\t\t\t}\n\t\t} else if (content instanceof HTMLElement) {\n\t\t\tdirectContentContainer.appendChild(content);\n\t\t} else {\n\t\t\trender(content, directContentContainer);\n\t\t}\n\t\t\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('schmancy-dialog') as any;\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog');\n\t\t\tdocument.body.appendChild(dialog);\n\t\t}\n\t\t\n\t\t// Always use raw component rendering with no actions\n\t\tdialog.appendChild(directContentContainer);\n\t\t\n\t\t// Set width from options\n\t\tif (options.width) {\n\t\t\tdialog.style.setProperty('--dialog-width', options.width);\n\t\t}\n\t\t\n\t\t// Add to active raw dialogs for dismiss functionality\n\t\tthis.activeRawDialogs.push(dialog);\n\t\t\n\t\t// Show dialog and return promise with cleanup\n\t\tconst promise = dialog.show(options.position);\n\t\treturn promise.finally(() => {\n\t\t\t// Clean up content when dialog closes\n\t\t\tif (directContentContainer && directContentContainer.parentNode) {\n\t\t\t\tdirectContentContainer.parentNode.removeChild(directContentContainer);\n\t\t\t}\n\t\t\t\n\t\t\t// Remove from active raw dialogs\n\t\t\tconst index = this.activeRawDialogs.indexOf(dialog);\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeRawDialogs.splice(index, 1);\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\t// Remove from active dialogs\n\t\t\tthis.activeRawDialogs.pop();\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog (with cancel result)\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Show a simple dialog without title or actions, just content\n\t * This is an alias for component() since all component dialogs are now simple by design\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tsimple: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message' | 'title' | 'confirmText' | 'cancelText'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n}\n\nexport default DialogService","import { autoUpdate, computePosition, flip, offset, Placement, shift, size, Strategy } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\n\n/**\n * A basic dialog web component without title or actions\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n\n\t/* Used when centered for initial positioning */\n\t.dialog.centered {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t}\n`) {\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Store cleanup function for position auto-updates\n\t */\n\tprivate cleanupAutoUpdate?: () => void\n\n\t/**\n\t * Virtual element to use as reference for positioning\n\t */\n\tprivate virtualReference?: {\n\t\tgetBoundingClientRect: () => DOMRect\n\t}\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Store initial position\n\t\tthis.position = { x, y }\n\n\t\t// Create virtual reference element at the provided coordinates\n\t\tthis.virtualReference = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t},\n\t\t}\n\n\t\t// Make dialog active\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(result = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Clean up any auto-update subscription\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(result)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Set up position auto-updating when dialog content changes or window resizes\n\t */\n\tprivate setupPositioning(dialog: HTMLElement) {\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Check if this is a centered dialog\n\t\tconst isCentered =\n\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, use CSS-based centering\n\t\t\tdialog.classList.add('centered')\n\n\t\t\t// Always set up auto-update for content changes, even for centered dialogs\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\tdocument.body, // Use body as reference for centered dialogs\n\t\t\t\tdialog,\n\t\t\t\t() => {\n\t\t\t\t\t// If dialog has the centered class, ensure it stays visible\n\t\t\t\t\t// even when content changes its dimensions\n\t\t\t\t\tif (dialog.classList.contains('centered')) {\n\t\t\t\t\t\t// Adjust max-height to ensure dialog stays within viewport\n\t\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telementResize: true,\n\t\t\t\t\tancestorScroll: true,\n\t\t\t\t},\n\t\t\t)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Remove centered class if it exists\n\t\tdialog.classList.remove('centered')\n\n\t\t// Use Floating UI's autoUpdate to continually update position\n\t\tif (this.virtualReference) {\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.virtualReference, dialog, () => this.updatePosition(dialog), {\n\t\t\t\tancestorScroll: true,\n\t\t\t\tancestorResize: true,\n\t\t\t\telementResize: true,\n\t\t\t\tanimationFrame: true, // Enable continuous updates for smoother repositioning\n\t\t\t})\n\n\t\t\t// Initial positioning\n\t\t\tthis.updatePosition(dialog)\n\t\t}\n\t}\n\n\t/**\n\t * Update dialog position using Floating UI\n\t */\n\tprivate async updatePosition(dialog: HTMLElement) {\n\t\tif (!this.virtualReference) return\n\n\t\t// Force window bounds recalculation on resize\n\t\tif (this.position.x > 0 && this.position.y > 0) {\n\t\t\t// Update virtual reference to consider current window size\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Ensure position is constrained to current viewport\n\t\t\tconst x = Math.min(this.position.x, viewportWidth - 20)\n\t\t\tconst y = Math.min(this.position.y, viewportHeight - 20)\n\n\t\t\t// Update virtual reference with current viewport-constrained position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect() {\n\t\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\n\t\tconst placement: Placement = 'bottom-start'\n\t\tconst strategy: Strategy = 'absolute'\n\t\tconst margin = 20 // Standard margin from edges\n\n\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\tplacement,\n\t\t\tstrategy,\n\t\t\tmiddleware: [\n\t\t\t\t// Offset from the reference point\n\t\t\t\toffset(margin),\n\n\t\t\t\t// Flip to opposite side if no space\n\t\t\t\tflip({\n\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-end', 'top-end'],\n\t\t\t\t\tfallbackStrategy: 'bestFit',\n\t\t\t\t}),\n\n\t\t\t\t// Shift along the preferred axis to stay in view\n\t\t\t\tshift({\n\t\t\t\t\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\n\t\t\t\t// Resize dialog if needed\n\t\t\t\tsize({\n\t\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\t\t// If dialog is wider than available space\n\t\t\t\t\t\tif (elements.floating.offsetWidth > availableWidth) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxWidth: `${Math.max(availableWidth - margin * 2, 280)}px`, // Keep at least 280px if possible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If dialog is taller than available space\n\t\t\t\t\t\tif (elements.floating.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxHeight: `${availableHeight - margin * 2}px`,\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\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\t\t\t],\n\t\t})\n\n\t\t// Apply the computed position\n\t\tObject.assign(dialog.style, {\n\t\t\tleft: `${Math.round(x)}px`,\n\t\t\ttop: `${Math.round(y)}px`,\n\t\t\ttransform: 'none', // Remove any transform that might interfere\n\t\t})\n\t}\n\n\t// Store resize subscription\n\tprivate resizeSubscription?: { unsubscribe: () => void }\n\n\t/**\n\t * Handle component disconnection from DOM\n\t */\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up subscriptions\n\t\tif (this.resizeSubscription) {\n\t\t\tthis.resizeSubscription.unsubscribe()\n\t\t\tthis.resizeSubscription = undefined\n\t\t}\n\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Set up positioning with Floating UI\n\t\tthis.setupPositioning(dialog)\n\n\t\t// Set up window resize subscription using RxJS with debounce\n\t\tthis.resizeSubscription = fromEvent(window, 'resize')\n\t\t\t.pipe(debounceTime(50)) // Faster response time\n\t\t\t.subscribe(() => {\n\t\t\t\t// Get current viewport dimensions\n\t\t\t\tconst viewportWidth = window.innerWidth\n\t\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t\t// If using CSS centered positioning, ensure it stays centered\n\t\t\t\tconst isCentered =\n\t\t\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\t\t\tif (isCentered) {\n\t\t\t\t\t// Update position to new center\n\t\t\t\t\tthis.position = {\n\t\t\t\t\t\tx: viewportWidth / 2,\n\t\t\t\t\t\ty: viewportHeight / 2,\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always update position on resize\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t})\n\t}\n\n\t/**\n\t * Handle close action\n\t */\n\tprivate handleClose() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleClose}></div>\n\n\t\t\t<div class=\"dialog\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * A basic dialog content component that doesn't add any padding or styling\n * Used for rendering raw content in a dialog\n *\n * @element schmancy-dialog-content\n * @slot default - Content slot for dialog content without any styling\n */\n@customElement('schmancy-dialog-content')\nexport class SchmancyDialogContent extends $LitElement(css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`) {\n  render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-dialog-content': SchmancyDialogContent\n  }\n}"],"names":["ConfirmDialog","$LitElement","css","super","arguments","this","title","subtitle","message","confirmText","cancelText","variant","position","x","y","show","positionOrEvent","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","virtualReference","getBoundingClientRect","DOMRect","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","cleanupAutoUpdate","dialog","viewportWidth","viewportHeight","Math","abs","classList","add","autoUpdate","document","body","contains","availableHeight","offsetHeight","style","maxHeight","elementResize","ancestorScroll","remove","updatePosition","ancestorResize","animationFrame","min","computePosition","placement","strategy","middleware","offset","flip","fallbackPlacements","fallbackStrategy","shift","padding","size","apply","availableWidth","elements","floating","offsetWidth","Object","assign","maxWidth","max","margin","left","round","top","transform","disconnectedCallback","resizeSubscription","unsubscribe","firstUpdated","shadowRoot","querySelector","setupPositioning","fromEvent","pipe","debounceTime","subscribe","handleConfirm","hide","dispatchEvent","CustomEvent","bubbles","composed","getConfirmButtonClass","colorMap","error","warning","success","primary","confirmColor","hasCustomContent","querySelectorAll","showButtons","trim","html","handleCancel","when","options","createElement","appendChild","width","setProperty","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","constructor","activeDialogs","activeRawDialogs","getInstance","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","render","onConfirm","_e","removeEventListener","addEventListener","onCancel","push","finally","index","indexOf","splice","contentEl","removeChild","directContentContainer","height","parentNode","pop","_v","$dialog","ask","danger","component","simple","dismiss","SchmancyDialog","handleClose","SchmancyDialogContent"],"mappings":"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"}