@mhmo91/schmancy 0.1.3 → 0.2.0

package/dist/teleport.component-CgNOwz49.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teleport.component-CgNOwz49.js","sources":["../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/list/list-item.ts","../src/list/context.ts","../src/list/list.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"],"sourcesContent":["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-1': this.elevation === 1,\n\t\t\t'shadow-2': this.elevation === 2,\n\t\t\t'shadow-3': this.elevation === 3,\n\t\t\t'shadow-4': this.elevation === 4,\n\t\t\t'shadow-5': this.elevation === 5,\n\t\t\t'hover:shadow-1': ['outlined', 'filled'].includes(this.type),\n\t\t\t'bg-surface-low shadow-1 hover:shadow-2': 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 { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { color } from '..'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'w-full min-h-[56px] relative flex items-center gap-[16px] py-[8px] px-[16px] duration-500 transition-colors':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0': !this.readonly,\n\t\t}\n\t\treturn html`<li class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div> `)}\n\t\t\t<slot name=\"leading\"> </slot>\n\t\t\t<schmancy-flex flow=\"row\">\n\t\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t\t<slot></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: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\t\t\t})}\n\t\t\t\t\ttype=\"body\"\n\t\t\t\t\ttoken=\"md\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"support\"></slot>\n\t\t\t\t</schmancy-typography>\n\t\t\t</schmancy-flex>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div> `)}\n\t\t\t<slot name=\"trailing\"></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * @slot - The default slot.\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * The type of list.\n\t * @attr type\n\t * @type {SchmancyListType}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface type=${this.surface}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { debounceTime, distinctUntilKeyChanged, 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(distinctUntilKeyChanged('state'), debounceTime(100)).subscribe(data => {\n\t\t\tconsole.log('drawer', 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()\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, startWith, 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}\n`) {\n\t// fullscreen property\n\t@property({ type: Boolean })\n\tfullscreen: boolean = false\n\n\t/**\n\t * The minimum width of the sidebar\n\t * @attr\tbreakpoint\n\t * @type {number}\n\t * @memberof SchmancyNavigationDrawer\n\t */\n\t@property({ type: Number, attribute: 'breakpoint' })\n\tbreakpoint: number = 768\n\n\t/**\n\t * The mode of the sidebar\n\t * @type {TSchmancyDrawerNavbarMode}\n\t * @memberof SchmancyNavigationDrawer\n\t * @protected\n\t */\n\t@provide({ context: SchmancyDrawerNavbarMode })\n\t@state()\n\tmode: TSchmancyDrawerNavbarMode\n\n\t@provide({ context: SchmancyDrawerNavbarState })\n\t@property()\n\topen: TSchmancyDrawerNavbarState\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t.pipe(\n\t\t\t\tmap(event => event.target as Window),\n\t\t\t\tstartWith(window),\n\t\t\t\tmap(window => window.innerWidth),\n\t\t\t\tmap(width => width >= this.breakpoint),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdebounceTime(100),\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.NavDrawer_toggle)\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\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdebounceTime(100),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\t// if the mode is push, we don't need to close the overlay when the state is close\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\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.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@customElement('schmancy-nav-drawer-navbar')\nexport class SchmancyNavigationDrawerSidebar extends $LitElement() {\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\tprivate state: TSchmancyDrawerNavbarState\n\n\t@query('#overlay') overlay!: HTMLElement\n\t@query('nav') nav!: HTMLElement\n\n\t@property({ type: String }) width = '320px'\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tif (changedProperties.has('state')) {\n\t\t\tconsole.log('state changed', this.state, this.mode)\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.hideNavDrawer()\n\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\tthis.openOverlay()\n\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tthis.showNavDrawer()\n\t\t\t\tthis.closeOverlay()\n\t\t\t}\n\t\t}\n\t}\n\n\topenOverlay() {\n\t\t// Equivalent to onBegin\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Animate opacity from 0 to 0.4\n\t\tthis.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], {\n\t\t\tduration: 200,\n\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\tfill: 'forwards', // <-- This keeps the final keyframe (0.4) after finishing\n\t\t})\n\t\t// If you want an onfinish here, you can add it:\n\t\t// .onfinish = () => console.log('overlay opened!')\n\t}\n\n\tcloseOverlay() {\n\t\t// Animate opacity from 0.4 to 0\n\t\tconst animation = this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], {\n\t\t\tduration: 150,\n\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\tfill: 'forwards',\n\t\t})\n\t\t// translateX(-100%) when the animation is finished\n\t\t// Equivalent to onComplete\n\t\tanimation.onfinish = () => {\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t}\n\n\t// show nav drawer\n\tshowNavDrawer() {\n\t\t//  check the transform, skip if already open\n\t\tif (this.nav.style.transform === 'translateX(0)') return\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(-100%)' }, { transform: 'translateX(0)' }], {\n\t\t\tduration: 200,\n\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.state = 'open'\n\t\t}\n\t}\n\n\t// hide nav drawer\n\thideNavDrawer() {\n\t\t// skip if already closed\n\t\tif (this.nav.style.transform === 'translateX(-100%)') return\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(-100%)' }], {\n\t\t\tduration: 200,\n\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.state = 'close'\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\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=${() => {\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\t\tdetail: { state: 'close' },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}}\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"],"names":["SchmancyCardMedia","TailwindElement","css","html","customElement","SchmancyCard","super","arguments","this","type","elevation","classes","includes","classMap","__decorateClass","property","prototype","Number","SchmancyCardContent","render","onSurface","SchmancyTheme","sys","color","surface","on","onSurfaceVariant","onVariant","src","fit","styleMap","height","String","reflect","schmancyContentDrawer","constructor","$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","styles","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","SchmancyListItem","selected","imgClasses","firstUpdated","leading","forEach","img","classList","add","trailing","rounded","stateLayerClasses","readonly","SchmancySurfaceTypeContext","Boolean","SchmancyListTypeContext","undefined","List","schmancyNavDrawer","distinctUntilKeyChanged","NavDrawer_toggle","self","SchmancyDrawerNavbarMode","SchmancyDrawerNavbarState","SchmancyDrawerAppbar","toggler","sidebarToggler","sidebarMode","hidden","sidebarOpen","SchmancyNavigationDrawerContent","parentElement","SchmancyNavigationDrawer","fullscreen","breakpoint","target","fullHeight","attribute","SchmancyNavigationDrawerSidebar","hideNavDrawer","closeOverlay","openOverlay","showNavDrawer","overlay","fill","nav","sidebarClasses","bgColor","container","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","error"],"mappings":"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"}

package/dist/teleport.js

@@ -1,4 +1,4 @@
-import { H as o, p as t, W as a, t as p } from "./theme-button-BQZkb1t4.js";
+import { H as o, p as t, W as a, t as p } from "./teleport.component-CgNOwz49.js";
 export {
   o as HereMorty,
   t as SchmancyTeleportation,

package/dist/{textarea-Buxkp6z0.js → textarea-BRE-ZxNE.js}

@@ -8,7 +8,7 @@ import { when as g } from "lit/directives/when.js";
 import { fromEvent as y, map as m, distinctUntilChanged as f, filter as E } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as R } from "./tailwind.mixin-DZctuRzi.js";
+import { T as R } from "./tailwind.mixin-Cwk3HTxV.js";
 var k = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (t, a, h, s) => {
   for (var p, o = s > 1 ? void 0 : s ? S(a, h) : a, c = t.length - 1; c >= 0; c--) (p = t[c]) && (o = (s ? p(a, h, o) : p(o)) || o);
   return s && o && k(a, h, o), o;
@@ -137,4 +137,4 @@ let e = class extends R(":host{border:unset!important;line-height:unset!importan
   }
 };
 e.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, e.formAssociated = !0, r([i()], e.prototype, "label", 2), r([i()], e.prototype, "name", 2), r([i()], e.prototype, "placeholder", 2), r([i({ type: String, reflect: !0 })], e.prototype, "value", 2), r([i({ type: Number })], e.prototype, "minlength", 2), r([i({ type: Number })], e.prototype, "maxlength", 2), r([i({ type: Number })], e.prototype, "cols", 2), r([i({ type: Number })], e.prototype, "rows", 2), r([i({ type: String })], e.prototype, "wrap", 2), r([i({ type: String })], e.prototype, "dirname", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "required", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "disabled", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "readonly", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "spellcheck", 2), r([i({ type: String, reflect: !0 })], e.prototype, "align", 2), r([i({ type: Boolean })], e.prototype, "autofocus", 2), r([i({ type: Number })], e.prototype, "tabIndex", 2), r([b("textarea")], e.prototype, "textareaElement", 2), r([i()], e.prototype, "hint", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "error", 2), e = r([v("schmancy-textarea")], e);
-//# sourceMappingURL=textarea-Buxkp6z0.js.map
+//# sourceMappingURL=textarea-BRE-ZxNE.js.map

package/dist/{textarea-Buxkp6z0.js.map → textarea-BRE-ZxNE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-Buxkp6z0.js","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","adjustHeight","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
+{"version":3,"file":"textarea-BRE-ZxNE.js","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","adjustHeight","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}

package/dist/{textarea-B6Pl8Y2D.cjs → textarea-Dd0cdn5f.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./ripple-C2BHbhcS.cjs"),l=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),r=require("lit/decorators.js"),p=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),f=require("lit/directives/when.js"),o=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-BXsGUMQ1.cjs");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(e,a,h,s)=>{for(var u,n=s>1?void 0:s?b(a,h):a,y=e.length-1;y>=0;y--)(u=e[y])&&(n=(s?u(a,h,n):u(n))||n);return s&&n&&x(a,h,n),n};let t=class extends g.TailwindElement(":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available}:host:focus{box-shadow:unset!important}textarea:focus-visible{outline:none!important}textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;resize:none;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}"){constructor(){super(),this.textareaRef=m.createRef(),this.label="",this.name="name_"+Date.now(),this.placeholder="",this.value="",this.cols=20,this.rows=2,this.wrap="soft",this.required=!1,this.disabled=!1,this.readonly=!1,this.spellcheck=!1,this.align="left",this.tabIndex=0,this.error=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}firstUpdated(){this.autofocus&&this.focus(),o.fromEvent(this.textareaElement,"input").pipe(o.map(e=>e.target.value),o.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),o.fromEvent(this.textareaElement,"change").pipe(o.map(e=>e.target.value),o.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),o.fromEvent(this.textareaElement,"keyup").pipe(o.filter(e=>e.key==="Enter"),o.map(e=>e.target.value),o.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("enter",{detail:{value:e},bubbles:!0,composed:!0}))})}get form(){var e;return(e=this.internals)==null?void 0:e.form}reportValidity(){var e;return(e=this.textareaRef.value)==null?void 0:e.reportValidity()}checkValidity(){var e;return(e=this.textareaRef.value)==null?void 0:e.checkValidity()}setCustomValidity(e){var a;return(a=this.textareaRef.value)==null?void 0:a.setCustomValidity(e)}select(){var e;return(e=this.textareaRef.value)==null?void 0:e.select()}setSelectionRange(e,a,h){var s;(s=this.textareaRef.value)==null||s.setSelectionRange(e,a,h)}get selectionStart(){var e;return((e=this.textareaRef.value)==null?void 0:e.selectionStart)??null}get selectionEnd(){var e;return((e=this.textareaRef.value)==null?void 0:e.selectionEnd)??null}get selectionDirection(){var e;return((e=this.textareaRef.value)==null?void 0:e.selectionDirection)??null}setRangeText(e){var a;(a=this.textareaRef.value)==null||a.setRangeText(e)}adjustHeight(){const e=this.textareaRef.value;e&&(e.style.height="auto",e.style.height=e.scrollHeight+"px")}validity(){var e;return(e=this.textareaRef.value)==null?void 0:e.validity}focus(e={preventScroll:!0}){var a;(a=this.textareaRef.value)==null||a.focus(e),this.dispatchEvent(new Event("focus"))}click(){var e;(e=this.textareaRef.value)==null||e.click(),this.dispatchEvent(new Event("click"))}blur(){var e;(e=this.textareaRef.value)==null||e.blur(),this.dispatchEvent(new Event("blur"))}render(){const e={"w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-primary-default ring-outline focus:ring-primary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"text-center":this.align==="center","text-right":this.align==="right"},a={"opacity-40":this.disabled,"block mb-[4px]":!0};return c.html`
+"use strict";const d=require("./ripple-C2BHbhcS.cjs"),l=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),r=require("lit/decorators.js"),p=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),f=require("lit/directives/when.js"),o=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-TcrSCY6e.cjs");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(e,a,h,s)=>{for(var u,n=s>1?void 0:s?b(a,h):a,y=e.length-1;y>=0;y--)(u=e[y])&&(n=(s?u(a,h,n):u(n))||n);return s&&n&&x(a,h,n),n};let t=class extends g.TailwindElement(":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available}:host:focus{box-shadow:unset!important}textarea:focus-visible{outline:none!important}textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;resize:none;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}"){constructor(){super(),this.textareaRef=m.createRef(),this.label="",this.name="name_"+Date.now(),this.placeholder="",this.value="",this.cols=20,this.rows=2,this.wrap="soft",this.required=!1,this.disabled=!1,this.readonly=!1,this.spellcheck=!1,this.align="left",this.tabIndex=0,this.error=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}firstUpdated(){this.autofocus&&this.focus(),o.fromEvent(this.textareaElement,"input").pipe(o.map(e=>e.target.value),o.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),o.fromEvent(this.textareaElement,"change").pipe(o.map(e=>e.target.value),o.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),o.fromEvent(this.textareaElement,"keyup").pipe(o.filter(e=>e.key==="Enter"),o.map(e=>e.target.value),o.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("enter",{detail:{value:e},bubbles:!0,composed:!0}))})}get form(){var e;return(e=this.internals)==null?void 0:e.form}reportValidity(){var e;return(e=this.textareaRef.value)==null?void 0:e.reportValidity()}checkValidity(){var e;return(e=this.textareaRef.value)==null?void 0:e.checkValidity()}setCustomValidity(e){var a;return(a=this.textareaRef.value)==null?void 0:a.setCustomValidity(e)}select(){var e;return(e=this.textareaRef.value)==null?void 0:e.select()}setSelectionRange(e,a,h){var s;(s=this.textareaRef.value)==null||s.setSelectionRange(e,a,h)}get selectionStart(){var e;return((e=this.textareaRef.value)==null?void 0:e.selectionStart)??null}get selectionEnd(){var e;return((e=this.textareaRef.value)==null?void 0:e.selectionEnd)??null}get selectionDirection(){var e;return((e=this.textareaRef.value)==null?void 0:e.selectionDirection)??null}setRangeText(e){var a;(a=this.textareaRef.value)==null||a.setRangeText(e)}adjustHeight(){const e=this.textareaRef.value;e&&(e.style.height="auto",e.style.height=e.scrollHeight+"px")}validity(){var e;return(e=this.textareaRef.value)==null?void 0:e.validity}focus(e={preventScroll:!0}){var a;(a=this.textareaRef.value)==null||a.focus(e),this.dispatchEvent(new Event("focus"))}click(){var e;(e=this.textareaRef.value)==null||e.click(),this.dispatchEvent(new Event("click"))}blur(){var e;(e=this.textareaRef.value)==null||e.blur(),this.dispatchEvent(new Event("blur"))}render(){const e={"w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-primary-default ring-outline focus:ring-primary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"text-center":this.align==="center","text-right":this.align==="right"},a={"opacity-40":this.disabled,"block mb-[4px]":!0};return c.html`
 			${f.when(this.label,()=>c.html`<label
 						${d.color({color:this.error?l.SchmancyTheme.sys.color.error.default:l.SchmancyTheme.sys.color.primary.default})}
 						class="${this.classMap(a)}"
@@ -39,4 +39,4 @@
 					</schmancy-typography>
 				`)}
 		`}};t.shadowRootOptions={...c.LitElement.shadowRootOptions,delegatesFocus:!0},t.formAssociated=!0,i([r.property()],t.prototype,"label",2),i([r.property()],t.prototype,"name",2),i([r.property()],t.prototype,"placeholder",2),i([r.property({type:String,reflect:!0})],t.prototype,"value",2),i([r.property({type:Number})],t.prototype,"minlength",2),i([r.property({type:Number})],t.prototype,"maxlength",2),i([r.property({type:Number})],t.prototype,"cols",2),i([r.property({type:Number})],t.prototype,"rows",2),i([r.property({type:String})],t.prototype,"wrap",2),i([r.property({type:String})],t.prototype,"dirname",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"required",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"spellcheck",2),i([r.property({type:String,reflect:!0})],t.prototype,"align",2),i([r.property({type:Boolean})],t.prototype,"autofocus",2),i([r.property({type:Number})],t.prototype,"tabIndex",2),i([r.query("textarea")],t.prototype,"textareaElement",2),i([r.property()],t.prototype,"hint",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"error",2),t=i([r.customElement("schmancy-textarea")],t);
-//# sourceMappingURL=textarea-B6Pl8Y2D.cjs.map
+//# sourceMappingURL=textarea-Dd0cdn5f.cjs.map

package/dist/{textarea-B6Pl8Y2D.cjs.map → textarea-Dd0cdn5f.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-B6Pl8Y2D.cjs","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
+{"version":3,"file":"textarea-Dd0cdn5f.cjs","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}

package/dist/textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./textarea-B6Pl8Y2D.cjs");
+"use strict";require("./textarea-Dd0cdn5f.cjs");
 //# sourceMappingURL=textarea.cjs.map

package/dist/textarea.js

@@ -1,2 +1,2 @@
-import "./textarea-Buxkp6z0.js";
+import "./textarea-BRE-ZxNE.js";
 //# sourceMappingURL=textarea.js.map

package/dist/theme-button-B3n5iZsE.js

@@ -0,0 +1,26 @@
+import "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { T as i } from "./tailwind.mixin-Cwk3HTxV.js";
+import { html as p } from "lit";
+import { query as l, customElement as h } from "lit/decorators.js";
+var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (a, r, e, o) => {
+  for (var c, t = o > 1 ? void 0 : o ? d(r, e) : r, n = a.length - 1; n >= 0; n--) (c = a[n]) && (t = (o ? c(r, e, t) : c(t)) || t);
+  return o && t && y(r, e, t), t;
+};
+let m = class extends i() {
+  render() {
+    return p`
+			<schmancy-button
+				@click=${() => {
+      this.color.animate([{ transform: "rotate(0deg)" }, { transform: "rotate(360deg)" }], { duration: 300 });
+    }}
+				variant="text"
+			>
+				<schmancy-icon id="color">palette</schmancy-icon>
+			</schmancy-button>
+		`;
+  }
+};
+s([l("#color")], m.prototype, "color", 2), m = s([h("schmancy-theme-button")], m);
+//# sourceMappingURL=theme-button-B3n5iZsE.js.map

package/dist/theme-button-B3n5iZsE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-button-B3n5iZsE.js","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":";;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAAA,EAAAA;AAAAA,EAGtC,SAAAC;AACF,WAAAC;AAAAA;AAAAA,aAEI,MAAA;AAKHC,WAAAC,MAAMC,QAAQ,CAAC,EAAEC,WAAW,eAAkB,GAAA,EAAEA,WAAW,iBAAA,CAAA,GAAqB,EACpFC,UAAU,IAGV,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EACD;AAAA;AAfaC,EAAA,CAAhBC,EAAM,QAAA,CAAA,GADaV,EACHW,WAAA,SAAA,CAAA,GADGX,IAArBS,EAAA,CADCG,EAAc,uBACMZ,CAAAA,GAAAA,CAAAA;"}

package/dist/theme-button-BYxPN54_.cjs

@@ -0,0 +1,9 @@
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-TcrSCY6e.cjs"),m=require("lit"),u=require("lit/decorators.js");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(a,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,i=a.length-1;i>=0;i--)(o=a[i])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let n=class extends l.TailwindElement(){render(){return m.html`
+			<schmancy-button
+				@click=${()=>{this.color.animate([{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],{duration:300})}}
+				variant="text"
+			>
+				<schmancy-icon id="color">palette</schmancy-icon>
+			</schmancy-button>
+		`}};s([u.query("#color")],n.prototype,"color",2),n=s([u.customElement("schmancy-theme-button")],n);
+//# sourceMappingURL=theme-button-BYxPN54_.cjs.map

package/dist/theme-button-BYxPN54_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-button-BYxPN54_.cjs","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":"4YAKA,IAAqBA,EAArB,cAAiDC,EAAAA,gBAAAA,CAAAA,CAGtC,QACF,CAAA,OAAAC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CAKHC,KAAAC,MAAMC,QAAQ,CAAC,CAAEC,UAAW,cAAkB,EAAA,CAAEA,UAAW,gBAAA,CAAA,EAAqB,CACpFC,SAAU,GAGV,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GACD,CAAA,EAfaC,EAAA,CAAhBC,EAAAA,MAAM,WADaT,EACHU,UAAA,QAAA,CAAA,EADGV,EAArBQ,EAAA,CADCG,EAAAA,cAAc,uBACMX,CAAAA,EAAAA,CAAAA"}

package/dist/theme-button.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./theme-button-CWM-0CJh.cjs");
+"use strict";require("./theme-button-BYxPN54_.cjs");
 //# sourceMappingURL=theme-button.cjs.map

package/dist/theme-button.js

@@ -1,2 +1,2 @@
-import "./theme-button-BQZkb1t4.js";
+import "./theme-button-B3n5iZsE.js";
 //# sourceMappingURL=theme-button.js.map

package/dist/theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dynamicTheme-BYlTubq6.cjs"),m=require("./theme.interface-Xg5Zi46a.cjs");exports.$newSchmancyTheme=e.$newSchmancyTheme,exports.$schmancyTheme=e.$schmancyTheme,exports.formateTheme=e.formateTheme,exports.generateRandomColor=e.generateRandomColor,exports.SchmancyTheme=m.SchmancyTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.component-CqFcwW_5.cjs"),t=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.SchmancyTheme=t.SchmancyTheme;
 //# sourceMappingURL=theme.cjs.map