npm - @mhmo91/schmancy - Versions diffs - 0.4.22 → 0.4.24 - Mend

@mhmo91/schmancy 0.4.22 → 0.4.24

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

Files changed (308) hide show

package/dist/avatar-Cb_cbT8R.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar-Cb_cbT8R.js","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\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\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","getSizeClasses","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","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","s","SchmancyContentDrawerSheetMode","createContext","SchmancyContentDrawerSheetState","SchmancyContentDrawerID","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","handleOverlayClick","sidebarClasses","scrim","WhereAreYouRicky","HereMorty","teleport","activeTeleportations","Map","flipRequests","find","zip","filter","uuid","id","take","callerID","timeout","flip","request","to","originalZIndex","zIndex","transformOrigin","keyframes","rect","left","top","height","delay","bufferTime","requests","host","i","concatMap","watchElementRect","interval","getBoundingClientRect","prev","curr","right","bottom","SchmancyTeleportation","debugging","shadowRoot","querySelector","assignedElements","Error","FINDING_MORTIES","HERE_RICKY","teleportationService","get","a","throwIfEmpty","domRect","set","_slottedChildren","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 CHANGED Viewed

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

package/dist/badge.js CHANGED Viewed

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

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

@@ -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} RENAMED Viewed

	@@ -1 +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;"}
1	+ {"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} RENAMED Viewed

@@ -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} RENAMED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/busy.js CHANGED Viewed

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

package/dist/button.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/card.js CHANGED Viewed

@@ -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} RENAMED Viewed

@@ -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