@mhmo91/schmancy 0.4.23 → 0.4.32

package/dist/avatar-DIALT_3k.cjs.map

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

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { S as e } from "./avatar-DzJUPJtZ.js";
+import { S as e } from "./avatar-CVzlATFH.js";
 export {
   e as SchmancyBadgeV2
 };

package/dist/{boat-DPTS3Kpw.js → boat-ByFTBKD2.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-epCxS6FK.js";
+import { T as f } from "./tailwind.mixin-DWhCm94g.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-DPTS3Kpw.js.map
+//# sourceMappingURL=boat-ByFTBKD2.js.map

package/dist/{boat-DPTS3Kpw.js.map → boat-ByFTBKD2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-DPTS3Kpw.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":";;;;;;;;AAQqB,IAAAA,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,SAiCuBC,GAAAA,KAAAC,QAAA;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aAClDD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAER;AAAA,EAGM;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAE7B;AAAA,WAAAQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aAClDD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAS,IACTC,aAER,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAckBI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAY;AAAA,IAAA,CAAA;AAAA,4CAEbF,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,eACFD,GAAAA,EAAEE,mBACFb,KAAKC,QAAQ,UACRD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAS,IACTC,aAER,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAUIP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAoB;AAAA;AArFjEc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAS,GAAA,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAjCiB1B,GAAAA,IAArBqB,EAAA,CADCM,EAAc,mBACM3B;"}
+{"version":3,"file":"boat-ByFTBKD2.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":";;;;;;;;AAQqB,IAAAA,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,SAiCuBC,GAAAA,KAAAC,QAAA;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aAClDD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAER;AAAA,EAGM;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAE7B;AAAA,WAAAQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aAClDD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAS,IACTC,aAER,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAckBI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAY;AAAA,IAAA,CAAA;AAAA,4CAEbF,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,eACFD,GAAAA,EAAEE,mBACFb,KAAKC,QAAQ,UACRD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAS,IACTC,aAER,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAUIP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAoB;AAAA;AArFjEc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAS,GAAA,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAjCiB1B,GAAAA,IAArBqB,EAAA,CADCM,EAAc,mBACM3B;"}

package/dist/{boat-C59hzqZ0.cjs → boat-Dtum9CaN.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-DNME2oUL.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-CBu1BEQZ.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-C59hzqZ0.cjs.map
+//# sourceMappingURL=boat-Dtum9CaN.cjs.map

package/dist/{boat-C59hzqZ0.cjs.map → boat-Dtum9CaN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-C59hzqZ0.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,SAiCuBC,EAAAA,KAAAC,MAAA,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YAClDD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAER,CAAA,CAAA,CAAA,CAGM,QAAAC,CACN,MAAMC,EAAU,CACZ,kMACI,GACJ,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAEnB,OAAAS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YAClDD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAS,GACTC,WAER,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAckBK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAY,CAAA,CAAA;AAAA,4CAEbF,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,eACFD,EAAAA,EAAEE,kBACFd,KAAKC,MAAQ,SACRD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAS,GACTC,WAER,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAUIP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAAoB,CArFjEe,EAAAA,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UA/Ba1B,CAAAA,CAAAA,EAAAA,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAArBA,aAAAsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}
+{"version":3,"file":"boat-Dtum9CaN.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,SAiCuBC,EAAAA,KAAAC,MAAA,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YAClDD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAER,CAAA,CAAA,CAAA,CAGM,QAAAC,CACN,MAAMC,EAAU,CACZ,kMACI,GACJ,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAEnB,OAAAS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YAClDD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAS,GACTC,WAER,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAckBK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAY,CAAA,CAAA;AAAA,4CAEbF,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,eACFD,EAAAA,EAAEE,kBACFd,KAAKC,MAAQ,SACRD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAS,GACTC,WAER,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAUIP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAAoB,CArFjEe,EAAAA,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UA/Ba1B,CAAAA,CAAAA,EAAAA,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAArBA,aAAAsB,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-C59hzqZ0.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-Dtum9CaN.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-DPTS3Kpw.js";
+import { S as c } from "./boat-ByFTBKD2.js";
 export {
   c as SchmancyBoat
 };

package/dist/busy.cjs

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

package/dist/busy.js

@@ -1,2 +1,2 @@
-import "./spinner-BPqLh7JL.js";
+import "./spinner-Bh6XkC88.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-x5uqpaeg.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-DBvZApEC.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-Ckd9jE-a.js";
+import { S as n, a as o } from "./icon-button-TbwQrO1b.js";
 export {
   n as SchmancyButton,
   o as SchmnacyIconButton

package/dist/card.cjs

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

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./media-DHgb7H9L.js";
+import "./media-D6ba0wB1.js";
 //# sourceMappingURL=card.js.map

package/dist/{checkbox-C-kjO37F.cjs → checkbox-220X9LTx.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),c=require("lit/decorators.js"),q=require("./redispatch-event-DHcobAl6.cjs"),s=require("lit"),M=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const E=require("./tailwind.mixin-DNME2oUL.cjs"),z=require("lit/directives/when.js");function $(o){return o.currentTarget===o.target&&o.composedPath()[0]===o.target&&!o.target.disabled&&!function(e){const t=y;return t&&(e.preventDefault(),e.stopImmediatePropagation()),async function(){y=!0,await null,y=!1}(),t}(o)}let y=!1;const h=Symbol("internals"),k=Symbol("privateInternals"),f=Symbol("createValidator"),w=Symbol("getValidityAnchor"),g=Symbol("privateValidator"),p=Symbol("privateSyncValidity"),m=Symbol("privateCustomValidationMessage"),b=Symbol("getFormValue"),C=Symbol("getFormState");class I{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 A extends I{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 B=q.mixinDelegatesAria(function(o){var e;class t extends o{constructor(){super(...arguments),this[e]=""}get validity(){return this[p](),this[h].validity}get validationMessage(){return this[p](),this[h].validationMessage}get willValidate(){return this[p](),this[h].willValidate}checkValidity(){return this[p](),this[h].checkValidity()}reportValidity(){return this[p](),this[h].reportValidity()}setCustomValidity(i){this[m]=i,this[p]()}requestUpdate(i,a,n){super.requestUpdate(i,a,n),this[p]()}firstUpdated(i){super.firstUpdated(i),this[p]()}[(e=m,p)](){if(s.isServer)return;this[g]||(this[g]=this[f]());const{validity:i,validationMessage:a}=this[g].getValidity(),n=!!this[m],v=this[m]||a;this[h].setValidity({...i,customError:n},v,this[w]()??void 0)}[f](){throw new Error("Implement [createValidator]")}[w](){throw new Error("Implement [getValidityAnchor]")}}return t}(function(o){class e extends o{get form(){return this[h].form}get labels(){return this[h].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")super.attributeChangedCallback(r,i,a);else{const n=r==="disabled"?i!==null:i;this.requestUpdate(r,n)}}requestUpdate(r,i,a){super.requestUpdate(r,i,a),this[h].setFormValue(this[b](),this[C]())}[b](){throw new Error("Implement [getFormValue]")}[C](){return this[b]()}formDisabledCallback(r){this.disabled=r}}return e.formAssociated=!0,d.t([c.property({noAccessor:!0})],e.prototype,"name",null),d.t([c.property({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((S=s.LitElement,class extends S{get[h](){return this[k]||(this[k]=this.attachInternals()),this[k]}}))));var S;class l extends B{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,s.isServer||this.addEventListener("click",e=>{$(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=M.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:v,ariaInvalid:V}=this;return s.html`
+"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),c=require("lit/decorators.js"),q=require("./redispatch-event-DHcobAl6.cjs"),s=require("lit"),M=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const E=require("./tailwind.mixin-CBu1BEQZ.cjs"),z=require("lit/directives/when.js");function $(o){return o.currentTarget===o.target&&o.composedPath()[0]===o.target&&!o.target.disabled&&!function(e){const t=y;return t&&(e.preventDefault(),e.stopImmediatePropagation()),async function(){y=!0,await null,y=!1}(),t}(o)}let y=!1;const h=Symbol("internals"),k=Symbol("privateInternals"),f=Symbol("createValidator"),w=Symbol("getValidityAnchor"),g=Symbol("privateValidator"),p=Symbol("privateSyncValidity"),m=Symbol("privateCustomValidationMessage"),b=Symbol("getFormValue"),C=Symbol("getFormState");class I{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 A extends I{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 B=q.mixinDelegatesAria(function(o){var e;class t extends o{constructor(){super(...arguments),this[e]=""}get validity(){return this[p](),this[h].validity}get validationMessage(){return this[p](),this[h].validationMessage}get willValidate(){return this[p](),this[h].willValidate}checkValidity(){return this[p](),this[h].checkValidity()}reportValidity(){return this[p](),this[h].reportValidity()}setCustomValidity(i){this[m]=i,this[p]()}requestUpdate(i,a,n){super.requestUpdate(i,a,n),this[p]()}firstUpdated(i){super.firstUpdated(i),this[p]()}[(e=m,p)](){if(s.isServer)return;this[g]||(this[g]=this[f]());const{validity:i,validationMessage:a}=this[g].getValidity(),n=!!this[m],v=this[m]||a;this[h].setValidity({...i,customError:n},v,this[w]()??void 0)}[f](){throw new Error("Implement [createValidator]")}[w](){throw new Error("Implement [getValidityAnchor]")}}return t}(function(o){class e extends o{get form(){return this[h].form}get labels(){return this[h].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")super.attributeChangedCallback(r,i,a);else{const n=r==="disabled"?i!==null:i;this.requestUpdate(r,n)}}requestUpdate(r,i,a){super.requestUpdate(r,i,a),this[h].setFormValue(this[b](),this[C]())}[b](){throw new Error("Implement [getFormValue]")}[C](){return this[b]()}formDisabledCallback(r){this.disabled=r}}return e.formAssociated=!0,d.t([c.property({noAccessor:!0})],e.prototype,"name",null),d.t([c.property({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((S=s.LitElement,class extends S{get[h](){return this[k]||(this[k]=this.attachInternals()),this[k]}}))));var S;class l extends B{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,s.isServer||this.addEventListener("click",e=>{$(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=M.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:v,ariaInvalid:V}=this;return s.html`
       <div class="container ${n}">
         <input
           type="checkbox"
@@ -35,4 +35,4 @@
 				${z.when(this.label,()=>s.html`<span>${this.label}</span>`,()=>s.html`<slot></slot>`)}
 			</label>
 		`}},exports.SchmancyCheckbox.shadowRootOptions={...s.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyCheckbox.formAssociated=!0,u([c.property({type:Boolean,reflect:!0})],exports.SchmancyCheckbox.prototype,"value",2),u([c.property({type:Boolean})],exports.SchmancyCheckbox.prototype,"checked",1),u([c.property({type:Boolean})],exports.SchmancyCheckbox.prototype,"disabled",2),u([c.property({type:Boolean})],exports.SchmancyCheckbox.prototype,"required",2),u([c.property({type:String})],exports.SchmancyCheckbox.prototype,"name",2),u([c.property({type:String})],exports.SchmancyCheckbox.prototype,"id",2),u([c.property({type:String})],exports.SchmancyCheckbox.prototype,"label",2),u([c.property({type:String})],exports.SchmancyCheckbox.prototype,"size",2),exports.SchmancyCheckbox=u([c.customElement("schmancy-checkbox")],exports.SchmancyCheckbox);
-//# sourceMappingURL=checkbox-C-kjO37F.cjs.map
+//# sourceMappingURL=checkbox-220X9LTx.cjs.map