@mhmo91/schmancy 0.10.41 → 0.10.43

package/dist/tabs-BYhFWnsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-BYhFWnsx.js","names":[],"sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends SchmancyElement {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\n\tprotected updated(changedProperties: Map<PropertyKey, unknown>) {\n\t\tif (changedProperties.has('active') && this.active) {\n\t\t\t// Trigger resize for virtualizers to recalculate when tab becomes visible\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\twindow.dispatchEvent(new Event('resize'))\n\t\t\t})\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\t// Don't render content until tab is active (virtualizers need actual layout, not hidden)\n\t\tif (this.mode === 'tabs' && !this.active) {\n\t\t\treturn html``\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t`,\n\t]\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tif (this.mode === 'tabs') {\n\t\t\tthis.activeTab = selectedTab.value\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'bg-surface-default color-surface-on': true,\n\t\t\t'flex z-50 overflow-auto': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-surface-on': true,\n\t\t\t'hover:border-outlineVariant': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"tabsNavigation\" class=\"${this.classMap(tabs)}\" aria-label=\"Tabs\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6  border-solid border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<section id=\"tabsContent\" class=\"h-full\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n"],"mappings":"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"}

package/dist/{tabs-Dk9UDWpq.cjs → tabs-CJwB0fr0.cjs}

@@ -1,9 +1,9 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`);require(`./mixins-XGVIOvKt.cjs`);let t=require(`rxjs`),n=require(`@lit/context`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/repeat.js`);var o=(0,n.createContext)(`tabs`),s=class extends e.t{updated(e){e.has(`active`)&&this.active&&requestAnimationFrame(()=>{window.dispatchEvent(new Event(`resize`))})}render(){return this.mode!==`tabs`||this.active?i.html`<slot></slot>`:i.html``}};e.u([(0,r.property)({type:String,reflect:!0})],s.prototype,`label`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],s.prototype,`value`,void 0),e.u([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`active`,void 0),e.u([(0,n.consume)({context:o,subscribe:!0}),(0,r.state)()],s.prototype,`mode`,void 0),s=e.u([(0,r.customElement)(`schmancy-tab`)],s);var c=class extends e.t{constructor(...e){super(...e),this.mode=`tabs`,this.rounded=!0,this.tabs=[]}static{this.styles=[i.css`
-	:host {
-		display: block;
-		height: 100%;
-	}
-`]}connectedCallback(){super.connectedCallback(),(0,t.fromEvent)(window,`scroll`).pipe((0,t.throttleTime)(1e3),(0,t.filter)(()=>this.mode===`scroll`),(0,t.map)(()=>{let e=null,t=1/0;return this.tabsElements.forEach(n=>{let r=n.getBoundingClientRect().top-this.navElement.clientHeight+document.body.offsetHeight/3;r<t&&r>0&&(t=r,e=n)}),e}),(0,t.filter)(e=>e!==null)).subscribe({next:e=>{this.activeTab=e.value}})}firstUpdated(){(0,t.interval)(0).pipe((0,t.filter)(()=>!!this.navElement.clientHeight),(0,t.take)(1)).subscribe(()=>{this.tabsElements.forEach(e=>{this.mode===`scroll`&&(e.style.paddingTop=this.navElement.clientHeight+`px`)})})}hydrateTabs(){this.tabs=this.tabsElements,!this.activeTab&&this.tabsElements[0]?(this.activeTab=this.tabsElements[0].value,this.tabsElements[0].active=!0):this.tabsElements.forEach(e=>{e.value===this.activeTab?e.active=!0:e.active=!1});let e=this.tabs?.[-1];e&&(e.style.paddingBottom=e.offsetHeight+`px`)}tabChanged(e){let t;this.tabsElements.forEach(n=>{n.value===e.value?(n.active=!0,t=n,this.mode===`scroll`&&t.scrollIntoView({behavior:`smooth`,block:`start`,inline:`start`})):n.active=!1}),this.mode===`tabs`&&(this.activeTab=e.value),this.dispatchEvent(new CustomEvent(`tab-changed`,{detail:this.activeTab}))}render(){let e={"bg-surface-default color-surface-on":!0,"flex z-50 overflow-auto":!0,"sticky top-0 shadow-md":this.mode===`scroll`,"rounded-full":this.rounded},t={"text-primary-default":!0},n={"border-transparent":!0,"hover:text-surface-on":!0,"hover:border-outlineVariant":!0,"text-surface-onVariant":!0};return i.html`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`);require(`./mixins-Cjn20BQH.cjs`);let t=require(`rxjs`),n=require(`@lit/context`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/repeat.js`);var o=(0,n.createContext)(`tabs`),s=class extends e.t{updated(e){e.has(`active`)&&this.active&&requestAnimationFrame(()=>{window.dispatchEvent(new Event(`resize`))})}render(){return this.mode!==`tabs`||this.active?i.html`<slot></slot>`:i.html``}};e.u([(0,r.property)({type:String,reflect:!0})],s.prototype,`label`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],s.prototype,`value`,void 0),e.u([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`active`,void 0),e.u([(0,n.consume)({context:o,subscribe:!0}),(0,r.state)()],s.prototype,`mode`,void 0),s=e.u([(0,r.customElement)(`schmancy-tab`)],s);var c=class extends e.t{constructor(...e){super(...e),this.mode=`tabs`,this.rounded=!0,this.tabs=[]}static{this.styles=[i.css`
+			:host {
+				display: block;
+				height: 100%;
+			}
+		`]}connectedCallback(){super.connectedCallback(),(0,t.fromEvent)(window,`scroll`).pipe((0,t.throttleTime)(1e3),(0,t.filter)(()=>this.mode===`scroll`),(0,t.map)(()=>{let e=null,t=1/0;return this.tabsElements.forEach(n=>{let r=n.getBoundingClientRect().top-this.navElement.clientHeight+document.body.offsetHeight/3;r<t&&r>0&&(t=r,e=n)}),e}),(0,t.filter)(e=>e!==null)).subscribe({next:e=>{this.activeTab=e.value}})}firstUpdated(){(0,t.interval)(0).pipe((0,t.filter)(()=>!!this.navElement.clientHeight),(0,t.take)(1)).subscribe(()=>{this.tabsElements.forEach(e=>{this.mode===`scroll`&&(e.style.paddingTop=this.navElement.clientHeight+`px`)})})}hydrateTabs(){this.tabs=this.tabsElements,!this.activeTab&&this.tabsElements[0]?(this.activeTab=this.tabsElements[0].value,this.tabsElements[0].active=!0):this.tabsElements.forEach(e=>{e.value===this.activeTab?e.active=!0:e.active=!1});let e=this.tabs?.[-1];e&&(e.style.paddingBottom=e.offsetHeight+`px`)}tabChanged(e){let t;this.tabsElements.forEach(n=>{n.value===e.value?(n.active=!0,t=n,this.mode===`scroll`&&t.scrollIntoView({behavior:`smooth`,block:`start`,inline:`start`})):n.active=!1}),this.mode===`tabs`&&(this.activeTab=e.value),this.dispatchEvent(new CustomEvent(`tab-changed`,{detail:this.activeTab}))}render(){let e={"bg-surface-default color-surface-on":!0,"flex z-50 overflow-auto":!0,"sticky top-0 shadow-md":this.mode===`scroll`,"rounded-full":this.rounded},t={"text-primary-default":!0},n={"border-transparent":!0,"hover:text-surface-on":!0,"hover:border-outlineVariant":!0,"text-surface-onVariant":!0};return i.html`
 			<section id="tabsNavigation" class="${this.classMap(e)}" aria-label="Tabs">
 				${(0,a.repeat)(this.tabs,e=>e.value,e=>i.html`
 						<schmancy-button

package/dist/tabs-CJwB0fr0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-CJwB0fr0.cjs","names":[],"sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends SchmancyElement {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\n\tprotected updated(changedProperties: Map<PropertyKey, unknown>) {\n\t\tif (changedProperties.has('active') && this.active) {\n\t\t\t// Trigger resize for virtualizers to recalculate when tab becomes visible\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\twindow.dispatchEvent(new Event('resize'))\n\t\t\t})\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\t// Don't render content until tab is active (virtualizers need actual layout, not hidden)\n\t\tif (this.mode === 'tabs' && !this.active) {\n\t\t\treturn html``\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t`,\n\t]\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tif (this.mode === 'tabs') {\n\t\t\tthis.activeTab = selectedTab.value\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'bg-surface-default color-surface-on': true,\n\t\t\t'flex z-50 overflow-auto': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-surface-on': true,\n\t\t\t'hover:border-outlineVariant': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"tabsNavigation\" class=\"${this.classMap(tabs)}\" aria-label=\"Tabs\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6  border-solid border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<section id=\"tabsContent\" class=\"h-full\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n"],"mappings":"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"}

package/dist/tabs.cjs

@@ -1 +1 @@
-require(`./tabs-Dk9UDWpq.cjs`);
+require(`./tabs-CJwB0fr0.cjs`);

package/dist/tabs.js

@@ -1 +1 @@
-import "./tabs-Ib0Mh__1.js";
+import "./tabs-BYhFWnsx.js";

package/dist/teleport.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-CpftzdZV.cjs`);exports.HereMorty=e.n,Object.defineProperty(exports,`SchmancyTeleportation`,{enumerable:!0,get:function(){return e.t}}),exports.WhereAreYouRicky=e.r,exports.teleport=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-DuRvYagm.cjs`);exports.HereMorty=e.n,Object.defineProperty(exports,`SchmancyTeleportation`,{enumerable:!0,get:function(){return e.t}}),exports.WhereAreYouRicky=e.r,exports.teleport=e.i;

package/dist/teleport.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./src-CCVbLLgC.js";
+import { i as e, n as t, r as n, t as r } from "./src-DAtcPmCb.js";
 export { t as HereMorty, r as SchmancyTeleportation, n as WhereAreYouRicky, e as teleport };

package/dist/{textarea-CcRsw08B.js → textarea-BjDx1w2g.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./SchmancyElement-OWgz9ePG.js";
-import { o as t } from "./mixins-COeG4DiX.js";
+import { u as e } from "./SchmancyElement-Ob9yGkiG.js";
+import { o as t } from "./mixins-q4KAL8Xr.js";
 import { distinctUntilChanged as n, filter as r, fromEvent as i, map as a, takeUntil as o, timer as s } from "rxjs";
 import { customElement as c, property as l, query as u } from "lit/decorators.js";
 import { LitElement as d, html as f, nothing as p, unsafeCSS as m } from "lit";
@@ -124,47 +124,43 @@ var y = class extends t(m(":host{width:-webkit-fill-available;display:block;bord
 			"flex flex-col h-full": this.fillHeight
 		}, i = `${this.a11yId}-hint`;
 		return f`
-		<div class="${this.classMap(r)}">
-			${v(this.label, () => f`
-					<label class="${this.classMap(n)}" for=${this.id}>
-						${this.label}
-					</label>
-				`)}
+			<div class="${this.classMap(r)}">
+				${v(this.label, () => f` <label class="${this.classMap(n)}" for=${this.id}> ${this.label} </label> `)}
 
-			<textarea
-				${_(this.textareaRef)}
-				.value=${this.value}
-				.id=${this.id}
-				.name=${this.name}
-				.placeholder=${this.placeholder}
-				.required=${this.required}
-				class=${this.classMap(e)}
-				style=${t}
-				.disabled=${this.disabled}
-				minlength=${h(this.minlength)}
-				maxlength=${h(this.maxlength)}
-				.readonly=${this.readonly}
-				.spellcheck=${this.spellcheck}
-				cols=${h(this.cols)}
-				rows=${h(this.rows)}
-				wrap=${h(this.wrap)}
-				dirname=${h(this.dirname)}
-				aria-invalid=${this.error ? "true" : "false"}
-				aria-required=${this.required ? "true" : "false"}
-				aria-describedby=${this.hint || this.error && this.validationMessage ? i : p}
-				aria-label=${!this.label && this.placeholder ? this.placeholder : p}
-			></textarea>
+				<textarea
+					${_(this.textareaRef)}
+					.value=${this.value}
+					.id=${this.id}
+					.name=${this.name}
+					.placeholder=${this.placeholder}
+					.required=${this.required}
+					class=${this.classMap(e)}
+					style=${t}
+					.disabled=${this.disabled}
+					minlength=${h(this.minlength)}
+					maxlength=${h(this.maxlength)}
+					.readonly=${this.readonly}
+					.spellcheck=${this.spellcheck}
+					cols=${h(this.cols)}
+					rows=${h(this.rows)}
+					wrap=${h(this.wrap)}
+					dirname=${h(this.dirname)}
+					aria-invalid=${this.error ? "true" : "false"}
+					aria-required=${this.required ? "true" : "false"}
+					aria-describedby=${this.hint || this.error && this.validationMessage ? i : p}
+					aria-label=${!this.label && this.placeholder ? this.placeholder : p}
+				></textarea>
 
-			${v(this.hint || this.error && this.validationMessage, () => f`
-					<div
-						id=${i}
-						class="mt-1 text-sm ${this.error ? "text-error-default" : "text-surface-onVariant"}"
-						role=${h(this.error ? "alert" : void 0)}
-					>
-						${this.error && this.validationMessage ? this.validationMessage : this.hint}
-					</div>
-				`)}
-		</div>
+				${v(this.hint || this.error && this.validationMessage, () => f`
+						<div
+							id=${i}
+							class="mt-1 text-sm ${this.error ? "text-error-default" : "text-surface-onVariant"}"
+							role=${h(this.error ? "alert" : void 0)}
+						>
+							${this.error && this.validationMessage ? this.validationMessage : this.hint}
+						</div>
+					`)}
+			</div>
 		`;
 	}
 };

package/dist/textarea-BjDx1w2g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-BjDx1w2g.js","names":[],"sources":["../src/form/fields/textarea/textarea.scss?inline","../src/form/fields/textarea/textarea.ts"],"sourcesContent":[":host {\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n\n:host([fillHeight]) {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\ntextarea:focus-visible {\n\toutline: none !important;\n}\n\ntextarea {\n\t/* Inherit typographic styles */\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tcolor: inherit;\n\tletter-spacing: inherit;\n\ttext-transform: inherit;\n\ttext-decoration: inherit;\n\ttext-indent: inherit;\n\ttext-shadow: inherit;\n\ttext-overflow: inherit;\n\ttext-rendering: inherit;\n\ttext-size-adjust: inherit;\n\ttext-align-last: inherit;\n\toverflow-y: auto; /* Ensure content is scrollable if it exceeds the visible area */\n}\n\n@keyframes onAutoFillStart {\n\tfrom {\n\t}\n\tto {\n\t}\n}\n\ntextarea:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n}\n","import { LitElement, html, nothing, unsafeCSS, type PropertyValues } 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, takeUntil, timer } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { SchmancyFormField } from '@mixins/index'\n\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends SchmancyFormField(unsafeCSS(style)) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\t// `formAssociated`, `internals`, `name`, `label`, `required`, `disabled`,\n\t// `error`, `validationMessage`, `hint`, `id`, `validateOn`, `touched`,\n\t// `dirty`, `submitted`, `markTouched`, `markSubmitted`, `setCustomValidity`,\n\t// `formResetCallback`, `formDisabledCallback` — all from the mixin.\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\tprivate readonly a11yId = `schmancy-textarea-${Math.random().toString(36).slice(2, 10)}`\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. Narrowed from the mixin's wide union to the\n\t * textarea-specific `string` type.\n\t * @attr {string} value - The value of the control.\n\t */\n\t@property({ type: String, reflect: true }) override value: string = ''\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 * When not set, the textarea auto-sizes to fit its content via field-sizing: content.\n\t * @attr rows\n\t * @type {number}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: Number }) rows: number | undefined\n\n\t/**\n\t * Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/**\n\t * Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t */\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/**\n\t * Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' | 'vertical' | 'horizontal' | 'both'}\n\t * @default 'vertical'\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical'\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// `required`, `disabled`, `readonly`, `error`, `validationMessage`, `hint`\n\t// come from the mixin. Textarea-specific extras only:\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 */\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// Mixin's willUpdate already calls internals.setFormValue() on value-change\n\t// and runs the required-empty / customError validity machinery. Native\n\t// `valueMissing` flag is set here for richer ValidityState introspection.\n\toverride willUpdate(changed: PropertyValues): void {\n\t\tsuper.willUpdate(changed)\n\t\tif (changed.has('required') || changed.has('value')) {\n\t\t\tif (this.required && !this.value) {\n\t\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please fill out this field.')\n\t\t\t}\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content (cancel-on-disconnect).\n\t\t\ttimer(0)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.adjustHeight())\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\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\ttakeUntil(this.disconnecting),\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\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\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 textareaClasses = {\n\t\t\t// Base styles - matching input component\n\t\t\t'block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on': true,\n\t\t\t// Border color\n\t\t\t'border-outline': !this.error,\n\t\t\t'border-error-default': this.error,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1 focus:border-secondary-default': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles (subtle focus ring)\n\t\t\t'ring-0 focus:ring-1 focus:ring-inset': true,\n\t\t\t'focus:ring-secondary-default': !this.error,\n\t\t\t'focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t// Text alignment\n\t\t\t'text-left': this.align === 'left',\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// Textarea specific\n\t\t\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\tresize: this.resize === 'both',\n\t\t\t// Padding matching input\n\t\t\t'px-4 py-3': true,\n\t\t}\n\t\tconst fieldSizing = this.rows == null ? 'field-sizing: content;' : ''\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium text-sm': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\t\tconst containerClasses = {\n\t\t\t'w-full min-w-0': true,\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\tconst hintId = `${this.a11yId}-hint`\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html` <label class=\"${this.classMap(labelClasses)}\" for=${this.id}> ${this.label} </label> `,\n\t\t\t\t)}\n\n\t\t\t\t<textarea\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(textareaClasses)}\n\t\t\t\t\tstyle=${fieldSizing}\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\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-describedby=${this.hint || (this.error && this.validationMessage) ? hintId : nothing}\n\t\t\t\t\taria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n\t\t\t\t></textarea>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=${hintId}\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\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"],"mappings":"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"}

package/dist/{textarea-Cntd9tfV.cjs → textarea-CGgznhd6.cjs}

@@ -1,43 +1,39 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`),t=require(`./mixins-XGVIOvKt.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/ref.js`),s=require(`lit/directives/when.js`);var c=class extends t.o((0,i.unsafeCSS)(`:host{width:-webkit-fill-available;display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host([fillHeight]){flex-direction:column;height:100%;display:flex}: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;-webkit-text-decoration:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}`)){constructor(...e){super(...e),this.textareaRef=(0,o.createRef)(),this.a11yId=`schmancy-textarea-${Math.random().toString(36).slice(2,10)}`,this.placeholder=``,this.value=``,this.cols=20,this.fillHeight=!1,this.autoHeight=!0,this.resize=`vertical`,this.wrap=`soft`,this.spellcheck=!1,this.align=`left`,this.tabIndex=0}static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,delegatesFocus:!0}}willUpdate(e){super.willUpdate(e),(e.has(`required`)||e.has(`value`))&&this.required&&!this.value&&this.internals?.setValidity({valueMissing:!0},`Please fill out this field.`)}firstUpdated(){this.autofocus&&this.focus(),this.autoHeight&&(0,n.timer)(0).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(()=>this.adjustHeight()),(0,n.fromEvent)(this.textareaElement,`input`).pipe((0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0}))}),(0,n.fromEvent)(this.textareaElement,`change`).pipe((0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0}))}),(0,n.fromEvent)(this.textareaElement,`keyup`).pipe((0,n.filter)(e=>e.key===`Enter`),(0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).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(){return this.internals?.form}reportValidity(){return this.textareaRef.value?.reportValidity()}checkValidity(){return this.textareaRef.value?.checkValidity()}setCustomValidity(e){return this.textareaRef.value?.setCustomValidity(e)}select(){return this.textareaRef.value?.select()}setSelectionRange(e,t,n){this.textareaRef.value?.setSelectionRange(e,t,n)}get selectionStart(){return this.textareaRef.value?.selectionStart??null}get selectionEnd(){return this.textareaRef.value?.selectionEnd??null}get selectionDirection(){return this.textareaRef.value?.selectionDirection??null}setRangeText(e){this.textareaRef.value?.setRangeText(e)}adjustHeight(){let e=this.textareaRef.value;if(e){let t=e.offsetHeight,n=e.scrollHeight;n>t&&(e.style.height=n+`px`)}}validity(){return this.textareaRef.value?.validity}focus(e={preventScroll:!0}){this.textareaRef.value?.focus(e),this.dispatchEvent(new Event(`focus`))}click(){this.textareaRef.value?.click(),this.dispatchEvent(new Event(`click`))}blur(){this.textareaRef.value?.blur(),this.dispatchEvent(new Event(`blur`))}render(){let e={"block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on":!0,"border-outline":!this.error,"border-error-default":this.error,"outline-secondary-default focus:outline-1 focus:border-secondary-default":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 focus:ring-1 focus:ring-inset":!0,"focus:ring-secondary-default":!this.error,"focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer select-none":this.readonly,"text-left":this.align===`left`,"text-center":this.align===`center`,"text-right":this.align===`right`,"h-full":this.fillHeight,"resize-none":this.resize===`none`,"resize-y":this.resize===`vertical`,"resize-x":this.resize===`horizontal`,resize:this.resize===`both`,"px-4 py-3":!0},t=this.rows==null?`field-sizing: content;`:``,n={"block mb-1 font-medium text-sm":!0,"opacity-40":this.disabled,"text-primary-default":!this.error,"text-error-default":this.error},r={"w-full min-w-0":!0,"flex flex-col h-full":this.fillHeight},c=`${this.a11yId}-hint`;return i.html`
-		<div class="${this.classMap(r)}">
-			${(0,s.when)(this.label,()=>i.html`
-					<label class="${this.classMap(n)}" for=${this.id}>
-						${this.label}
-					</label>
-				`)}
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`),t=require(`./mixins-Cjn20BQH.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/ref.js`),s=require(`lit/directives/when.js`);var c=class extends t.o((0,i.unsafeCSS)(`:host{width:-webkit-fill-available;display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host([fillHeight]){flex-direction:column;height:100%;display:flex}: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;-webkit-text-decoration:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}`)){constructor(...e){super(...e),this.textareaRef=(0,o.createRef)(),this.a11yId=`schmancy-textarea-${Math.random().toString(36).slice(2,10)}`,this.placeholder=``,this.value=``,this.cols=20,this.fillHeight=!1,this.autoHeight=!0,this.resize=`vertical`,this.wrap=`soft`,this.spellcheck=!1,this.align=`left`,this.tabIndex=0}static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,delegatesFocus:!0}}willUpdate(e){super.willUpdate(e),(e.has(`required`)||e.has(`value`))&&this.required&&!this.value&&this.internals?.setValidity({valueMissing:!0},`Please fill out this field.`)}firstUpdated(){this.autofocus&&this.focus(),this.autoHeight&&(0,n.timer)(0).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(()=>this.adjustHeight()),(0,n.fromEvent)(this.textareaElement,`input`).pipe((0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0}))}),(0,n.fromEvent)(this.textareaElement,`change`).pipe((0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0}))}),(0,n.fromEvent)(this.textareaElement,`keyup`).pipe((0,n.filter)(e=>e.key===`Enter`),(0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).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(){return this.internals?.form}reportValidity(){return this.textareaRef.value?.reportValidity()}checkValidity(){return this.textareaRef.value?.checkValidity()}setCustomValidity(e){return this.textareaRef.value?.setCustomValidity(e)}select(){return this.textareaRef.value?.select()}setSelectionRange(e,t,n){this.textareaRef.value?.setSelectionRange(e,t,n)}get selectionStart(){return this.textareaRef.value?.selectionStart??null}get selectionEnd(){return this.textareaRef.value?.selectionEnd??null}get selectionDirection(){return this.textareaRef.value?.selectionDirection??null}setRangeText(e){this.textareaRef.value?.setRangeText(e)}adjustHeight(){let e=this.textareaRef.value;if(e){let t=e.offsetHeight,n=e.scrollHeight;n>t&&(e.style.height=n+`px`)}}validity(){return this.textareaRef.value?.validity}focus(e={preventScroll:!0}){this.textareaRef.value?.focus(e),this.dispatchEvent(new Event(`focus`))}click(){this.textareaRef.value?.click(),this.dispatchEvent(new Event(`click`))}blur(){this.textareaRef.value?.blur(),this.dispatchEvent(new Event(`blur`))}render(){let e={"block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on":!0,"border-outline":!this.error,"border-error-default":this.error,"outline-secondary-default focus:outline-1 focus:border-secondary-default":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 focus:ring-1 focus:ring-inset":!0,"focus:ring-secondary-default":!this.error,"focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer select-none":this.readonly,"text-left":this.align===`left`,"text-center":this.align===`center`,"text-right":this.align===`right`,"h-full":this.fillHeight,"resize-none":this.resize===`none`,"resize-y":this.resize===`vertical`,"resize-x":this.resize===`horizontal`,resize:this.resize===`both`,"px-4 py-3":!0},t=this.rows==null?`field-sizing: content;`:``,n={"block mb-1 font-medium text-sm":!0,"opacity-40":this.disabled,"text-primary-default":!this.error,"text-error-default":this.error},r={"w-full min-w-0":!0,"flex flex-col h-full":this.fillHeight},c=`${this.a11yId}-hint`;return i.html`
+			<div class="${this.classMap(r)}">
+				${(0,s.when)(this.label,()=>i.html` <label class="${this.classMap(n)}" for=${this.id}> ${this.label} </label> `)}
 
-			<textarea
-				${(0,o.ref)(this.textareaRef)}
-				.value=${this.value}
-				.id=${this.id}
-				.name=${this.name}
-				.placeholder=${this.placeholder}
-				.required=${this.required}
-				class=${this.classMap(e)}
-				style=${t}
-				.disabled=${this.disabled}
-				minlength=${(0,a.ifDefined)(this.minlength)}
-				maxlength=${(0,a.ifDefined)(this.maxlength)}
-				.readonly=${this.readonly}
-				.spellcheck=${this.spellcheck}
-				cols=${(0,a.ifDefined)(this.cols)}
-				rows=${(0,a.ifDefined)(this.rows)}
-				wrap=${(0,a.ifDefined)(this.wrap)}
-				dirname=${(0,a.ifDefined)(this.dirname)}
-				aria-invalid=${this.error?`true`:`false`}
-				aria-required=${this.required?`true`:`false`}
-				aria-describedby=${this.hint||this.error&&this.validationMessage?c:i.nothing}
-				aria-label=${!this.label&&this.placeholder?this.placeholder:i.nothing}
-			></textarea>
+				<textarea
+					${(0,o.ref)(this.textareaRef)}
+					.value=${this.value}
+					.id=${this.id}
+					.name=${this.name}
+					.placeholder=${this.placeholder}
+					.required=${this.required}
+					class=${this.classMap(e)}
+					style=${t}
+					.disabled=${this.disabled}
+					minlength=${(0,a.ifDefined)(this.minlength)}
+					maxlength=${(0,a.ifDefined)(this.maxlength)}
+					.readonly=${this.readonly}
+					.spellcheck=${this.spellcheck}
+					cols=${(0,a.ifDefined)(this.cols)}
+					rows=${(0,a.ifDefined)(this.rows)}
+					wrap=${(0,a.ifDefined)(this.wrap)}
+					dirname=${(0,a.ifDefined)(this.dirname)}
+					aria-invalid=${this.error?`true`:`false`}
+					aria-required=${this.required?`true`:`false`}
+					aria-describedby=${this.hint||this.error&&this.validationMessage?c:i.nothing}
+					aria-label=${!this.label&&this.placeholder?this.placeholder:i.nothing}
+				></textarea>
 
-			${(0,s.when)(this.hint||this.error&&this.validationMessage,()=>i.html`
-					<div
-						id=${c}
-						class="mt-1 text-sm ${this.error?`text-error-default`:`text-surface-onVariant`}"
-						role=${(0,a.ifDefined)(this.error?`alert`:void 0)}
-					>
-						${this.error&&this.validationMessage?this.validationMessage:this.hint}
-					</div>
-				`)}
-		</div>
+				${(0,s.when)(this.hint||this.error&&this.validationMessage,()=>i.html`
+						<div
+							id=${c}
+							class="mt-1 text-sm ${this.error?`text-error-default`:`text-surface-onVariant`}"
+							role=${(0,a.ifDefined)(this.error?`alert`:void 0)}
+						>
+							${this.error&&this.validationMessage?this.validationMessage:this.hint}
+						</div>
+					`)}
+			</div>
 		`}};e.u([(0,r.property)()],c.prototype,`placeholder`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`minlength`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`maxlength`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`cols`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`rows`,void 0),e.u([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`fillHeight`,void 0),e.u([(0,r.property)({type:Boolean})],c.prototype,`autoHeight`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],c.prototype,`resize`,void 0),e.u([(0,r.property)({type:String})],c.prototype,`wrap`,void 0),e.u([(0,r.property)({type:String})],c.prototype,`dirname`,void 0),e.u([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`spellcheck`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],c.prototype,`align`,void 0),e.u([(0,r.property)({type:Boolean})],c.prototype,`autofocus`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`tabIndex`,void 0),e.u([(0,r.query)(`textarea`)],c.prototype,`textareaElement`,void 0),c=e.u([(0,r.customElement)(`schmancy-textarea`)],c);

package/dist/textarea-CGgznhd6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-CGgznhd6.cjs","names":[],"sources":["../src/form/fields/textarea/textarea.scss?inline","../src/form/fields/textarea/textarea.ts"],"sourcesContent":[":host {\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n\n:host([fillHeight]) {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\ntextarea:focus-visible {\n\toutline: none !important;\n}\n\ntextarea {\n\t/* Inherit typographic styles */\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tcolor: inherit;\n\tletter-spacing: inherit;\n\ttext-transform: inherit;\n\ttext-decoration: inherit;\n\ttext-indent: inherit;\n\ttext-shadow: inherit;\n\ttext-overflow: inherit;\n\ttext-rendering: inherit;\n\ttext-size-adjust: inherit;\n\ttext-align-last: inherit;\n\toverflow-y: auto; /* Ensure content is scrollable if it exceeds the visible area */\n}\n\n@keyframes onAutoFillStart {\n\tfrom {\n\t}\n\tto {\n\t}\n}\n\ntextarea:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n}\n","import { LitElement, html, nothing, unsafeCSS, type PropertyValues } 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, takeUntil, timer } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { SchmancyFormField } from '@mixins/index'\n\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends SchmancyFormField(unsafeCSS(style)) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\t// `formAssociated`, `internals`, `name`, `label`, `required`, `disabled`,\n\t// `error`, `validationMessage`, `hint`, `id`, `validateOn`, `touched`,\n\t// `dirty`, `submitted`, `markTouched`, `markSubmitted`, `setCustomValidity`,\n\t// `formResetCallback`, `formDisabledCallback` — all from the mixin.\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\tprivate readonly a11yId = `schmancy-textarea-${Math.random().toString(36).slice(2, 10)}`\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. Narrowed from the mixin's wide union to the\n\t * textarea-specific `string` type.\n\t * @attr {string} value - The value of the control.\n\t */\n\t@property({ type: String, reflect: true }) override value: string = ''\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 * When not set, the textarea auto-sizes to fit its content via field-sizing: content.\n\t * @attr rows\n\t * @type {number}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: Number }) rows: number | undefined\n\n\t/**\n\t * Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/**\n\t * Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t */\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/**\n\t * Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' | 'vertical' | 'horizontal' | 'both'}\n\t * @default 'vertical'\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical'\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// `required`, `disabled`, `readonly`, `error`, `validationMessage`, `hint`\n\t// come from the mixin. Textarea-specific extras only:\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 */\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// Mixin's willUpdate already calls internals.setFormValue() on value-change\n\t// and runs the required-empty / customError validity machinery. Native\n\t// `valueMissing` flag is set here for richer ValidityState introspection.\n\toverride willUpdate(changed: PropertyValues): void {\n\t\tsuper.willUpdate(changed)\n\t\tif (changed.has('required') || changed.has('value')) {\n\t\t\tif (this.required && !this.value) {\n\t\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please fill out this field.')\n\t\t\t}\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content (cancel-on-disconnect).\n\t\t\ttimer(0)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.adjustHeight())\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\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\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\ttakeUntil(this.disconnecting),\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\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\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 textareaClasses = {\n\t\t\t// Base styles - matching input component\n\t\t\t'block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on': true,\n\t\t\t// Border color\n\t\t\t'border-outline': !this.error,\n\t\t\t'border-error-default': this.error,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1 focus:border-secondary-default': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles (subtle focus ring)\n\t\t\t'ring-0 focus:ring-1 focus:ring-inset': true,\n\t\t\t'focus:ring-secondary-default': !this.error,\n\t\t\t'focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t// Text alignment\n\t\t\t'text-left': this.align === 'left',\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// Textarea specific\n\t\t\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\tresize: this.resize === 'both',\n\t\t\t// Padding matching input\n\t\t\t'px-4 py-3': true,\n\t\t}\n\t\tconst fieldSizing = this.rows == null ? 'field-sizing: content;' : ''\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium text-sm': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\t\tconst containerClasses = {\n\t\t\t'w-full min-w-0': true,\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\tconst hintId = `${this.a11yId}-hint`\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html` <label class=\"${this.classMap(labelClasses)}\" for=${this.id}> ${this.label} </label> `,\n\t\t\t\t)}\n\n\t\t\t\t<textarea\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(textareaClasses)}\n\t\t\t\t\tstyle=${fieldSizing}\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\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-describedby=${this.hint || (this.error && this.validationMessage) ? hintId : nothing}\n\t\t\t\t\taria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n\t\t\t\t></textarea>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=${hintId}\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\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"],"mappings":"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"}

package/dist/textarea.cjs

@@ -1 +1 @@
-require(`./textarea-Cntd9tfV.cjs`);
+require(`./textarea-CGgznhd6.cjs`);

package/dist/textarea.js

@@ -1 +1 @@
-import "./textarea-CcRsw08B.js";
+import "./textarea-BjDx1w2g.js";