@mhmo91/schmancy 0.5.5 → 0.5.7

package/types/src/navigation-rail/navigation-rail.d.ts

@@ -0,0 +1,35 @@
+declare const SchmancyNavigationRail_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+/**
+ * `<schmancy-navigation-rail>` component
+ *
+ * A vertical navigation component typically positioned on the left side of an application.
+ * Navigation rails provide access to between 3-7 primary destinations with a compact footprint.
+ *
+ * @element schmancy-navigation-rail
+ * @slot - Default slot for navigation rail items
+ *
+ * @example
+ * <schmancy-navigation-rail>
+ *   <schmancy-navigation-rail-item icon="home" label="Home"></schmancy-navigation-rail-item>
+ *   <schmancy-navigation-rail-item icon="search" label="Search"></schmancy-navigation-rail-item>
+ * </schmancy-navigation-rail>
+ */
+export declare class SchmancyNavigationRail extends SchmancyNavigationRail_base {
+    /**
+     * Whether the navigation rail is extended to show labels
+     * @default false
+     */
+    extended: boolean;
+    /**
+     * Alignment of items within the rail
+     * @default 'center'
+     */
+    align: 'start' | 'center' | 'end';
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-navigation-rail': SchmancyNavigationRail;
+    }
+}
+export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-content-B1Kqr_34.js","sources":["../src/dialog/dailog.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: var(--schmancy-sys-color-scrim);\n\t\topacity: 0.4;\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\twidth: var(--dialog-width);\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-error-default hover:bg-error-container text-error-on',\n\t\t\twarning: 'bg-tertiary-default hover:bg-tertiary-container text-tertiary-on',\n\t\t\tsuccess: 'bg-success-default hover:bg-success-container text-success-on',\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 { 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 { fromEvent, tap } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\nimport { DialogWhereAreYouRicky, DialogWhereAreYouRickyEvent, DialogHereMorty } from './dialog-events'\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/**\n\t * Unique identifier for the dialog instance\n\t */\n\t@property({ type: String, reflect: true }) uid: string\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, set up auto-update for content changes\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// Ensure dialog stays within viewport when content changes\n\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\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// 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 component connection to DOM\n\t */\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t\n\t\t// Listen for \"where are you ricky\" events\n\t\tfromEvent<DialogWhereAreYouRickyEvent>(window, DialogWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t).subscribe()\n\t}\n\n\t/**\n\t * Announce this dialog's presence to the service\n\t */\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(DialogHereMorty, {\n\t\t\t\tdetail: { dialog: this },\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 lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('[role=\"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\t// Determine if the dialog is centered\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\t\tconst isCentered = Math.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\t\t\n\t\tconst dialogClasses = {\n\t\t\t'absolute': true,\n\t\t\t'w-[var(--dialog-width)]': true, // Use the specified width\n\t\t\t'max-w-[calc(100vw-2rem)]': true, // Prevent overflow on small screens\n\t\t\t'max-h-[calc(100vh-40px)]': true,\n\t\t\t'overflow-auto': true,\n\t\t\t// Centered positioning\n\t\t\t'top-1/2': isCentered,\n\t\t\t'left-1/2': isCentered,\n\t\t\t'-translate-x-1/2': isCentered,\n\t\t\t'-translate-y-[55%]': isCentered, // Slight upward shift\n\t\t}\n\t\t\n\t\treturn html`\n\t\t\t<div class=\"fixed inset-0 bg-scrim/40\" @click=${this.handleClose}></div>\n\n\t\t\t<div \n\t\t\t\tclass=${this.classMap(dialogClasses)} \n\t\t\t\trole=\"dialog\" \n\t\t\t\taria-modal=\"true\"\n\t\t\t>\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","constructor","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","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","handleCancel","getConfirmButtonClass","colorMap","error","warning","success","primary","confirmColor","render","hasCustomContent","querySelectorAll","showButtons","trim","html","when","options","createElement","appendChild","width","setProperty","show","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","SchmancyDialog","result","connectedCallback","DialogWhereAreYouRicky","tap","e","detail","uid","announcePresence","DialogHereMorty","handleClose","isCentered","dialogClasses","absolute","classMap","reflect","SchmancyDialogContent"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-content-Bh5zdbqF.cjs","sources":["../src/dialog/dailog.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: var(--schmancy-sys-color-scrim);\n\t\topacity: 0.4;\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\twidth: var(--dialog-width);\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-error-default hover:bg-error-container text-error-on',\n\t\t\twarning: 'bg-tertiary-default hover:bg-tertiary-container text-tertiary-on',\n\t\t\tsuccess: 'bg-success-default hover:bg-success-container text-success-on',\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 { 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 { fromEvent, tap } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\nimport { DialogWhereAreYouRicky, DialogWhereAreYouRickyEvent, DialogHereMorty } from './dialog-events'\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/**\n\t * Unique identifier for the dialog instance\n\t */\n\t@property({ type: String, reflect: true }) uid: string\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, set up auto-update for content changes\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// Ensure dialog stays within viewport when content changes\n\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\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// 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 component connection to DOM\n\t */\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t\n\t\t// Listen for \"where are you ricky\" events\n\t\tfromEvent<DialogWhereAreYouRickyEvent>(window, DialogWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t).subscribe()\n\t}\n\n\t/**\n\t * Announce this dialog's presence to the service\n\t */\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(DialogHereMorty, {\n\t\t\t\tdetail: { dialog: this },\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 lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('[role=\"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\t// Determine if the dialog is centered\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\t\tconst isCentered = Math.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\t\t\n\t\tconst dialogClasses = {\n\t\t\t'absolute': true,\n\t\t\t'w-[var(--dialog-width)]': true, // Use the specified width\n\t\t\t'max-w-[calc(100vw-2rem)]': true, // Prevent overflow on small screens\n\t\t\t'max-h-[calc(100vh-40px)]': true,\n\t\t\t'overflow-auto': true,\n\t\t\t// Centered positioning\n\t\t\t'top-1/2': isCentered,\n\t\t\t'left-1/2': isCentered,\n\t\t\t'-translate-x-1/2': isCentered,\n\t\t\t'-translate-y-[55%]': isCentered, // Slight upward shift\n\t\t}\n\t\t\n\t\treturn html`\n\t\t\t<div class=\"fixed inset-0 bg-scrim/40\" @click=${this.handleClose}></div>\n\n\t\t\t<div \n\t\t\t\tclass=${this.classMap(dialogClasses)} \n\t\t\t\trole=\"dialog\" \n\t\t\t\taria-modal=\"true\"\n\t\t\t>\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","constructor","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","firstUpdated","shadowRoot","querySelector","setupPositioning","fromEvent","pipe","debounceTime","subscribe","handleConfirm","hide","dispatchEvent","CustomEvent","bubbles","composed","handleCancel","getConfirmButtonClass","colorMap","error","warning","success","primary","confirmColor","render","hasCustomContent","querySelectorAll","showButtons","trim","html","when","options","createElement","appendChild","width","setProperty","show","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","SchmancyDialog","result","apply","connectedCallback","DialogWhereAreYouRicky","tap","e","detail","uid","announcePresence","DialogHereMorty","handleClose","isCentered","dialogClasses","absolute","classMap","reflect","SchmancyDialogContent"],"mappings":"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"}

package/dist/dialog-service-CgJH8clD.cjs

@@ -1,2 +0,0 @@
-"use strict";const m=require("lit"),o=require("rxjs"),h=require("./theme.events-Car6U_SQ.cjs"),g="are-you-there-dialog",u="yes-dialog-here",l=class l{constructor(){this.activeDialogs=[],this.activeRawDialogs=[],this.dialogSubject=new o.Subject,this.dismissSubject=new o.Subject,this.setupDialogOpeningLogic(),this.setupDialogDismissLogic()}static getInstance(){return l.instance||(l.instance=new l),l.instance}setupDialogOpeningLogic(){this.dialogSubject.pipe(o.switchMap(e=>o.forkJoin([o.fromEvent(window,u).pipe(o.takeUntil(o.timer(50)),o.map(t=>t.detail),o.defaultIfEmpty(void 0)),o.fromEvent(window,h.ThemeHereIAm).pipe(o.takeUntil(o.timer(50)),o.map(t=>t.detail.theme),o.defaultIfEmpty(void 0)),o.of(e).pipe(o.tap(()=>{const t=e.type==="confirm"?`confirm-dialog-${Date.now()}-${Math.random().toString(36).substring(2,9)}`:`dialog-${Date.now()}-${Math.random().toString(36).substring(2,9)}`;window.dispatchEvent(new CustomEvent(g,{detail:{uid:t},bubbles:!0,composed:!0})),window.dispatchEvent(new CustomEvent(h.ThemeWhereAreYou,{bubbles:!0,composed:!0})),e.uid=t}))])),o.map(([e,t,n])=>{let i,s=e?.dialog;if(s)i=s.parentElement;else{i=t||n.options.targetContainer||document.querySelector("schmancy-theme")||document.body;const a=n.uid;s=n.type==="confirm"?document.createElement("confirm-dialog"):document.createElement("schmancy-dialog"),s.setAttribute("uid",a),i.appendChild(s)}return{dialog:s,target:n,targetContainer:i}}),o.tap(({dialog:e,target:t,targetContainer:n})=>{e||((e=t.type==="confirm"?document.createElement("confirm-dialog"):document.createElement("schmancy-dialog")).setAttribute("uid",t.uid),n.appendChild(e))}),o.map(({dialog:e,target:t,targetContainer:n})=>(e||(e=n.querySelector(`[uid="${t.uid}"]`)),{dialog:e,target:t,targetContainer:n})),o.tap(({dialog:e,target:t})=>{if(t.type==="confirm"){const n=e,i=t.options;if(i.title&&(n.title=i.title),i.subtitle&&(n.subtitle=i.subtitle),i.message&&(n.message=i.message),i.confirmText&&(n.confirmText=i.confirmText),i.cancelText&&(n.cancelText=i.cancelText),i.variant&&(n.variant=i.variant),i.confirmColor&&(n.confirmColor=i.confirmColor),i.width&&n.style.setProperty("--dialog-width",i.width),i.content){const s=document.createElement("div");if(s.slot="content",typeof i.content=="function"){const a=i.content();a instanceof HTMLElement?s.appendChild(a):m.render(a,s)}else i.content instanceof HTMLElement?s.appendChild(i.content):m.render(i.content,s);n.appendChild(s)}this.activeDialogs.push(n)}else{if(t.content){const n=document.createElement("div");if(n.style.height="100%",n.style.width="100%",n.classList.add("schmancy-dialog-content-container"),typeof t.content=="function"){const i=t.content();i instanceof HTMLElement?n.appendChild(i):m.render(i,n)}else t.content instanceof HTMLElement?n.appendChild(t.content):m.render(t.content,n);e.appendChild(n)}t.options.width&&e.style.setProperty("--dialog-width",t.options.width),this.activeRawDialogs.push(e)}}),o.tap(({dialog:e,target:t})=>{const n=t.options.position||this.getCenteredPosition();e.show(n).then(s=>{if(t.resolve&&t.resolve(s),t.type==="confirm"){const d=this.activeDialogs.indexOf(e);d!==-1&&this.activeDialogs.splice(d,1);const p=e.querySelector('[slot="content"]');p&&e.removeChild(p)}else{const d=this.activeRawDialogs.indexOf(e);d!==-1&&this.activeRawDialogs.splice(d,1);const p=e.querySelector(".schmancy-dialog-content-container");p&&p.parentNode&&p.parentNode.removeChild(p)}const a=e._eventSubscriptions;a&&a.forEach(d=>d.unsubscribe()),e.parentElement&&e.parentElement.removeChild(e)}).catch(s=>{t.reject&&t.reject(s)});const i=[];if(t.options.onConfirm){const s=o.fromEvent(e,"confirm").subscribe(a=>{t.options.onConfirm(),s.unsubscribe()});i.push(s)}if(t.options.onCancel){const s=o.fromEvent(e,"cancel").subscribe(a=>{t.options.onCancel(),s.unsubscribe()});i.push(s)}e._eventSubscriptions=i})).subscribe()}setupDialogDismissLogic(){this.dismissSubject.pipe(o.switchMap(e=>o.forkJoin([o.fromEvent(window,u).pipe(o.takeUntil(o.timer(100)),o.map(t=>t.detail),o.defaultIfEmpty(void 0)),o.of(e).pipe(o.tap(()=>{window.dispatchEvent(new CustomEvent(g,{detail:{uid:e},bubbles:!0,composed:!0}))}))])),o.tap(([e])=>{if(e?.dialog){e.dialog.hide(!1);const t=e.dialog._eventSubscriptions;t&&t.forEach(s=>s.unsubscribe());const n=this.activeDialogs.indexOf(e.dialog);n!==-1&&this.activeDialogs.splice(n,1);const i=this.activeRawDialogs.indexOf(e.dialog);i!==-1&&this.activeRawDialogs.splice(i,1),e.dialog.parentElement&&e.dialog.parentElement.removeChild(e.dialog)}})).subscribe()}confirm(e){return new Promise((t,n)=>{const i={...l.DEFAULT_OPTIONS,...e};i.position||(i.position=this.getCenteredPosition());const s={options:i,type:"confirm",content:i.content,resolve:t,reject:n};this.dialogSubject.next(s)})}component(e,t={}){return new Promise((n,i)=>{t.position||(t.position=this.getCenteredPosition());const s={options:t,type:"component",content:e,resolve:n,reject:i};this.dialogSubject.next(s)})}dismiss(){if(this.activeRawDialogs.length>0){const e=this.activeRawDialogs[this.activeRawDialogs.length-1].getAttribute("uid");if(e)return this.dismissSubject.next(e),!0}if(this.activeDialogs.length>0){const e=this.activeDialogs[this.activeDialogs.length-1].getAttribute("uid");if(e)return this.dismissSubject.next(e),!0}return!1}close(){return this.dismiss()}ask(e,t){return this.confirm({message:e,position:t})}danger(e){return this.confirm({...e,variant:"danger"})}getCenteredPosition(){return{x:window.innerWidth/2,y:window.innerHeight/2}}};l.DEFAULT_OPTIONS={title:void 0,subtitle:void 0,confirmText:void 0,cancelText:void 0,variant:"default",width:"360px"};let c=l;const f={confirm:r=>c.getInstance().confirm(r),ask:(r,e)=>c.getInstance().ask(r,e),danger:r=>c.getInstance().danger(r),component:(r,e)=>c.getInstance().component(r,e),simple:(r,e)=>c.getInstance().component(r,e),dismiss:()=>c.getInstance().dismiss(),close:()=>c.getInstance().close()};exports.$dialog=f,exports.DialogHereMorty=u,exports.DialogService=c,exports.DialogWhereAreYouRicky=g;
-//# sourceMappingURL=dialog-service-CgJH8clD.cjs.map

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

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

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

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

package/dist/schmancy-steps-container-BkOz4Qk_.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"schmancy-steps-container-BkOz4Qk_.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.currentStep) return 'complete'\n\t\tif (this.position === this.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n/**\n * Custom event emitted when the current step changes\n */\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true\n\t\t\t}))\n\t\t}\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/**\n\t * Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] || '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/schmancy-steps-container-C59MjYwa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schmancy-steps-container-C59MjYwa.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.currentStep) return 'complete'\n\t\tif (this.position === this.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n/**\n * Custom event emitted when the current step changes\n */\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true\n\t\t\t}))\n\t\t}\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/**\n\t * Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] || '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/tabs-compatibility-CCV3TuTa.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-compatibility-CCV3TuTa.cjs","sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts","../src/tabs/tabs-compatibility.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'bg-surface-default color-surface-on': true,\n\t\t\t'flex z-50': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-surface-on': true,\n\t\t\t'hover:border-outlineVariant': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"tabsNavigation\" class=\"${this.classMap(tabs)}\" aria-label=\"Tabs\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6  border-solid border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n","/**\n * Compatibility layer for schmancy-tabs-group (which is the more correct plural form)\n * that aliases to schmancy-tab-group for backward compatibility\n */\nimport SchmancyTabGroup from './tabs-group';\n\n// Create a simple class extends the original tab group\nclass SchmancyTabsGroup extends SchmancyTabGroup {}\n\n// Register the alias element\ncustomElements.define('schmancy-tabs-group', SchmancyTabsGroup);\n\nexport default SchmancyTabsGroup;\n\n// Add the type definition to ensure TypeScript recognizes the element\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-tabs-group': SchmancyTabsGroup;\n  }\n}"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","render","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query","customElements","define"],"mappings":"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"}

package/dist/tabs-compatibility-DZie2jra.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-compatibility-DZie2jra.js","sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts","../src/tabs/tabs-compatibility.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'bg-surface-default color-surface-on': true,\n\t\t\t'flex z-50': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-surface-on': true,\n\t\t\t'hover:border-outlineVariant': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"tabsNavigation\" class=\"${this.classMap(tabs)}\" aria-label=\"Tabs\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6  border-solid border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n","/**\n * Compatibility layer for schmancy-tabs-group (which is the more correct plural form)\n * that aliases to schmancy-tab-group for backward compatibility\n */\nimport SchmancyTabGroup from './tabs-group';\n\n// Create a simple class extends the original tab group\nclass SchmancyTabsGroup extends SchmancyTabGroup {}\n\n// Register the alias element\ncustomElements.define('schmancy-tabs-group', SchmancyTabsGroup);\n\nexport default SchmancyTabsGroup;\n\n// Add the type definition to ensure TypeScript recognizes the element\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-tabs-group': SchmancyTabsGroup;\n  }\n}"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","render","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query","customElements","define"],"mappings":"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"}