@mhmo91/schmancy 0.2.117 → 0.2.120

package/dist/table-CUgn9BYP.cjs

@@ -0,0 +1,80 @@
+"use strict";const y=require("./litElement.mixin-Ct-snNwC.cjs"),i=require("lit"),s=require("lit/decorators.js"),m=require("lit/directives/repeat.js");var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,h=(t,e,a,r)=>{for(var n,c=r>1?void 0:r?d(e,a):e,o=t.length-1;o>=0;o--)(n=t[o])&&(c=(r?n(e,a,c):n(c))||c);return r&&c&&p(e,a,c),c};exports.SchmancyTableRow=class extends y.$LitElement(i.css`
+	:host {
+		display: block;
+		z-index: -1;
+	}
+`){constructor(){super(...arguments),this.columns=[],this.cols="1fr"}render(){return i.html`
+			<schmancy-list-item
+				@click=${()=>{this.dispatchEvent(new CustomEvent("row-click",{detail:this.item,bubbles:!0,composed:!0}))}}
+				class="w-full"
+			>
+				<schmancy-grid .cols=${this.cols} align="center" gap="md">
+					${this.columns.map(t=>{var e;return i.html`
+							<div class="overflow-hidden text-ellipsis">
+								<schmancy-typography
+									align="${t.align||"left"}"
+									maxLines="2"
+									weight="${t.weight||"normal"}"
+								>
+									${t.render?t.render(this.item):t.key?(e=this.item)==null?void 0:e[t.key]:""}
+								</schmancy-typography>
+							</div>
+						`})}
+					<sch-flex
+						class="min-w-fit block"
+						flow="row-dense"
+						.hidden=${Array.isArray(this.actions)&&this.actions.length===0}
+					>
+						${m.repeat(this.actions??[],({name:t})=>t,({name:t,action:e})=>i.html`
+								<schmancy-icon-button
+									@click=${a=>{a.stopPropagation(),e(this.item)}}
+								>
+									${t}
+								</schmancy-icon-button>
+							`)}
+					</sch-flex>
+					<!-- <schmancy-menu .hidden=${Array.isArray(this.actions)&&this.actions.length===0}>
+						${m.repeat(this.actions??[],({name:t})=>t,({name:t,action:e})=>i.html`
+							<schmancy-menu-item
+								class="z-[10000]"
+								@click=${a=>{a.stopPropagation(),e(this.item)}}
+							>
+								${t}
+							</schmancy-menu-item>
+						`)}
+					</schmancy-menu> -->
+				</schmancy-grid>
+			</schmancy-list-item>
+		`}},h([s.property({type:Array,attribute:!1})],exports.SchmancyTableRow.prototype,"columns",2),h([s.property({type:Object,attribute:!1})],exports.SchmancyTableRow.prototype,"item",2),h([s.property({type:String})],exports.SchmancyTableRow.prototype,"cols",2),h([s.property({type:Array})],exports.SchmancyTableRow.prototype,"actions",2),exports.SchmancyTableRow=h([s.customElement("schmancy-table-row")],exports.SchmancyTableRow);var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(t,e,a,r)=>{for(var n,c=r>1?void 0:r?b(e,a):e,o=t.length-1;o>=0;o--)(n=t[o])&&(c=(r?n(e,a,c):n(c))||c);return r&&c&&u(e,a,c),c};exports.SchmancyDataTable=class extends y.$LitElement(){constructor(){super(...arguments),this.columns=[],this.data=[],this.keyField="id",this.cols="1fr",this.actions=[]}handleRowEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e.detail,bubbles:!0,composed:!0}))}render(){return i.html`
+			<schmancy-surface-v2 fill="all" type="container" rounded="all" elevation="2">
+				<schmancy-grid class="h-full w-full" cols="1fr" rows="auto 1fr">
+					<schmancy-surface-v2 rounded="top" elevation="1" type="containerHighest" class="sticky top-0 z-10">
+						<schmancy-grid align="center" class="px-4 py-3" .cols=${this.cols} gap="md" rows="1fr">
+							${this.columns.map(t=>i.html`
+									<schmancy-typography align=${t.align??"left"} weight=${t.weight??"bold"}>
+										${t.name}
+									</schmancy-typography>
+								`)}
+						</schmancy-grid>
+					</schmancy-surface-v2>
+
+					<lit-virtualizer
+						scroller
+						class="w-full h-full relative overflow-auto"
+						.items=${this.data}
+						.renderItem=${(t,e)=>i.html`
+								<schmancy-table-row
+									.actions=${this.actions}
+									class="w-full border-b-1 border-solid border-outlineVariant"
+									.columns=${this.columns}
+									.item=${t}
+									cols=${this.cols}
+									@edit=${a=>{a.detail.item=t,a.detail.index=e,this.handleRowEvent("edit",a)}}
+									@delete=${a=>{a.detail.item=t,a.detail.index=e,this.handleRowEvent("delete",a)}}
+								></schmancy-table-row>
+							`}
+					></lit-virtualizer>
+				</schmancy-grid>
+			</schmancy-surface-v2>
+		`}},l([s.property({type:Array,attribute:!1})],exports.SchmancyDataTable.prototype,"columns",2),l([s.property({type:Array,attribute:!1})],exports.SchmancyDataTable.prototype,"data",2),l([s.property({type:String})],exports.SchmancyDataTable.prototype,"keyField",2),l([s.property({type:String})],exports.SchmancyDataTable.prototype,"cols",2),l([s.property({type:Array})],exports.SchmancyDataTable.prototype,"actions",2),exports.SchmancyDataTable=l([s.customElement("schmancy-table-v2")],exports.SchmancyDataTable);
+//# sourceMappingURL=table-CUgn9BYP.cjs.map

package/dist/table-CUgn9BYP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CUgn9BYP.cjs","sources":["../src/table/row.ts","../src/table/table.ts"],"sourcesContent":["import { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html, TemplateResult } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { TableColumn } from './table' //Import TableColumn interface.\n\n@customElement('schmancy-table-row')\nexport class SchmancyTableRow extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tz-index: -1;\n\t}\n`) {\n\t@property({ type: Array, attribute: false })\n\tcolumns: TableColumn[] = []\n\n\t@property({ type: Object, attribute: false }) //Important to use object for complex properties\n\titem: any\n\n\t@property({ type: String })\n\tcols: string = '1fr'\n\n\t@property({\n\t\ttype: Array,\n\t})\n\tactions: Array<{ name: string; action: (item: any) => void }> | undefined\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<schmancy-list-item\n\t\t\t\t@click=${() => {\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('row-click', {\n\t\t\t\t\t\t\tdetail: this.item,\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=\"w-full\"\n\t\t\t>\n\t\t\t\t<schmancy-grid .cols=${this.cols} align=\"center\" gap=\"md\">\n\t\t\t\t\t${this.columns.map(\n\t\t\t\t\t\tcolumn => html`\n\t\t\t\t\t\t\t<div class=\"overflow-hidden text-ellipsis\">\n\t\t\t\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t\t\t\talign=\"${column.align || 'left'}\"\n\t\t\t\t\t\t\t\t\tmaxLines=\"2\"\n\t\t\t\t\t\t\t\t\tweight=\"${column.weight || 'normal'}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t${column.render ? column.render(this.item) : column.key ? this.item?.[column.key] : ''}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t\t<sch-flex\n\t\t\t\t\t\tclass=\"min-w-fit block\"\n\t\t\t\t\t\tflow=\"row-dense\"\n\t\t\t\t\t\t.hidden=${Array.isArray(this.actions) && this.actions.length === 0}\n\t\t\t\t\t>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\t\tthis.actions ?? [],\n\t\t\t\t\t\t\t({ name }) => name,\n\t\t\t\t\t\t\t({ name, action }) => html`\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\taction(this.item)\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${name}\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</sch-flex>\n\t\t\t\t\t<!-- <schmancy-menu .hidden=${Array.isArray(this.actions) && this.actions.length === 0}>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\tthis.actions ?? [],\n\t\t\t\t\t\t({ name }) => name,\n\t\t\t\t\t\t({ name, action }) => html`\n\t\t\t\t\t\t\t<schmancy-menu-item\n\t\t\t\t\t\t\t\tclass=\"z-[10000]\"\n\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\taction(this.item)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${name}\n\t\t\t\t\t\t\t</schmancy-menu-item>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t\t</schmancy-menu> -->\n\t\t\t\t</schmancy-grid>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-table-row': SchmancyTableRow\n\t}\n}\n","import { $LitElement } from '@mixins/litElement.mixin'\nimport { html, TemplateResult } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport './row' // Import the schmancy-table-row component\n\n// Define a generic TableColumn interface.\n// The `key` is now a key of T, and the render function accepts T.\nexport interface TableColumn<T extends Record<string, any> = any> {\n\tname: string\n\tkey?: keyof T // Key to access the property on the data object.\n\talign?: 'left' | 'right' | 'center'\n\tweight?: 'normal' | 'bold'\n\trender?: (item: T) => TemplateResult | string | number // Custom render function for complex content\n}\n\n// Define an event detail interface for row events.\nexport interface RowEventDetail<T> {\n\titem: T\n\tindex: number\n}\n\n@customElement('schmancy-table-v2')\nexport class SchmancyDataTable<T extends Record<string, any> = any> extends $LitElement() {\n\t@property({ type: Array, attribute: false })\n\tcolumns: TableColumn<T>[] = []\n\n\t@property({ type: Array, attribute: false })\n\tdata: T[] = []\n\n\t// The keyField is now of type keyof T. You may need to adjust the default if needed.\n\t@property({ type: String })\n\tkeyField: keyof T = 'id' as keyof T\n\n\t@property({ type: String })\n\tcols: string = '1fr'\n\n\t@property({ type: Array }) actions: Array<{ name: string; action: (item: T) => void }> = []\n\n\t// Helper to handle row events.\n\tprivate handleRowEvent(eventName: 'row-click' | 'edit' | 'delete', e: CustomEvent<RowEventDetail<T>>) {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<RowEventDetail<T>>(eventName, {\n\t\t\t\tdetail: e.detail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<schmancy-surface-v2 fill=\"all\" type=\"container\" rounded=\"all\" elevation=\"2\">\n\t\t\t\t<schmancy-grid class=\"h-full w-full\" cols=\"1fr\" rows=\"auto 1fr\">\n\t\t\t\t\t<schmancy-surface-v2 rounded=\"top\" elevation=\"1\" type=\"containerHighest\" class=\"sticky top-0 z-10\">\n\t\t\t\t\t\t<schmancy-grid align=\"center\" class=\"px-4 py-3\" .cols=${this.cols} gap=\"md\" rows=\"1fr\">\n\t\t\t\t\t\t\t${this.columns.map(\n\t\t\t\t\t\t\t\tcolumn => html`\n\t\t\t\t\t\t\t\t\t<schmancy-typography align=${column.align ?? 'left'} weight=${column.weight ?? 'bold'}>\n\t\t\t\t\t\t\t\t\t\t${column.name}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t</schmancy-surface-v2>\n\n\t\t\t\t\t<lit-virtualizer\n\t\t\t\t\t\tscroller\n\t\t\t\t\t\tclass=\"w-full h-full relative overflow-auto\"\n\t\t\t\t\t\t.items=${this.data}\n\t\t\t\t\t\t.renderItem=${(item: T, index: number) =>\n\t\t\t\t\t\t\thtml`\n\t\t\t\t\t\t\t\t<schmancy-table-row\n\t\t\t\t\t\t\t\t\t.actions=${this.actions}\n\t\t\t\t\t\t\t\t\tclass=\"w-full border-b-1 border-solid border-outlineVariant\"\n\t\t\t\t\t\t\t\t\t.columns=${this.columns}\n\t\t\t\t\t\t\t\t\t.item=${item}\n\t\t\t\t\t\t\t\t\tcols=${this.cols}\n\t\t\t\t\t\t\t\t\t@edit=${(e: CustomEvent<RowEventDetail<T>>) => {\n\t\t\t\t\t\t\t\t\t\te.detail.item = item\n\t\t\t\t\t\t\t\t\t\te.detail.index = index\n\t\t\t\t\t\t\t\t\t\tthis.handleRowEvent('edit', e)\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t@delete=${(e: CustomEvent<RowEventDetail<T>>) => {\n\t\t\t\t\t\t\t\t\t\te.detail.item = item\n\t\t\t\t\t\t\t\t\t\te.detail.index = index\n\t\t\t\t\t\t\t\t\t\tthis.handleRowEvent('delete', e)\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t></schmancy-table-row>\n\t\t\t\t\t\t\t` as TemplateResult}\n\t\t\t\t\t></lit-virtualizer>\n\t\t\t\t</schmancy-grid>\n\t\t\t</schmancy-surface-v2>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-table-v2': SchmancyDataTable\n\t}\n}\n"],"names":["SchmancyTableRow","$LitElement","css","super","arguments","this","columns","cols","html","dispatchEvent","CustomEvent","detail","item","bubbles","composed","map","column","align","weight","render","key","Array","isArray","actions","length","repeat","name","action","e","stopPropagation","__decorateClass","property","type","attribute","prototype","Object","String","customElement","SchmancyDataTable","constructor","data","keyField","eventName","index","handleRowEvent"],"mappings":"sVAOaA,QAAAA,iBAAN,cAA+BC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAONC,EAAAA,KAAAC,QAAyB,CAMVD,EAAAA,KAAAE,KAAA,KAAA,CAMf,QACQ,CAAA,OAAAC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CACHH,KAAAI,cACJ,IAAIC,YAAY,YAAa,CAC5BC,OAAQN,KAAKO,KACbC,QAAAA,GACAC,SAAAA,EAEF,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA,2BAIsBT,KAAKE,IAAAA;AAAAA,OACzBF,KAAKC,QAAQS,IACJC,GAAAR,OAAAA,OAAAA,EAAAA;AAAAA;AAAAA;AAAAA,kBAGEQ,EAAOC,OAAS,MAAA;AAAA;AAAA,mBAEfD,EAAOE,QAAU,QAAA;AAAA;AAAA,WAEzBF,EAAOG,OAASH,EAAOG,OAAOd,KAAKO,IAAAA,EAAQI,EAAOI,KAAMf,EAAAA,KAAKO,OAALP,YAAAA,EAAYW,EAAOI,KAAO,EAAA;AAAA;AAAA;AAAA;;;;gBAQ7EC,MAAMC,QAAQjB,KAAKkB,OAAoC,GAAxBlB,KAAKkB,QAAQC,SAAW,CAAXA;AAAAA;AAAAA,QAEpDC,EAAAA,OACDpB,KAAKkB,SAAW,CAChB,EAAA,CAAA,CAAGG,KAAWA,CAAAA,IAAAA,EACd,CAAGA,CAAAA,KAAAA,EAAMC,OAAanB,CAAAA,IAAAA,EAAAA;AAAAA;AAAAA,kBAEVoB,GAAAA,CACTA,EAAEC,gBAAAA,EACFF,EAAOtB,KAAKO,IAAI,CAAA,CAAA;AAAA;AAAA,WAGfc,CAAAA;AAAAA;AAAAA;;mCAKwBL,MAAMC,QAAQjB,KAAKkB,OAAoC,GAAxBlB,KAAKkB,QAAQC,SAAW,CAAXA;AAAAA,QACvEC,EAAAA,OACFpB,KAAKkB,SAAW,CAChB,EAAA,CAAA,CAAGG,KAAWA,CAAAA,IAAAA,EACd,CAAGA,CAAAA,KAAAA,EAAMC,OAAanB,CAAAA,IAAAA,EAAAA;AAAAA;AAAAA;AAAAA,iBAGVoB,GAAAA,CACTA,EAAEC,gBAAAA,EACFF,EAAOtB,KAAKO,IAAI,CAAA,CAAA;AAAA;AAAA,UAGfc,CAAAA;AAAAA;AAAAA;;;;GAGJ,CAAA,EA3ELI,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMX,MAAOY,UAAAA,EANbjC,CAAAA,CAAAA,EAAAA,yBAOZkC,UAAA,UAAA,CAGAJ,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMG,OAAQF,UAAW,EAAA,CAAA,CAAA,EATzBjC,yBAUZkC,UAAA,OAAA,CAAA,EAGAJ,EAAA,CADCC,WAAS,CAAEC,KAAMI,MAZNpC,CAAAA,CAAAA,EAAAA,yBAaZkC,UAAA,OAAA,CAKAJ,EAAAA,EAAA,CAHCC,WAAS,CACTC,KAAMX,SAhBKrB,yBAkBZkC,UAAA,UAAA,GAlBYlC,QAANA,iBAAA8B,EAAA,CADNO,EAAAA,cAAc,oBAAA,CAAA,EACFrC,0NCeAsC,QAAAA,kBAAN,cAAqErC,EAAAA,cAArE,aAAAsC,CAAApC,MAAAC,GAAAA,SAAAA,EAENC,KAAAC,QAA4B,CAAA,EAG5BD,KAAAmC,KAAY,GAIQnC,KAAAoC,SAAA,KAGLpC,KAAAE,KAAA,MAEYF,KAAAkB,QAA8D,CAAC,CAAA,CAGlF,eAAemB,EAA4Cd,EAC7DvB,CAAAA,KAAAI,cACJ,IAAIC,YAA+BgC,EAAW,CAC7C/B,OAAQiB,EAAEjB,OACVE,QAAS,GACTC,WAEF,CAAA,CAAA,CAAA,CAGD,QACQ,CAAA,OAAAN,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,8DAIqDH,KAAKE,IAAAA;AAAAA,SAC1DF,KAAKC,QAAQS,IACJC,GAAAR,EAAAA;AAAAA,sCACoBQ,EAAOC,OAAS,MAAiBD,WAAAA,EAAOE,QAAU,MAAA;AAAA,YAC5EF,EAAOU,IAAAA;AAAAA;AAAAA;;;;;;;eAUJrB,KAAKmC,IAAAA;AAAAA,oBACA,CAAC5B,EAAS+B,IACvBnC,EAAAA;AAAAA;AAAAA,oBAEaH,KAAKkB,OAAAA;AAAAA;AAAAA,oBAELlB,KAAKC,OAAAA;AAAAA,iBACRM,CAAAA;AAAAA,gBACDP,KAAKE,IAAAA;AAAAA,iBACHqB,GACRA,CAAAA,EAAEjB,OAAOC,KAAOA,EAChBgB,EAAEjB,OAAOgC,MAAQA,EACZtC,KAAAuC,eAAe,OAAQhB,CAAC,CAAA,CAAA;AAAA,mBAEnBA,GACVA,CAAAA,EAAEjB,OAAOC,KAAOA,EAChBgB,EAAEjB,OAAOgC,MAAQA,EACZtC,KAAAuC,eAAe,SAAUhB,CAAC,CAAA,CAAA;AAAA;AAAA;;;;GAGf,CAAA,EAhEzBE,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMX,MAAOY,UAAW,EAAA,CAAA,CAAA,EADxBK,0BAEZJ,UAAA,UAAA,GAGAJ,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMX,MAAOY,UAAAA,MAJbK,0BAKZJ,UAAA,OAAA,GAIAJ,EAAA,CADCC,WAAS,CAAEC,KAAMI,MAAAA,CAAAA,CAAAA,EARNE,0BASZJ,UAAA,WAAA,CAGAJ,EAAAA,EAAA,CADCC,WAAS,CAAEC,KAAMI,UAXNE,0BAYZJ,UAAA,OAAA,GAE2BJ,EAAA,CAA1BC,WAAS,CAAEC,KAAMX,KAdNiB,CAAAA,CAAAA,EAAAA,0BAceJ,UAAA,UAAA,CAdfI,EAAAA,QAANA,kBAAAR,EAAA,CADNO,EAAAA,cAAc,sBACFC"}

package/dist/table-k-u5jZrL.js

@@ -0,0 +1,129 @@
+import { $ as d } from "./litElement.mixin-CtugwVVz.js";
+import { css as g, html as l } from "lit";
+import { property as c, customElement as u } from "lit/decorators.js";
+import { repeat as p } from "lit/directives/repeat.js";
+var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, y = (t, e, s, i) => {
+  for (var o, a = i > 1 ? void 0 : i ? b(e, s) : e, r = t.length - 1; r >= 0; r--) (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && f(e, s, a), a;
+};
+let h = class extends d(g`
+	:host {
+		display: block;
+		z-index: -1;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.columns = [], this.cols = "1fr";
+  }
+  render() {
+    return l`
+			<schmancy-list-item
+				@click=${() => {
+      this.dispatchEvent(new CustomEvent("row-click", { detail: this.item, bubbles: !0, composed: !0 }));
+    }}
+				class="w-full"
+			>
+				<schmancy-grid .cols=${this.cols} align="center" gap="md">
+					${this.columns.map((t) => {
+      var e;
+      return l`
+							<div class="overflow-hidden text-ellipsis">
+								<schmancy-typography
+									align="${t.align || "left"}"
+									maxLines="2"
+									weight="${t.weight || "normal"}"
+								>
+									${t.render ? t.render(this.item) : t.key ? (e = this.item) == null ? void 0 : e[t.key] : ""}
+								</schmancy-typography>
+							</div>
+						`;
+    })}
+					<sch-flex
+						class="min-w-fit block"
+						flow="row-dense"
+						.hidden=${Array.isArray(this.actions) && this.actions.length === 0}
+					>
+						${p(this.actions ?? [], ({ name: t }) => t, ({ name: t, action: e }) => l`
+								<schmancy-icon-button
+									@click=${(s) => {
+      s.stopPropagation(), e(this.item);
+    }}
+								>
+									${t}
+								</schmancy-icon-button>
+							`)}
+					</sch-flex>
+					<!-- <schmancy-menu .hidden=${Array.isArray(this.actions) && this.actions.length === 0}>
+						${p(this.actions ?? [], ({ name: t }) => t, ({ name: t, action: e }) => l`
+							<schmancy-menu-item
+								class="z-[10000]"
+								@click=${(s) => {
+      s.stopPropagation(), e(this.item);
+    }}
+							>
+								${t}
+							</schmancy-menu-item>
+						`)}
+					</schmancy-menu> -->
+				</schmancy-grid>
+			</schmancy-list-item>
+		`;
+  }
+};
+y([c({ type: Array, attribute: !1 })], h.prototype, "columns", 2), y([c({ type: Object, attribute: !1 })], h.prototype, "item", 2), y([c({ type: String })], h.prototype, "cols", 2), y([c({ type: Array })], h.prototype, "actions", 2), h = y([u("schmancy-table-row")], h);
+var $ = Object.defineProperty, v = Object.getOwnPropertyDescriptor, m = (t, e, s, i) => {
+  for (var o, a = i > 1 ? void 0 : i ? v(e, s) : e, r = t.length - 1; r >= 0; r--) (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && $(e, s, a), a;
+};
+let n = class extends d() {
+  constructor() {
+    super(...arguments), this.columns = [], this.data = [], this.keyField = "id", this.cols = "1fr", this.actions = [];
+  }
+  handleRowEvent(t, e) {
+    this.dispatchEvent(new CustomEvent(t, { detail: e.detail, bubbles: !0, composed: !0 }));
+  }
+  render() {
+    return l`
+			<schmancy-surface-v2 fill="all" type="container" rounded="all" elevation="2">
+				<schmancy-grid class="h-full w-full" cols="1fr" rows="auto 1fr">
+					<schmancy-surface-v2 rounded="top" elevation="1" type="containerHighest" class="sticky top-0 z-10">
+						<schmancy-grid align="center" class="px-4 py-3" .cols=${this.cols} gap="md" rows="1fr">
+							${this.columns.map((t) => l`
+									<schmancy-typography align=${t.align ?? "left"} weight=${t.weight ?? "bold"}>
+										${t.name}
+									</schmancy-typography>
+								`)}
+						</schmancy-grid>
+					</schmancy-surface-v2>
+
+					<lit-virtualizer
+						scroller
+						class="w-full h-full relative overflow-auto"
+						.items=${this.data}
+						.renderItem=${(t, e) => l`
+								<schmancy-table-row
+									.actions=${this.actions}
+									class="w-full border-b-1 border-solid border-outlineVariant"
+									.columns=${this.columns}
+									.item=${t}
+									cols=${this.cols}
+									@edit=${(s) => {
+      s.detail.item = t, s.detail.index = e, this.handleRowEvent("edit", s);
+    }}
+									@delete=${(s) => {
+      s.detail.item = t, s.detail.index = e, this.handleRowEvent("delete", s);
+    }}
+								></schmancy-table-row>
+							`}
+					></lit-virtualizer>
+				</schmancy-grid>
+			</schmancy-surface-v2>
+		`;
+  }
+};
+m([c({ type: Array, attribute: !1 })], n.prototype, "columns", 2), m([c({ type: Array, attribute: !1 })], n.prototype, "data", 2), m([c({ type: String })], n.prototype, "keyField", 2), m([c({ type: String })], n.prototype, "cols", 2), m([c({ type: Array })], n.prototype, "actions", 2), n = m([u("schmancy-table-v2")], n);
+export {
+  h as S,
+  n as a
+};
+//# sourceMappingURL=table-k-u5jZrL.js.map

package/dist/table-k-u5jZrL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-k-u5jZrL.js","sources":["../src/table/row.ts","../src/table/table.ts"],"sourcesContent":["import { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html, TemplateResult } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { TableColumn } from './table' //Import TableColumn interface.\n\n@customElement('schmancy-table-row')\nexport class SchmancyTableRow extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tz-index: -1;\n\t}\n`) {\n\t@property({ type: Array, attribute: false })\n\tcolumns: TableColumn[] = []\n\n\t@property({ type: Object, attribute: false }) //Important to use object for complex properties\n\titem: any\n\n\t@property({ type: String })\n\tcols: string = '1fr'\n\n\t@property({\n\t\ttype: Array,\n\t})\n\tactions: Array<{ name: string; action: (item: any) => void }> | undefined\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<schmancy-list-item\n\t\t\t\t@click=${() => {\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('row-click', {\n\t\t\t\t\t\t\tdetail: this.item,\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=\"w-full\"\n\t\t\t>\n\t\t\t\t<schmancy-grid .cols=${this.cols} align=\"center\" gap=\"md\">\n\t\t\t\t\t${this.columns.map(\n\t\t\t\t\t\tcolumn => html`\n\t\t\t\t\t\t\t<div class=\"overflow-hidden text-ellipsis\">\n\t\t\t\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t\t\t\talign=\"${column.align || 'left'}\"\n\t\t\t\t\t\t\t\t\tmaxLines=\"2\"\n\t\t\t\t\t\t\t\t\tweight=\"${column.weight || 'normal'}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t${column.render ? column.render(this.item) : column.key ? this.item?.[column.key] : ''}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t\t<sch-flex\n\t\t\t\t\t\tclass=\"min-w-fit block\"\n\t\t\t\t\t\tflow=\"row-dense\"\n\t\t\t\t\t\t.hidden=${Array.isArray(this.actions) && this.actions.length === 0}\n\t\t\t\t\t>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\t\tthis.actions ?? [],\n\t\t\t\t\t\t\t({ name }) => name,\n\t\t\t\t\t\t\t({ name, action }) => html`\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\taction(this.item)\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${name}\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</sch-flex>\n\t\t\t\t\t<!-- <schmancy-menu .hidden=${Array.isArray(this.actions) && this.actions.length === 0}>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\tthis.actions ?? [],\n\t\t\t\t\t\t({ name }) => name,\n\t\t\t\t\t\t({ name, action }) => html`\n\t\t\t\t\t\t\t<schmancy-menu-item\n\t\t\t\t\t\t\t\tclass=\"z-[10000]\"\n\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\taction(this.item)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${name}\n\t\t\t\t\t\t\t</schmancy-menu-item>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t\t</schmancy-menu> -->\n\t\t\t\t</schmancy-grid>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-table-row': SchmancyTableRow\n\t}\n}\n","import { $LitElement } from '@mixins/litElement.mixin'\nimport { html, TemplateResult } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport './row' // Import the schmancy-table-row component\n\n// Define a generic TableColumn interface.\n// The `key` is now a key of T, and the render function accepts T.\nexport interface TableColumn<T extends Record<string, any> = any> {\n\tname: string\n\tkey?: keyof T // Key to access the property on the data object.\n\talign?: 'left' | 'right' | 'center'\n\tweight?: 'normal' | 'bold'\n\trender?: (item: T) => TemplateResult | string | number // Custom render function for complex content\n}\n\n// Define an event detail interface for row events.\nexport interface RowEventDetail<T> {\n\titem: T\n\tindex: number\n}\n\n@customElement('schmancy-table-v2')\nexport class SchmancyDataTable<T extends Record<string, any> = any> extends $LitElement() {\n\t@property({ type: Array, attribute: false })\n\tcolumns: TableColumn<T>[] = []\n\n\t@property({ type: Array, attribute: false })\n\tdata: T[] = []\n\n\t// The keyField is now of type keyof T. You may need to adjust the default if needed.\n\t@property({ type: String })\n\tkeyField: keyof T = 'id' as keyof T\n\n\t@property({ type: String })\n\tcols: string = '1fr'\n\n\t@property({ type: Array }) actions: Array<{ name: string; action: (item: T) => void }> = []\n\n\t// Helper to handle row events.\n\tprivate handleRowEvent(eventName: 'row-click' | 'edit' | 'delete', e: CustomEvent<RowEventDetail<T>>) {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<RowEventDetail<T>>(eventName, {\n\t\t\t\tdetail: e.detail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<schmancy-surface-v2 fill=\"all\" type=\"container\" rounded=\"all\" elevation=\"2\">\n\t\t\t\t<schmancy-grid class=\"h-full w-full\" cols=\"1fr\" rows=\"auto 1fr\">\n\t\t\t\t\t<schmancy-surface-v2 rounded=\"top\" elevation=\"1\" type=\"containerHighest\" class=\"sticky top-0 z-10\">\n\t\t\t\t\t\t<schmancy-grid align=\"center\" class=\"px-4 py-3\" .cols=${this.cols} gap=\"md\" rows=\"1fr\">\n\t\t\t\t\t\t\t${this.columns.map(\n\t\t\t\t\t\t\t\tcolumn => html`\n\t\t\t\t\t\t\t\t\t<schmancy-typography align=${column.align ?? 'left'} weight=${column.weight ?? 'bold'}>\n\t\t\t\t\t\t\t\t\t\t${column.name}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t</schmancy-surface-v2>\n\n\t\t\t\t\t<lit-virtualizer\n\t\t\t\t\t\tscroller\n\t\t\t\t\t\tclass=\"w-full h-full relative overflow-auto\"\n\t\t\t\t\t\t.items=${this.data}\n\t\t\t\t\t\t.renderItem=${(item: T, index: number) =>\n\t\t\t\t\t\t\thtml`\n\t\t\t\t\t\t\t\t<schmancy-table-row\n\t\t\t\t\t\t\t\t\t.actions=${this.actions}\n\t\t\t\t\t\t\t\t\tclass=\"w-full border-b-1 border-solid border-outlineVariant\"\n\t\t\t\t\t\t\t\t\t.columns=${this.columns}\n\t\t\t\t\t\t\t\t\t.item=${item}\n\t\t\t\t\t\t\t\t\tcols=${this.cols}\n\t\t\t\t\t\t\t\t\t@edit=${(e: CustomEvent<RowEventDetail<T>>) => {\n\t\t\t\t\t\t\t\t\t\te.detail.item = item\n\t\t\t\t\t\t\t\t\t\te.detail.index = index\n\t\t\t\t\t\t\t\t\t\tthis.handleRowEvent('edit', e)\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t@delete=${(e: CustomEvent<RowEventDetail<T>>) => {\n\t\t\t\t\t\t\t\t\t\te.detail.item = item\n\t\t\t\t\t\t\t\t\t\te.detail.index = index\n\t\t\t\t\t\t\t\t\t\tthis.handleRowEvent('delete', e)\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t></schmancy-table-row>\n\t\t\t\t\t\t\t` as TemplateResult}\n\t\t\t\t\t></lit-virtualizer>\n\t\t\t\t</schmancy-grid>\n\t\t\t</schmancy-surface-v2>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-table-v2': SchmancyDataTable\n\t}\n}\n"],"names":["SchmancyTableRow","$LitElement","css","super","arguments","this","columns","cols","render","html","dispatchEvent","CustomEvent","detail","item","bubbles","composed","map","column","align","weight","key","Array","isArray","actions","length","repeat","name","action","e","stopPropagation","__decorateClass","property","type","attribute","prototype","Object","String","customElement","SchmancyDataTable","constructor","data","keyField","eventName","index","handleRowEvent"],"mappings":"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"}

package/dist/table.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./table-BzJFv5qf.cjs");
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-CUgn9BYP.cjs");Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>e.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>e.SchmancyTableRow});
 //# sourceMappingURL=table.cjs.map

package/dist/table.js

@@ -1,2 +1,6 @@
-import "./table-CWRqwAtQ.js";
+import { a as e, S as m } from "./table-k-u5jZrL.js";
+export {
+  e as SchmancyDataTable,
+  m as SchmancyTableRow
+};
 //# sourceMappingURL=table.js.map

package/dist/{tabs-group-BWmuXV1M.cjs → tabs-group-B4ZCjn7j.cjs}

@@ -1,4 +1,4 @@
-"use strict";const v=require("./consume-Bb7_UzYd.cjs"),l=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-UzdLTEsN.cjs"),b=require("lit"),i=require("lit/decorators.js"),y=require("./provide-DSU87U5x.cjs"),g=require("lit/directives/repeat.js"),m=y.n("tabs");var f=Object.defineProperty,E=Object.getOwnPropertyDescriptor,d=(t,a,e,s)=>{for(var c,r=s>1?void 0:s?E(a,e):a,h=t.length-1;h>=0;h--)(c=t[h])&&(r=(s?c(a,e,r):c(r))||r);return s&&r&&f(a,e,r),r};let p=class extends u.TailwindElement(b.css`
+"use strict";const v=require("./consume-Bb7_UzYd.cjs"),l=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-DqqGTjD_.cjs"),b=require("lit"),i=require("lit/decorators.js"),y=require("./provide-DSU87U5x.cjs"),g=require("lit/directives/repeat.js"),m=y.n("tabs");var f=Object.defineProperty,E=Object.getOwnPropertyDescriptor,d=(t,a,e,s)=>{for(var c,r=s>1?void 0:s?E(a,e):a,h=t.length-1;h>=0;h--)(c=t[h])&&(r=(s?c(a,e,r):c(r))||r);return s&&r&&f(a,e,r),r};let p=class extends u.TailwindElement(b.css`
 	:host {
 		display: block;
 	}
@@ -33,4 +33,4 @@
 				<slot @slotchange=${()=>this.hydrateTabs()}></slot>
 			</section>
 		`}};n([y.e({context:m}),i.property({type:String})],o.prototype,"mode",2),n([i.property({type:Boolean})],o.prototype,"rounded",2),n([i.property({type:String,reflect:!0})],o.prototype,"activeTab",2),n([i.queryAssignedElements({flatten:!0})],o.prototype,"tabsElements",2),n([i.query("#tabsNavigation")],o.prototype,"navElement",2),n([i.query("#tabsContent")],o.prototype,"tabsContent",2),n([i.state()],o.prototype,"tabs",2),o=n([i.customElement("schmancy-tab-group")],o);
-//# sourceMappingURL=tabs-group-BWmuXV1M.cjs.map
+//# sourceMappingURL=tabs-group-B4ZCjn7j.cjs.map

package/dist/{tabs-group-BWmuXV1M.cjs.map → tabs-group-B4ZCjn7j.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-group-BWmuXV1M.cjs","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 { TailwindElement } from '@mixins/index'\nimport { css, 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></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 { TailwindElement } 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\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': 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-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': 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<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\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"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","render","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query"],"mappings":"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"}
+{"version":3,"file":"tabs-group-B4ZCjn7j.cjs","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 { TailwindElement } from '@mixins/index'\nimport { css, 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></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 { TailwindElement } 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\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': 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-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': 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<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\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"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","render","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query"],"mappings":"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"}

package/dist/{tabs-group-Dsupy-TK.js → tabs-group-BhHCB2nJ.js}

@@ -2,7 +2,7 @@ import { c as E } from "./consume-fRVATvdE.js";
 import { fromEvent as x, throttleTime as T, filter as d, map as k, interval as C, take as w } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as v } from "./tailwind.mixin-C2MUeArS.js";
+import { T as v } from "./tailwind.mixin-Bn3Brhz1.js";
 import { css as u, html as b } from "lit";
 import { property as h, state as y, customElement as f, queryAssignedElements as $, query as m } from "lit/decorators.js";
 import { n as O, e as j } from "./provide-BLSgVvMJ.js";
@@ -100,4 +100,4 @@ let r = class extends v(u`
   }
 };
 i([j({ context: g }), h({ type: String })], r.prototype, "mode", 2), i([h({ type: Boolean })], r.prototype, "rounded", 2), i([h({ type: String, reflect: !0 })], r.prototype, "activeTab", 2), i([$({ flatten: !0 })], r.prototype, "tabsElements", 2), i([m("#tabsNavigation")], r.prototype, "navElement", 2), i([m("#tabsContent")], r.prototype, "tabsContent", 2), i([y()], r.prototype, "tabs", 2), r = i([f("schmancy-tab-group")], r);
-//# sourceMappingURL=tabs-group-Dsupy-TK.js.map
+//# sourceMappingURL=tabs-group-BhHCB2nJ.js.map

package/dist/{tabs-group-Dsupy-TK.js.map → tabs-group-BhHCB2nJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-group-Dsupy-TK.js","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 { TailwindElement } from '@mixins/index'\nimport { css, 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></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 { TailwindElement } 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\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': 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-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': 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<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\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"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","render","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query"],"mappings":"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"}
+{"version":3,"file":"tabs-group-BhHCB2nJ.js","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 { TailwindElement } from '@mixins/index'\nimport { css, 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></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 { TailwindElement } 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 TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\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\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\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': 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-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': 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<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\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"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","render","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query"],"mappings":"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"}

package/dist/tabs.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./tabs-group-BWmuXV1M.cjs");
+"use strict";require("./tabs-group-B4ZCjn7j.cjs");
 //# sourceMappingURL=tabs.cjs.map

package/dist/tabs.js

@@ -1,2 +1,2 @@
-import "./tabs-group-Dsupy-TK.js";
+import "./tabs-group-BhHCB2nJ.js";
 //# sourceMappingURL=tabs.js.map

package/dist/tailwind.mixin-Bn3Brhz1.js

@@ -0,0 +1,43 @@
+import { unsafeCSS as o, LitElement as n } from "lit";
+import { Subject as s } from "rxjs";
+import { classMap as l } from "lit/directives/class-map.js";
+import { styleMap as d } from "lit/directives/style-map.js";
+const c = (r) => class extends r {
+  constructor() {
+    super(...arguments), this.disconnecting = new s();
+  }
+  classMap(t) {
+    const e = {};
+    return Object.keys(t).forEach((i) => {
+      i.trim().split(" ").filter(Boolean).forEach((a) => {
+        e[a] = t[i];
+      });
+    }), l(e);
+  }
+  styleMap(t) {
+    return d(t);
+  }
+  disconnectedCallback() {
+    this.disconnecting.next(!0), this.disconnecting.complete(), super.disconnectedCallback();
+  }
+}, p = o('/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-6{inset-inline:1.5rem}.top-0{top:0}.top-1\\/2{top:50%}.top-6{top:1.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-2\\.5{left:.625rem}.left-3{left:.75rem}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-49{z-index:49}.z-50{z-index:50}.z-100{z-index:100}.z-\\[1000\\]{z-index:1000}.z-\\[10000\\]{z-index:10000}.z-\\[999999\\]{z-index:999999}.z-\\[9999999\\]{z-index:9999999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mb-\\[4px\\]{margin-bottom:4px}.-ml-px{margin-left:-1px}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.size-2\\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-5{width:1.25rem;height:1.25rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-\\[24px\\]{height:24px}.h-\\[50px\\]{height:50px}.h-\\[320px\\]{height:320px}.h-\\[440px\\]{height:440px}.h-auto{height:auto}.h-full{height:100%}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[90vh\\]{max-height:90vh}.min-h-\\[50vh\\]{min-height:50vh}.min-h-\\[56px\\]{min-height:56px}.w-0{width:0}.w-0\\.5{width:.125rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-\\[24px\\]{width:24px}.w-\\[320px\\]{width:320px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[320px\\]{max-width:320px}.max-w-\\[360px\\]{max-width:360px}.max-w-sm{max-width:24rem}.min-w-0{min-width:0}.min-w-\\[50vw\\]{min-width:50vw}.min-w-\\[160px\\]{min-width:160px}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/4{--tw-translate-y: -25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-\\[8px\\]{gap:8px}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1rem *var(--tw-space-y-reverse));margin-block-end:calc(1rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.5rem *var(--tw-space-x-reverse));margin-inline-end:calc(.5rem *calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.scroll-smooth{scroll-behavior:smooth}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-\\[8px\\]{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-l-\\[8px\\]{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-r-\\[8px\\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-b-\\[8px\\]{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-300{border-color:#d1d5dc}.border-outline{border-color:var(--schmancy-sys-color-outline)}.border-outlineVariant{border-color:var(--schmancy-sys-color-outlineVariant)}.border-primary-default{border-color:var(--schmancy-sys-color-primary-default)}.border-tertiary-default{border-color:var(--schmancy-sys-color-tertiary-default)}.border-transparent{border-color:#0000}.bg-gray-300{background-color:#d1d5dc}.bg-primary-default{background-color:var(--schmancy-sys-color-primary-default)}.bg-secondary-container{background-color:var(--schmancy-sys-color-secondary-container)}.bg-surface-bright{background-color:var(--schmancy-sys-color-surface-bright)}.bg-surface-container{background-color:var(--schmancy-sys-color-surface-container)}.bg-surface-default{background-color:var(--schmancy-sys-color-surface-default)}.bg-surface-dim{background-color:var(--schmancy-sys-color-surface-dim)}.bg-surface-high{background-color:var(--schmancy-sys-color-surface-high)}.bg-surface-highest{background-color:var(--schmancy-sys-color-surface-highest)}.bg-surface-low{background-color:var(--schmancy-sys-color-surface-low)}.bg-surface-lowest{background-color:var(--schmancy-sys-color-surface-lowest)}.bg-tertiary-default{background-color:var(--schmancy-sys-color-tertiary-default)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-center{object-position:center}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-\\[16px\\]{padding:16px}.p-\\[32px\\]{padding:32px}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-7{padding-inline:1.75rem}.px-\\[6px\\]{padding-inline:6px}.px-\\[8px\\]{padding-inline:8px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.py-12{padding-block:3rem}.py-\\[6px\\]{padding-block:6px}.py-\\[8px\\]{padding-block:8px}.py-\\[12px\\]{padding-block:12px}.py-\\[24px\\]{padding-block:24px}.pt-0\\.5{padding-top:.125rem}.pt-\\[1px\\]{padding-top:1px}.pt-\\[2px\\]{padding-top:2px}.pt-\\[3px\\]{padding-top:3px}.pt-\\[4px\\]{padding-top:4px}.pb-4{padding-bottom:1rem}.pb-12{padding-bottom:3rem}.pb-\\[300px\\]{padding-bottom:300px}.pl-2{padding-left:.5rem}.text-center{text-align:center}.text-justify{text-align:justify}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25/.875))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1/.75))}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[24px\\]{font-size:24px}.text-\\[28px\\]{font-size:28px}.text-\\[32px\\]{font-size:32px}.text-\\[36px\\]{font-size:36px}.text-\\[45px\\]{font-size:45px}.text-\\[57px\\]{font-size:57px}.leading-6{--tw-leading: 1.5rem ;line-height:1.5rem}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[20px\\]{--tw-leading:20px;line-height:20px}.leading-\\[24px\\]{--tw-leading:24px;line-height:24px}.leading-\\[28px\\]{--tw-leading:28px;line-height:28px}.leading-\\[32px\\]{--tw-leading:32px;line-height:32px}.leading-\\[36px\\]{--tw-leading:36px;line-height:36px}.leading-\\[40px\\]{--tw-leading:40px;line-height:40px}.leading-\\[44px\\]{--tw-leading:44px;line-height:44px}.leading-\\[52px\\]{--tw-leading:52px;line-height:52px}.leading-\\[64px\\]{--tw-leading:64px;line-height:64px}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:400;font-weight:400}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-\\[-0\\.25px\\]{--tw-tracking:-.25px;letter-spacing:-.25px}.tracking-\\[0\\.1px\\]{--tw-tracking:.1px;letter-spacing:.1px}.tracking-\\[0\\.4px\\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\\[0\\.5px\\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\\[0\\.15px\\]{--tw-tracking:.15px;letter-spacing:.15px}.tracking-\\[0\\.25px\\]{--tw-tracking:.25px;letter-spacing:.25px}.tracking-\\[0px\\]{--tw-tracking:0px;letter-spacing:0}.text-ellipsis{text-overflow:ellipsis}.hyphens-none{-webkit-hyphens:none;hyphens:none}.text-error-default{color:var(--schmancy-sys-color-error-default)}.text-gray-500{color:#6a7282}.text-gray-900{color:#101828}.text-indigo-600{color:#4f39f6}.text-primary-default{color:var(--schmancy-sys-color-primary-default)}.text-primary-on{color:var(--schmancy-sys-color-primary-on)}.text-secondary-onContainer{color:var(--schmancy-sys-color-secondary-onContainer)}.text-success-default{color:var(--schmancy-sys-color-success-default)}.text-surface-on{color:var(--schmancy-sys-color-surface-on)}.text-tertiary-default{color:var(--schmancy-sys-color-tertiary-default)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-\\[0\\.08\\]{opacity:.08}.opacity-\\[0\\.38\\]{opacity:.38}.shadow-1{--tw-shadow:var(--schmancy-sys-elevation-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-5{--tw-shadow:var(--schmancy-sys-elevation-5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error-default{--tw-ring-color:var(--schmancy-sys-color-error-default)}.ring-outline{--tw-ring-color:var(--schmancy-sys-color-outline)}.ring-outlineVariant{--tw-ring-color:var(--schmancy-sys-color-outlineVariant)}.ring-primary-default{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.ring-secondary-default{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.outline-hidden{outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-secondary-default{outline-color:var(--schmancy-sys-color-secondary-default)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:border-gray-400:is(:where(.group):hover *){border-color:#99a1af}.group-hover\\:bg-gray-300:is(:where(.group):hover *){background-color:#d1d5dc}.group-hover\\:bg-tertiary-onContainer:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-tertiary-onContainer)}.hover\\:border-gray-300:hover{border-color:#d1d5dc}.hover\\:bg-primary-default:hover{background-color:var(--schmancy-sys-color-primary-default)}.hover\\:bg-primary-on:hover{background-color:var(--schmancy-sys-color-primary-on)}.hover\\:bg-secondary-container:hover{background-color:var(--schmancy-sys-color-secondary-container)}.hover\\:bg-surface-on:hover{background-color:var(--schmancy-sys-color-surface-on)}.hover\\:text-gray-700:hover{color:#364153}.hover\\:opacity-\\[0\\.08\\]:hover{opacity:.08}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-error-default:focus{--tw-ring-color:var(--schmancy-sys-color-error-default)}.focus\\:ring-indigo-600:focus{--tw-ring-color:oklch(.511 .262 276.966)}.focus\\:ring-primary-default:focus{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.focus\\:ring-secondary-default:focus{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.focus\\:outline-hidden:focus{outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\\:z-1:focus-visible{z-index:1}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-secondary-default:focus-visible{outline-color:var(--schmancy-sys-color-secondary-default)}.focus-visible\\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}@media (width>=40rem){.sm\\:items-end{align-items:flex-end}.sm\\:items-start{align-items:flex-start}.sm\\:p-6{padding:1.5rem}.sm\\:px-\\[12px\\]{padding-inline:12px}}@media (width>=48rem){.md\\:right-0{right:0}.md\\:left-\\[unset\\]{left:unset}.md\\:block{display:block}.md\\:hidden{display:none}.md\\:px-\\[16px\\]{padding-inline:16px}}}@keyframes pulse{50%{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}'), w = (r) => {
+  const e = class e extends n {
+  };
+  e.styles = [o(r), p];
+  let t = e;
+  return t;
+}, u = (r) => {
+  class t extends c(w(r)) {
+    constructor() {
+      super(...arguments), this.disconnectedCallback = () => {
+        super.disconnectedCallback();
+      };
+    }
+  }
+  return t;
+};
+export {
+  c as B,
+  u as T
+};
+//# sourceMappingURL=tailwind.mixin-Bn3Brhz1.js.map

package/dist/{tailwind.mixin-C2MUeArS.js.map → tailwind.mixin-Bn3Brhz1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tailwind.mixin-C2MUeArS.js","sources":["../mixins/baseElement.ts","../mixins/tailwind.mixin.ts"],"sourcesContent":["import type { Constructor } from './constructor'\nimport { LitElement } from 'lit'\nimport { Subject } from 'rxjs'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nexport declare class IBaseMixin {\n\tdisconnecting: Subject<boolean>\n\tclassMap: typeof classMap\n\tstyleMap: typeof styleMap\n}\n\nexport const BaseElement = <T extends Constructor<LitElement>>(superClass: T) => {\n\tclass BaseElement extends superClass {\n\t\tdisconnecting = new Subject()\n\t\tclassMap(classes: Record<string, boolean>) {\n\t\t\tconst newClasses: Record<string, boolean> = {}\n\t\t\tObject.keys(classes).forEach(key => {\n\t\t\t\tkey\n\t\t\t\t\t.trim()\n\t\t\t\t\t.split(' ')\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.forEach(k => {\n\t\t\t\t\t\tnewClasses[k] = classes[key]\n\t\t\t\t\t})\n\t\t\t})\n\t\t\treturn classMap(newClasses)\n\t\t}\n\n\t\tstyleMap(styles: Record<string, string | number>) {\n\t\t\treturn styleMap(styles)\n\t\t}\n\n\t\tdisconnectedCallback() {\n\t\t\tthis.disconnecting.next(true)\n\t\t\tthis.disconnecting.complete()\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn BaseElement as Constructor<IBaseMixin> & T\n}\n","import { CSSResult, LitElement, unsafeCSS } from 'lit'\n\nimport style from './tailwind.css?inline'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport declare class ITailwindElementMixin {\n\tstyles: (typeof CSSResult)[]\n}\n\nexport const tailwindStyles = unsafeCSS(style)\n\nconst TailwindElementBase = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends LitElement {\n\t\tstatic styles = [unsafeCSS(componentStyle), tailwindStyles]\n\t}\n\treturn TailwindMixinClass as Constructor<LitElement> /* see \"typing the subclass\" below */\n}\n\nexport const TailwindElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElementBase(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as Constructor<CustomElementConstructor> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["BaseElement","superClass","constructor","super","arguments","this","disconnecting","Subject","classes","newClasses","Object","keys","forEach","key","trim","split","filter","Boolean","k","classMap","styles","styleMap","next","complete","disconnectedCallback","tailwindStyles","unsafeCSS","TailwindElementBase","componentStyle","TailwindMixinClass","LitElement","_i","TailwindElement"],"mappings":";;;;AAYa,MAAAA,IAAkDC,CAAAA,MAC9D,cAA0BA;EAA1B,cAAAC;AAAAC,UAAAC,GAAAA,SAAAA,GACCC,KAAAC,gBAAgB,IAAIC;AAAAA,EAAQ;AAAA,EAC5B,SAASC,GACR;AAAA,UAAMC,IAAsC,CAAC;AAU7C,WATAC,OAAOC,KAAKH,CAAAA,EAASI,QAAeC,CAAAA,MAEjCA;AAAAA,MAAAA,EAAAC,KACAC,EAAAA,MAAM,GACNC,EAAAA,OAAOC,SACPL,QAAaM,CAAAA,MAAAA;AACFT,UAAAS,CAAAA,IAAKV,EAAQK,CAAAA;AAAAA,MAAG,CAC3B;AAAA,IAAA,CAAA,GAEIM,EAASV,CAAAA;AAAAA,EAAU;AAAA,EAG3B,SAASW,GAAAA;AACR,WAAOC,EAASD,CAAAA;AAAAA,EAAM;AAAA,EAGvB,uBACMf;AAAAA,SAAAC,cAAcgB,KAAK,EAAA,GACxBjB,KAAKC,cAAciB,SACnBpB,GAAAA,MAAMqB;EAAqB;AC1BjBC,GAAAA,IAAiBC,mkzBAExBC,IAA4CC,OAAAA;AACjD,QAAMC,IAAN,MAAMA,UAA2BC,EAAAA;AAAAA,EAC0B;AAA1DzB,EAAAA,EAAOe,SAAS,CAACM,EAAUE,IAAiBH,CAAc;AAD3D,MAAMI,IAANE;AAGO,SAAAF;AAAA,GAGKG,IAAwCJ,CAAAA;EACpD,MAAMC,UAA2B7B,EAAY2B,EAAoBC,CAAjE,CAAA,EAAA;AAAA,IAAA;AAAAzB,YAAAC,GAAAA,SAAAA,GACCC,KAAAmB,uBAAuB,MACtBrB;AAAAA,cAAMqB,qBAAqB;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEM;AAAA,SAAAK;AAAA;"}
+{"version":3,"file":"tailwind.mixin-Bn3Brhz1.js","sources":["../mixins/baseElement.ts","../mixins/tailwind.mixin.ts"],"sourcesContent":["import type { Constructor } from './constructor'\nimport { LitElement } from 'lit'\nimport { Subject } from 'rxjs'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nexport declare class IBaseMixin {\n\tdisconnecting: Subject<boolean>\n\tclassMap: typeof classMap\n\tstyleMap: typeof styleMap\n}\n\nexport const BaseElement = <T extends Constructor<LitElement>>(superClass: T) => {\n\tclass BaseElement extends superClass {\n\t\tdisconnecting = new Subject()\n\t\tclassMap(classes: Record<string, boolean>) {\n\t\t\tconst newClasses: Record<string, boolean> = {}\n\t\t\tObject.keys(classes).forEach(key => {\n\t\t\t\tkey\n\t\t\t\t\t.trim()\n\t\t\t\t\t.split(' ')\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.forEach(k => {\n\t\t\t\t\t\tnewClasses[k] = classes[key]\n\t\t\t\t\t})\n\t\t\t})\n\t\t\treturn classMap(newClasses)\n\t\t}\n\n\t\tstyleMap(styles: Record<string, string | number>) {\n\t\t\treturn styleMap(styles)\n\t\t}\n\n\t\tdisconnectedCallback() {\n\t\t\tthis.disconnecting.next(true)\n\t\t\tthis.disconnecting.complete()\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn BaseElement as Constructor<IBaseMixin> & T\n}\n","import { CSSResult, LitElement, unsafeCSS } from 'lit'\n\nimport style from './tailwind.css?inline'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport declare class ITailwindElementMixin {\n\tstyles: (typeof CSSResult)[]\n}\n\nexport const tailwindStyles = unsafeCSS(style)\n\nconst TailwindElementBase = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends LitElement {\n\t\tstatic styles = [unsafeCSS(componentStyle), tailwindStyles]\n\t}\n\treturn TailwindMixinClass as Constructor<LitElement> /* see \"typing the subclass\" below */\n}\n\nexport const TailwindElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElementBase(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as Constructor<CustomElementConstructor> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["BaseElement","superClass","constructor","super","arguments","this","disconnecting","Subject","classes","newClasses","Object","keys","forEach","key","trim","split","filter","Boolean","k","classMap","styles","styleMap","next","complete","disconnectedCallback","tailwindStyles","unsafeCSS","TailwindElementBase","componentStyle","TailwindMixinClass","LitElement","_i","TailwindElement"],"mappings":";;;;AAYa,MAAAA,IAAkDC,CAAAA,MAC9D,cAA0BA;EAA1B,cAAAC;AAAAC,UAAAC,GAAAA,SAAAA,GACCC,KAAAC,gBAAgB,IAAIC;AAAAA,EAAQ;AAAA,EAC5B,SAASC,GACR;AAAA,UAAMC,IAAsC,CAAC;AAU7C,WATAC,OAAOC,KAAKH,CAAAA,EAASI,QAAeC,CAAAA,MAEjCA;AAAAA,MAAAA,EAAAC,KACAC,EAAAA,MAAM,GACNC,EAAAA,OAAOC,SACPL,QAAaM,CAAAA,MAAAA;AACFT,UAAAS,CAAAA,IAAKV,EAAQK,CAAAA;AAAAA,MAAG,CAC3B;AAAA,IAAA,CAAA,GAEIM,EAASV,CAAAA;AAAAA,EAAU;AAAA,EAG3B,SAASW,GAAAA;AACR,WAAOC,EAASD,CAAAA;AAAAA,EAAM;AAAA,EAGvB,uBACMf;AAAAA,SAAAC,cAAcgB,KAAK,EAAA,GACxBjB,KAAKC,cAAciB,SACnBpB,GAAAA,MAAMqB;EAAqB;AC1BjBC,GAAAA,IAAiBC,+51BAExBC,IAA4CC,OAAAA;AACjD,QAAMC,IAAN,MAAMA,UAA2BC,EAAAA;AAAAA,EAC0B;AAA1DzB,EAAAA,EAAOe,SAAS,CAACM,EAAUE,IAAiBH,CAAc;AAD3D,MAAMI,IAANE;AAGO,SAAAF;AAAA,GAGKG,IAAwCJ,CAAAA;EACpD,MAAMC,UAA2B7B,EAAY2B,EAAoBC,CAAjE,CAAA,EAAA;AAAA,IAAA;AAAAzB,YAAAC,GAAAA,SAAAA,GACCC,KAAAmB,uBAAuB,MACtBrB;AAAAA,cAAMqB,qBAAqB;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEM;AAAA,SAAAK;AAAA;"}