npm - @mhmo91/schmancy - Versions diffs - 0.5.18 → 0.5.20 - Mend

@mhmo91/schmancy 0.5.18 → 0.5.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (334) hide show

package/dist/avatar-CxDF7O9q.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"avatar-CxDF7O9q.js","sources":["../src/badge/badge.ts","../src/content-drawer/drawer.service.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('schmancy-badge')\nexport class SchmancyBadgeV2 extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-flex;\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'transition-all duration-200 ease-in-out': 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\t'hover:brightness-95 hover:-translate-y-px': this.outlined,\n\t\t\t'hover:brightness-[0.98]': !this.outlined,\n\t\t}\n\n\t\t// Refined styles for a more elegant look (only CSS that can't be done with Tailwind)\n\t\tconst styles = {\n\t\t\tborderColor: colorStyles.border,\n\t\t\t...(this.outlined ? {\n\t\t\t\tbackdropFilter: 'blur(4px)',\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\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=\"flex-shrink-0 flex items-center justify-center leading-none\">\n\t\t\t\t\t\t\t\t\t<schmancy-icon .size=${iconSize} class=\"flex items-center justify-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\n\t\t\t\t<div part=\"content\" class=\"flex items-center leading-none tracking-[0.01em] ${this.icon ? 'ml-[0.38em]' : ''}\">\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\t'schmancy-badge': SchmancyBadgeV2\n\t}\n}\n\n\n// Register the component with the legacy tag name for backward compatibility\n@customElement('sch-badge')\nexport class ScBadgeV2 extends SchmancyBadgeV2 {}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { Subject } from 'rxjs'\n\ntype DrawerAction = 'dismiss' | 'render' | 'push'\ntype TRef = Element | Window\ntype TRenderRequest = HTMLElement\nexport type TRenderCustomEvent = CustomEvent<{\n\tcomponent: TRenderRequest\n\ttitle?: string\n}>\n\ntype ComponentType = string | HTMLElement | (() => HTMLElement) | (() => Promise<{ default: any }>)\n\nclass DrawerService {\n\tprivate $drawer = new Subject<{\n\t\tref: TRef\n\t\taction: DrawerAction\n\t\tcomponent?: TRenderRequest | ComponentType\n\t\ttitle?: string\n\t}>()\n\tprivate lastComponent: HTMLElement | null = null\n\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} else if (data.action === 'push') {\n\t\t\t\tthis.handlePush(data.ref, data.component as ComponentType)\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\tprivate async handlePush(ref: TRef, component: ComponentType) {\n\t\tlet resolvedComponent: HTMLElement\n\n\t\t// Resolve component to HTMLElement\n\t\tif (typeof component === 'string') {\n\t\t\t// String tag name - create element\n\t\t\tresolvedComponent = document.createElement(component) as HTMLElement\n\t\t} else if (component instanceof HTMLElement) {\n\t\t\t// Already an HTMLElement\n\t\t\tresolvedComponent = component\n\t\t} else if (typeof component === 'function') {\n\t\t\t// Factory function or async module\n\t\t\ttry {\n\t\t\t\tconst result = await component()\n\t\t\t\tif (result && typeof result === 'object' && 'default' in result) {\n\t\t\t\t\t// ES module with default export\n\t\t\t\t\tconst Constructor = result.default\n\t\t\t\t\tresolvedComponent = new Constructor() as HTMLElement\n\t\t\t\t} else if (result instanceof HTMLElement) {\n\t\t\t\t\t// Factory returned HTMLElement\n\t\t\t\t\tresolvedComponent = result\n\t\t\t\t} else {\n\t\t\t\t\t// Assume it's a constructor\n\t\t\t\t\tresolvedComponent = new (result as any)() as HTMLElement\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Failed to resolve component:', error)\n\t\t\t\treturn\n\t\t\t}\n\t\t} else {\n\t\t\tconsole.error('Invalid component type:', component)\n\t\t\treturn\n\t\t}\n\n\t\t// Check if it's the same component instance and force update\n\t\tif (this.lastComponent === resolvedComponent && 'requestUpdate' in resolvedComponent) {\n\t\t\t(resolvedComponent as any).requestUpdate()\n\t\t}\n\t\tthis.lastComponent = resolvedComponent\n\n\t\t// Dispatch events to open drawer and render component\n\t\tref.dispatchEvent(\n\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\tdetail: { state: 'open' },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t\tref.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-content-drawer-render', {\n\t\t\t\tdetail: { component: resolvedComponent },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tpush(component: ComponentType) {\n\t\t// Use window as default ref for simplicity\n\t\tthis.$drawer.next({\n\t\t\taction: 'push',\n\t\t\tref: window,\n\t\t\tcomponent: component,\n\t\t})\n\t}\n}\n\nexport const schmancyContentDrawer = new DrawerService()","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\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: HTMLElement | null) {\n\t\tlet offsetTop = 0\n\t\twhile (element) {\n\t\t\toffsetTop += element.offsetTop\n\t\t\telement = element.offsetParent as HTMLElement | null\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\tconst gridClasses = {\n\t\t\t...appbarClasses,\n\t\t\t'grid gap-2 items-center': true,\n\t\t\t'grid-cols-[auto_1fr]': this.sidebarMode === 'overlay' && this.toggler,\n\t\t\t'grid-cols-1': !(this.sidebarMode === 'overlay' && this.toggler),\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(gridClasses)}>\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</div>\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\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 = '220px'\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\tif (!this._initialized) return\n\n\t\tif (changedProperties.has('drawerState') || changedProperties.has('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\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-2 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\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}\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\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\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","constructor","super","arguments","this","color","size","shape","outlined","icon","pulse","getSizeClasses","getShapeClasses","getIconSize","getExoticStyles","styles","letterSpacing","fontWeight","getColorStyles","primary","bg","SchmancyTheme","sys","container","default","text","onContainer","border","surface","highest","secondary","tertiary","success","bright","warning","error","neutral","high","outline","on","render","sizeClasses","shapeClasses","colorStyles","iconSize","exoticStyles","badgeClasses","shadow","borderColor","backdropFilter","boxShadow","html","classMap","styleMap","bgColor","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement","ScBadgeV2","schmancyContentDrawer","$drawer","Subject","lastComponent","pipe","subscribe","data","action","ref","dispatchEvent","CustomEvent","SchmancyEvents","ContentDrawerToggle","detail","state","bubbles","composed","component","title","handlePush","next","resolvedComponent","document","createElement","HTMLElement","result","requestUpdate","window","SchmancyContentDrawerSheetMode","createContext","SchmancyContentDrawerSheetState","SchmancyContentDrawerID","Math","floor","random","Date","now","toString","SchmancyContentDrawerMaxHeight","SchmancyContentDrawerMinWidth","SchmancyContentDrawer","$LitElement","minWidth","main","sheet","schmancyContentDrawerID","maxHeight","firstUpdated","merge","fromEvent","ContentDrawerResize","startWith","map","clientWidth","innerWidth","width","debounceTime","tap","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","Number","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","gridClasses","sidebarOpen","SchmancyNavigationDrawerContent","e","parentElement","SchmancyNavigationDrawer","fullscreen","breakpoint","_initialized","updateState","setAttribute","target","BREAKPOINTS","isLargeScreen","fullHeight","sm","md","lg","xl","attribute","ANIMATION_EASING","SchmancyNavigationDrawerSidebar","drawerState","nav","overlay","openOverlay","showNavDrawer","hideNavDrawer","closeOverlay","fill","handleOverlayClick","sidebarClasses","scrim","WhereAreYouRicky","HereMorty","teleport","activeTeleportations","Map","flipRequests","find","zip","filter","uuid","id","take","callerID","timeout","flip","request","to","originalZIndex","zIndex","transformOrigin","keyframes","rect","left","top","height","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","src","bordered","status","content","substring","toUpperCase","avatarClasses","xs","circle","square","colorAttrs","getColorAttributes","renderStatusIndicator","colorMap","statusColors","online","offline","onVariant","busy","away","statusClasses"],"mappings":"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"}

package/dist/select-BgxZupg_.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"select-BgxZupg_.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\treturn this.multi\n\t\t\t? this._selectedValues$.value.join(',')\n\t\t\t: this._selectedValue$.value\n\t}\n\tset value(val: string | string[]) {\n\t\tif (this.multi) {\n\t\t\tconst values = Array.isArray(val)\n\t\t\t\t? val\n\t\t\t\t: val ? String(val).split(',').map(v => v.trim()).filter(Boolean) : []\n\t\t\tthis._selectedValues$.next(values)\n\t\t} else {\n\t\t\tthis._selectedValue$.next(String(val || ''))\n\t\t}\n\t}\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\t// Reactive state management\n\tprivate _options$ = new BehaviorSubject<SchmancyOption[]>([])\n\tprivate _selectedValue$ = new BehaviorSubject<string>('')\n\tprivate _selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate _optionSelect$ = new Subject<SchmancyOption>()\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Form event handlers\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Setup reactive pipelines\n\t\tthis._setupReactivePipelines()\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption ? (selectedOption.label || selectedOption.textContent || '') : this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate _setupReactivePipelines() {\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(\n\t\t\t\ttap((e) => {\n\t\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\t\tconst option = this.options.find(o => o.value === e.detail.value)\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis._optionSelect$.next(option)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Handle option selection through reactive pipeline\n\t\tthis._optionSelect$\n\t\t\t.pipe(\n\t\t\t\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\n\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\tthis._touched = true\n\t\t\t\t\tthis._dirty = true\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t\t: this.placeholder\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Single select\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || this.placeholder\n\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the option's accessibility state\n\t\t\t\t\tthis.setupOptionsAccessibility()\n\n\t\t\t\t\t// Dispatch change event\n\t\t\t\t\tthis._fireChangeEvent()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Options management pipeline - bind pointerdown events exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\tfromEvent(option, 'pointerdown').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.preventDefault() // Prevent blur from firing\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Selection sync pipeline - sync selected states with value changes\n\t\tcombineLatest([this._selectedValue$, this._selectedValues$, this._options$])\n\t\t\t.pipe(\n\t\t\t\ttap(([singleValue, multiValues, options]) => {\n\t\t\t\t\tif (options.length === 0) return\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = multiValues.includes(option.value)\n\t\t\t\t\t\t})\n\t\t\t\t\t} else {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = option.value === singleValue\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\t// This method is now called from keyboard navigation only\n\t\tconst option = this.options.find(o => o.value === value)\n\t\tif (option) {\n\t\t\tthis._optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate _fireChangeEvent() {\n\t\t// Get the current value based on multi/single mode\n\t\tconst value = this.multi ? this._selectedValues$.value : this._selectedValue$.value\n\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis._options$.next(this.options)\n\t\t\t\t\t\t\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_options$","BehaviorSubject","_selectedValue$","_selectedValues$","_optionSelect$","Subject","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","value","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","textContent","currentValue","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","combineLatest","singleValue","multiValues","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-Dve8bW-v.cjs DELETED Viewed

@@ -1,57 +0,0 @@
-"use strict";const d=require("@floating-ui/dom"),o=require("rxjs"),m=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-D2o72t31.cjs");const v=require("./litElement.mixin-BJ_Q1yRD.cjs"),b=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const y=require("./theme.interface-Xg5Zi46a.cjs"),p=require("lit"),c=require("rxjs/operators");var S=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var l,r=s>1?void 0:s?g(e,i):e,h=t.length-1;h>=0;h--)(l=t[h])&&(r=(s?l(e,i,r):l(r))||r);return s&&r&&S(e,i,r),r};exports.SchmancySelect=class extends v.$LitElement(p.css`
-	:host {
-		display: block;
-		position: relative;
-	}
-	[role='listbox'] {
-		overflow-y: auto;
-		outline: none;
-	}
-`){constructor(){super(),this.required=!1,this.disabled=!1,this.placeholder="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.size="md",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.defaultValue="",this._options$=new o.BehaviorSubject([]),this._selectedValue$=new o.BehaviorSubject(""),this._selectedValues$=new o.BehaviorSubject([]),this._optionSelect$=new o.Subject,this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this._focusedOptionId="",this.formSubmitHandler=()=>{this._submitted=!0,this.checkValidity()},this.formResetHandler=()=>{this.reset()},this.handleKeyDown=t=>{if(this.disabled)return;if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=Array.from(this.options||[]),i=e.findIndex(s=>s.id===this._focusedOptionId)??-1;switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":case" ":if(t.preventDefault(),this._focusedOptionId){const s=e.find(l=>l.id===this._focusedOptionId);s&&this.handleOptionSelect(s.value)}break;case"Tab":this.closeDropdown()}};try{this.internals=this.attachInternals()}catch{}}get value(){return this.multi?this._selectedValues$.value.join(","):this._selectedValue$.value}set value(t){if(this.multi){const e=Array.isArray(t)?t:t?String(t).split(",").map(i=>i.trim()).filter(Boolean):[];this._selectedValues$.next(e)}else this._selectedValue$.next(String(t||""))}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substring(2,9)}`),this.defaultValue=this.value,o.fromEvent(this,"keydown").pipe(o.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown),this._setupReactivePipelines(),this.internals?.form&&(o.fromEvent(this.internals.form,"submit").pipe(o.takeUntil(this.disconnecting)).subscribe(this.formSubmitHandler),o.fromEvent(this.internals.form,"reset").pipe(o.takeUntil(this.disconnecting)).subscribe(this.formResetHandler)),this.inputRef&&(this.inputRef.error=!1)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupPositioner?.()}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(t){if(super.updated(t),t.has("value")){const e=Array.isArray(this.value)?this.value.join(","):this.value;this.internals?.setFormValue(e),this.hasUpdated&&(this._dirty=!0),this.hasUpdated&&this.checkValidity()}t.has("isOpen")&&(this.isOpen?this.positionDropdown():this.cleanupPositioner?.())}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=this._selectedValues$.value;this.options?.forEach(e=>e.selected=t.includes(e.value)),this.valueLabel=t.length>0&&this.options?.filter(e=>t.includes(e.value)).map(e=>e.label||e.textContent||"").join(", ")||this.placeholder}else{const t=this._selectedValue$.value;this.options?.forEach(i=>{i.selected=i.value===t});const e=this.options?.find(i=>i.value===t);this.valueLabel=e?e.label||e.textContent||"":this.placeholder}}setupOptionsAccessibility(){this.options?.forEach((t,e)=>{t.setAttribute("role","option"),t.id||(t.id=`${this.id}-option-${e}`),t.tabIndex=-1;const i=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");t&&this.ul&&(this.cleanupPositioner=d.autoUpdate(t,this.ul,async()=>{const e=window.innerHeight,i=t.getBoundingClientRect(),s=e-i.bottom,l=i.top,r=Math.max(.75*Math.max(s,l),150),h=s<200&&l>s;this.ul.style.maxHeight=`${r}px`;const{x:u,y:f}=await d.computePosition(t,this.ul,{placement:h?"top-start":"bottom-start",middleware:[d.offset(5),d.flip(),d.shift({padding:5})]});Object.assign(this.ul.style,{left:`${u}px`,top:`${f}px`,position:"absolute",width:`${t.offsetWidth}px`})}))}focusOption(t,e){const i=t[e];if(i){i.focus(),this._focusedOptionId=i.id;const s=this.renderRoot.querySelector(".trigger");if(s&&s.setAttribute("aria-activedescendant",i.id),this.ul&&i.offsetTop!==void 0){const l=i.offsetTop,r=i.offsetHeight,h=this.ul.scrollTop,u=this.ul.clientHeight;l<h?this.ul.scrollTop=l:l+r>h+u&&(this.ul.scrollTop=l+r-u)}}}async openDropdown(t=!1){if(this.disabled)return;this.isOpen=!0,await this.updateComplete;const e=Array.from(this.options||[]),i=this.multi?0:e.findIndex(s=>s.value===String(this.value));this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){this._userInteracted&&(this._touched=!0),this.isOpen=!1,this._focusedOptionId="";const t=this.renderRoot.querySelector(".trigger");t&&(t.removeAttribute("aria-activedescendant"),t?.focus()),this._userInteracted&&this.shouldShowValidation()&&this.checkValidity()}_setupReactivePipelines(){o.fromEvent(this,"option-select").pipe(c.tap(t=>{t.stopPropagation();const e=this.options.find(i=>i.value===t.detail.value);e&&this._optionSelect$.next(e)}),o.takeUntil(this.disconnecting)).subscribe(),this._optionSelect$.pipe(c.withLatestFrom(this._selectedValue$,this._selectedValues$),c.tap(([t,e,i])=>{if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const s=i.indexOf(t.value),l=s>-1?[...i.slice(0,s),...i.slice(s+1)]:[...i,t.value];this._selectedValues$.next(l),this.valueLabel=l.length>0?this.options.filter(r=>l.includes(r.value)).map(r=>r.label||r.textContent||"").join(", "):this.placeholder}else this._selectedValue$.next(t.value),this.valueLabel=t.label||t.textContent||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this._fireChangeEvent()}),o.takeUntil(this.disconnecting)).subscribe(),this._options$.pipe(c.tap(t=>{t.forEach((e,i)=>{e.setAttribute("role","option"),e.tabIndex=-1,e.id||(e.id=`${this.id}-option-${i}`),e.hasAttribute("data-event-bound")||(o.fromEvent(e,"pointerdown").pipe(c.tap(s=>{s.preventDefault(),s.stopPropagation()}),o.takeUntil(this.disconnecting)).subscribe(()=>this._optionSelect$.next(e)),e.setAttribute("data-event-bound","true"))})}),o.takeUntil(this.disconnecting)).subscribe(),o.combineLatest([this._selectedValue$,this._selectedValues$,this._options$]).pipe(c.tap(([t,e,i])=>{i.length!==0&&(this.multi?i.forEach(s=>{s.selected=e.includes(s.value)}):i.forEach(s=>{s.selected=s.value===t}))}),o.takeUntil(this.disconnecting)).subscribe()}handleOptionSelect(t){const e=this.options.find(i=>i.value===t);e&&this._optionSelect$.next(e)}_fireChangeEvent(){const t=this.multi?this._selectedValues$.value:this._selectedValue$.value;this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){if(this.disabled)return!0;const t=this.multi&&Array.isArray(this.value)?this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",this.internals?.setValidity({})):(this.validationMessage="Please select an option.",this.internals?.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const i=!this.isValid&&this.shouldShowValidation();this.inputRef.error=i,this.inputRef.hint=i?this.validationMessage:this.hint}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.isOpen||this.openDropdown(!1),t||this.inputRef.reportValidity()),t}setCustomValidity(t){this.validationMessage=t,t?(this.isValid=!1,this.internals?.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,this.internals?.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){this.value=this.defaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,this.internals?.setValidity({}),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation()&&!this.isOpen,e=this.isOpen?p.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:p.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return p.html`
-			<div class="relative ${this.disabled?"opacity-60 cursor-not-allowed":""}">
-				<sch-input
-					.name=${this.name}
-					tabIndex=${this.disabled?"-1":"0"}
-					class="trigger"
-					role="combobox"
-					aria-haspopup="listbox"
-					aria-expanded=${this.isOpen}
-					aria-controls="options"
-					aria-autocomplete="none"
-					aria-required=${this.required}
-					aria-activedescendant=${this._focusedOptionId||void 0}
-					aria-disabled=${this.disabled}
-					.label=${this.label}
-					.placeholder=${this.placeholder}
-					.value=${this.valueLabel}
-					.required=${this.required}
-					.disabled=${this.disabled}
-					.hint=${t?this.validationMessage:this.hint}
-					.error=${t}
-					.validateOn=${this.validateOn}
-					.size=${this.size}
-					readonly
-					clickable
-					@click=${i=>{if(this.disabled)return i.preventDefault(),void i.stopPropagation();this.isOpen?(this._userInteracted=!0,this.closeDropdown()):this.openDropdown(!1)}}
-				>
-					${e}
-				</sch-input>
-				<!-- Overlay for capturing clicks outside when dropdown is open -->
-				${this.isOpen?p.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:""}
-				<ul
-					id="options"
-					role="listbox"
-					aria-multiselectable=${this.multi}
-					class=${m.classMap({"absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg":!0,hidden:!this.isOpen})}
-					${b.color({bgColor:y.SchmancyTheme.sys.color.surface.low,color:y.SchmancyTheme.sys.color.surface.on})}
-				>
-					<slot
-						@slotchange=${()=>{this._options$.next(this.options),this.syncSelection()}}
-					></slot>
-				</ul>
-			</div>
-		`}},exports.SchmancySelect.formAssociated=!0,n([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),n([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",1),n([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"size",2),n([a.state()],exports.SchmancySelect.prototype,"isOpen",2),n([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),n([a.state()],exports.SchmancySelect.prototype,"isValid",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),n([a.state()],exports.SchmancySelect.prototype,"defaultValue",2),n([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),n([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),n([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),n([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),n([a.state()],exports.SchmancySelect.prototype,"_touched",2),n([a.state()],exports.SchmancySelect.prototype,"_dirty",2),n([a.state()],exports.SchmancySelect.prototype,"_submitted",2),n([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=n([a.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-Dve8bW-v.cjs.map

package/dist/select-Dve8bW-v.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"select-Dve8bW-v.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\treturn this.multi\n\t\t\t? this._selectedValues$.value.join(',')\n\t\t\t: this._selectedValue$.value\n\t}\n\tset value(val: string | string[]) {\n\t\tif (this.multi) {\n\t\t\tconst values = Array.isArray(val)\n\t\t\t\t? val\n\t\t\t\t: val ? String(val).split(',').map(v => v.trim()).filter(Boolean) : []\n\t\t\tthis._selectedValues$.next(values)\n\t\t} else {\n\t\t\tthis._selectedValue$.next(String(val || ''))\n\t\t}\n\t}\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\t// Reactive state management\n\tprivate _options$ = new BehaviorSubject<SchmancyOption[]>([])\n\tprivate _selectedValue$ = new BehaviorSubject<string>('')\n\tprivate _selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate _optionSelect$ = new Subject<SchmancyOption>()\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Form event handlers\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Setup reactive pipelines\n\t\tthis._setupReactivePipelines()\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption ? (selectedOption.label || selectedOption.textContent || '') : this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate _setupReactivePipelines() {\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(\n\t\t\t\ttap((e) => {\n\t\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\t\tconst option = this.options.find(o => o.value === e.detail.value)\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis._optionSelect$.next(option)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Handle option selection through reactive pipeline\n\t\tthis._optionSelect$\n\t\t\t.pipe(\n\t\t\t\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\n\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\tthis._touched = true\n\t\t\t\t\tthis._dirty = true\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t\t: this.placeholder\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Single select\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || this.placeholder\n\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the option's accessibility state\n\t\t\t\t\tthis.setupOptionsAccessibility()\n\n\t\t\t\t\t// Dispatch change event\n\t\t\t\t\tthis._fireChangeEvent()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Options management pipeline - bind pointerdown events exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\tfromEvent(option, 'pointerdown').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.preventDefault() // Prevent blur from firing\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Selection sync pipeline - sync selected states with value changes\n\t\tcombineLatest([this._selectedValue$, this._selectedValues$, this._options$])\n\t\t\t.pipe(\n\t\t\t\ttap(([singleValue, multiValues, options]) => {\n\t\t\t\t\tif (options.length === 0) return\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = multiValues.includes(option.value)\n\t\t\t\t\t\t})\n\t\t\t\t\t} else {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = option.value === singleValue\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\t// This method is now called from keyboard navigation only\n\t\tconst option = this.options.find(o => o.value === value)\n\t\tif (option) {\n\t\t\tthis._optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate _fireChangeEvent() {\n\t\t// Get the current value based on multi/single mode\n\t\tconst value = this.multi ? this._selectedValues$.value : this._selectedValue$.value\n\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis._options$.next(this.options)\n\t\t\t\t\t\t\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_options$","BehaviorSubject","_selectedValue$","_selectedValues$","_optionSelect$","Subject","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","value","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","textContent","currentValue","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","combineLatest","singleValue","multiValues","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}