@mhmo91/schmancy 0.4.92 → 0.4.94

package/dist/avatar-UnP-o7T9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-UnP-o7T9.cjs","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<!-- Icon slot or named icon -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t${this.icon\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div part=\"icon\" class=\"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<!-- Content with proper spacing from icon -->\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 = '320px'\n\t@state() private _initialized = false\n\n\t/**\n\t * firstUpdated()\n\t * Set initial styles based on the current mode and consumed state.\n\t */\n\tfirstUpdated() {\n\t\tif (this.mode === 'overlay') {\n\t\t\tif (this.drawerState === 'close') {\n\t\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t\t\tthis.overlay.style.display = 'none'\n\t\t\t} else if (this.drawerState === 'open') {\n\t\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\t\tthis.overlay.style.display = 'block'\n\t\t\t\tthis.overlay.style.opacity = '0.4'\n\t\t\t}\n\t\t} else if (this.mode === 'push') {\n\t\t\t// In push mode, the nav is always visible and the overlay hidden.\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t\tthis._initialized = true\n\t}\n\n\t/**\n\t * updated()\n\t * Trigger animations when either the consumed mode or state changes.\n\t */\n\tupdated(changedProperties: Map<string, any>) {\n\t\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-[16px] max-w-[360px] w-fit h-full overflow-auto': true,\n\t\t\tblock: this.mode === 'push',\n\t\t\t'fixed inset-0 z-50': this.mode === 'overlay',\n\t\t}\n\t\tconst overlayClass = {\n\t\t\t'fixed inset-0 z-49 hidden': true,\n\t\t}\n\t\tconst styleMap = {\n\t\t\twidth: this.width,\n\t\t}\n\n\t\treturn html`\n\t\t\t<nav\n\t\t\t\tstyle=${this.styleMap(styleMap)}\n\t\t\t\tclass=\"${this.classMap({ ...sidebarClasses })}\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</nav>\n\t\t\t<div\n\t\t\t\tid=\"overlay\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.scrim,\n\t\t\t\t})}\n\t\t\t\t@click=${this.handleOverlayClick}\n\t\t\t\tclass=\"${this.classMap({ ...overlayClass })}\"\n\t\t\t></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-navbar': SchmancyNavigationDrawerSidebar\n\t}\n}\n","import { bufferTime, concatMap, filter, fromEvent, map, of, Subject, take, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from './teleport.component'\n\nexport type WhereAreYouRickyEvent = CustomEvent<{\n\tid: string\n\tcallerID: number\n}>\n\nexport const WhereAreYouRicky = 'whereAreYouRicky'\n\nexport type HereMortyEvent = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nexport type FLIP_REQUEST = {\n\tfrom: {\n\t\trect: DOMRect\n\t\telement?: HTMLElement\n\t}\n\tto: {\n\t\trect: DOMRect\n\t\telement: HTMLElement\n\t}\n\tstagger?: number\n\thost: HTMLElement\n}\nexport const HereMorty = 'hereMorty'\n\nclass Teleportation {\n\tactiveTeleportations = new Map<string, DOMRect>()\n\tflipRequests = new Subject<FLIP_REQUEST>()\n\n\tconstructor() {\n\t\tthis.flipRequests\n\t\t\t.pipe(\n\t\t\t\tbufferTime(1),\n\t\t\t\tmap(requests =>\n\t\t\t\t\trequests.map(({ from, to, host }, i) => ({\n\t\t\t\t\t\tfrom,\n\t\t\t\t\t\tto,\n\t\t\t\t\t\thost,\n\t\t\t\t\t\ti,\n\t\t\t\t\t})),\n\t\t\t\t),\n\t\t\t\tconcatMap(requests => zip(requests.map(request => of(this.flip(request))))),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tfind = (component: SchmancyTeleportation) => {\n\t\treturn zip([\n\t\t\tfromEvent<HereMortyEvent>(window, HereMorty).pipe(\n\t\t\t\tfilter(\n\t\t\t\t\te =>\n\t\t\t\t\t\t!!e.detail.component.uuid &&\n\t\t\t\t\t\t!!component.id &&\n\t\t\t\t\t\te.detail.component.id === component.id &&\n\t\t\t\t\t\te.detail.component.uuid !== component.uuid,\n\t\t\t\t),\n\t\t\t\tmap(e => e.detail.component),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\tof(component).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent<WhereAreYouRickyEvent['detail']>(WhereAreYouRicky, {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tid: component.id,\n\t\t\t\t\t\t\t\tcallerID: component.uuid,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(0),\n\t\t)\n\t}\n\n\tflip = (request: {\n\t\tfrom: {\n\t\t\trect: DOMRect\n\t\t}\n\t\tto: {\n\t\t\telement: HTMLElement\n\t\t\trect: DOMRect\n\t\t}\n\t\thost: HTMLElement\n\t\ti: number\n\t}) => {\n\t\tconst { from, to } = request\n\n\t\t// Prepare the element for animation\n\t\tconst originalZIndex = to.element.style.zIndex\n\t\tto.element.style.transformOrigin = 'top left'\n\t\tto.element.style.setProperty('visibility', 'visible')\n\t\tto.element.style.zIndex = '1000'\n\n\t\t// \"onBegin\" logic goes here (since Web Animations doesn't have onBegin).\n\t\t// If you had more logic, place it here:\n\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","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","getExoticStyles","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/badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-C8PC_n9i.cjs");Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>e.ScBadgeV2}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>e.SchmancyBadgeV2});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-UnP-o7T9.cjs");Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>e.ScBadgeV2}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>e.SchmancyBadgeV2});
 //# sourceMappingURL=badge.cjs.map

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { a as e, S } from "./avatar-CKp3Ukk4.js";
+import { a as e, S } from "./avatar-BqGZ5lKc.js";
 export {
   e as ScBadgeV2,
   S as SchmancyBadgeV2

package/dist/{boat-DDJK4CS4.js → boat-PVy1fXfm.js}

@@ -1,7 +1,7 @@
 import { css as m, html as o } from "lit";
 import { property as d, customElement as p } from "lit/decorators.js";
 import { when as h } from "lit/directives/when.js";
-import { T as f } from "./tailwind.mixin-Cwbr8x57.js";
+import { T as f } from "./tailwind.mixin-CPuO9c5y.js";
 var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (a, t, i, s) => {
   for (var n, e = s > 1 ? void 0 : s ? v(t, i) : t, r = a.length - 1; r >= 0; r--) (n = a[r]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && u(t, i, e), e;
@@ -96,4 +96,4 @@ c([d({ type: String, reflect: !0 })], l.prototype, "state", 2), l = c([p("schman
 export {
   l as S
 };
-//# sourceMappingURL=boat-DDJK4CS4.js.map
+//# sourceMappingURL=boat-PVy1fXfm.js.map

package/dist/{boat-DDJK4CS4.js.map → boat-PVy1fXfm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-DDJK4CS4.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;AAQA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAC;AAAAC,aAAAC,SAAAA,GAiCIC,KAAAC,QAAmB;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAGZ;AAAA,EAEU;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAAVA;AAE1B,WAAOQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,UAAU,cAAc,WAAW,UAAA;AAAA;AAAA,sCAE9Ca,EACEd,KAAKC,UAAU,aACf,MAAMQ,WACN,MAAMA,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,mBACFb,KAAKC,QAAQ,UACbD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAK7C;AAAA;AA1FAc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAAA,GAAS,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAAA,GAjCiB1B,IAArBqB,EAAA,CADCM,EAAc,mBACM3B,CAAAA;"}
+{"version":3,"file":"boat-PVy1fXfm.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;AAQA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAC;AAAAC,aAAAC,SAAAA,GAiCIC,KAAAC,QAAmB;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAGZ;AAAA,EAEU;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAAVA;AAE1B,WAAOQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,UAAU,cAAc,WAAW,UAAA;AAAA;AAAA,sCAE9Ca,EACEd,KAAKC,UAAU,aACf,MAAMQ,WACN,MAAMA,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,mBACFb,KAAKC,QAAQ,UACbD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAK7C;AAAA;AA1FAc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAAA,GAAS,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAAA,GAjCiB1B,IAArBqB,EAAA,CADCM,EAAc,mBACM3B,CAAAA;"}

package/dist/{boat-Ddi4PegB.cjs → boat-zVJF22wK.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("lit"),c=require("lit/decorators.js"),m=require("lit/directives/when.js"),d=require("./tailwind.mixin-B-VcpMHn.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(a,t,i,s)=>{for(var r,e=s>1?void 0:s?p(t,i):t,o=a.length-1;o>=0;o--)(r=a[o])&&(e=(s?r(t,i,e):r(e))||e);return s&&e&&h(t,i,e),e};exports.SchmancyBoat=class extends d.TailwindElement(n.css`
+"use strict";const n=require("lit"),c=require("lit/decorators.js"),m=require("lit/directives/when.js"),d=require("./tailwind.mixin-Cb-fyJ_y.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(a,t,i,s)=>{for(var r,e=s>1?void 0:s?p(t,i):t,o=a.length-1;o>=0;o--)(r=a[o])&&(e=(s?r(t,i,e):r(e))||e);return s&&e&&h(t,i,e),e};exports.SchmancyBoat=class extends d.TailwindElement(n.css`
     @media (min-width: 1024px) {
         .translate-y-full-minus-64 {
             /* translate to left 0 */
@@ -67,4 +67,4 @@
                 </schmancy-surface>
             </div>
         `}},l([c.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",2),exports.SchmancyBoat=l([c.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-Ddi4PegB.cjs.map
+//# sourceMappingURL=boat-zVJF22wK.cjs.map

package/dist/{boat-Ddi4PegB.cjs.map → boat-zVJF22wK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-Ddi4PegB.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"kVAQqBA,QAAAA,aAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAA1D,aAAAC,CAAAC,SAAAC,SAAAA,EAiCIC,KAAAC,MAAmB,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGtB,CAEU,QAAAC,CACN,MAAMC,EAAU,CACZ,kMAAA,GAEA,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAE1B,OAAOS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAAA,CAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,QAAU,YAAc,SAAW,UAAA;AAAA;AAAA,sCAE9Cc,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,aACN,IAAMA,EAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,kBACFd,KAAKC,MAAQ,SACbD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAK7C,CAAA,EA1FAe,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UAAS,CAAA,CAAA,EA/BI1B,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAAAA,aAArBsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}
+{"version":3,"file":"boat-zVJF22wK.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"kVAQqBA,QAAAA,aAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAA1D,aAAAC,CAAAC,SAAAC,SAAAA,EAiCIC,KAAAC,MAAmB,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGtB,CAEU,QAAAC,CACN,MAAMC,EAAU,CACZ,kMAAA,GAEA,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAE1B,OAAOS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAAA,CAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,QAAU,YAAc,SAAW,UAAA;AAAA;AAAA,sCAE9Cc,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,aACN,IAAMA,EAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,kBACFd,KAAKC,MAAQ,SACbD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAK7C,CAAA,EA1FAe,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UAAS,CAAA,CAAA,EA/BI1B,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAAAA,aAArBsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}

package/dist/boat.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-Ddi4PegB.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-zVJF22wK.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
 //# sourceMappingURL=boat.cjs.map

package/dist/boat.js

@@ -1,4 +1,4 @@
-import { S as c } from "./boat-DDJK4CS4.js";
+import { S as c } from "./boat-PVy1fXfm.js";
 export {
   c as SchmancyBoat
 };

package/dist/busy.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./spinner-C5tMQys5.cjs");
+"use strict";require("./spinner-D9l0j12i.cjs");
 //# sourceMappingURL=busy.cjs.map

package/dist/busy.js

@@ -1,2 +1,2 @@
-import "./spinner-y1dPMTQp.js";
+import "./spinner-e06PNB2u.js";
 //# sourceMappingURL=busy.js.map

package/dist/button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-button-CLDy5tUS.cjs");Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>e.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>e.SchmnacyIconButton});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-button-M5CqyRR4.cjs");Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>e.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>e.SchmnacyIconButton});
 //# sourceMappingURL=button.cjs.map

package/dist/button.js

@@ -1,4 +1,4 @@
-import { S as n, a as o } from "./icon-button-DOZuY9x8.js";
+import { S as n, a as o } from "./icon-button-Bu_eEqfk.js";
 export {
   n as SchmancyButton,
   o as SchmnacyIconButton

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./media-Cew1Mxkj.cjs");
+"use strict";require("./media-DtYChqKs.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./media-B-VIbSH_.js";
+import "./media-B28J9yez.js";
 //# sourceMappingURL=card.js.map

package/dist/{checkbox-TclkD2h5.cjs → checkbox-BtZqKgPT.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),s=require("lit/decorators.js"),c=require("lit"),$=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-B-VcpMHn.cjs"),G=require("lit/directives/when.js"),F=Symbol("attachableController");let B;c.isServer||(B=new MutationObserver(o=>{for(const e of o)e.target[F]?.hostConnected()}));class D{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[F]=this,B?.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}const H=["focusin","focusout","pointerdown"];class z extends c.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new D(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[L]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[L]=!0}}onControlChange(e,t){if(!c.isServer)for(const r of H)e?.removeEventListener(r,this),t?.addEventListener(r,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"visible",void 0),d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"inward",void 0);const L=Symbol("handledByFocusRing"),Y=c.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),s=require("lit/decorators.js"),c=require("lit"),$=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-Cb-fyJ_y.cjs"),G=require("lit/directives/when.js"),F=Symbol("attachableController");let B;c.isServer||(B=new MutationObserver(o=>{for(const e of o)e.target[F]?.hostConnected()}));class D{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[F]=this,B?.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}const H=["focusin","focusout","pointerdown"];class z extends c.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new D(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[L]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[L]=!0}}onControlChange(e,t){if(!c.isServer)for(const r of H)e?.removeEventListener(r,this),t?.addEventListener(r,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"visible",void 0),d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"inward",void 0);const L=Symbol("handledByFocusRing"),Y=c.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
 `;let C=class extends z{};C.styles=[Y],C=d.t([s.customElement("md-focus-ring")],C);const K="cubic-bezier(0.2, 0, 0, 1)";var l;(function(o){o[o.INACTIVE=0]="INACTIVE",o[o.TOUCH_DELAY=1]="TOUCH_DELAY",o[o.HOLDING=2]="HOLDING",o[o.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(l||(l={}));const W=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],j=c.isServer?null:window.matchMedia("(forced-colors: active)");class f extends c.LitElement{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=l.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new D(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return c.html`<div class="surface ${$.classMap(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==l.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==l.HOLDING)return this.state===l.TOUCH_DELAY?(this.state=l.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=l.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=l.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=l.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,150)}),this.state===l.TOUCH_DELAY&&(this.state=l.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==l.WAITING_FOR_CLICK?this.state===l.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),r=Math.max(e,t),i=Math.max(.35*r,75),a=Math.floor(.2*r),n=Math.sqrt(t**2+e**2)+10;this.initialSize=a,this.rippleScale=""+(n+i)/a,this.rippleSize=`${a}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:r}=window,{left:i,top:a}=this.getBoundingClientRect(),n=t+i,h=r+a,{pageX:v,pageY:y}=e;return{x:v-n,y:y-h}}getTranslationCoordinates(e){const{height:t,width:r}=this.getBoundingClientRect(),i={x:(r-this.initialSize)/2,y:(t-this.initialSize)/2};let a;return a=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:r/2,y:t/2},a={x:a.x-this.initialSize/2,y:a.y-this.initialSize/2},{startPoint:a,endPoint:i}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:r}=this.getTranslationCoordinates(e),i=`${t.x}px, ${t.y}px`,a=`${r.x}px, ${r.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${i}) scale(1)`,`translate(${a}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:K,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=l.INACTIVE;const e=this.growAnimation;let t=1/0;typeof e?.currentTime=="number"?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise(r=>{setTimeout(r,225-t)}),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type==="pointerenter"||e.type==="pointerleave")return!this.isTouch(e);const t=e.buttons===1;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:r,left:i,bottom:a,right:n}=this.getBoundingClientRect();return e>=i&&e<=n&&t>=r&&t<=a}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!j?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){if(!c.isServer)for(const r of W)e?.removeEventListener(r,this),t?.addEventListener(r,this)}}d.t([s.property({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),d.t([s.state()],f.prototype,"hovered",void 0),d.t([s.state()],f.prototype,"pressed",void 0),d.t([s.query(".surface")],f.prototype,"mdRoot",void 0);const X=c.css`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
 `;let w=class extends f{};w.styles=[X],w=d.t([s.customElement("md-ripple")],w);const N=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"],J=N.map(U);function S(o){return J.includes(o)}function U(o){return o.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}const g=Symbol("privateIgnoreAttributeChangesFor");function E(o){return`data-${o}`}function A(o){return o.replace(/-\w/,e=>e[1].toUpperCase())}function Q(o){return o.currentTarget===o.target&&o.composedPath()[0]===o.target&&!o.target.disabled&&!function(e){const t=I;return t&&(e.preventDefault(),e.stopImmediatePropagation()),async function(){I=!0,await null,I=!1}(),t}(o)}let I=!1;const u=Symbol("internals"),P=Symbol("privateInternals"),M=Symbol("createValidator"),R=Symbol("getValidityAnchor"),T=Symbol("privateValidator"),m=Symbol("privateSyncValidity"),k=Symbol("privateCustomValidationMessage"),x=Symbol("getFormValue"),V=Symbol("getFormState");class Z{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const e=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,e)))return this.currentValidity;const{validity:t,validationMessage:r}=this.computeValidity(e);return this.prevState=this.copy(e),this.currentValidity={validationMessage:r,validity:{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing}},this.currentValidity}}class ee extends Z{computeValidity(e){return this.checkboxControl||(this.checkboxControl=document.createElement("input"),this.checkboxControl.type="checkbox"),this.checkboxControl.checked=e.checked,this.checkboxControl.required=e.required,{validity:this.checkboxControl.validity,validationMessage:this.checkboxControl.validationMessage}}equals(e,t){return e.checked===t.checked&&e.required===t.required}copy({checked:e,required:t}){return{checked:e,required:t}}}const te=function(o){var e;if(c.isServer)return o;class t extends o{constructor(){super(...arguments),this[e]=new Set}attributeChangedCallback(i,a,n){if(!S(i))return void super.attributeChangedCallback(i,a,n);if(this[g].has(i))return;this[g].add(i),this.removeAttribute(i),this[g].delete(i);const h=A(i);n===null?delete this.dataset[h]:this.dataset[h]=n,this.requestUpdate(A(i),a)}getAttribute(i){return S(i)?super.getAttribute(E(i)):super.getAttribute(i)}removeAttribute(i){super.removeAttribute(i),S(i)&&(super.removeAttribute(E(i)),this.requestUpdate())}}return e=g,function(r){for(const i of N){const a=U(i),n=E(a),h=A(a);r.createProperty(i,{attribute:a,noAccessor:!0}),r.createProperty(Symbol(n),{attribute:n,noAccessor:!0}),Object.defineProperty(r.prototype,i,{configurable:!0,enumerable:!0,get(){return this.dataset[h]??null},set(v){const y=this.dataset[h]??null;v!==y&&(v===null?delete this.dataset[h]:this.dataset[h]=v,this.requestUpdate(i,y))}})}}(t),t}(function(o){var e;class t extends o{constructor(){super(...arguments),this[e]=""}get validity(){return this[m](),this[u].validity}get validationMessage(){return this[m](),this[u].validationMessage}get willValidate(){return this[m](),this[u].willValidate}checkValidity(){return this[m](),this[u].checkValidity()}reportValidity(){return this[m](),this[u].reportValidity()}setCustomValidity(i){this[k]=i,this[m]()}requestUpdate(i,a,n){super.requestUpdate(i,a,n),this[m]()}firstUpdated(i){super.firstUpdated(i),this[m]()}[(e=k,m)](){if(c.isServer)return;this[T]||(this[T]=this[M]());const{validity:i,validationMessage:a}=this[T].getValidity(),n=!!this[k],h=this[k]||a;this[u].setValidity({...i,customError:n},h,this[R]()??void 0)}[M](){throw new Error("Implement [createValidator]")}[R](){throw new Error("Implement [getValidityAnchor]")}}return t}(function(o){class e extends o{get form(){return this[u].form}get labels(){return this[u].labels}get name(){return this.getAttribute("name")??""}set name(r){this.setAttribute("name",r)}get disabled(){return this.hasAttribute("disabled")}set disabled(r){this.toggleAttribute("disabled",r)}attributeChangedCallback(r,i,a){if(r==="name"||r==="disabled"){const n=r==="disabled"?i!==null:i;return void this.requestUpdate(r,n)}super.attributeChangedCallback(r,i,a)}requestUpdate(r,i,a){super.requestUpdate(r,i,a),this[u].setFormValue(this[x](),this[V]())}[x](){throw new Error("Implement [getFormValue]")}[V](){return this[x]()}formDisabledCallback(r){this.disabled=r}}return e.formAssociated=!0,d.t([s.property({noAccessor:!0})],e.prototype,"name",null),d.t([s.property({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((O=c.LitElement,class extends O{get[u](){return this[P]||(this[P]=this.attachInternals()),this[P]}}))));var O;class p extends te{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,c.isServer||this.addEventListener("click",e=>{Q(e)&&this.input&&(this.focus(),function(t){const r=new MouseEvent("click",{bubbles:!0});t.dispatchEvent(r)}(this.input))})}update(e){(e.has("checked")||e.has("disabled")||e.has("indeterminate"))&&(this.prevChecked=e.get("checked")??this.checked,this.prevDisabled=e.get("disabled")??this.disabled,this.prevIndeterminate=e.get("indeterminate")??this.indeterminate),super.update(e)}render(){const e=!this.prevChecked&&!this.prevIndeterminate,t=this.prevChecked&&!this.prevIndeterminate,r=this.prevIndeterminate,i=this.checked&&!this.indeterminate,a=this.indeterminate,n=$.classMap({disabled:this.disabled,selected:i||a,unselected:!i&&!a,checked:i,indeterminate:a,"prev-unselected":e,"prev-checked":t,"prev-indeterminate":r,"prev-disabled":this.prevDisabled}),{ariaLabel:h,ariaInvalid:v}=this;return c.html`
       <div class="container ${n}">
@@ -37,4 +37,4 @@
 				${G.when(this.label,()=>c.html`<span>${this.label}</span>`,()=>c.html`<slot></slot>`)}
 			</label>
 		`}},exports.SchmancyCheckboxElement.shadowRootOptions={...c.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyCheckboxElement.formAssociated=!0,b([s.property({type:Boolean,reflect:!0})],exports.SchmancyCheckboxElement.prototype,"value",2),b([s.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"checked",1),b([s.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"disabled",2),b([s.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"required",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"name",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"id",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"label",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"size",2),exports.SchmancyCheckboxElement=b([s.customElement("schmancy-checkbox")],exports.SchmancyCheckboxElement);
-//# sourceMappingURL=checkbox-TclkD2h5.cjs.map
+//# sourceMappingURL=checkbox-BtZqKgPT.cjs.map