@mhmo91/schmancy 0.2.193 → 0.2.195

package/dist/avatar-s-2jSsaH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-s-2jSsaH.cjs","sources":["../src/badge/badge.ts","../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts","../src/content-drawer/$sheet.ts","../src/content-drawer/context.ts","../src/content-drawer/drawer.ts","../src/content-drawer/main.ts","../src/content-drawer/sheet.ts","../src/nav-drawer/$navbar.ts","../src/nav-drawer/context.ts","../src/nav-drawer/appbar.ts","../src/nav-drawer/content.ts","../src/nav-drawer/drawer.ts","../src/nav-drawer/navbar.ts","../src/teleport/teleport.service.ts","../src/teleport/watcher.ts","../src/teleport/teleport.component.ts","../src/avatar.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyTheme } from '..'\n\n/**\n * Badge color types for predefined styles\n */\nexport type BadgeColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' | 'neutral'\n\n/**\n * Badge size variants\n */\nexport type BadgeSize = 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Badge shape variants\n */\nexport type BadgeShape = 'rounded' | 'pill' | 'square'\n\n/**\n * @element sch-badge\n * A versatile badge component for status indicators, labels, and counts\n *\n * @slot - The content of the badge (text or HTML)\n * @slot icon - Optional icon to display before the content\n *\n * @csspart badge - The badge element container\n * @csspart content - The content container\n * @csspart icon - The icon container\n */\n@customElement('sch-badge')\nexport class SchmancyBadgeV2 extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-flex;\n\t}\n\n\t.badge-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tline-height: 1;\n\t\tletter-spacing: 0.01em;\n\t\tfont-kerning: normal;\n\t}\n\n\t/* Improved vertical alignment for icon and text */\n\t::slotted(*) {\n\t\tvertical-align: middle;\n\t}\n\n\t/* Add space between icon and text */\n\t.icon-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tline-height: 1;\n\t}\n\n\t/* Icon spacing adjustments - based on golden ratio principles */\n\t.icon-container + .badge-content {\n\t\tmargin-left: 0.38em; /* Approximately 1/1.618 of 0.618em */\n\t}\n\n\t/* Ensure the icon is properly centered */\n\tschmancy-icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t/* Elegant hover effect for better interactivity */\n\t:host([outlined]) div[part=\"badge\"] {\n\t\ttransition: all 0.2s ease;\n\t}\n\n\t:host([outlined]) div[part=\"badge\"]:hover {\n\t\tfilter: brightness(0.95);\n\t\ttransform: translateY(-1px);\n\t}\n\n\t/* Non-outlined badges get subtle hover effects */\n\t:host(:not([outlined])) div[part=\"badge\"]:hover {\n\t\tfilter: brightness(0.98);\n\t}\n\n\t/* Enhanced pulse animation for better attention-getting */\n\t@keyframes elegant-pulse {\n\t\t0%, 100% {\n\t\t\topacity: 1;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.85;\n\t\t}\n\t}\n\n\t.animate-pulse {\n\t\tanimation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n\t}\n`) {\n\t/**\n\t * The color variant of the badge\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tcolor: BadgeColor = 'primary'\n\n\t/**\n\t * The size of the badge\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: BadgeSize = 'md'\n\n\t/**\n\t * The shape of the badge\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tshape: BadgeShape = 'pill'\n\n\t/**\n\t * Whether the badge has an outlined style\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\toutlined = false\n\n\t/**\n\t * Custom icon name to display (if no icon slot is provided)\n\t * @attr\n\t */\n\t@property({ type: String })\n\ticon = ''\n\n\t/**\n\t * Whether to make the badge pulse to draw attention\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpulse = false\n\n\t/**\n\t * Convert the size to appropriate Tailwind classes for the badge container\n\t * Using harmonious padding ratios based on golden ratio principles\n\t * Refined for more elegant proportions\n\t */\n\tprivate getSizeClasses(): string {\n\t\tswitch (this.size) {\n\t\t\tcase 'xs':\n\t\t\t\treturn 'text-xs py-0.75 px-1.5 gap-0.5 leading-none'\n\t\t\tcase 'sm':\n\t\t\t\treturn 'text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none'\n\t\t\tcase 'lg':\n\t\t\t\treturn 'text-base py-2 px-4 gap-1 tracking-wide'\n\t\t\tcase 'md':\n\t\t\tdefault:\n\t\t\t\treturn 'text-sm py-1.5 px-3 gap-0.5'\n\t\t}\n\t}\n\n\t/**\n\t * Get shape classes based on selected shape\n\t */\n\tprivate getShapeClasses(): string {\n\t\tswitch (this.shape) {\n\t\t\tcase 'square':\n\t\t\t\treturn 'rounded'\n\t\t\tcase 'rounded':\n\t\t\t\treturn 'rounded-md'\n\t\t\tcase 'pill':\n\t\t\tdefault:\n\t\t\t\treturn 'rounded-full'\n\t\t}\n\t}\n\n\t/**\n\t * Get icon size based on badge size with harmonious proportions\n\t * Using golden ratio-inspired proportions relative to text size\n\t */\n\tprivate getIconSize(): string {\n\t\tswitch (this.size) {\n\t\t\tcase 'xs':\n\t\t\t\treturn '11px' // Approximately 0.9 × text size (12px × 0.9)\n\t\t\tcase 'sm':\n\t\t\t\treturn '13px' // Approximately 1.1 × text size (12px × 1.1)\n\t\t\tcase 'lg':\n\t\t\t\treturn '18px' // Approximately 1.1 × text size (16px × 1.1)\n\t\t\tcase 'md':\n\t\t\tdefault:\n\t\t\t\treturn '15px' // Approximately 1.1 × text size (14px × 1.1)\n\t\t}\n\t}\n\n\t/**\n\t * Get additional styling for specific sizes\n\t */\n\tprivate getExoticStyles(): Record<string, string> {\n\t\tconst styles: Record<string, string> = {}\n\n\t\tif (this.size === 'lg') {\n\t\t\tstyles.letterSpacing = '0.03em'\n\t\t\tstyles.fontWeight = '500'\n\t\t}\n\n\t\tif (this.size === 'sm') {\n\t\t\tstyles.letterSpacing = '0.02em'\n\t\t}\n\n\t\treturn styles\n\t}\n\n\t/**\n\t * Get background and text colors based on selected color variant\n\t * Enhanced for more elegant color combinations with refined contrasts\n\t */\n\tprivate getColorStyles() {\n\t\tconst colors: Record<BadgeColor, { bg: string; text: string; border?: string }> = {\n\t\t\tprimary: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.primary.container} 92%, ${SchmancyTheme.sys.color.primary.default} 8%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.primary.default : SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.primary.default} 90%, ${SchmancyTheme.sys.color.surface.highest} 10%)` : undefined,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.secondary.container} 95%, ${SchmancyTheme.sys.color.secondary.default} 5%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.secondary.default : SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.secondary.default} 85%, ${SchmancyTheme.sys.color.surface.highest} 15%)` : undefined,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.container} 94%, ${SchmancyTheme.sys.color.tertiary.default} 6%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.tertiary.default : SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.default} 88%, ${SchmancyTheme.sys.color.surface.highest} 12%)` : undefined,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.success.container} 90%, ${SchmancyTheme.sys.color.success.default} 10%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.success.default : SchmancyTheme.sys.color.success.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.success.default} 85%, ${SchmancyTheme.sys.color.surface.bright} 15%)` : undefined,\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.container} 85%, ${SchmancyTheme.sys.color.tertiary.default} 15%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.tertiary.default : SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.default} 90%, ${SchmancyTheme.sys.color.surface.highest} 10%)` : undefined,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.error.container} 92%, ${SchmancyTheme.sys.color.error.default} 8%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.error.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.error.default} 88%, ${SchmancyTheme.sys.color.surface.bright} 12%)` : undefined,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.surface.high} 95%, ${SchmancyTheme.sys.color.outline} 5%)`,\n\t\t\t\ttext: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.surface.on} 95%, ${SchmancyTheme.sys.color.surface.default} 5%)` : SchmancyTheme.sys.color.surface.on,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.outline} 85%, ${SchmancyTheme.sys.color.surface.highest} 15%)` : undefined,\n\t\t\t},\n\t\t}\n\n\t\treturn colors[this.color]\n\t}\n\n\trender() {\n\t\tconst sizeClasses = this.getSizeClasses()\n\t\tconst shapeClasses = this.getShapeClasses()\n\t\tconst colorStyles = this.getColorStyles()\n\t\tconst iconSize = this.getIconSize()\n\t\tconst exoticStyles = this.getExoticStyles()\n\n\t\tconst badgeClasses = {\n\t\t\t'inline-flex items-center justify-center font-medium': true,\n\t\t\t[sizeClasses]: true,\n\t\t\t[shapeClasses]: true,\n\t\t\t'animate-pulse': this.pulse,\n\t\t\t'border border-solid': this.outlined,\n\t\t\t'shadow-sm': !this.outlined && this.size === 'sm',\n\t\t\t'shadow': !this.outlined && this.size === 'md',\n\t\t\t'shadow-md': !this.outlined && this.size === 'lg',\n\t\t}\n\n\t\t// Refined styles for a more elegant look\n\t\tconst styles = {\n\t\t\tborderColor: colorStyles.border,\n\t\t\ttransition: 'all 0.2s ease',\n\t\t\t...(this.outlined ? {\n\t\t\t\tbackdropFilter: 'blur(4px)',\n\t\t\t\tborderWidth: '1px',\n\t\t\t} : {}),\n\t\t\t...(this.size === 'lg' && !this.outlined ? {\n\t\t\t\tboxShadow: '0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)'\n\t\t\t} : {}),\n\t\t\t...exoticStyles,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tpart=\"badge\"\n\t\t\t\tclass=\"${this.classMap(badgeClasses)}\"\n\t\t\t\tstyle=\"${this.styleMap(styles)}\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: colorStyles.bg,\n\t\t\t\t\tcolor: colorStyles.text,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<!-- Icon slot or named icon -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t${this.icon\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div part=\"icon\" class=\"icon-container flex-shrink-0 flex items-center justify-center\">\n\t\t\t\t\t\t\t\t\t<schmancy-icon .size=${iconSize} class=\"flex items-center\">${this.icon}</schmancy-icon>\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</slot>\n\n\t\t\t\t<!-- Content -->\n\t\t\t\t<div part=\"content\" class=\"badge-content\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-badge': SchmancyBadgeV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html` <section class=\"pb-4 px-4\"><slot> </slot></section> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardMedia\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement() {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'rounded-md': true,\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'shadow-5': this.elevation === 5,\n\t\t\t'hover:shadow-xs': ['outlined', 'filled'].includes(this.type),\n\t\t\t'bg-surface-low shadow-xs hover:shadow-sm': this.type === 'elevated',\n\t\t\t'bg-surface-highest': this.type === 'filled',\n\t\t\t'bg-surface-default border border-solid border-1 border-outlineVariant': this.type === 'outlined',\n\t\t}\n\t\treturn html`<div class=\"${this.classMap(classes)}\">\n\t\t\t<slot> </slot>\n\t\t</div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { color } from '..'\n\n/**\n * @element schmancy-card-content\n * @slot headline\n * @slot subhead\n * @slot default - The content of the card\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement() {\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'px-[16px] py-[24px]': true,\n\t\t}\n\t\tconst onSurface = SchmancyTheme.sys.color.surface.on\n\t\tconst onSurfaceVariant = SchmancyTheme.sys.color.surface.onVariant\n\t\treturn html`<schmancy-grid gap=\"md\" class=\"${this.classMap(classes)}\">\n\t\t\t<schmancy-grid gap=\"xs\">\n\t\t\t\t<schmancy-typography\n\t\t\t\t\t${color({\n\t\t\t\t\t\tcolor: onSurface,\n\t\t\t\t\t})}\n\t\t\t\t\ttype=\"body\"\n\t\t\t\t\ttoken=\"lg\"\n\t\t\t\t\t><slot name=\"headline\"> </slot\n\t\t\t\t></schmancy-typography>\n\t\t\t\t<schmancy-typography\n\t\t\t\t\t${color({\n\t\t\t\t\t\tcolor: onSurfaceVariant,\n\t\t\t\t\t})}\n\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t><slot name=\"subhead\"></slot>\n\t\t\t\t</schmancy-typography>\n\t\t\t</schmancy-grid>\n\t\t\t<schmancy-typography\n\t\t\t\ttype=\"body\"\n\t\t\t\t${color({\n\t\t\t\t\tcolor: onSurfaceVariant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-typography>\n\t\t</schmancy-grid>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\n\tprotected render(): unknown {\n\t\tconst styles = {\n\t\t\theight: '200px',\n\t\t}\n\t\tconst classes = {\n\t\t\t'object-center': true,\n\t\t\t'object-contain': this.fit === 'contain',\n\t\t\t'object-cover w-full': this.fit === 'cover',\n\t\t\t'object-fill': this.fit === 'fill',\n\t\t\t'object-none': this.fit === 'none',\n\t\t\t'object-scale-down': this.fit === 'scale-down',\n\t\t}\n\t\treturn html`<schmancy-grid align=\"stretch\" justify=\"stretch\" gap=\"md\">\n\t\t\t<img src=\"${this.src}\" style=${this.styleMap(styles)} class=\"${this.classMap(classes)}\" />\n\t\t</schmancy-grid>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { Subject } from 'rxjs'\n\ntype DrawerAction = 'dismiss' | 'render'\ntype TRef = Element | Window\ntype TRenderRequest = HTMLElement\nexport type TRenderCustomEvent = CustomEvent<{\n\tcomponent: TRenderRequest\n\ttitle?: string\n}>\nclass Drawer {\n\tprivate $drawer = new Subject<{\n\t\tref: TRef\n\t\taction: DrawerAction\n\t\tcomponent?: TRenderRequest\n\t\ttitle?: string\n\t}>()\n\tconstructor() {\n\t\tthis.$drawer.pipe().subscribe(data => {\n\t\t\tif (data.action === 'dismiss') {\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'close',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t} else if (data.action === 'render') {\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'open',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-content-drawer-render', {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tcomponent: data.component,\n\t\t\t\t\t\t\ttitle: data.title,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t})\n\t}\n\n\tdimiss(ref: TRef) {\n\t\tthis.$drawer.next({\n\t\t\taction: 'dismiss',\n\t\t\tref: ref,\n\t\t})\n\t}\n\n\trender(ref: TRef, component: TRenderRequest, title?: string) {\n\t\tref.dispatchEvent(new CustomEvent('custom-event'))\n\t\tthis.$drawer.next({\n\t\t\taction: 'render',\n\t\t\tref: ref,\n\t\t\tcomponent: component,\n\t\t\ttitle,\n\t\t})\n\t}\n}\n\nexport const schmancyContentDrawer = new Drawer()\n","import { createContext } from '@lit/context'\nexport type TSchmancyContentDrawerSheetMode = 'push' | 'overlay'\nexport const SchmancyContentDrawerSheetMode = createContext<TSchmancyContentDrawerSheetMode>('push')\n\nexport type TSchmancyContentDrawerSheetState = 'open' | 'close'\nexport const SchmancyContentDrawerSheetState = createContext<TSchmancyContentDrawerSheetState>('close')\n\nexport const SchmancyContentDrawerID = createContext<string>(Math.floor(Math.random() * Date.now()).toString())\nexport const SchmancyContentDrawerMaxHeight = createContext<string>('100%')\nexport const SchmancyContentDrawerMinWidth = createContext<{\n\tmain: number\n\tsheet: number\n}>({})\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, merge, startWith, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents, TRenderCustomEvent, area, sheet } from '..'\nimport {\n\tSchmancyContentDrawerID,\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tSchmancyContentDrawerSheetState,\n\tTSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetState,\n} from './context'\n\n/**\n * @element schmancy-content-drawer\n * @slot appbar - The appbar slot\n * @slot - The content slot\n */\n@customElement('schmancy-content-drawer')\nexport class SchmancyContentDrawer extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t}\n`) {\n\t/**\n\t * The minimum width of the sheet\n\t * @attr\tminWidth\n\t * @type {number}\n\t * @memberof SchmancyContentDrawer\n\t */\n\n\t@provide({ context: SchmancyContentDrawerMinWidth })\n\tminWidth: typeof SchmancyContentDrawerMinWidth.__context__ = {\n\t\tmain: 360,\n\t\tsheet: 576,\n\t}\n\n\t/**\n\t * The state of the sheet\n\t * @attr open\n\t * @type {TSchmancyContentDrawerSheetState}\n\t */\n\t@provide({ context: SchmancyContentDrawerSheetState })\n\t@property()\n\topen: TSchmancyContentDrawerSheetState\n\n\t/**\n\t * The mode of the sheet\n\t * @type {TSchmancyContentDrawerSheetMode}\n\t * @memberof SchmancyContentDrawer\n\t * @protected\n\t */\n\t@provide({ context: SchmancyContentDrawerSheetMode })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@provide({ context: SchmancyContentDrawerID })\n\tschmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString()\n\n\t@provide({ context: SchmancyContentDrawerMaxHeight })\n\tmaxHeight = '100%'\n\n\t@queryAssignedElements({ flatten: true })\n\tassignedElements!: HTMLElement[]\n\tfirstUpdated(): void {\n\t\tmerge(fromEvent<CustomEvent>(window, 'resize'), fromEvent<CustomEvent>(window, SchmancyEvents.ContentDrawerResize))\n\t\t\t.pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\ttap(() => console.log(this.minWidth)),\n\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\tmap(width => width >= this.minWidth.main + this.minWidth.sheet),\n\t\t\t\tdebounceTime(100),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.maxHeight = `${window.innerHeight - this.getOffsetTop(this) - 32}px`\n\t\t\t\t\tthis.style.setProperty('max-height', this.maxHeight)\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(lgScreen => {\n\t\t\t\tif (lgScreen) {\n\t\t\t\t\tthis.mode = 'push'\n\t\t\t\t\tthis.open = 'open'\n\t\t\t\t} else {\n\t\t\t\t\tthis.mode = 'overlay'\n\t\t\t\t\tthis.open = 'close'\n\t\t\t\t}\n\t\t\t})\n\n\t\t/*\n\t\t * Listen to the toggle event\n\t\t */\n\t\tfromEvent<CustomEvent>(window, SchmancyEvents.ContentDrawerToggle)\n\t\t\t.pipe(\n\t\t\t\ttap(event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap(event => event.detail.state),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\tthis.open = state\n\t\t\t})\n\n\t\tfromEvent<TRenderCustomEvent>(window, 'schmancy-content-drawer-render')\n\t\t\t.pipe(\n\t\t\t\ttap(event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap(event => event.detail),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(({ component, title }) => {\n\t\t\t\tif (this.mode === 'push') {\n\t\t\t\t\t// TODO: Fix the router to render if constructor has different arguments\n\t\t\t\t\tarea.push({\n\t\t\t\t\t\tarea: this.schmancyContentDrawerID,\n\t\t\t\t\t\tcomponent: 'empty',\n\t\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t\t})\n\t\t\t\t\tarea.push({\n\t\t\t\t\t\tarea: this.schmancyContentDrawerID,\n\t\t\t\t\t\tcomponent: component,\n\t\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t\t})\n\t\t\t\t} else if ((this.mode = 'overlay')) {\n\t\t\t\t\tsheet.open({ component: component, uid: this.schmancyContentDrawerID, title })\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tgetOffsetTop(element) {\n\t\tlet offsetTop = 0\n\t\twhile (element) {\n\t\t\toffsetTop += element.offsetTop\n\t\t\telement = element.offsetParent\n\t\t}\n\t\treturn offsetTop\n\t}\n\n\tprotected render() {\n\t\tif (!this.mode || !this.open) return nothing\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.mode === 'overlay' ? '1fr' : 'auto 1fr'}\n\t\t\t\trows=\"1fr\"\n\t\t\t\tflow=\"col\"\n\t\t\t\tjustify=\"stretch\"\n\t\t\t\talign=\"stretch\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer': SchmancyContentDrawer\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { PropertyValueMap, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyEvents } from '..'\nimport {\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetMode,\n} from './context'\nimport { when } from 'lit/directives/when.js'\n\n@customElement('schmancy-content-drawer-main')\nexport class SchmancyContentDrawerMain extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t}\n`) {\n\t@property({ type: Number })\n\tminWidth\n\n\t@consume({ context: SchmancyContentDrawerMinWidth, subscribe: true })\n\tdrawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__\n\n\t@consume({ context: SchmancyContentDrawerSheetMode, subscribe: true })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@consume({ context: SchmancyContentDrawerMaxHeight, subscribe: true })\n\t@state()\n\tmaxHeight\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (this.minWidth) this.drawerMinWidth.main = this.minWidth\n\t\telse this.minWidth = this.drawerMinWidth.main\n\t}\n\n\tprotected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\tsuper.update(changedProperties)\n\t\tif (changedProperties.has('minWidth') && this.minWidth) {\n\t\t\tthis.drawerMinWidth.main = this.minWidth\n\t\t\tthis.dispatchEvent(new CustomEvent(SchmancyEvents.ContentDrawerResize, { bubbles: true, composed: true }))\n\t\t}\n\t}\n\n\trender() {\n\t\tconst styles = {\n\t\t\tminWidth: `${this.minWidth}px`,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"relative inset-0 h-full\">\n\t\t\t\t<schmancy-grid\n\t\t\t\t\tclass=\"h-full relative overflow-scroll\"\n\t\t\t\t\tcols=\"${this.mode === 'push' ? 'auto 1fr' : '1fr'}\"\n\t\t\t\t\trows=\"1fr\"\n\t\t\t\t\tflow=\"col\"\n\t\t\t\t\talign=\"stretch\"\n\t\t\t\t\tjustify=\"stretch\"\n\t\t\t\t>\n\t\t\t\t\t<section style=${this.styleMap(styles)}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</section>\n\t\t\t\t</schmancy-grid>\n\t\t\t\t${when(\n\t\t\t\t\tthis.mode === 'push',\n\t\t\t\t\t() => html` <schmancy-divider class=\"absolute right-0 top-0\" orientation=\"vertical\"></schmancy-divider>`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer-main': SchmancyContentDrawerMain\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { from, merge, Observable, of, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents, sheet } from '..'\nimport {\n\tSchmancyContentDrawerID,\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tSchmancyContentDrawerSheetState,\n\tTSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetState,\n} from './context'\n\n// --- 1) Removed the custom animate import\n// import { animate } from '@packages/anime-beta-master'\n\n@customElement('schmancy-content-drawer-sheet')\nexport class SchmancyContentDrawerSheet extends $LitElement(css`\n\t:host {\n\t\toverflow: scroll;\n\t}\n`) {\n\t@property({ type: Number })\n\tminWidth\n\n\t@consume({ context: SchmancyContentDrawerSheetMode, subscribe: true })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@consume({ context: SchmancyContentDrawerSheetState, subscribe: true })\n\t@state()\n\tstate: TSchmancyContentDrawerSheetState\n\n\t@consume({ context: SchmancyContentDrawerID })\n\tschmancyContentDrawerID\n\n\t@query('#sheet') sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true, slot: undefined }) defaultSlot!: HTMLElement[]\n\n\t@consume({ context: SchmancyContentDrawerMinWidth, subscribe: true })\n\tdrawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__\n\n\t@consume({ context: SchmancyContentDrawerMaxHeight, subscribe: true })\n\t@state()\n\tmaxHeight\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (this.minWidth) {\n\t\t\tthis.drawerMinWidth.sheet = this.minWidth\n\t\t} else {\n\t\t\tthis.minWidth = this.drawerMinWidth.sheet\n\t\t}\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('minWidth') && this.minWidth) {\n\t\t\t// If the 'minWidth' property changed\n\t\t\tthis.drawerMinWidth.sheet = this.minWidth\n\t\t\tthis.dispatchEvent(new CustomEvent(SchmancyEvents.ContentDrawerResize, { bubbles: true, composed: true }))\n\t\t} else if (changedProperties.has('state') || changedProperties.has('mode')) {\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.closeAll()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\t// Overlay open logic if needed\n\t\t\t\t\t// this.open()\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tsheet.dismiss(this.schmancyContentDrawerID)\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.closeAll()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\tthis.open()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Open the sheet by sliding it into view.\n\t */\n\topen() {\n\t\t// \"onBegin\" logic from the old `animate(...)`\n\t\tif (this.mode === 'overlay') {\n\t\t\tthis.sheet.style.position = 'fixed'\n\t\t} else {\n\t\t\tthis.sheet.style.position = 'relative'\n\t\t}\n\t\tthis.sheet.style.display = 'block'\n\n\t\t// --- 2) Use native Web Animations API ---\n\t\tthis.sheet.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'translateX(100%)' },\n\t\t\t\t{ opacity: 1, transform: 'translateX(0%)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 500,\n\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t},\n\t\t)\n\t\t// No return is needed if you don't rely on the result\n\t}\n\n\t/**\n\t * Close everything (modal sheet + the sheet itself).\n\t */\n\tcloseAll() {\n\t\t// Merge them into a single subscription,\n\t\t// so that everything closes in parallel.\n\t\tmerge(from(this.closeModalSheet()), from(this.closeSheet())).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\t/**\n\t * Dismiss the \"modal sheet.\"\n\t * This just returns an Observable that completes immediately.\n\t */\n\tcloseModalSheet() {\n\t\treturn of(true).pipe(tap(() => sheet.dismiss(this.schmancyContentDrawerID)))\n\t}\n\n\t/**\n\t * Slide the sheet out of view + hide it.\n\t * Return an Observable so we can merge it with other close operations.\n\t */\n\tcloseSheet() {\n\t\t// --- 2) Use native Web Animations API and wrap in an Observable ---\n\t\treturn new Observable<void>(observer => {\n\t\t\tconst animation = this.sheet.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 1, transform: 'translateX(0%)' },\n\t\t\t\t\t{ opacity: 1, transform: 'translateX(100%)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 500,\n\t\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\tanimation.onfinish = () => {\n\t\t\t\t// \"onComplete\" logic\n\t\t\t\tthis.sheet.style.display = 'none'\n\t\t\t\tobserver.next()\n\t\t\t\tobserver.complete()\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render() {\n\t\tconst sheetClasses = {\n\t\t\tblock: this.mode === 'push',\n\t\t\t'absolute z-50': this.mode === 'overlay',\n\t\t\t'opacity-1': this.mode === 'overlay' && this.state === 'open',\n\t\t}\n\n\t\tconst styles = {\n\t\t\tminWidth: `${this.minWidth}px`,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"sheet\" class=\"${this.classMap(sheetClasses)}\" style=${this.styleMap(styles)}>\n\t\t\t\t<schmancy-area name=\"${this.schmancyContentDrawerID}\">\n\t\t\t\t\t<slot name=\"placeholder\"></slot>\n\t\t\t\t</schmancy-area>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer-sheet': SchmancyContentDrawerSheet\n\t}\n}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { debounceTime, Subject } from 'rxjs'\n\nclass Drawer {\n\tprivate $drawer = new Subject<{\n\t\tself: HTMLElement\n\t\tstate: boolean\n\t}>()\n\tconstructor() {\n\t\tthis.$drawer.pipe(debounceTime(10)).subscribe(data => {\n\t\t\tif (data.state) {\n\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'open',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'close',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t})\n\t}\n\topen(self?: HTMLElement) {\n\t\tthis.$drawer.next({\n\t\t\tself,\n\t\t\tstate: true,\n\t\t})\n\t}\n\tclose(self?: HTMLElement) {\n\t\tthis.$drawer.next({\n\t\t\tself,\n\t\t\tstate: false,\n\t\t})\n\t}\n}\n\nexport const schmancyNavDrawer = new Drawer()\nconst $drawer = schmancyNavDrawer\n\nexport { $drawer }\n","import { createContext } from '@lit/context'\nexport type TSchmancyDrawerNavbarMode = 'push' | 'overlay' | undefined\nexport const SchmancyDrawerNavbarMode = createContext<TSchmancyDrawerNavbarMode>('push')\n\nexport type TSchmancyDrawerNavbarState = 'open' | 'close' | undefined\nexport const SchmancyDrawerNavbarState = createContext<TSchmancyDrawerNavbarState>('close')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n} from '@schmancy/nav-drawer/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { SchmancyEvents } from '..'\n\n/**\n * @element schmancy-nav-drawer-appbar\n * @slot toggler - The toggler slot\n * @slot - The default slot\n */\n@customElement('schmancy-nav-drawer-appbar')\nexport class SchmancyDrawerAppbar extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@consume({ context: SchmancyDrawerNavbarMode, subscribe: true })\n\t@state()\n\tsidebarMode: TSchmancyDrawerNavbarMode\n\n\t@consume({ context: SchmancyDrawerNavbarState, subscribe: true })\n\t@state()\n\tsidebarOpen\n\n\t@property({ type: Boolean }) toggler = true\n\n\trender() {\n\t\tconst appbarClasses = {\n\t\t\t'block z-50': true,\n\t\t}\n\t\tconst sidebarToggler = {\n\t\t\t'block left-3  z-50': this.sidebarMode === 'overlay',\n\t\t\thidden: this.sidebarMode === 'push',\n\t\t}\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.sidebarMode === 'overlay' && this.toggler ? 'auto 1fr' : '1fr'}\n\t\t\t\tflow=\"col\"\n\t\t\t\tclass=${this.classMap(appbarClasses)}\n\t\t\t\tgap=\"sm\"\n\t\t\t\talign=\"center\"\n\t\t\t>\n\t\t\t\t${when(\n\t\t\t\t\tthis.sidebarMode === 'overlay' && this.toggler,\n\t\t\t\t\t() =>\n\t\t\t\t\t\thtml`<slot name=\"toggler\">\n\t\t\t\t\t\t\t<div class=\"${this.classMap(sidebarToggler)}\">\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\t\t\t\t\t\t\tdetail: { state: this.sidebarOpen === 'open' ? 'close' : 'open' },\n\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t)\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\t${when(\n\t\t\t\t\t\t\t\t\t\tthis.sidebarOpen === 'close',\n\t\t\t\t\t\t\t\t\t\t() => html`menu`,\n\t\t\t\t\t\t\t\t\t\t() => html`menu_open`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</slot>`,\n\t\t\t\t)}\n\n\t\t\t\t<slot> </slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-appbar': SchmancyDrawerAppbar\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-nav-drawer-content')\nexport class SchmancyNavigationDrawerContent extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\toverflow-y: auto;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'scroll')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tthis.parentElement.dispatchEvent(new CustomEvent('scroll', { detail: e, bubbles: true, composed: true }))\n\t\t\t})\n\t}\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-content': SchmancyNavigationDrawerContent\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents } from '..'\nimport { fullHeight } from './../directives/height'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n\tTSchmancyDrawerNavbarState,\n} from './context'\n\n/**\n * @element schmancy-nav-drawer\n * @slot appbar - The appbar slot\n * @slot - The content slot\n */\n@customElement('schmancy-nav-drawer')\nexport class SchmancyNavigationDrawer extends $LitElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-grow: 1;\n\t\toverflow: hidden;\n\t\t/* Initially hide the component until it’s ready */\n\t\tvisibility: hidden;\n\t}\n\t/* Once the component is ready, remove the hidden style */\n\t:host([data-ready]) {\n\t\tvisibility: visible;\n\t}\n`) {\n\t// fullscreen property\n\t@property({ type: Boolean })\n\tfullscreen: boolean = false\n\n\t/**\n\t * The breakpoint for the sidebar based on Tailwind CSS breakpoints.\n\t * Accepts: \"sm\", \"md\", \"lg\", or \"xl\".\n\t *\n\t * The following default values are used:\n\t * - sm: 640px\n\t * - md: 768px (default)\n\t * - lg: 1024px\n\t * - xl: 1280px\n\t *\n\t * @attr breakpoint\n\t * @type {\"sm\" | \"md\" | \"lg\" | \"xl\"}\n\t */\n\t@property({ type: String, attribute: 'breakpoint' })\n\tbreakpoint: 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * Mapping of Tailwind breakpoint tokens to their numeric pixel values.\n\t */\n\tprivate static BREAKPOINTS: Record<'sm' | 'md' | 'lg' | 'xl', number> = {\n\t\tsm: 640,\n\t\tmd: 768,\n\t\tlg: 1024,\n\t\txl: 1280,\n\t}\n\n\t/**\n\t * The mode of the sidebar.\n\t */\n\t@provide({ context: SchmancyDrawerNavbarMode })\n\t@state()\n\tmode: TSchmancyDrawerNavbarMode\n\n\t/**\n\t * The open/close state of the sidebar.\n\t */\n\t@provide({ context: SchmancyDrawerNavbarState })\n\t@property()\n\topen: TSchmancyDrawerNavbarState\n\n\t/**\n\t * A flag indicating that the initial state has been set.\n\t */\n\t@state()\n\tprivate _initialized = false\n\n\t/**\n\t * In firstUpdated, we can safely read attribute-set properties.\n\t * We also initialize our state and subscribe to events.\n\t */\n\tfirstUpdated() {\n\t\t// Set the initial state based on the current window width.\n\t\tthis.updateState(window.innerWidth)\n\t\t// Mark the component as ready\n\t\tthis._initialized = true\n\t\tthis.setAttribute('data-ready', '')\n\n\t\t// Subscribe to window resize events.\n\t\tfromEvent(window, 'resize')\n\t\t\t.pipe(\n\t\t\t\t// Extract the inner width.\n\t\t\t\tmap(event => (event.target as Window).innerWidth),\n\t\t\t\t// Determine if we're above the breakpoint.\n\t\t\t\tmap(width => width >= SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\tdebounceTime(100),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(isLargeScreen => {\n\t\t\t\tif (isLargeScreen) {\n\t\t\t\t\tthis.mode = 'push'\n\t\t\t\t\tthis.open = 'open'\n\t\t\t\t} else {\n\t\t\t\t\tthis.mode = 'overlay'\n\t\t\t\t\tthis.open = 'close'\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Listen to the custom toggle event.\n\t\tfromEvent(window, SchmancyEvents.NavDrawer_toggle)\n\t\t\t.pipe(\n\t\t\t\ttap((event: CustomEvent) => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap((event: CustomEvent) => event.detail.state),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdebounceTime(10),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\tconsole.log('Received toggle event:', state)\n\t\t\t\t// When in push mode, ignore a request to close the sidebar.\n\t\t\t\tif (this.mode === 'push' && state === 'close') return\n\t\t\t\tthis.open = state\n\t\t\t})\n\t}\n\n\t/**\n\t * Helper method to update state based on a given width.\n\t */\n\tprivate updateState(width: number) {\n\t\tconst isLargeScreen = width >= SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]\n\t\tthis.mode = isLargeScreen ? 'push' : 'overlay'\n\t\tthis.open = isLargeScreen ? 'open' : 'close'\n\t}\n\n\tprotected render() {\n\t\t// Optionally, you can check _initialized here,\n\t\t// but the CSS will already hide the component until it's ready.\n\t\tif (!this._initialized) return nothing\n\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.fullscreen ? '1fr' : 'auto 1fr'}\n\t\t\t\trows=\"1fr\"\n\t\t\t\tflow=\"col\"\n\t\t\t\tjustify=\"stretch\"\n\t\t\t\talign=\"stretch\"\n\t\t\t\t${fullHeight()}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer': SchmancyNavigationDrawer\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { SchmancyEvents, SchmancyTheme, color } from '..'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n\tTSchmancyDrawerNavbarState,\n} from './context'\n\n// Animation configuration constants.\nconst ANIMATION_EASING = 'cubic-bezier(0.5, 0.01, 0.25, 1)'\nconst OVERLAY_ANIM_DURATION_OPEN = 200\nconst OVERLAY_ANIM_DURATION_CLOSE = 150\nconst NAV_ANIM_DURATION = 200\n\n@customElement('schmancy-nav-drawer-navbar')\nexport class SchmancyNavigationDrawerSidebar extends $LitElement() {\n\t// Consume context values. Renamed from \"state\" to \"drawerState\" to avoid confusion.\n\t@consume({ context: SchmancyDrawerNavbarMode, subscribe: true })\n\t@state()\n\tmode!: TSchmancyDrawerNavbarMode\n\n\t@consume({ context: SchmancyDrawerNavbarState, subscribe: true })\n\t@state()\n\tdrawerState!: TSchmancyDrawerNavbarState\n\n\t@query('#overlay') overlay!: HTMLElement\n\t@query('nav') nav!: HTMLElement\n\n\t@property({ type: String }) width = '320px'\n\t@state() private _initialized = false\n\n\t/**\n\t * firstUpdated()\n\t * Set initial styles based on the current mode and consumed state.\n\t */\n\tfirstUpdated() {\n\t\tif (this.mode === 'overlay') {\n\t\t\tif (this.drawerState === 'close') {\n\t\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t\t\tthis.overlay.style.display = 'none'\n\t\t\t} else if (this.drawerState === 'open') {\n\t\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\t\tthis.overlay.style.display = 'block'\n\t\t\t\tthis.overlay.style.opacity = '0.4'\n\t\t\t}\n\t\t} else if (this.mode === 'push') {\n\t\t\t// In push mode, the nav is always visible and the overlay hidden.\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t\tthis._initialized = true\n\t}\n\n\t/**\n\t * updated()\n\t * Trigger animations when either the consumed mode or state changes.\n\t */\n\tupdated(changedProperties: Map<string, any>) {\n\t\tconsole.log(this._initialized, changedProperties)\n\t\tif (!this._initialized) return\n\n\t\tif (changedProperties.has('drawerState') || changedProperties.has('mode')) {\n\t\t\tconsole.log('State updated:', this.drawerState, this.mode)\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.drawerState === 'open') {\n\t\t\t\t\t// Animate only if the nav isn’t already open.\n\t\t\t\t\tif (this.nav.style.transform !== 'translateX(0)') {\n\t\t\t\t\t\tthis.openOverlay()\n\t\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t\t}\n\t\t\t\t} else if (this.drawerState === 'close') {\n\t\t\t\t\tconsole.log(this.nav.style.transform)\n\t\t\t\t\tif (this.nav.style.transform !== 'translateX(-100%)') {\n\t\t\t\t\t\tthis.hideNavDrawer()\n\t\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tif (this.nav.style.transform !== 'translateX(0)') {\n\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t}\n\t\t\t\tif (this.overlay.style.display !== 'none') {\n\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Animate the overlay to fade in.\n\t */\n\topenOverlay() {\n\t\tthis.overlay.style.display = 'block'\n\t\tthis.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], {\n\t\t\tduration: OVERLAY_ANIM_DURATION_OPEN,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t}\n\n\t/**\n\t * Animate the overlay to fade out, then hide it.\n\t */\n\tcloseOverlay() {\n\t\tconst animation = this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], {\n\t\t\tduration: OVERLAY_ANIM_DURATION_CLOSE,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t}\n\tshowNavDrawer() {\n\t\t// Use computed style if needed, but here we directly update inline style after animation.\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(-100%)' }, { transform: 'translateX(0)' }], {\n\t\t\tduration: NAV_ANIM_DURATION,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t}\n\t}\n\n\thideNavDrawer() {\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(-100%)' }], {\n\t\t\tduration: NAV_ANIM_DURATION,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t}\n\t}\n\n\t/**\n\t * Handle overlay click events by dispatching a custom event\n\t * to close the navigation drawer.\n\t */\n\tprivate handleOverlayClick() {\n\t\twindow.dispatchEvent(\n\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\tdetail: { state: 'close' },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected render() {\n\t\tconst sidebarClasses = {\n\t\t\t'p-[16px] max-w-[360px] w-fit h-full overflow-auto': true,\n\t\t\tblock: this.mode === 'push',\n\t\t\t'fixed inset-0 z-50': this.mode === 'overlay',\n\t\t}\n\t\tconst overlayClass = {\n\t\t\t'fixed inset-0 z-49 hidden': true,\n\t\t}\n\t\tconst styleMap = {\n\t\t\twidth: this.width,\n\t\t}\n\n\t\treturn html`\n\t\t\t<nav\n\t\t\t\tstyle=${this.styleMap(styleMap)}\n\t\t\t\tclass=\"${this.classMap({ ...sidebarClasses })}\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</nav>\n\t\t\t<div\n\t\t\t\tid=\"overlay\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.scrim,\n\t\t\t\t})}\n\t\t\t\t@click=${this.handleOverlayClick}\n\t\t\t\tclass=\"${this.classMap({ ...overlayClass })}\"\n\t\t\t></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-navbar': SchmancyNavigationDrawerSidebar\n\t}\n}\n","import { bufferTime, concatMap, filter, fromEvent, map, of, Subject, take, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from './teleport.component'\n\nexport type WhereAreYouRickyEvent = CustomEvent<{\n\tid: string\n\tcallerID: number\n}>\n\nexport const WhereAreYouRicky = 'whereAreYouRicky'\n\nexport type HereMortyEvent = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nexport type FLIP_REQUEST = {\n\tfrom: {\n\t\trect: DOMRect\n\t\telement?: HTMLElement\n\t}\n\tto: {\n\t\trect: DOMRect\n\t\telement: HTMLElement\n\t}\n\tstagger?: number\n\thost: HTMLElement\n}\nexport const HereMorty = 'hereMorty'\n\nclass Teleportation {\n\tactiveTeleportations = new Map<string, DOMRect>()\n\tflipRequests = new Subject<FLIP_REQUEST>()\n\n\tconstructor() {\n\t\tthis.flipRequests\n\t\t\t.pipe(\n\t\t\t\tbufferTime(1),\n\t\t\t\tmap(requests =>\n\t\t\t\t\trequests.map(({ from, to, host }, i) => ({\n\t\t\t\t\t\tfrom,\n\t\t\t\t\t\tto,\n\t\t\t\t\t\thost,\n\t\t\t\t\t\ti,\n\t\t\t\t\t})),\n\t\t\t\t),\n\t\t\t\tconcatMap(requests => zip(requests.map(request => of(this.flip(request))))),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tfind = (component: SchmancyTeleportation) => {\n\t\treturn zip([\n\t\t\tfromEvent<HereMortyEvent>(window, HereMorty).pipe(\n\t\t\t\tfilter(\n\t\t\t\t\te =>\n\t\t\t\t\t\t!!e.detail.component.uuid &&\n\t\t\t\t\t\t!!component.id &&\n\t\t\t\t\t\te.detail.component.id === component.id &&\n\t\t\t\t\t\te.detail.component.uuid !== component.uuid,\n\t\t\t\t),\n\t\t\t\tmap(e => e.detail.component),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\tof(component).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent<WhereAreYouRickyEvent['detail']>(WhereAreYouRicky, {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tid: component.id,\n\t\t\t\t\t\t\t\tcallerID: component.uuid,\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),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(0),\n\t\t)\n\t}\n\n\tflip = (request: {\n\t\tfrom: {\n\t\t\trect: DOMRect\n\t\t}\n\t\tto: {\n\t\t\telement: HTMLElement\n\t\t\trect: DOMRect\n\t\t}\n\t\thost: HTMLElement\n\t\ti: number\n\t}) => {\n\t\tconst { from, to } = request\n\n\t\t// Prepare the element for animation\n\t\tconst originalZIndex = to.element.style.zIndex\n\t\tto.element.style.transformOrigin = 'top left'\n\t\tto.element.style.setProperty('visibility', 'visible')\n\t\tto.element.style.zIndex = '1000'\n\n\t\t// \"onBegin\" logic goes here (since Web Animations doesn't have onBegin).\n\t\t// If you had more logic, place it here:\n\t\t// e.g., console.log('Starting FLIP animation...');\n\n\t\t// Calculate starting and ending transforms\n\t\tconst startX = from.rect.left - to.rect.left\n\t\tconst startY = from.rect.top - to.rect.top\n\t\tconst startScaleX = from.rect.width / to.rect.width\n\t\tconst startScaleY = from.rect.height / to.rect.height\n\n\t\t// Create keyframes\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\ttransform: `translate(${startX}px, ${startY}px) scale(${startScaleX}, ${startScaleY})`,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: 'translate(0, 0) scale(1, 1)',\n\t\t\t},\n\t\t]\n\n\t\t// Use native Web Animations API\n\t\tconst animation = to.element.animate(keyframes, {\n\t\t\tduration: 250,\n\t\t\tdelay: 10, // if desired\n\t\t\t// Approximate 'inOutQuad' via a cubic-bezier easing.\n\t\t\t// You can adjust these values to taste, or use a standard one:\n\t\t\teasing: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n\t\t\t// or simply 'ease-in-out'\n\t\t})\n\n\t\t// \"onComplete\" logic goes here\n\t\tanimation.onfinish = () => {\n\t\t\tto.element.style.zIndex = originalZIndex\n\t\t\tto.element.style.transformOrigin = ''\n\t\t\t// If you have additional cleanup, place it here\n\t\t\t// e.g., console.log('FLIP animation completed!');\n\t\t}\n\t}\n}\n\nexport const teleport = new Teleportation()\nexport default teleport\n","import { Observable, interval } from 'rxjs'\nimport { distinctUntilChanged, map, take } from 'rxjs/operators'\n\n// Function to monitor element's bounding client rect\nexport function watchElementRect(element: Element): Observable<DOMRectReadOnly> {\n\treturn interval(50).pipe(\n\t\t// startWith(true),\n\t\tmap(() => element.getBoundingClientRect()),\n\t\tdistinctUntilChanged(\n\t\t\t(prev, curr) =>\n\t\t\t\tprev.width === curr.width &&\n\t\t\t\tprev.height === curr.height &&\n\t\t\t\tprev.top === curr.top &&\n\t\t\t\tprev.right === curr.right &&\n\t\t\t\tprev.bottom === curr.bottom &&\n\t\t\t\tprev.left === curr.left,\n\t\t),\n\t\ttake(1),\n\t)\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { filter, fromEvent, merge, of, takeUntil, tap, throwIfEmpty } from 'rxjs'\nimport { FINDING_MORTIES, FINDING_MORTIES_EVENT, HERE_RICKY, HERE_RICKY_EVENT } from '..'\nimport {\n\tHereMorty,\n\tHereMortyEvent,\n\tWhereAreYouRicky,\n\tWhereAreYouRickyEvent,\n\tdefault as teleport,\n\tdefault as teleportationService,\n} from './teleport.service'\nimport { watchElementRect } from './watcher'\nimport { $LitElement } from '@mixins/index'\n@customElement('schmancy-teleport')\nexport class SchmancyTeleportation extends $LitElement(css``) {\n\t/**\n\t * @attr {string} uuid - The component tag to teleport\n\t * @readonly\n\t */\n\t@property({ type: Number, reflect: true }) uuid = Math.floor(Math.random() * Date.now())\n\n\t/**\n\t * @attr {string} id - The component tag to teleport\n\t * @required\n\t */\n\t@property({ type: String }) id!: string\n\n\t@property({ type: Number }) delay = 0\n\n\tdebugging = import.meta.env.DEV ? true : false\n\n\tget _slottedChildren() {\n\t\tconst slot = this.shadowRoot.querySelector('slot')\n\t\treturn slot.assignedElements({ flatten: true })\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (this.id === undefined) throw new Error('id is required')\n\t\tsuper.connectedCallback()\n\t\tmerge(\n\t\t\tfromEvent<FINDING_MORTIES_EVENT>(window, FINDING_MORTIES).pipe(\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\tnew CustomEvent<HERE_RICKY_EVENT['detail']>(HERE_RICKY, {\n\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\tcomponent: this,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\tcomposed: true,\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),\n\t\t\tfromEvent<WhereAreYouRickyEvent>(window, WhereAreYouRicky).pipe(\n\t\t\t\ttap({\n\t\t\t\t\tnext: e => {\n\t\t\t\t\t\tif (e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid) {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent<HereMortyEvent['detail']>(HereMorty, {\n\t\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\t\tcomponent: this,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\tcomposed: true,\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),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tasync firstUpdated() {\n\t\tof(teleportationService.activeTeleportations.get(this.id))\n\t\t\t.pipe(\n\t\t\t\tfilter(a => !!a),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tthrowIfEmpty(),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: domRect => {\n\t\t\t\t\tconsole.count('teleport')\n\t\t\t\t\tthis.style.setProperty('visibility', 'hidden')\n\t\t\t\t\t// teleport.flipRequests.next({ from: component, to: this, stagger: 0 })\n\t\t\t\t\twatchElementRect(this)\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe({\n\t\t\t\t\t\t\tnext: e => {\n\t\t\t\t\t\t\t\t// console.log(e)\n\t\t\t\t\t\t\t\tteleportationService.activeTeleportations.set(this.id, e)\n\t\t\t\t\t\t\t\tteleport.flipRequests.next({\n\t\t\t\t\t\t\t\t\tfrom: {\n\t\t\t\t\t\t\t\t\t\trect: domRect,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tto: {\n\t\t\t\t\t\t\t\t\t\trect: e,\n\t\t\t\t\t\t\t\t\t\telement: this._slottedChildren[0] as HTMLElement,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\thost: this,\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},\n\t\t\t\terror: () => {\n\t\t\t\t\tthis.style.setProperty('visibility', 'visible')\n\t\t\t\t\twatchElementRect(this)\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe({\n\t\t\t\t\t\t\tnext: e => {\n\t\t\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t\t\t\tteleportationService.activeTeleportations.set(this.id, e)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tcomplete: () => {},\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-teleport': SchmancyTeleportation\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none'\n\n/**\n * A customizable avatar component that displays initials or an icon\n * Designed to match the Schmancy design system\n *\n * @element schmancy-avatar\n *\n * @property {string} initials - Text initials to display (limited to 2 characters)\n * @property {string} src - URL of an image to display\n * @property {string} icon - Name of an icon to display\n * @property {AvatarSize} size - Size of the avatar (xs, sm, md, lg, xl)\n * @property {AvatarColor} color - Color theme of the avatar\n * @property {AvatarShape} shape - Shape of the avatar (circle or square)\n * @property {boolean} bordered - Whether to add a border around the avatar\n * @property {AvatarStatus} status - Optional status indicator to display\n *\n * @example\n * <schmancy-avatar\n *   initials=\"JD\"\n *   size=\"md\"\n *   color=\"primary\"\n * ></schmancy-avatar>\n */\n@customElement('schmancy-avatar')\nexport class SchmancyAvatar extends $LitElement() {\n\t@property({ type: String }) initials: string = ''\n\t@property({ type: String }) src: string = ''\n\t@property({ type: String }) icon: string = ''\n\t@property({ type: String }) size: AvatarSize = 'md'\n\t@property({ type: String }) color: AvatarColor = 'primary'\n\t@property({ type: String }) shape: AvatarShape = 'circle'\n\t@property({ type: Boolean }) bordered: boolean = false\n\t@property({ type: String }) status: AvatarStatus = 'none'\n\n\trender() {\n\t\t// Determine content to display (image, initials, or icon)\n\t\tlet content\n\t\tif (this.src) {\n\t\t\tcontent = html`<img class=\"w-full h-full object-cover\" src=\"${this.src}\" alt=\"Avatar\" />`\n\t\t} else if (this.initials) {\n\t\t\tcontent = html`<span class=\"text-center font-medium\">${this.initials.substring(0, 2).toUpperCase()}</span>`\n\t\t} else if (this.icon) {\n\t\t\tcontent = html`<schmancy-icon>${this.icon}</schmancy-icon>`\n\t\t} else {\n\t\t\tcontent = html`<schmancy-icon>person</schmancy-icon>`\n\t\t}\n\n\t\t// Size classes\n\t\tconst sizeClasses = {\n\t\t\txs: 'w-6 h-6 text-xs',\n\t\t\tsm: 'w-8 h-8 text-sm',\n\t\t\tmd: 'w-10 h-10 text-base',\n\t\t\tlg: 'w-12 h-12 text-lg',\n\t\t\txl: 'w-16 h-16 text-xl',\n\t\t}\n\n\t\t// Shape classes\n\t\tconst shapeClasses = {\n\t\t\tcircle: 'rounded-full',\n\t\t\tsquare: 'rounded-md',\n\t\t}\n\n\t\t// Combine classes\n\t\tconst avatarClasses = {\n\t\t\t'relative flex items-center justify-center overflow-hidden': true,\n\t\t\t[sizeClasses[this.size]]: true,\n\t\t\t[shapeClasses[this.shape]]: true,\n\t\t\t'border-2 border-surface-container': this.bordered,\n\t\t}\n\n\t\t// Get theme colors\n\t\tconst colorAttrs = this.getColorAttributes()\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(avatarClasses)}\" ${colorAttrs}>\n\t\t\t\t${content} ${this.status !== 'none' ? this.renderStatusIndicator() : ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate getColorAttributes() {\n\t\tconst colorMap = {\n\t\t\tprimary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.primary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.secondary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.tertiary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.success.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.success.onContainer,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.error.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.error.onContainer,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t},\n\t\t}\n\n\t\treturn color(colorMap[this.color])\n\t}\n\n\tprivate renderStatusIndicator() {\n\t\tconst statusColors = {\n\t\t\tonline: SchmancyTheme.sys.color.success.default,\n\t\t\toffline: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\tbusy: SchmancyTheme.sys.color.error.default,\n\t\t\taway: SchmancyTheme.sys.color.tertiary.default,\n\t\t}\n\n\t\tconst sizeMap = {\n\t\t\txs: 'w-1.5 h-1.5',\n\t\t\tsm: 'w-2 h-2',\n\t\t\tmd: 'w-2.5 h-2.5',\n\t\t\tlg: 'w-3 h-3',\n\t\t\txl: 'w-4 h-4',\n\t\t}\n\n\t\tconst statusClasses = {\n\t\t\t'absolute bottom-0 right-0 rounded-full border-2 border-surface-default': true,\n\t\t\t[sizeMap[this.size]]: true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(statusClasses)}\" style=\"background-color: ${statusColors[this.status]};\"></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-avatar': SchmancyAvatar\n\t}\n}\n"],"names":["SchmancyBadgeV2","TailwindElement","css","super","arguments","this","color","size","shape","outlined","icon","pulse","getIconSize","styles","letterSpacing","fontWeight","primary","bg","SchmancyTheme","sys","container","default","text","onContainer","border","surface","highest","secondary","tertiary","success","bright","warning","error","neutral","high","outline","on","sizeClasses","getSizeClasses","shapeClasses","getShapeClasses","colorStyles","getColorStyles","iconSize","exoticStyles","getExoticStyles","badgeClasses","shadow","borderColor","transition","backdropFilter","borderWidth","boxShadow","html","classMap","styleMap","bgColor","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement","SchmancyCardMedia","SchmancyCard","elevation","classes","includes","Number","SchmancyCardContent","render","onSurface","onSurfaceVariant","onVariant","src","fit","height","schmancyContentDrawer","$drawer","Subject","pipe","subscribe","data","action","ref","dispatchEvent","CustomEvent","SchmancyEvents","ContentDrawerToggle","detail","state","bubbles","composed","component","title","next","t","SchmancyContentDrawerSheetMode","createContext","SchmancyContentDrawerSheetState","SchmancyContentDrawerID","n","Math","floor","random","Date","now","toString","SchmancyContentDrawerMaxHeight","SchmancyContentDrawerMinWidth","SchmancyContentDrawer","$LitElement","constructor","minWidth","main","sheet","schmancyContentDrawerID","maxHeight","merge","fromEvent","window","ContentDrawerResize","startWith","tap","map","clientWidth","innerWidth","width","debounceTime","innerHeight","getOffsetTop","style","setProperty","distinctUntilChanged","takeUntil","disconnecting","lgScreen","mode","open","event","stopPropagation","area","push","historyStrategy","uid","element","offsetTop","offsetParent","nothing","provide","context","queryAssignedElements","flatten","SchmancyContentDrawerMain","connectedCallback","drawerMinWidth","changedProperties","update","has","when","consume","SchmancyContentDrawerSheet","updated","closeAll","dismiss","position","display","animate","opacity","transform","duration","easing","from","closeModalSheet","closeSheet","of","Observable","observer","onfinish","complete","sheetClasses","block","query","slot","schmancyNavDrawer","NavDrawer_toggle","self","SchmancyDrawerNavbarMode","SchmancyDrawerNavbarState","SchmancyDrawerAppbar","toggler","sidebarToggler","sidebarMode","hidden","sidebarOpen","SchmancyNavigationDrawerContent","e","parentElement","SchmancyNavigationDrawer","fullscreen","breakpoint","_initialized","firstUpdated","updateState","setAttribute","target","BREAKPOINTS","isLargeScreen","fullHeight","sm","md","lg","xl","attribute","ANIMATION_EASING","SchmancyNavigationDrawerSidebar","drawerState","nav","overlay","openOverlay","showNavDrawer","hideNavDrawer","closeOverlay","fill","sidebarClasses","scrim","handleOverlayClick","WhereAreYouRicky","HereMorty","teleport","activeTeleportations","Map","flipRequests","find","zip","filter","uuid","id","take","callerID","timeout","flip","request","to","originalZIndex","zIndex","transformOrigin","keyframes","rect","left","top","delay","bufferTime","requests","host","i","concatMap","watchElementRect","interval","getBoundingClientRect","prev","curr","right","bottom","SchmancyTeleportation","debugging","_slottedChildren","shadowRoot","querySelector","assignedElements","Error","FINDING_MORTIES","HERE_RICKY","teleportationService","get","a","throwIfEmpty","domRect","set","SchmancyAvatar","initials","bordered","status","content","substring","toUpperCase","avatarClasses","xs","circle","square","colorAttrs","getColorAttributes","renderStatusIndicator","colorMap","statusColors","online","offline","busy","away","statusClasses"],"mappings":"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"}

package/dist/dialog-content-9pumpyLD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-content-9pumpyLD.js","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts","../src/dialog/dialog.component.ts","../src/dialog/dialog-content.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, Placement, shift, size, Strategy } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\n\n/**\n * A confirm dialog web component with custom content support\n *\n * @element confirm-dialog\n * @slot content - Optional slot for custom content\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n\n\t/* Used when centered for initial positioning */\n\t.dialog.centered {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t}\n`) {\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = undefined\n\n\t/**\n\t * Dialog subtitle\n\t */\n\t@property({ type: String })\n\tsubtitle = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = undefined\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String, attribute: 'confirm-text' })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * 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\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\"> ${this.confirmText} </schmancy-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</schmancy-form>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for even simpler API\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tsubtitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tif (options.title) dialog.title = options.title\n\t\tif (options.subtitle) dialog.subtitle = options.subtitle\n\t\tif (options.message) dialog.message = options.message\n\t\tif (options.confirmText) dialog.confirmText = options.confirmText\n\t\tif (options.cancelText) dialog.cancelText = options.cancelText\n\t\tif (options.variant) dialog.variant = options.variant\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Even simpler shorthand method - just pass message and optionally an event\n\t */\n\tstatic async ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n","import { render, TemplateResult } from 'lit'\nimport { ConfirmDialog } from './dailog'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tsubtitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\n\t// New options for component rendering\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\twidth?: string\n\tonConfirm?: () => void\n\tonCancel?: () => void\n\thideActions?: boolean // Set to true to hide all buttons and title\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Provides a simple API for showing dialogs with optional custom components.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\t// Default dialog options\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tsubtitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: 'Cancel',\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Track active dialogs to handle dismissing the most recent one\n\tprivate activeDialogs: ConfirmDialog[] = []\n\t\n\t// Track component dialogs (schmancy-dialog instances)\n\tprivate activeRawDialogs: any[] = []\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t}\n\n\t\t// If no position is provided, center the dialog\n\t\tif (!completeOptions.position) {\n\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t}\n\n\t\t// Create or find the dialog\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set basic options\n\t\tif (completeOptions.title) dialog.title = completeOptions.title\n\t\tif (completeOptions.subtitle) dialog.subtitle = completeOptions.subtitle\n\t\tif (completeOptions.message) dialog.message = completeOptions.message\n\t\tif (completeOptions.confirmText) dialog.confirmText = completeOptions.confirmText\n\t\tif (completeOptions.cancelText) dialog.cancelText = completeOptions.cancelText\n\t\tif (completeOptions.variant) dialog.variant = completeOptions.variant\n\t\tif (completeOptions.width) dialog.style.setProperty('--dialog-width', completeOptions.width)\n\n\t\t// Handle custom content if provided\n\t\tif (completeOptions.content) {\n\t\t\tconst contentContainer = document.createElement('div')\n\t\t\tcontentContainer.slot = 'content'\n\n\t\t\tif (typeof completeOptions.content === 'function') {\n\t\t\t\tconst result = completeOptions.content()\n\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t} else {\n\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t}\n\t\t\t} else if (completeOptions.content instanceof HTMLElement) {\n\t\t\t\tcontentContainer.appendChild(completeOptions.content)\n\t\t\t} else {\n\t\t\t\trender(completeOptions.content, contentContainer)\n\t\t\t}\n\n\t\t\tdialog.appendChild(contentContainer)\n\t\t}\n\n\t\t// Set up event listeners for optional callbacks\n\t\tif (completeOptions.onConfirm) {\n\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\tcompleteOptions.onConfirm!()\n\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t}\n\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t}\n\n\t\tif (completeOptions.onCancel) {\n\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\tcompleteOptions.onCancel!()\n\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t}\n\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t}\n\n\t\t// Add this dialog to active dialogs\n\t\tthis.activeDialogs.push(dialog)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(completeOptions.position).finally(() => {\n\t\t\t// Remove from active dialogs when closed\n\t\t\tconst index = this.activeDialogs.indexOf(dialog)\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeDialogs.splice(index, 1)\n\t\t\t}\n\n\t\t\t// Clean up the content when dialog closes\n\t\t\tif (completeOptions.content) {\n\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\tif (contentEl) {\n\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * Always renders content directly without any headers or action buttons\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = {},\n\t): Promise<boolean> {\n\t\t// Create a direct container for the component without any wrapping\n\t\tconst directContentContainer = document.createElement('div');\n\t\tdirectContentContainer.style.height = '100%';\n\t\tdirectContentContainer.style.width = '100%';\n\t\tdirectContentContainer.classList.add('schmancy-dialog-content-container');\n\t\t\n\t\t// Render the content directly\n\t\tif (typeof content === 'function') {\n\t\t\tconst result = content();\n\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\tdirectContentContainer.appendChild(result);\n\t\t\t} else {\n\t\t\t\trender(result, directContentContainer);\n\t\t\t}\n\t\t} else if (content instanceof HTMLElement) {\n\t\t\tdirectContentContainer.appendChild(content);\n\t\t} else {\n\t\t\trender(content, directContentContainer);\n\t\t}\n\t\t\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('schmancy-dialog') as any;\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('schmancy-dialog');\n\t\t\tdocument.body.appendChild(dialog);\n\t\t}\n\t\t\n\t\t// Always use raw component rendering with no actions\n\t\tdialog.appendChild(directContentContainer);\n\t\t\n\t\t// Set width from options\n\t\tif (options.width) {\n\t\t\tdialog.style.setProperty('--dialog-width', options.width);\n\t\t}\n\t\t\n\t\t// Add to active raw dialogs for dismiss functionality\n\t\tthis.activeRawDialogs.push(dialog);\n\t\t\n\t\t// Show dialog and return promise with cleanup\n\t\tconst promise = dialog.show(options.position);\n\t\treturn promise.finally(() => {\n\t\t\t// Clean up content when dialog closes\n\t\t\tif (directContentContainer && directContentContainer.parentNode) {\n\t\t\t\tdirectContentContainer.parentNode.removeChild(directContentContainer);\n\t\t\t}\n\t\t\t\n\t\t\t// Remove from active raw dialogs\n\t\t\tconst index = this.activeRawDialogs.indexOf(dialog);\n\t\t\tif (index !== -1) {\n\t\t\t\tthis.activeRawDialogs.splice(index, 1);\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Dismiss the most recently opened dialog (either confirm or component type)\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tpublic dismiss(): boolean {\n\t\t// Try component dialog first (they're more likely to be on top)\n\t\tif (this.activeRawDialogs.length > 0) {\n\t\t\t// Get the most recently opened raw dialog (last in the array)\n\t\t\tconst dialog = this.activeRawDialogs[this.activeRawDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\t// Remove from active dialogs\n\t\t\tthis.activeRawDialogs.pop();\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\t// Fall back to confirm dialogs\n\t\tif (this.activeDialogs.length > 0) {\n\t\t\t// Get the most recently opened dialog (last in the array)\n\t\t\tconst dialog = this.activeDialogs[this.activeDialogs.length - 1];\n\t\t\t\n\t\t\t// Hide the dialog (with cancel result)\n\t\t\tdialog.hide(false);\n\t\t\t\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Show a simple dialog without title or actions, just content\n\t * This is an alias for component() since all component dialogs are now simple by design\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tsimple: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message' | 'title' | 'confirmText' | 'cancelText'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n\n\t/**\n\t * Dismiss the most recently opened dialog\n\t * @returns true if a dialog was dismissed, false if no dialogs were open\n\t */\n\tdismiss: (): boolean => {\n\t\treturn DialogService.getInstance().dismiss()\n\t},\n}\n\nexport default DialogService","import { autoUpdate, computePosition, flip, offset, Placement, shift, size, Strategy } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent } from 'rxjs'\nimport { debounceTime } from 'rxjs/operators'\n\n/**\n * A basic dialog web component without title or actions\n *\n * @element schmancy-dialog\n * @slot default - Content slot for dialog body\n */\n@customElement('schmancy-dialog')\nexport class SchmancyDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tmax-height: calc(100vh - 40px); /* Prevent exceeding viewport height */\n\t\toverflow: auto; /* Allow scrolling for oversized content */\n\t}\n\n\t/* Used when centered for initial positioning */\n\t.dialog.centered {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -55%); /* Slight upward shift looks better */\n\t}\n`) {\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Store cleanup function for position auto-updates\n\t */\n\tprivate cleanupAutoUpdate?: () => void\n\n\t/**\n\t * Virtual element to use as reference for positioning\n\t */\n\tprivate virtualReference?: {\n\t\tgetBoundingClientRect: () => DOMRect\n\t}\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves when dialog is closed\n\t */\n\tasync show(positionOrEvent?: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif (!positionOrEvent) {\n\t\t\t// Default to center of viewport if no position provided\n\t\t\tx = window.innerWidth / 2\n\t\t\ty = window.innerHeight / 2\n\t\t} else if ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Store initial position\n\t\tthis.position = { x, y }\n\n\t\t// Create virtual reference element at the provided coordinates\n\t\tthis.virtualReference = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t},\n\t\t}\n\n\t\t// Make dialog active\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(result = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Clean up any auto-update subscription\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(result)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Set up position auto-updating when dialog content changes or window resizes\n\t */\n\tprivate setupPositioning(dialog: HTMLElement) {\n\t\tconst viewportWidth = window.innerWidth\n\t\tconst viewportHeight = window.innerHeight\n\n\t\t// Check if this is a centered dialog\n\t\tconst isCentered =\n\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\tif (isCentered) {\n\t\t\t// For centered dialogs, use CSS-based centering\n\t\t\tdialog.classList.add('centered')\n\n\t\t\t// Always set up auto-update for content changes, even for centered dialogs\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(\n\t\t\t\tdocument.body, // Use body as reference for centered dialogs\n\t\t\t\tdialog,\n\t\t\t\t() => {\n\t\t\t\t\t// If dialog has the centered class, ensure it stays visible\n\t\t\t\t\t// even when content changes its dimensions\n\t\t\t\t\tif (dialog.classList.contains('centered')) {\n\t\t\t\t\t\t// Adjust max-height to ensure dialog stays within viewport\n\t\t\t\t\t\tconst availableHeight = window.innerHeight - 40\n\t\t\t\t\t\tif (dialog.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tdialog.style.maxHeight = `${availableHeight}px`\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telementResize: true,\n\t\t\t\t\tancestorScroll: true,\n\t\t\t\t},\n\t\t\t)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Remove centered class if it exists\n\t\tdialog.classList.remove('centered')\n\n\t\t// Use Floating UI's autoUpdate to continually update position\n\t\tif (this.virtualReference) {\n\t\t\tthis.cleanupAutoUpdate = autoUpdate(this.virtualReference, dialog, () => this.updatePosition(dialog), {\n\t\t\t\tancestorScroll: true,\n\t\t\t\tancestorResize: true,\n\t\t\t\telementResize: true,\n\t\t\t\tanimationFrame: true, // Enable continuous updates for smoother repositioning\n\t\t\t})\n\n\t\t\t// Initial positioning\n\t\t\tthis.updatePosition(dialog)\n\t\t}\n\t}\n\n\t/**\n\t * Update dialog position using Floating UI\n\t */\n\tprivate async updatePosition(dialog: HTMLElement) {\n\t\tif (!this.virtualReference) return\n\n\t\t// Force window bounds recalculation on resize\n\t\tif (this.position.x > 0 && this.position.y > 0) {\n\t\t\t// Update virtual reference to consider current window size\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Ensure position is constrained to current viewport\n\t\t\tconst x = Math.min(this.position.x, viewportWidth - 20)\n\t\t\tconst y = Math.min(this.position.y, viewportHeight - 20)\n\n\t\t\t// Update virtual reference with current viewport-constrained position\n\t\t\tthis.virtualReference = {\n\t\t\t\tgetBoundingClientRect() {\n\t\t\t\t\treturn new DOMRect(x, y, 0, 0)\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\n\t\tconst placement: Placement = 'bottom-start'\n\t\tconst strategy: Strategy = 'absolute'\n\t\tconst margin = 20 // Standard margin from edges\n\n\t\tconst { x, y } = await computePosition(this.virtualReference, dialog, {\n\t\t\tplacement,\n\t\t\tstrategy,\n\t\t\tmiddleware: [\n\t\t\t\t// Offset from the reference point\n\t\t\t\toffset(margin),\n\n\t\t\t\t// Flip to opposite side if no space\n\t\t\t\tflip({\n\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-end', 'top-end'],\n\t\t\t\t\tfallbackStrategy: 'bestFit',\n\t\t\t\t}),\n\n\t\t\t\t// Shift along the preferred axis to stay in view\n\t\t\t\tshift({\n\t\t\t\t\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\n\t\t\t\t// Resize dialog if needed\n\t\t\t\tsize({\n\t\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\t\t// If dialog is wider than available space\n\t\t\t\t\t\tif (elements.floating.offsetWidth > availableWidth) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxWidth: `${Math.max(availableWidth - margin * 2, 280)}px`, // Keep at least 280px if possible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If dialog is taller than available space\n\t\t\t\t\t\tif (elements.floating.offsetHeight > availableHeight) {\n\t\t\t\t\t\t\tObject.assign(elements.floating.style, {\n\t\t\t\t\t\t\t\tmaxHeight: `${availableHeight - margin * 2}px`,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tpadding: margin, // Keep margin from viewport edges\n\t\t\t\t}),\n\t\t\t],\n\t\t})\n\n\t\t// Apply the computed position\n\t\tObject.assign(dialog.style, {\n\t\t\tleft: `${Math.round(x)}px`,\n\t\t\ttop: `${Math.round(y)}px`,\n\t\t\ttransform: 'none', // Remove any transform that might interfere\n\t\t})\n\t}\n\n\t// Store resize subscription\n\tprivate resizeSubscription?: { unsubscribe: () => void }\n\n\t/**\n\t * Handle component disconnection from DOM\n\t */\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up subscriptions\n\t\tif (this.resizeSubscription) {\n\t\t\tthis.resizeSubscription.unsubscribe()\n\t\t\tthis.resizeSubscription = undefined\n\t\t}\n\n\t\tif (this.cleanupAutoUpdate) {\n\t\t\tthis.cleanupAutoUpdate()\n\t\t\tthis.cleanupAutoUpdate = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\tif (!dialog) return\n\n\t\t// Set up positioning with Floating UI\n\t\tthis.setupPositioning(dialog)\n\n\t\t// Set up window resize subscription using RxJS with debounce\n\t\tthis.resizeSubscription = fromEvent(window, 'resize')\n\t\t\t.pipe(debounceTime(50)) // Faster response time\n\t\t\t.subscribe(() => {\n\t\t\t\t// Get current viewport dimensions\n\t\t\t\tconst viewportWidth = window.innerWidth\n\t\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t\t// If using CSS centered positioning, ensure it stays centered\n\t\t\t\tconst isCentered =\n\t\t\t\t\tMath.abs(this.position.x - viewportWidth / 2) < 10 && Math.abs(this.position.y - viewportHeight / 2) < 10\n\n\t\t\t\tif (isCentered) {\n\t\t\t\t\t// Update position to new center\n\t\t\t\t\tthis.position = {\n\t\t\t\t\t\tx: viewportWidth / 2,\n\t\t\t\t\t\ty: viewportHeight / 2,\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always update position on resize\n\t\t\t\tthis.updatePosition(dialog)\n\t\t\t})\n\t}\n\n\t/**\n\t * Handle close action\n\t */\n\tprivate handleClose() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('close', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleClose}></div>\n\n\t\t\t<div class=\"dialog\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dialog': SchmancyDialog\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * A basic dialog content component that doesn't add any padding or styling\n * Used for rendering raw content in a dialog\n *\n * @element schmancy-dialog-content\n * @slot default - Content slot for dialog content without any styling\n */\n@customElement('schmancy-dialog-content')\nexport class SchmancyDialogContent extends $LitElement(css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`) {\n  render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-dialog-content': SchmancyDialogContent\n  }\n}"],"names":["ConfirmDialog","$LitElement","css","constructor","super","arguments","this","title","subtitle","message","confirmText","cancelText","variant","position","x","y","show","positionOrEvent","clientX","clientY","touches","length","pos","window","innerWidth","innerHeight","virtualReference","getBoundingClientRect","DOMRect","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","cleanupAutoUpdate","dialog","viewportWidth","viewportHeight","Math","abs","classList","add","autoUpdate","document","body","contains","availableHeight","offsetHeight","style","maxHeight","elementResize","ancestorScroll","remove","updatePosition","ancestorResize","animationFrame","min","computePosition","placement","strategy","middleware","offset","flip","fallbackPlacements","fallbackStrategy","shift","padding","size","apply","availableWidth","elements","floating","offsetWidth","Object","assign","maxWidth","max","margin","left","round","top","transform","disconnectedCallback","resizeSubscription","unsubscribe","firstUpdated","shadowRoot","querySelector","setupPositioning","fromEvent","pipe","debounceTime","subscribe","hide","dispatchEvent","CustomEvent","bubbles","composed","hasCustomContent","querySelectorAll","showButtons","trim","html","handleCancel","handleConfirm","when","confirm","options","createElement","appendChild","width","setProperty","event","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","activeDialogs","activeRawDialogs","getInstance","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","render","onConfirm","_e","removeEventListener","addEventListener","onCancel","push","finally","index","indexOf","splice","contentEl","removeChild","directContentContainer","height","parentNode","dismiss","pop","_v","$dialog","ask","danger","component","simple","SchmancyDialog","handleClose","SchmancyDialogContent"],"mappings":";;;;;;;;;;;;;;AAea,IAAAA,IAAN,cAA4BC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAAxC,cAAAC;AAAAC,UAAAC,GAAAA,SAAAA,GAsCEC,KAAAC,QAAAA,QAMGD,KAAAE,WAAA,QAMDF,KAAAG,UAAAA,QAMIH,KAAAI,cAAA,WAMDJ,KAAAK,aAAA,UAMmBL,KAAAM,UAAA,WAKhCN,KAAQO,WAAW,EAAEC,GAAG,GAAGC,GAAG,EAAE;AAAA,EAAA;AAAA,EA4BhC,MAAMC,KAAKC,GAEV;AAAA,QAAIH,GAAWC;AAEf,QAAKE,EAIL,KAAW,aAAaA,EAEvBH,KAAIG,EAAgBC,SACpBH,IAAIE,EAAgBE;AAAAA,aACV,aAAaF,KAAmBA,EAAgBG,QAAQC,OAE9DP,KAAAG,EAAgBG,QAAQ,CAAGF,EAAAA,SAC3BH,IAAAE,EAAgBG,QAAQ,CAAA,EAAGD;AAAAA,SACzB;AAEN,YAAMG,IAAML;AACZH,UAAIQ,EAAIR,GACRC,IAAIO,EAAIP;AAAAA,IAAA;AAAA,QAdRD,KAAIS,OAAOC,aAAa,GACxBT,IAAIQ,OAAOE,cAAc;AA8BnB,WAbFnB,KAAAO,WAAW,EAAEC,GAAGC,GAAAA,GAAAA,EAAAA,GAGrBT,KAAKoB,mBAAmB,EACvBC,uBAAwB,MAChB,IAAIC,QAAQd,GAAGC,GAAG,GAAG,CAKzBT,EAAAA,GAAAA,KAAAuB,aAAa,UAAU,EAGrB,GAAA,IAAIC,QAA4BC,CAAAA,MAAAA;AACtCzB,WAAK0B,iBAAiBD;AAAAA,IAAA,CAAA;AAAA,EACtB;AAAA,EAMF,KAAKE,IAAAA,IACJ3B;AAAAA,SAAK4B,gBAAgB,QAAA,GAGjB5B,KAAK6B,sBACR7B,KAAK6B,kBAAAA,GACL7B,KAAK6B,oBAAAA,SAIF7B,KAAK0B,mBACR1B,KAAK0B,eAAeC,CACpB3B,GAAAA,KAAK0B,iBAAiB;AAAA,EACvB;AAAA,EAMO,iBAAiBI,GAAAA;AACxB,UAAMC,IAAgBd,OAAOC,YACvBc,IAAiBf,OAAOE;AAM9B,QAFCc,KAAKC,IAAIlC,KAAKO,SAASC,IAAIuB,IAAgB,CAAK,IAAA,MAAME,KAAKC,IAAIlC,KAAKO,SAASE,IAAIuB,IAAiB,CAAK,IAAA,GA2BvG,QAvBOF,EAAAK,UAAUC,IAAI,UAGrBpC,GAAAA,MAAAA,KAAK6B,oBAAoBQ,EACxBC,SAASC,MACTT,GACA,MAAA;AAGC,UAAIA,EAAOK,UAAUK,SAAS,UAAa,GAAA;AAEpC,cAAAC,IAAkBxB,OAAOE,cAAc;AACzCW,QAAAA,EAAOY,eAAeD,MAClBX,EAAAa,MAAMC,YAAY,GAAGH,CAC7B;AAAA,MAAA;AAAA,IAAA,GAGF,EACCI,eAAAA,IACAC,gBAAAA,GAQIhB,CAAAA;AAAAA,IAAAA,EAAAK,UAAUY,OAAO,UAGpB/C,GAAAA,KAAKoB,qBACHpB,KAAA6B,oBAAoBQ,EAAWrC,KAAKoB,kBAAkBU,GAAQ,MAAM9B,KAAKgD,eAAelB,CAAS,GAAA,EACrGgB,gBAAgB,IAChBG,gBAAgB,IAChBJ,eAAe,IACfK,gBAAgB,GAAA,CAAA,GAIjBlD,KAAKgD,eAAelB,CACrB;AAAA,EAAA;AAAA,EAMD,MAAckB,eAAelB,GACxB;AAAA,QAAA,CAAC9B,KAAKoB,iBAAkB;AAG5B,QAAIpB,KAAKO,SAASC,IAAI,KAAKR,KAAKO,SAASE,IAAI,GAAG;AAE/C,YAAMsB,IAAgBd,OAAOC,YACvBc,IAAiBf,OAAOE,aAGxBX,IAAIyB,KAAKkB,IAAInD,KAAKO,SAASC,GAAGuB,IAAgB,EAC9CtB,GAAAA,IAAIwB,KAAKkB,IAAInD,KAAKO,SAASE,GAAGuB,IAAiB,EAGrDhC;AAAAA,WAAKoB,mBAAmB,EACvBC,uBAAwB,MAChB,IAAIC,QAAQd,GAAGC,GAAG,GAAG,CAAA,EAAA;AAAA,IAE9B;AAGD,UAAA,EAIMD,GAAEA,MAAGC,EAAAA,IAAAA,MAAY2C,EAAgBpD,KAAKoB,kBAAkBU,GAAQ,EACrEuB,WAL4B,gBAM5BC,UAL0B,YAM1BC,YAAY,CAEXC,EAPa,EAUbC,GAAAA,EAAK,EACJC,oBAAoB,CAAC,aAAa,cAAc,SAAA,GAChDC,kBAAkB,UAAA,CAAA,GAInBC,EAAM,EACLC,SAjBY,GAAA,CAAA,GAqBbC,EAAK,EACJ,MAAAC,EAAMC,gBAAEA,GAAgBvB,iBAAAA,GAAAwB,UAAiBA,EAAAA,GAAAA;AAEpCA,MAAAA,EAASC,SAASC,cAAcH,KAC5BI,OAAAC,OAAOJ,EAASC,SAASvB,OAAO,EACtC2B,UAAU,GAAGrC,KAAKsC,IAAIP,IAAiBQ,IAAY,GAKjDP,CAAAA,KAAAA,CAAAA,GAAAA,EAASC,SAASxB,eAAeD,KAC7B2B,OAAAC,OAAOJ,EAASC,SAASvB,OAAO,EACtCC,WAAcH,IAAkB+B,KAArB,KAGd,CAAA;AAAA,IAAA,GACAX,SArCY,GAAA,CAAA,CAAA,EAAA,CAAA;AA2CRO,WAAAC,OAAOvC,EAAOa,OAAO,EAC3B8B,MAAM,GAAGxC,KAAKyC,MAAMlE,CAAAA,CAAAA,MACpBmE,KAAK,GAAG1C,KAAKyC,MAAMjE,CACnBmE,CAAAA,MAAAA,WAAW,OACX,CAAA;AAAA,EAAA;AAAA,EAMF,uBAAAC;AACC/E,UAAM+E,qBAAAA,GAGF7E,KAAK8E,uBACR9E,KAAK8E,mBAAmBC,YACxB/E,GAAAA,KAAK8E,qBAAqB,SAGvB9E,KAAK6B,sBACR7B,KAAK6B,kBAAAA,GACL7B,KAAK6B,oBAAAA;AAAAA,EACN;AAAA,EAMD,eAAAmD;;AACC,UAAMlD,KAAS9B,IAAAA,KAAKiF,eAALjF,gBAAAA,EAAiBkF,cAAc;AACzCpD,UAGL9B,KAAKmF,iBAAiBrD,CAAAA,GAGjB9B,KAAA8E,qBAAqBM,EAAUnE,QAAQ,QAC1CoE,EAAAA,KAAKC,EAAa,EAAA,CAAA,EAClBC,UAAU,MAAA;AAEV,YAAMxD,IAAgBd,OAAOC,YACvBc,IAAiBf,OAAOE;AAI7Bc,WAAKC,IAAIlC,KAAKO,SAASC,IAAIuB,IAAgB,CAAA,IAAK,MAAME,KAAKC,IAAIlC,KAAKO,SAASE,IAAIuB,IAAiB,CAAA,IAAK,OAIvGhC,KAAKO,WAAW,EACfC,GAAGuB,IAAgB,GACnBtB,GAAGuB,IAAiB,EAAA,IAKtBhC,KAAKgD,eAAelB,CAAM;AAAA,IAAA,CAAA;AAAA,EAC1B;AAAA,EAMK,gBACP9B;AAAAA,SAAKwF,KAAK,EAAA,GACLxF,KAAAyF,cACJ,IAAIC,YAAY,WAAW,EAC1BC,SAAS,IACTC,UAAU,GAAA,CAAA,CAAA;AAAA,EAEZ;AAAA,EAMO,eACP5F;AAAAA,SAAKwF,KAAK,EAAA,GACLxF,KAAAyF,cACJ,IAAIC,YAAY,UAAU,EACzBC,SAAS,IACTC,UAAU,GAAA,CAAA,CAAA;AAAA,EAEZ;AAAA,EAGD,SAGC;AAAA,UAAMC,IAAmB7F,KAAK8F,iBAAiB,kBAAA,EAAoB/E,SAAS,GAEtEgF,IACL/F,KAAKI,eAAeJ,KAAKI,YAAY4F,KAAiBhG,MAAN,MAAMA,KAAKK,cAAcL,KAAKK,WAAW2F,KAEnF,MAF8F;AAE9F,WAAAC;AAAAA,iCACwBjG,KAAKkG,YAAAA;AAAAA;AAAAA;AAAAA;AAAAA,8BAIRlG,KAAKmG,aAAAA;AAAAA,QAC3BC,EACDpG,KAAKC,SAASD,KAAKC,MAAM+F,KAAAA,MAAW,IACpC,MAAMC;AAAAA,qEACwDjG,KAAKC,KAAAA;AAAAA,UAChEmG,EACDpG,KAAKE,YAAYF,KAAKE,SAAS8F,KAAAA,MAAW,IAC1C,MAAMC;AAAAA;AAAAA,aAEFjG,KAAKE,QAAAA;AAAAA;AAAAA,YAGT,MAAM+F,GAAA,CAAA;AAAA;QAIPJ,IACCI,gBAAmBF,IAAc,SAAS,2CAC1CK,EACApG,KAAKG,WAAWH,KAAKG,QAAQ6F,KAAAA,MAAW,IACxC,MAAMC,mDAAsDjG,KAAKG,OAAAA,yBAAAA,CAAAA;AAAAA,QAElEiG,EACDL,GACA,MAAME;AAAAA;AAAAA,sDAEyCjG,KAAKkG,iBAAiBlG,KAAKK,UAAAA;AAAAA,4DACrBL,KAAKI,WAAAA;AAAAA;AAAAA;;;;;EAG1D;AAAA,EAUN,aAAaiG,QAAQC,GAWhB;AAAA,QAAAxE,IAASQ,SAAS4C,cAAc,gBAiB7B;AAAA,WAfFpD,MACKA,IAAAQ,SAASiE,cAAc,gBAAA,GACvBjE,SAAAC,KAAKiE,YAAY1E,CAIvBwE,IAAAA,EAAQrG,UAAc6B,EAAA7B,QAAQqG,EAAQrG,QACtCqG,EAAQpG,aAAiB4B,EAAA5B,WAAWoG,EAAQpG,WAC5CoG,EAAQnG,YAAgB2B,EAAA3B,UAAUmG,EAAQnG,UAC1CmG,EAAQlG,gBAAoB0B,EAAA1B,cAAckG,EAAQlG,cAClDkG,EAAQjG,eAAmByB,EAAAzB,aAAaiG,EAAQjG,aAChDiG,EAAQhG,YAAgBwB,EAAAxB,UAAUgG,EAAQhG,UAC1CgG,EAAQG,SAAO3E,EAAOa,MAAM+D,YAAY,kBAAkBJ,EAAQG,KAG/D3E,GAAAA,EAAOpB,KAAK4F,EAAQ/F,QAAAA;AAAAA,EAAQ;AAAA,EAMpC,aAAA,IAAiBJ,GAAiBwG,GAAAA;AACjC,WAAO3G,KAAKqG,QAAQ,EACnBlG,SAAAA,GACAI,UAAUoG,EAAAA,CAAAA;AAAAA,EACV;AA1aFC;AAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GArCNrH,EAsCZsH,WAAA,SAAA,CAMAJ,GAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GA3CNrH,EA4CZsH,WAAA,YAAA,CAMAJ,GAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAjDNrH,EAkDZsH,WAAA,WAAA,CAMAJ,GAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQE,WAAW,eAAA,CAAA,CAAA,GAvDzBvH,EAwDZsH,WAAA,eAAA,CAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQE,WAAW,cAAA,CAAA,CAAA,GA7DzBvH,EA8DZsH,WAAA,cAAA,CAMAJ,GAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAnENrH,EAoEZsH,WAAA,WAAA,CApEYtH,GAAAA,IAANkH,EAAA,CADNM,EAAc,gBACFxH,CAAAA,GAAAA,CAAAA;ACYN,MAAMyH,IAAN,MAAMA,EAAAA;AAAAA,EAoBJ,cANRnH;AAAAA,SAAQoH,gBAAiC,CAAA,GAGzCpH,KAAQqH,mBAA0B,CAAC;AAAA,EAAA;AAAA,EAQnC,OAAcC,cAAAA;AAIb,WAHKH,EAAcI,aACJJ,EAAAI,WAAW,IAAIJ,MAEvBA,EAAcI;AAAAA,EAAA;AAAA,EAOf,QAAQjB;AAEd,UAAMkB,IAAkB,EACpBL,GAAAA,EAAcM,iBACdnB,GAAAA,EAAAA;AAICkB,IAAAA,EAAgBjH,aACJiH,EAAAjH,WAAWP,KAAK0H,oBAI7B;AAAA,QAAA5F,IAASQ,SAAS4C,cAAc,gBAgBpC;AAAA,QAfKpD,MACKA,IAAAQ,SAASiE,cAAc,gBAAA,GACvBjE,SAAAC,KAAKiE,YAAY1E,CAIvB0F,IAAAA,EAAgBvH,UAAc6B,EAAA7B,QAAQuH,EAAgBvH,QACtDuH,EAAgBtH,aAAiB4B,EAAA5B,WAAWsH,EAAgBtH,WAC5DsH,EAAgBrH,YAAgB2B,EAAA3B,UAAUqH,EAAgBrH,UAC1DqH,EAAgBpH,gBAAoB0B,EAAA1B,cAAcoH,EAAgBpH,cAClEoH,EAAgBnH,eAAmByB,EAAAzB,aAAamH,EAAgBnH,aAChEmH,EAAgBlH,YAAgBwB,EAAAxB,UAAUkH,EAAgBlH,UAC1DkH,EAAgBf,SAAO3E,EAAOa,MAAM+D,YAAY,kBAAkBc,EAAgBf,KAGlFe,GAAAA,EAAgBG,SAAS;AACtB,YAAAC,IAAmBtF,SAASiE,cAAc,KAG5C;AAAA,UAFJqB,EAAiBC,OAAO,WAEe,OAA5BL,EAAgBG,WAAY,YAAY;AAC5C,cAAAG,IAASN,EAAgBG,QAAAA;AAC3BG,QAAAA,aAAkBC,cACrBH,EAAiBpB,YAAYsB,CAAAA,IAE7BE,EAAOF,GAAQF,CAAAA;AAAAA,MAChB,MACUJ,CAAAA,EAAgBG,mBAAmBI,cAC5BH,EAAApB,YAAYgB,EAAgBG,WAEtCK,EAAAR,EAAgBG,SAASC,CAAAA;AAGjC9F,QAAO0E,YAAYoB,CAAAA;AAAAA,IAAgB;AAIpC,QAAIJ,EAAgBS,WAAW;AACxB,YAAAA,IAAaC,CAAAA,MAClBV;AAAAA,QAAAA,EAAgBS,UACTnG,GAAAA,EAAAqG,oBAAoB,WAAWF,CAAAA;AAAAA,MAAS;AAEzCnG,QAAAsG,iBAAiB,WAAWH,CAAAA;AAAAA,IAAS;AAG7C,QAAIT,EAAgBa,UAAU;AACvB,YAAAA,IAAYH,CAAAA;AACjBV,QAAAA,EAAgBa,SAAAA,GACTvG,EAAAqG,oBAAoB,UAAUE,CAAQ;AAAA,MAAA;AAEvCvG,QAAAsG,iBAAiB,UAAUC,CAAQ;AAAA,IAAA;AAO3C,WAHKrI,KAAAoH,cAAckB,KAAKxG,CAAAA,GAGjBA,EAAOpB,KAAK8G,EAAgBjH,QAAAA,EAAUgI,QAAQ,MAAA;AAEpD,YAAMC,IAAQxI,KAAKoH,cAAcqB,QAAQ3G;AAMzC,UALI0G,MAAU,MACRxI,KAAAoH,cAAcsB,OAAOF,GAAO,CAI9BhB,GAAAA,EAAgBG,SAAS;AACtB,cAAAgB,IAAY7G,EAAOoD,cAAc,kBACnCyD;AAAAA,QAAAA,KACH7G,EAAO8G,YAAYD;MACpB;AAAA,IAED,CAAA;AAAA,EAAA;AAAA,EAQK,UACNhB,GACArB,IAAsD,IAGhD;AAAA,UAAAuC,IAAyBvG,SAASiE,cAAc,KAAA;AAMlD,QALJsC,EAAuBlG,MAAMmG,SAAS,QACtCD,EAAuBlG,MAAM8D,QAAQ,QACdoC,EAAA1G,UAAUC,IAAI,mCAAA,GAG1BuF,OAAAA,KAAY,YAAY;AAClC,YAAMG,IAASH,EACXG;AAAAA,MAAAA,aAAkBC,cACrBc,EAAuBrC,YAAYsB,CAEnCE,IAAAA,EAAOF,GAAQe,CAChB;AAAA,IAAA,MACUlB,CAAAA,aAAmBI,cAC7Bc,EAAuBrC,YAAYmB,CAAAA,IAEnCK,EAAOL,GAASkB,CAIb;AAAA,QAAA/G,IAASQ,SAAS4C,cAAc,iBAC/BpD;AAAAA,WAAAA,MACKA,IAAAQ,SAASiE,cAAc,iBACvBjE,GAAAA,SAAAC,KAAKiE,YAAY1E,KAI3BA,EAAO0E,YAAYqC,CAGfvC,GAAAA,EAAQG,SACX3E,EAAOa,MAAM+D,YAAY,kBAAkBJ,EAAQG,KAI/CzG,GAAAA,KAAAqH,iBAAiBiB,KAAKxG,IAGXA,EAAOpB,KAAK4F,EAAQ/F,UACrBgI,QAAQ,MAAA;AAElBM,WAA0BA,EAAuBE,cAC7BF,EAAAE,WAAWH,YAAYC;AAI/C,YAAML,IAAQxI,KAAKqH,iBAAiBoB,QAAQ3G,CAC9B;AAAA,MAAV0G,MAAU,MACRxI,KAAAqH,iBAAiBqB,OAAOF,GAAO,CAAC;AAAA,IAAA,CAAA;AAAA,EAEtC;AAAA,EAOK,UAAAQ;AAEF,WAAAhJ,KAAKqH,iBAAiBtG,SAAS,KAEnBf,KAAKqH,iBAAiBrH,KAAKqH,iBAAiBtG,SAAS,GAG7DyE,KAAK,EAAA,GAGZxF,KAAKqH,iBAAiB4B,IAEf,GAAA,MAIJjJ,KAAKoH,cAAcrG,SAAS,KAEhBf,KAAKoH,cAAcpH,KAAKoH,cAAcrG,SAAS,CAGvDyE,EAAAA,KAAAA,EAEA,GAAA,MAGD;AAAA,EAAA;AAAA,EAOD,IAAIrF,GAAiBwG,GAAAA;AAC3B,WAAO3G,KAAKqG,QAAQ,EACnBlG,SAAAA,GACAI,UAAUoG,EAAAA,CAAAA;AAAAA,EACV;AAAA,EAOK,OAAOL,GACb;AAAA,WAAOtG,KAAKqG,QAAQ,EAChBC,GAAAA,GACHhG,SAAS,SACT,CAAA;AAAA,EAAA;AAAA,EAMM,sBAAAoH;AACA,WAAA,EACNlH,GAAGS,OAAOC,aAAa,GACvBT,GAAGQ,OAAOE,cAAc,EAAA;AAAA,EACzB;;AApPDnB,EAAeyH,kBAA0C,EACxDxH,OAAO,QACPC,kBACAE,aAAAA,QACAC,YAAY,UACZC,SAAS,WACTmG,OAAO,QAAA;AAVF,IAAMU,IAAN+B;AAgQA,MAAMC,IAAU,EAKtB9C,SAAUC,OACFa,EAAcG,YAAAA,EAAcjB,QAAQC,CAAAA,GAO5C8C,KAAK,CAACjJ,GAAiBwG,MACfQ,EAAcG,cAAc8B,IAAIjJ,GAASwG,CAOjD0C,GAAAA,QAAS/C,OACDa,EAAcG,YAAAA,EAAc+B,OAAO/C,CAAAA,GAO3CgD,WAAW,CACV3B,GACArB,MAEOa,EAAcG,cAAcgC,UAAU3B,GAASrB,CAQvDiD,GAAAA,QAAQ,CACP5B,GACArB,MAEOa,EAAcG,YAAAA,EAAcgC,UAAU3B,GAASrB,CAAAA,GAOvD0C,SAAS,MACD7B,EAAcG,YAAc0B,EAAAA,QAAAA,EAAAA;;AClUxB,IAAAQ,IAAN,cAA6B7J,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAAzC,cAAAC;AAAAC,UAAAC,GAAAA,SAAAA,GAqCNC,KAAQO,WAAW,EAAEC,GAAG,GAAGC,GAAG,EAAA;AAAA,EAAE;AAAA,EAuBhC,MAAA,KAAWE,GAEV;AAAA,QAAIH,GAAWC;AAEf,QAAKE,EAIL,KAAW,aAAaA,EAEvBH,KAAIG,EAAgBC,SACpBH,IAAIE,EAAgBE;AAAAA,aACV,aAAaF,KAAmBA,EAAgBG,QAAQC,OAE9DP,KAAAG,EAAgBG,QAAQ,CAAA,EAAGF,SAC3BH,IAAAE,EAAgBG,QAAQ,CAAA,EAAGD;AAAAA,SACzB;AAEN,YAAMG,IAAML;AACZH,UAAIQ,EAAIR,GACRC,IAAIO,EAAIP;AAAAA,IAAA;AAAA,QAdRD,KAAIS,OAAOC,aAAa,GACxBT,IAAIQ,OAAOE,cAAc;AA8BnB,WAbFnB,KAAAO,WAAW,EAAEC,GAAAA,GAAGC,QAGrBT,KAAKoB,mBAAmB,EACvBC,uBAAwB,MAChB,IAAIC,QAAQd,GAAGC,GAAG,GAAG,CAAA,EAAA,GAKzBT,KAAAuB,aAAa,UAAU,EAGrB,GAAA,IAAIC,QAA4BC,CAAAA,MAAAA;AACtCzB,WAAK0B,iBAAiBD;AAAAA,IAAA,CACtB;AAAA,EAAA;AAAA,EAMF,KAAKqG,IAAS,IAAA;AACb9H,SAAK4B,gBAAgB,QAAA,GAGjB5B,KAAK6B,sBACR7B,KAAK6B,kBAAAA,GACL7B,KAAK6B,oBAAAA,SAIF7B,KAAK0B,mBACR1B,KAAK0B,eAAeoG,CAAAA,GACpB9H,KAAK0B,iBAAiB;AAAA,EACvB;AAAA,EAMO,iBAAiBI,GAAAA;AACxB,UAAMC,IAAgBd,OAAOC,YACvBc,IAAiBf,OAAOE;AAM9B,QAFCc,KAAKC,IAAIlC,KAAKO,SAASC,IAAIuB,IAAgB,KAAK,MAAME,KAAKC,IAAIlC,KAAKO,SAASE,IAAIuB,IAAiB,CAAK,IAAA,GA2BvG,QAvBOF,EAAAK,UAAUC,IAAI,mBAGrBpC,KAAK6B,oBAAoBQ,EACxBC,SAASC,MACTT,GACA;AAGC,UAAIA,EAAOK,UAAUK,SAAS,UAAa,GAAA;AAEpC,cAAAC,IAAkBxB,OAAOE,cAAc;AACzCW,QAAAA,EAAOY,eAAeD,MAClBX,EAAAa,MAAMC,YAAY,GAAGH,CAAAA;AAAAA,MAC7B;AAAA,IAGF,GAAA,EACCI,mBACAC,gBAAAA,GAQIhB,CAAAA;AAAAA,IAAAA,EAAAK,UAAUY,OAAO,aAGpB/C,KAAKoB,qBACHpB,KAAA6B,oBAAoBQ,EAAWrC,KAAKoB,kBAAkBU,GAAQ,MAAM9B,KAAKgD,eAAelB,CAAS,GAAA,EACrGgB,oBACAG,gBAAAA,IACAJ,eAAAA,IACAK,gBAAAA,OAIDlD,KAAKgD,eAAelB,CACrB;AAAA,EAAA;AAAA,EAMD,MAAckB,eAAelB;AACxB,QAAC9B,CAAAA,KAAKoB,iBAAkB;AAG5B,QAAIpB,KAAKO,SAASC,IAAI,KAAKR,KAAKO,SAASE,IAAI,GAAG;AAE/C,YAAMsB,IAAgBd,OAAOC,YACvBc,IAAiBf,OAAOE,aAGxBX,IAAIyB,KAAKkB,IAAInD,KAAKO,SAASC,GAAGuB,IAAgB,KAC9CtB,IAAIwB,KAAKkB,IAAInD,KAAKO,SAASE,GAAGuB,IAAiB,EAGrDhC;AAAAA,WAAKoB,mBAAmB,EACvBC,uBAAwB,MAChB,IAAIC,QAAQd,GAAGC,GAAG,GAAG,CAE9B,EAAA;AAAA,IAAA;AAGD,YAIMD,GAAEA,MAAGC,EAAAA,IAAAA,MAAY2C,EAAgBpD,KAAKoB,kBAAkBU,GAAQ,EACrEuB,WAL4B,gBAM5BC,UAL0B,YAM1BC,YAAY,CAEXC,EAPa,EAAA,GAUbC,EAAK,EACJC,oBAAoB,CAAC,aAAa,cAAc,SAAA,GAChDC,kBAAkB,UAAA,CAAA,GAInBC,EAAM,EACLC,SAjBY,GAqBbC,CAAAA,GAAAA,EAAK,EACJ,MAAME,EAAAA,gBAAEA,GAAgBvB,iBAAAA,GAAAwB,UAAiBA,EAAAA,GAAAA;AAEpCA,MAAAA,EAASC,SAASC,cAAcH,KAC5BI,OAAAC,OAAOJ,EAASC,SAASvB,OAAO,EACtC2B,UAAU,GAAGrC,KAAKsC,IAAIP,IAAiBQ,IAAY,aAKjDP,EAASC,SAASxB,eAAeD,KAC7B2B,OAAAC,OAAOJ,EAASC,SAASvB,OAAO,EACtCC,WAAcH,IAAkB+B,KAArB,KAGd,CAAA;AAAA,IAAA,GACAX,SArCY,GAAA,CAAA,CAAA,EAAA,CAAA;AA2CRO,WAAAC,OAAOvC,EAAOa,OAAO,EAC3B8B,MAAM,GAAGxC,KAAKyC,MAAMlE,CACpBmE,CAAAA,MAAAA,KAAK,GAAG1C,KAAKyC,MAAMjE,CACnBmE,CAAAA,MAAAA,WAAW,OACX,CAAA;AAAA,EAAA;AAAA,EASF,uBACC9E;AAAAA,UAAM+E,qBAGF7E,GAAAA,KAAK8E,uBACR9E,KAAK8E,mBAAmBC,YACxB/E,GAAAA,KAAK8E,qBAAqB,SAGvB9E,KAAK6B,sBACR7B,KAAK6B,kBACL7B,GAAAA,KAAK6B,oBAAoB;AAAA,EAC1B;AAAA,EAMD;;AACC,UAAMC,KAAS9B,IAAAA,KAAKiF,eAALjF,gBAAAA,EAAiBkF,cAAc;AACzCpD,UAGL9B,KAAKmF,iBAAiBrD,CAGjB9B,GAAAA,KAAA8E,qBAAqBM,EAAUnE,QAAQ,QAAA,EAC1CoE,KAAKC,EAAa,EAClBC,CAAAA,EAAAA,UAAU,MAEV;AAAA,YAAMxD,IAAgBd,OAAOC,YACvBc,IAAiBf,OAAOE;AAI7Bc,WAAKC,IAAIlC,KAAKO,SAASC,IAAIuB,IAAgB,CAAK,IAAA,MAAME,KAAKC,IAAIlC,KAAKO,SAASE,IAAIuB,IAAiB,CAAA,IAAK,OAIvGhC,KAAKO,WAAW,EACfC,GAAGuB,IAAgB,GACnBtB,GAAGuB,IAAiB,EAAA,IAKtBhC,KAAKgD,eAAelB,CAAM;AAAA,IAAA,CAAA;AAAA,EAC1B;AAAA,EAMK,cAAA2H;AACPzJ,SAAKwF,KAAAA,EACAxF,GAAAA,KAAAyF,cACJ,IAAIC,YAAY,SAAS,EACxBC,SAAS,IACTC,UAAU,GAAA,CAAA,CAAA;AAAA,EAEZ;AAAA,EAGD,SACQ;AAAA,WAAAK;AAAAA,iCACwBjG,KAAKyJ,WAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAW;AApUpCD;AAAAA;;;GAAN,CADNtC,EAAc,iBACFsC,CAAAA,GAAAA,CAAAA;;ACFA,IAAAE,IAAN,cAAoC/J,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAOrD,SAAAoI;AACS,WAAA/B;AAAAA,EAAA;;AAREyD;;;GAAN,CADNxC,EAAc,6BACFwC;"}

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

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

package/dist/surface-BTuzKmT2.cjs

@@ -1,20 +0,0 @@
-"use strict";const u=require("./provide-BGGp1Iks.cjs"),p=require("./tailwind.mixin-Dm5QDZav.cjs"),c=require("lit"),t=require("lit/decorators.js"),d=require("lit/directives/class-map.js");var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(i,s,h,o)=>{for(var n,e=o>1?void 0:o?y(s,h):s,a=i.length-1;a>=0;a--)(n=i[a])&&(e=(o?n(s,h,e):n(e))||e);return o&&e&&f(s,h,e),e};const l=u.n("surface");exports.SchmancySurface=class extends p.TailwindElement(c.css`
-	:host([fill='all']) {
-		height: 100%;
-		width: 100%;
-	}
-	:host([fill='width']) {
-		width: 100%;
-	}
-	:host([fill='height']) {
-		height: 100%;
-	}
-	:host {
-		display: block;
-	}
-`){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="surface",this.elevation=0}render(){const i={relative:!0,"inset-0":!0,block:!0,"box-border":!0,"rounded-none":this.rounded==="none","rounded-t-[8px]":this.rounded==="top","rounded-l-[8px]":this.rounded==="left","rounded-r-[8px]":this.rounded==="right","rounded-b-[8px]":this.rounded==="bottom","rounded-[8px]":this.rounded==="all","w-full":this.fill==="width"||this.fill==="all","h-full":this.fill==="height"||this.fill==="all","shadow-xs":this.elevation===1,"shadow-sm":this.elevation===2,"shadow-md":this.elevation===3,"shadow-lg":this.elevation===4,"shadow-xl":this.elevation===5,"text-surface-on":this.type==="surface"||this.type==="surfaceDim"||this.type==="surfaceBright"||this.type==="containerLowest"||this.type==="containerLow"||this.type==="container"||this.type==="containerHigh"||this.type==="containerHighest","bg-surface-default":this.type==="surface","bg-surface-dim":this.type==="surfaceDim","bg-surface-bright":this.type==="surfaceBright","bg-surface-lowest":this.type==="containerLowest","bg-surface-low":this.type==="containerLow","bg-surface-container":this.type==="container","bg-surface-high":this.type==="containerHigh","bg-surface-highest":this.type==="containerHighest"};return c.html`
-			<section class=${d.classMap(i)}>
-				<slot></slot>
-			</section>
-		`}},r([t.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),r([t.property()],exports.SchmancySurface.prototype,"rounded",2),r([u.e({context:l}),t.property()],exports.SchmancySurface.prototype,"type",2),r([t.property({type:Number,reflect:!0})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=r([t.customElement("schmancy-surface")],exports.SchmancySurface),exports.SchmancySurfaceTypeContext=l;
-//# sourceMappingURL=surface-BTuzKmT2.cjs.map

package/dist/surface-BTuzKmT2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-BTuzKmT2.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Import classMap\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property()\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype: TSurfaceColor = 'surface'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\trelative: true,\n\t\t\t'inset-0': true,\n\t\t\tblock: true,\n\t\t\t'box-border': true,\n\t\t\t// Rounding classes\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\t\t\t// Fill classes\n\t\t\t'w-full': this.fill === 'width' || this.fill === 'all',\n\t\t\t'h-full': this.fill === 'height' || this.fill === 'all',\n\t\t\t// Elevation shadow classes\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'shadow-xl': this.elevation === 5,\n\t\t\t// Text color based on the surface variant for optimal readability\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// Background color classes based on the surface variant\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":"2XAOa,MAAAA,EAA6BC,IAA6B,WAoB1DC,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAqBsCC,EAAAA,KAAAC,KAAA,OAQoBD,KAAAE,QAAA,OAW1CF,KAAAG,KAAA,UAQaH,KAAAI,UAAA,CAAA,CAEzB,QAAAC,CACT,MAAMC,EAAU,CACfC,SAAAA,GACA,UAAW,GACXC,MAAO,GACP,gBAEA,eAAgBR,KAAKE,UAAY,OACjC,kBAAmBF,KAAKE,UAAY,MACpC,kBAAmBF,KAAKE,UAAY,OACpC,kBAAmBF,KAAKE,UAAY,QACpC,kBAAmBF,KAAKE,UAAY,SACpC,gBAAiBF,KAAKE,UAAY,MAElC,SAAUF,KAAKC,OAAS,SAAWD,KAAKC,OAAS,MACjD,SAAUD,KAAKC,OAAS,UAAYD,KAAKC,OAAS,MAElD,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAEhC,kBACCJ,KAAKG,OAAS,WACdH,KAAKG,OAAS,cACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACdH,KAAKG,OAAS,gBACdH,KAAKG,OAAS,aACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBAEf,qBAAsBH,KAAKG,OAAS,UACpC,iBAAkBH,KAAKG,OAAS,aAChC,oBAAqBH,KAAKG,OAAS,gBACnC,oBAAqBH,KAAKG,OAAS,kBACnC,iBAAkBH,KAAKG,OAAS,eAChC,uBAAwBH,KAAKG,OAAS,YACtC,kBAAmBH,KAAKG,OAAS,gBACjC,qBAAsBH,KAAKG,OAAS,kBAG9B,EAAA,OAAAM,EAAAA;AAAAA,oBACWC,EAAAA,SAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CAAA,EAzEpCK,EAAA,CADCC,EAAAA,SAAS,CAAET,KAAMU,OAAQC,QAAAA,EApBdnB,CAAAA,CAAAA,EAAAA,wBAqBZoB,UAAA,OAAA,CAAA,EAQAJ,EAAA,CADCC,EAASA,SAAAA,CAAAA,EA5BEjB,wBA6BZoB,UAAA,UAAA,CAWAJ,EAAAA,EAAA,CAFCK,IAAQ,CAAEC,QAASxB,CAAAA,CAAAA,EACnBmB,EAASA,SAAAA,CAAAA,EAvCEjB,wBAwCZoB,UAAA,OAAA,CAQAJ,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAET,KAAMe,OAAQJ,QAAS,EAAA,CAAA,CAAA,EA/CvBnB,wBAgDZoB,UAAA,YAAA,CAhDYpB,EAAAA,QAANA,gBAAAgB,EAAA,CADNQ,EAAAA,cAAc,kBAAA,CAAA,EACFxB"}