npm - @mhmo91/schmancy - Versions diffs - 0.2.173 → 0.2.175 - Mend

@mhmo91/schmancy 0.2.173 → 0.2.175

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 (259) hide show

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

@@ -0,0 +1 @@

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

package/dist/avatar-hg0j8zki.cjs ADDED Viewed

@@ -0,0 +1,212 @@
+"use strict";const l=require("lit"),a=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-BrDkqFTI.cjs");const M=require("./area.component-RZA2bq-D.cjs");require("./autocomplete-CuuHN9km.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const x=require("./tailwind.mixin-B9QsShMd.cjs"),g=require("./ripple-C2BHbhcS.cjs");require("./spinner-D35seXuq.cjs"),require("./icon-button-D1627KoB.cjs");const h=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-DQd9Azq2.cjs"),require("./chips-CkZAEsJp.cjs"),require("./payment-card-form-CdrMcc5c.cjs");const m=require("./types.cjs"),d=require("./provide-BGGp1Iks.cjs"),b=require("./litElement.mixin-DcVBwo9t.cjs"),p=require("./consume-uKrSupzs.cjs");require("./date-range-BZlbUc_n.cjs"),require("./delay-C0xLB5YE.cjs"),require("./divider-xPhgMgau.cjs"),require("./timezone-BydmQhke.cjs"),require("./form-BG9KH92a.cjs"),require("./icon-CIY_VPoc.cjs"),require("./input-VTxTwAen.cjs"),require("./flex-COQaEZmU.cjs"),require("./list-Df47IR-i.cjs"),require("./menu-BmdOK-Gh.cjs");const U=require("lit/directives/when.js");require("./notification-service-DOGtyP8q.cjs"),require("./option-BR_cajUP.cjs"),require("./radio-group-FInGxSDU.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DfzEP7n4.cjs");const B=require("./sheet-DfHOLchM.cjs");require("./slider-YyZnXMOX.cjs"),require("./schmancy-steps-container-iHTmuKkc.cjs"),require("./context-object-CP7HbDFQ.cjs");const P=require("rxjs/operators");require("./surface-u3lOyjll.cjs"),require("./table-Cfe1Zloe.cjs"),require("./tabs-group-MGpxSLVK.cjs"),require("./textarea-CylQCLpW.cjs"),require("./theme.component-Cbjb7vBh.cjs"),require("./theme-button-BSpshrnu.cjs"),require("./tooltip-Bs1R5e8R.cjs"),require("./tree-C68UrNiC.cjs"),require("./typewriter-CFgNAfJm.cjs"),require("./typography-B7lbxH4O.cjs"),require("./dropdown-content-Bwjmh6uS.cjs"),require("./dialog-service-Bju5U74b.cjs");var F=Object.defineProperty,G=Object.getOwnPropertyDescriptor,w=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?G(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&F(t,s,r),r};exports.SchmancyBadgeV2=class extends x.TailwindElement(l.css`
+	:host {
+		display: inline-flex;
+	}
+	.badge-content {
+		display: flex;
+		align-items: center;
+		line-height: 1;
+	}
+	/* Improved vertical alignment for icon and text */
+	::slotted(*) {
+		vertical-align: middle;
+	}
+	/* Add space between icon and text */
+	.icon-container {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		line-height: 1;
+	}
+	/* Icon spacing adjustments - based on golden ratio principles */
+	.icon-container + .badge-content {
+		margin-left: 0.38em; /* Approximately 1/1.618 of 0.618em */
+	}
+	/* Ensure the icon is properly centered */
+	schmancy-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+`){constructor(){super(...arguments),this.color="primary",this.size="md",this.shape="pill",this.outlined=!1,this.icon="",this.pulse=!1}getSizeClasses(){switch(this.size){case"xs":return"text-xs py-1 px-1.5 gap-0.5 leading-none";case"sm":return"text-xs py-1.5 px-2 gap-0.5 tracking-wide leading-none";case"lg":return"text-base py-2 px-3 gap-1 tracking-wide";default:return"text-sm py-1.5 px-2.5 gap-0.5"}}getShapeClasses(){switch(this.shape){case"square":return"rounded";case"rounded":return"rounded-md";default:return"rounded-full"}}getIconSize(){switch(this.size){case"xs":return"11px";case"sm":return"13px";case"lg":return"18px";default:return"15px"}}getExoticStyles(){const e={};return this.size==="lg"&&(e.letterSpacing="0.03em",e.fontWeight="500"),this.size==="sm"&&(e.letterSpacing="0.02em"),e}getColorStyles(){return{primary:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.primary.container,text:this.outlined?h.SchmancyTheme.sys.color.primary.default:h.SchmancyTheme.sys.color.primary.onContainer,border:this.outlined?h.SchmancyTheme.sys.color.primary.default:void 0},secondary:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.secondary.container,text:this.outlined?h.SchmancyTheme.sys.color.secondary.default:h.SchmancyTheme.sys.color.secondary.onContainer,border:this.outlined?h.SchmancyTheme.sys.color.secondary.default:void 0},tertiary:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.tertiary.container,text:this.outlined?h.SchmancyTheme.sys.color.tertiary.default:h.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?h.SchmancyTheme.sys.color.tertiary.default:void 0},success:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.success.container,text:this.outlined?h.SchmancyTheme.sys.color.success.default:h.SchmancyTheme.sys.color.success.onContainer,border:this.outlined?h.SchmancyTheme.sys.color.success.default:void 0},warning:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.tertiary.container,text:this.outlined?h.SchmancyTheme.sys.color.tertiary.default:h.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?h.SchmancyTheme.sys.color.tertiary.default:void 0},error:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.error.container,text:this.outlined?h.SchmancyTheme.sys.color.error.default:h.SchmancyTheme.sys.color.error.onContainer,border:this.outlined?h.SchmancyTheme.sys.color.error.default:void 0},neutral:{bg:this.outlined?"transparent":h.SchmancyTheme.sys.color.surface.high,text:(this.outlined,h.SchmancyTheme.sys.color.surface.on),border:this.outlined?h.SchmancyTheme.sys.color.outline:void 0}}[this.color]}render(){const e=this.getSizeClasses(),t=this.getShapeClasses(),s=this.getColorStyles(),i=this.getIconSize(),o=this.getExoticStyles(),r={"inline-flex items-center justify-center font-medium":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size!=="xs"},c={borderColor:s.border,...o};return l.html`
+			<div
+				part="badge"
+				class="${this.classMap(r)}"
+				style="${this.styleMap(c)}"
+				${g.color({bgColor:s.bg,color:s.text})}
+			>
+				<!-- Icon slot or named icon -->
+				<slot name="icon">
+					${this.icon?l.html`
+								<div part="icon" class="icon-container flex-shrink-0 flex items-center justify-center">
+									<schmancy-icon .size=${i} class="flex items-center">${this.icon}</schmancy-icon>
+								</div>
+							`:""}
+				</slot>
+				<!-- Content -->
+				<div part="content" class="badge-content">
+					<slot></slot>
+				</div>
+			</div>
+		`}},w([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),w([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),w([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),w([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),w([a.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),w([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=w([a.customElement("sch-badge")],exports.SchmancyBadgeV2);var J=Object.getOwnPropertyDescriptor;let V=class extends x.TailwindElement(l.css`
+	:host {
+		display: block;
+	}
+`){render(){return l.html` <section class="pb-4 px-4"><slot> </slot></section> `}};V=((e,t,s,i)=>{for(var o,r=i>1?void 0:i?J(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=o(r)||r);return r})([a.customElement("schmancy-card-action")],V);var Q=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,A=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?Z(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&Q(t,s,r),r};let E=class extends x.TailwindElement(){constructor(){super(...arguments),this.type="elevated",this.elevation=0}render(){const e={"rounded-md":!0,"shadow-xs":this.elevation===1,"shadow-sm":this.elevation===2,"shadow-md":this.elevation===3,"shadow-lg":this.elevation===4,"shadow-5":this.elevation===5,"hover:shadow-xs":["outlined","filled"].includes(this.type),"bg-surface-low shadow-xs hover:shadow-sm":this.type==="elevated","bg-surface-highest":this.type==="filled","bg-surface-default border border-solid border-1 border-outlineVariant":this.type==="outlined"};return l.html`<div class="${this.classMap(e)}">
+			<slot> </slot>
+		</div>`}};A([a.property()],E.prototype,"type",2),A([a.property({type:Number})],E.prototype,"elevation",2),E=A([a.customElement("schmancy-card")],E);var ee=Object.getOwnPropertyDescriptor;let L=class extends x.TailwindElement(){render(){const e=h.SchmancyTheme.sys.color.surface.on,t=h.SchmancyTheme.sys.color.surface.onVariant;return l.html`<schmancy-grid gap="md" class="${this.classMap({"px-[16px] py-[24px]":!0})}">
+			<schmancy-grid gap="xs">
+				<schmancy-typography
+					${g.color({color:e})}
+					type="body"
+					token="lg"
+					><slot name="headline"> </slot
+				></schmancy-typography>
+				<schmancy-typography
+					${g.color({color:t})}
+					type="body"
+					><slot name="subhead"></slot>
+				</schmancy-typography>
+			</schmancy-grid>
+			<schmancy-typography
+				type="body"
+				${g.color({color:t})}
+			>
+				<slot></slot>
+			</schmancy-typography>
+		</schmancy-grid>`}};L=((e,t,s,i)=>{for(var o,r=i>1?void 0:i?ee(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=o(r)||r);return r})([a.customElement("schmancy-card-content")],L);var te=Object.defineProperty,re=Object.getOwnPropertyDescriptor,I=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?re(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&te(t,s,r),r};let T=class extends x.TailwindElement(l.css`
+	:host {
+		display: block;
+	}
+`){constructor(){super(...arguments),this.src="",this.fit="contain"}render(){const e={"object-center":!0,"object-contain":this.fit==="contain","object-cover w-full":this.fit==="cover","object-fill":this.fit==="fill","object-none":this.fit==="none","object-scale-down":this.fit==="scale-down"};return l.html`<schmancy-grid align="stretch" justify="stretch" gap="md">
+			<img src="${this.src}" style=${this.styleMap({height:"200px"})} class="${this.classMap(e)}" />
+		</schmancy-grid>`}};I([a.property({type:String,reflect:!0})],T.prototype,"src",2),I([a.property({type:String})],T.prototype,"fit",2),T=I([a.customElement("schmancy-card-media")],T);const se=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe().subscribe(e=>{e.action==="dismiss"?e.ref.dispatchEvent(new CustomEvent(m.SchmancyEvents.ContentDrawerToggle,{detail:{state:"close"},bubbles:!0,composed:!0})):e.action==="render"&&(e.ref.dispatchEvent(new CustomEvent(m.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:e.component,title:e.title},bubbles:!0,composed:!0})))})}dimiss(e){this.$drawer.next({action:"dismiss",ref:e})}render(e,t,s){e.dispatchEvent(new CustomEvent("custom-event")),this.$drawer.next({action:"render",ref:e,component:t,title:s})}},k=d.n("push"),_=d.n("close"),R=d.n(Math.floor(Math.random()*Date.now()).toString()),N=d.n("100%"),j=d.n({});var ne=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,v=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?ie(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&ne(t,s,r),r};exports.SchmancyContentDrawer=class extends b.$LitElement(l.css`
+	:host {
+		position: relative;
+		inset: 0;
+		display: block;
+		overflow: hidden;
+	}
+`){constructor(){super(...arguments),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight="100%"}firstUpdated(){n.merge(n.fromEvent(window,"resize"),n.fromEvent(window,m.SchmancyEvents.ContentDrawerResize)).pipe(n.startWith(!0),n.tap(()=>{}),n.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),n.map(e=>e>=this.minWidth.main+this.minWidth.sheet),n.debounceTime(100),n.tap(()=>{this.maxHeight=window.innerHeight-this.getOffsetTop(this)-32+"px",this.style.setProperty("max-height",this.maxHeight)}),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,m.SchmancyEvents.ContentDrawerToggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.takeUntil(this.disconnecting)).subscribe(e=>{this.open=e}),n.fromEvent(window,"schmancy-content-drawer-render").pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail),n.takeUntil(this.disconnecting)).subscribe(({component:e,title:t})=>{this.mode==="push"?(M.area.push({area:this.schmancyContentDrawerID,component:"empty",historyStrategy:"silent"}),M.area.push({area:this.schmancyContentDrawerID,component:e,historyStrategy:"silent"})):(this.mode="overlay")&&B.sheet.open({component:e,uid:this.schmancyContentDrawerID,title:t})})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?l.html`
+			<schmancy-grid
+				cols=${this.mode==="overlay"?"1fr":"auto 1fr"}
+				rows="1fr"
+				flow="col"
+				justify="stretch"
+				align="stretch"
+			>
+				<slot></slot>
+			</schmancy-grid>
+		`:l.nothing}},v([d.e({context:j})],exports.SchmancyContentDrawer.prototype,"minWidth",2),v([d.e({context:_}),a.property()],exports.SchmancyContentDrawer.prototype,"open",2),v([d.e({context:k}),a.state()],exports.SchmancyContentDrawer.prototype,"mode",2),v([d.e({context:R})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),v([d.e({context:N})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),v([a.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=v([a.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var ae=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,D=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?oe(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&ae(t,s,r),r};exports.SchmancyContentDrawerMain=class extends b.$LitElement(l.css`
+	:host {
+		display: block;
+		overflow: hidden;
+	}
+`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.main=this.minWidth:this.minWidth=this.drawerMinWidth.main}update(e){super.update(e),e.has("minWidth")&&this.minWidth&&(this.drawerMinWidth.main=this.minWidth,this.dispatchEvent(new CustomEvent(m.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0})))}render(){const e={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return l.html`
+			<section class="relative inset-0 h-full">
+				<schmancy-grid
+					class="h-full relative overflow-scroll"
+					cols="${this.mode==="push"?"auto 1fr":"1fr"}"
+					rows="1fr"
+					flow="col"
+					align="stretch"
+					justify="stretch"
+				>
+					<section style=${this.styleMap(e)}>
+						<slot></slot>
+					</section>
+				</schmancy-grid>
+				${U.when(this.mode==="push",()=>l.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+			</section>
+		`}},D([a.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),D([p.c({context:j,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),D([p.c({context:k,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),D([p.c({context:N,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=D([a.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,y=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?he(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&ce(t,s,r),r};exports.SchmancyContentDrawerSheet=class extends b.$LitElement(l.css`
+	:host {
+		overflow: scroll;
+	}
+`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has("minWidth")&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(m.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has("state")||e.has("mode"))&&(this.mode==="overlay"?this.state==="close"?this.closeAll():this.state:this.mode==="push"&&(B.sheet.dismiss(this.schmancyContentDrawerID),this.state==="close"?this.closeAll():this.state==="open"&&this.open()))}open(){this.mode==="overlay"?this.sheet.style.position="fixed":this.sheet.style.position="relative",this.sheet.style.display="block",this.sheet.animate([{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"})}closeAll(){n.merge(n.from(this.closeModalSheet()),n.from(this.closeSheet())).pipe(n.takeUntil(this.disconnecting)).subscribe()}closeModalSheet(){return n.of(!0).pipe(n.tap(()=>B.sheet.dismiss(this.schmancyContentDrawerID)))}closeSheet(){return new n.Observable(e=>{this.sheet.animate([{opacity:1,transform:"translateX(0%)"},{opacity:1,transform:"translateX(100%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"}).onfinish=()=>{this.sheet.style.display="none",e.next(),e.complete()}})}render(){const e={block:this.mode==="push","absolute z-50":this.mode==="overlay","opacity-1":this.mode==="overlay"&&this.state==="open"},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return l.html`
+			<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
+				<schmancy-area name="${this.schmancyContentDrawerID}">
+					<slot name="placeholder"></slot>
+				</schmancy-area>
+			</section>
+		`}},y([a.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),y([p.c({context:k,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),y([p.c({context:_,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),y([p.c({context:R})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),y([a.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),y([a.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),y([p.c({context:j,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),y([p.c({context:N,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=y([a.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const Y=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe(n.debounceTime(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(m.SchmancyEvents.NavDrawer_toggle,{detail:{state:"open"},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(m.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},le=Y,z=d.n("push"),W=d.n("close");var de=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,$=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?pe(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&de(t,s,r),r};exports.SchmancyDrawerAppbar=class extends x.TailwindElement(l.css`
+	:host {
+		display: block;
+	}
+`){constructor(){super(...arguments),this.toggler=!0}render(){const e={"block left-3  z-50":this.sidebarMode==="overlay",hidden:this.sidebarMode==="push"};return l.html`
+			<schmancy-grid
+				cols=${this.sidebarMode==="overlay"&&this.toggler?"auto 1fr":"1fr"}
+				flow="col"
+				class=${this.classMap({"block z-50":!0})}
+				gap="sm"
+				align="center"
+			>
+				${U.when(this.sidebarMode==="overlay"&&this.toggler,()=>l.html`<slot name="toggler">
+							<div class="${this.classMap(e)}">
+								<schmancy-icon-button
+									@click=${()=>{this.dispatchEvent(new CustomEvent(m.SchmancyEvents.NavDrawer_toggle,{detail:{state:this.sidebarOpen==="open"?"close":"open"},bubbles:!0,composed:!0}))}}
+								>
+									${U.when(this.sidebarOpen==="close",()=>l.html`menu`,()=>l.html`menu_open`)}
+								</schmancy-icon-button>
+							</div>
+						</slot>`)}
+				<slot> </slot>
+			</schmancy-grid>
+		`}},$([p.c({context:z,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),$([p.c({context:W,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),$([a.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=$([a.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var me=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends b.$LitElement(l.css`
+	:host {
+		display: block;
+		position: relative;
+		inset: 0;
+		overflow-y: auto;
+	}
+`){connectedCallback(){super.connectedCallback(),n.fromEvent(this,"scroll").pipe(n.takeUntil(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent("scroll",{detail:e,bubbles:!0,composed:!0}))})}render(){return l.html` <slot></slot> `}},exports.SchmancyNavigationDrawerContent=((e,t,s,i)=>{for(var o,r=i>1?void 0:i?me(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=o(r)||r);return r})([a.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);var ye=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,S=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?ue(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&ye(t,s,r),r};exports.SchmancyNavigationDrawer=class extends b.$LitElement(l.css`
+	:host {
+		display: flex;
+		flex-grow: 1;
+		overflow: hidden;
+		/* Initially hide the component until it’s ready */
+		visibility: hidden;
+	}
+	/* Once the component is ready, remove the hidden style */
+	:host([data-ready]) {
+		visibility: visible;
+	}
+`){constructor(){super(...arguments),this.fullscreen=!1,this.breakpoint="md",this._initialized=!1}firstUpdated(){this.updateState(window.innerWidth),this._initialized=!0,this.setAttribute("data-ready",""),n.fromEvent(window,"resize").pipe(n.map(e=>e.target.innerWidth),n.map(e=>e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),n.distinctUntilChanged(),n.debounceTime(100),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,m.SchmancyEvents.NavDrawer_toggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.distinctUntilChanged(),n.takeUntil(this.disconnecting),n.debounceTime(10)).subscribe(e=>{this.mode==="push"&&e==="close"||(this.open=e)})}updateState(e){const t=e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint];this.mode=t?"push":"overlay",this.open=t?"open":"close"}render(){return this._initialized?l.html`
+			<schmancy-grid
+				cols=${this.fullscreen?"1fr":"auto 1fr"}
+				rows="1fr"
+				flow="col"
+				justify="stretch"
+				align="stretch"
+				${g.fullHeight()}
+			>
+				<slot></slot>
+			</schmancy-grid>
+		`:l.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},S([a.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),S([a.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),S([d.e({context:z}),a.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),S([d.e({context:W}),a.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),S([a.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=S([a.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var ge=Object.defineProperty,be=Object.getOwnPropertyDescriptor,f=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?be(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&ge(t,s,r),r};const q="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends b.$LitElement(){constructor(){super(...arguments),this.width="320px",this._initialized=!1}firstUpdated(){this.mode==="overlay"?this.drawerState==="close"?(this.nav.style.transform="translateX(-100%)",this.overlay.style.display="none"):this.drawerState==="open"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="block",this.overlay.style.opacity="0.4"):this.mode==="push"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="none"),this._initialized=!0}updated(e){this._initialized&&(e.has("drawerState")||e.has("mode"))&&(this.mode==="overlay"?this.drawerState==="open"?this.nav.style.transform!=="translateX(0)"&&(this.openOverlay(),this.showNavDrawer()):this.drawerState==="close"&&this.nav.style.transform!=="translateX(-100%)"&&(this.hideNavDrawer(),this.closeOverlay()):this.mode==="push"&&(this.nav.style.transform!=="translateX(0)"&&this.showNavDrawer(),this.overlay.style.display!=="none"&&this.closeOverlay()))}openOverlay(){this.overlay.style.display="block",this.overlay.animate([{opacity:0},{opacity:.4}],{duration:200,easing:q,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:q,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:q,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:q,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(-100%)"}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(m.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))}render(){const e={"p-[16px] max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode==="push","fixed inset-0 z-50":this.mode==="overlay"},t={width:this.width};return l.html`
+			<nav
+				style=${this.styleMap(t)}
+				class="${this.classMap({...e})}"
+				${g.color({bgColor:h.SchmancyTheme.sys.color.surface.container})}
+			>
+				<slot></slot>
+			</nav>
+			<div
+				id="overlay"
+				${g.color({bgColor:h.SchmancyTheme.sys.color.scrim})}
+				@click=${this.handleOverlayClick}
+				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
+			></div>
+		`}},f([p.c({context:z,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),f([p.c({context:W,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),f([a.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),f([a.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),f([a.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),f([a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=f([a.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const X="whereAreYouRicky",H="hereMorty",C=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,H).pipe(n.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),n.map(t=>t.detail.component),n.take(1)),n.of(e).pipe(n.tap(()=>{window.dispatchEvent(new CustomEvent(X,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:s}=e,i=s.element.style.zIndex;s.element.style.transformOrigin="top left",s.element.style.setProperty("visibility","visible"),s.element.style.zIndex="1000";const o=[{transform:`translate(${t.rect.left-s.rect.left}px, ${t.rect.top-s.rect.top}px) scale(${t.rect.width/s.rect.width}, ${t.rect.height/s.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];s.element.animate(o,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{s.element.style.zIndex=i,s.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:s,host:i},o)=>({from:t,to:s,host:i,i:o}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function K(e){return n.interval(50).pipe(P.map(()=>e.getBoundingClientRect()),P.distinctUntilChanged((t,s)=>t.width===s.width&&t.height===s.height&&t.top===s.top&&t.right===s.right&&t.bottom===s.bottom&&t.left===s.left),P.take(1))}var we=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,O=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?ve(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&we(t,s,r),r};exports.SchmancyTeleportation=class extends b.$LitElement(l.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),n.merge(n.fromEvent(window,M.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(M.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,X).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(H,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(C.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),K(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{C.activeTeleportations.set(this.id,t),C.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),K(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{C.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},O([a.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),O([a.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),O([a.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=O([a.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var fe=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,u=(e,t,s,i)=>{for(var o,r=i>1?void 0:i?Se(t,s):t,c=e.length-1;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&fe(t,s,r),r};exports.SchmancyAvatar=class extends b.$LitElement(){constructor(){super(...arguments),this.initials="",this.src="",this.icon="",this.size="md",this.color="primary",this.shape="circle",this.bordered=!1,this.status="none"}render(){let e;e=this.src?l.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?l.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?l.html`<schmancy-icon>${this.icon}</schmancy-icon>`:l.html`<schmancy-icon>person</schmancy-icon>`;const t={"relative flex items-center justify-center overflow-hidden":!0,[{xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-sm",md:"w-10 h-10 text-base",lg:"w-12 h-12 text-lg",xl:"w-16 h-16 text-xl"}[this.size]]:!0,[{circle:"rounded-full",square:"rounded-md"}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},s=this.getColorAttributes();return l.html`
+			<div class="${this.classMap(t)}" ${s}>
+				${e} ${this.status!=="none"?this.renderStatusIndicator():""}
+			</div>
+		`}getColorAttributes(){const e={primary:{bgColor:h.SchmancyTheme.sys.color.primary.container,color:h.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:h.SchmancyTheme.sys.color.secondary.container,color:h.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:h.SchmancyTheme.sys.color.tertiary.container,color:h.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:h.SchmancyTheme.sys.color.success.container,color:h.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:h.SchmancyTheme.sys.color.error.container,color:h.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:h.SchmancyTheme.sys.color.surface.container,color:h.SchmancyTheme.sys.color.surface.on}};return g.color(e[this.color])}renderStatusIndicator(){const e={online:h.SchmancyTheme.sys.color.success.default,offline:h.SchmancyTheme.sys.color.surface.onVariant,busy:h.SchmancyTheme.sys.color.error.default,away:h.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
+			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
+		`}},u([a.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([a.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([a.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=le,exports.HereMorty=H,exports.SchmancyContentDrawerID=R,exports.SchmancyContentDrawerMaxHeight=N,exports.SchmancyContentDrawerMinWidth=j,exports.SchmancyContentDrawerSheetMode=k,exports.SchmancyContentDrawerSheetState=_,exports.SchmancyDrawerNavbarMode=z,exports.SchmancyDrawerNavbarState=W,exports.WhereAreYouRicky=X,exports.schmancyContentDrawer=se,exports.schmancyNavDrawer=Y,exports.teleport=C;
+//# sourceMappingURL=avatar-hg0j8zki.cjs.map