@mhmo91/schmancy 0.2.134 → 0.2.136

package/dist/{radio-group-1rligG30.cjs.map → radio-group-DR0xDQE0.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-group-1rligG30.cjs","sources":["../src/radio-group/radio-group.ts"],"sourcesContent":["import { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { Subject } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { TailwindElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\n\nexport type SchmancyRadioGroupOption = {\n\tlabel: string\n\tvalue: string\n}\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{\n\tvalue: string\n}>\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends TailwindElement(style) {\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) name = ''\n\t@property({ type: String }) selected = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) required: boolean = false\n\tprivate selection$ = new Subject<SchmancyRadioGroupOption>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.selected = value.value\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: value,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\tprivate handleSelection(value: SchmancyRadioGroupOption) {\n\t\tthis.selection$.next(value)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"grid gap-4\">\n\t\t\t\t${when(this.label, () => html` <label class=\"text-base font-semibold text-gray-900\">${this.label}</label> `)}\n\t\t\t\t${this.options?.map(\n\t\t\t\t\toption => html`\n\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t\t\tid=${option.value}\n\t\t\t\t\t\t\t\tclass=\"h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600\"\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tname=${this.name}\n\t\t\t\t\t\t\t\t.value=${option.value}\n\t\t\t\t\t\t\t\t.checked=${option.value === this.selected}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<label for=${option.value} class=\"ml-3 block text-sm font-medium leading-6 text-gray-900\"\n\t\t\t\t\t\t\t\t>${option.value}</label\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n"],"names":["RadioGroup","TailwindElement","super","arguments","this","label","name","selected","options","required","selection$","Subject","connectedCallback","subscribe","value","dispatchEvent","CustomEvent","detail","bubbles","disconnectedCallback","unsubscribe","next","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement"],"mappings":"wbAeaA,QAAAA,WAAN,cAAyBC,6DAAzB,aAAAC,CAAAA,MAAAA,GAAAC,SAC8BC,EAAAA,KAAAC,MAAA,GACDD,KAAAE,KAAA,GACIF,KAAAG,SAAA,GACZH,KAAAI,QAAsC,CAChBJ,EAAAA,KAAAK,SAAA,GACzCL,KAAAM,WAAa,IAAIC,SAAkC,CAE3D,mBAAAC,CACCV,MAAMU,kBAAAA,EACDR,KAAAM,WAAWG,UAAmBC,GAClCV,CAAAA,KAAKG,SAAWO,EAAMA,MACjBV,KAAAW,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQH,EACRI,QAAAA,EAEF,CAAA,CAAA,CAAA,CAAA,CACA,CAGF,sBAAAC,OACCjB,MAAMiB,qBAAAA,GACNf,EAAAA,KAAKM,aAALN,MAAAA,EAAiBgB,aAAY,CAEtB,gBAAgBN,EAClBV,CAAAA,KAAAM,WAAWW,KAAKP,EAAK,CAG3B,QACQ,OAAA,OAAAQ,EAAAA;AAAAA;AAAAA,MAEHC,EAAAA,KAAKnB,KAAKC,MAAO,IAAMiB,EAAAA,6DAA6DlB,KAAKC,KAAAA,WAAAA,CAAAA;AAAAA,OACzFD,EAAAA,KAAKI,UAALJ,YAAAA,EAAcoB,IACLC,GAAAH,EAAAA;AAAAA;AAAAA;AAAAA,oBAGKlB,KAAKK,QAAAA;AAAAA,aACZgB,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA,eAGLV,KAAKE,IAAAA;AAAAA,iBACHmB,EAAOX,KAAAA;AAAAA,mBACLW,EAAOX,QAAUV,KAAKG,QAAAA;AAAAA,kBACvB,IAAMH,KAAKsB,gBAAgBD,CAAAA,CAAAA;AAAAA;AAAAA,oBAEzBA,EAAOX,KAAAA;AAAAA,WAChBW,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA;;GAIb,CAAA,EAlDwBa,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MADN9B,CAAAA,CAAAA,EAAAA,mBACgB+B,UAAA,QAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAFN9B,mBAEgB+B,UAAA,OAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAHN9B,mBAGgB+B,UAAA,WAAA,CACDJ,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMG,KAJNhC,CAAAA,CAAAA,EAAAA,mBAIe+B,UAAA,UAAA,CAAA,EACEJ,EAAA,CAA5BC,WAAS,CAAEC,KAAMI,OAAAA,CAAAA,CAAAA,EALNjC,mBAKiB+B,UAAA,WAAA,CAAA,EALjB/B,QAANA,WAAA2B,EAAA,CADNO,EAAAA,cAAc,yBACFlC"}
+{"version":3,"file":"radio-group-DR0xDQE0.cjs","sources":["../src/radio-group/radio-group.ts"],"sourcesContent":["import { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { Subject } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { TailwindElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\n\nexport type SchmancyRadioGroupOption = {\n\tlabel: string\n\tvalue: string\n}\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{\n\tvalue: string\n}>\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends TailwindElement(style) {\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) name = ''\n\t@property({ type: String }) selected = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) required: boolean = false\n\tprivate selection$ = new Subject<SchmancyRadioGroupOption>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.selected = value.value\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: value,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\tprivate handleSelection(value: SchmancyRadioGroupOption) {\n\t\tthis.selection$.next(value)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"grid gap-4\">\n\t\t\t\t${when(this.label, () => html` <label class=\"text-base font-semibold text-gray-900\">${this.label}</label> `)}\n\t\t\t\t${this.options?.map(\n\t\t\t\t\toption => html`\n\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t\t\tid=${option.value}\n\t\t\t\t\t\t\t\tclass=\"h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600\"\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tname=${this.name}\n\t\t\t\t\t\t\t\t.value=${option.value}\n\t\t\t\t\t\t\t\t.checked=${option.value === this.selected}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<label for=${option.value} class=\"ml-3 block text-sm font-medium leading-6 text-gray-900\"\n\t\t\t\t\t\t\t\t>${option.value}</label\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n"],"names":["RadioGroup","TailwindElement","super","arguments","this","label","name","selected","options","required","selection$","Subject","connectedCallback","subscribe","value","dispatchEvent","CustomEvent","detail","bubbles","disconnectedCallback","unsubscribe","next","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement"],"mappings":"wbAeaA,QAAAA,WAAN,cAAyBC,6DAAzB,aAAAC,CAAAA,MAAAA,GAAAC,SAC8BC,EAAAA,KAAAC,MAAA,GACDD,KAAAE,KAAA,GACIF,KAAAG,SAAA,GACZH,KAAAI,QAAsC,CAChBJ,EAAAA,KAAAK,SAAA,GACzCL,KAAAM,WAAa,IAAIC,SAAkC,CAE3D,mBAAAC,CACCV,MAAMU,kBAAAA,EACDR,KAAAM,WAAWG,UAAmBC,GAClCV,CAAAA,KAAKG,SAAWO,EAAMA,MACjBV,KAAAW,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQH,EACRI,QAAAA,EAEF,CAAA,CAAA,CAAA,CAAA,CACA,CAGF,sBAAAC,OACCjB,MAAMiB,qBAAAA,GACNf,EAAAA,KAAKM,aAALN,MAAAA,EAAiBgB,aAAY,CAEtB,gBAAgBN,EAClBV,CAAAA,KAAAM,WAAWW,KAAKP,EAAK,CAG3B,QACQ,OAAA,OAAAQ,EAAAA;AAAAA;AAAAA,MAEHC,EAAAA,KAAKnB,KAAKC,MAAO,IAAMiB,EAAAA,6DAA6DlB,KAAKC,KAAAA,WAAAA,CAAAA;AAAAA,OACzFD,EAAAA,KAAKI,UAALJ,YAAAA,EAAcoB,IACLC,GAAAH,EAAAA;AAAAA;AAAAA;AAAAA,oBAGKlB,KAAKK,QAAAA;AAAAA,aACZgB,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA,eAGLV,KAAKE,IAAAA;AAAAA,iBACHmB,EAAOX,KAAAA;AAAAA,mBACLW,EAAOX,QAAUV,KAAKG,QAAAA;AAAAA,kBACvB,IAAMH,KAAKsB,gBAAgBD,CAAAA,CAAAA;AAAAA;AAAAA,oBAEzBA,EAAOX,KAAAA;AAAAA,WAChBW,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA;;GAIb,CAAA,EAlDwBa,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MADN9B,CAAAA,CAAAA,EAAAA,mBACgB+B,UAAA,QAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAFN9B,mBAEgB+B,UAAA,OAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAHN9B,mBAGgB+B,UAAA,WAAA,CACDJ,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMG,KAJNhC,CAAAA,CAAAA,EAAAA,mBAIe+B,UAAA,UAAA,CAAA,EACEJ,EAAA,CAA5BC,WAAS,CAAEC,KAAMI,OAAAA,CAAAA,CAAAA,EALNjC,mBAKiB+B,UAAA,WAAA,CAAA,EALjB/B,QAANA,WAAA2B,EAAA,CADNO,EAAAA,cAAc,yBACFlC"}

package/dist/radio-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-group-1rligG30.cjs");Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-group-DR0xDQE0.cjs");Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup});
 //# sourceMappingURL=radio-group.cjs.map

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { R as a } from "./radio-group-B-XFNs3k.js";
+import { R as a } from "./radio-group-DCWGTqxt.js";
 export {
   a as RadioGroup
 };

package/dist/{schmancy-steps-container-C_0iNIjG.cjs → schmancy-steps-container-DPHQE-ro.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./consume-Bb7_UzYd.cjs"),i=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/when.js"),S=require("./litElement.mixin-AkHgwswI.cjs"),d=require("./provide-DSU87U5x.cjs"),b=require("rxjs");class y{constructor(){this._currentStep=new b.BehaviorSubject(1)}get currentStep$(){return this._currentStep.asObservable()}get currentStep(){return this._currentStep.value}setStep(e){this._currentStep.next(e)}}const h=d.n(Symbol("SchmancyStepsContext"));var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(t,e,n,s)=>{for(var p,r=s>1?void 0:s?f(e,n):e,a=t.length-1;a>=0;a--)(p=t[a])&&(r=(s?p(e,n,r):p(r))||r);return s&&r&&g(e,n,r),r};exports.SchmancyStep=class extends S.$LitElement(i.css`
+"use strict";const m=require("./consume-Bb7_UzYd.cjs"),i=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/when.js"),S=require("./litElement.mixin-DEcupxqH.cjs"),d=require("./provide-DSU87U5x.cjs"),b=require("rxjs");class y{constructor(){this._currentStep=new b.BehaviorSubject(1)}get currentStep$(){return this._currentStep.asObservable()}get currentStep(){return this._currentStep.value}setStep(e){this._currentStep.next(e)}}const h=d.n(Symbol("SchmancyStepsContext"));var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(t,e,n,s)=>{for(var p,r=s>1?void 0:s?f(e,n):e,a=t.length-1;a>=0;a--)(p=t[a])&&(r=(s?p(e,n,r):p(r))||r);return s&&r&&g(e,n,r),r};exports.SchmancyStep=class extends S.$LitElement(i.css`
 	:host {
 		display: grid;
 		/* Base display is just grid, flex properties will be applied dynamically */
@@ -61,4 +61,4 @@
 				</ol>
 			</nav>
 		`}},l([d.e({context:h})],exports.SchmancyStepsContainer.prototype,"stepsController",2),l([c.property({type:Number,reflect:!0})],exports.SchmancyStepsContainer.prototype,"currentStep",1),exports.SchmancyStepsContainer=l([c.customElement("schmancy-steps-container")],exports.SchmancyStepsContainer),exports.StepsController=y,exports.stepsContext=h;
-//# sourceMappingURL=schmancy-steps-container-C_0iNIjG.cjs.map
+//# sourceMappingURL=schmancy-steps-container-DPHQE-ro.cjs.map

package/dist/{schmancy-steps-container-C_0iNIjG.cjs.map → schmancy-steps-container-DPHQE-ro.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-C_0iNIjG.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","currentStep$","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","render","provide"],"mappings":"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"}
+{"version":3,"file":"schmancy-steps-container-DPHQE-ro.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","currentStep$","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","render","provide"],"mappings":"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"}

package/dist/{schmancy-steps-container-DNKuPqtZ.js → schmancy-steps-container-TWU-9ccf.js}

@@ -2,7 +2,7 @@ import { c as f } from "./consume-fRVATvdE.js";
 import { css as y, html as c } from "lit";
 import { property as l, state as S, customElement as b } from "lit/decorators.js";
 import { when as d } from "lit/directives/when.js";
-import { $ as m } from "./litElement.mixin-B1fR6EmN.js";
+import { $ as m } from "./litElement.mixin-C90TPiZq.js";
 import { n as v, e as x } from "./provide-BLSgVvMJ.js";
 import { BehaviorSubject as k } from "rxjs";
 class C {
@@ -144,4 +144,4 @@ export {
   C as b,
   g as s
 };
-//# sourceMappingURL=schmancy-steps-container-DNKuPqtZ.js.map
+//# sourceMappingURL=schmancy-steps-container-TWU-9ccf.js.map

package/dist/{schmancy-steps-container-DNKuPqtZ.js.map → schmancy-steps-container-TWU-9ccf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-DNKuPqtZ.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","render","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","provide"],"mappings":";;;;;;;AAGO,MAAMA,EAAAA;AAAAA,EAAN,cACEC;AAAAA,SAAAC,eAAe,IAAIC,EAAgB,CAAA;AAAA,EAAC;AAAA,EAE5C,IAAIC,eAAAA;AACI,WAAAH,KAAKC,aAAaG,aAAAA;AAAAA,EAAa;AAAA,EAGvC,IAAIC,cAAAA;AACH,WAAOL,KAAKC,aAAaK;AAAAA,EAAA;AAAA,EAG1B,QAAQC,GACFP;AAAAA,SAAAC,aAAaO,KAAKD,CAAI;AAAA,EAAA;AAAA;AAOtB,MAAME,IAAeC,EAA+BC,OAAO;;;;;ACbrD,IAAAC,IAAN,cAA2BC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAvC,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAWiChB,GAAAA,KAAAiB,WAAA,GAEHjB,KAAAkB,QAAA,IACMlB,KAAAmB,cAAA,IAGcnB,KAAAoB,gBAMhBpB,KAAAqB,WAAA,IAYxCrB,KAAQK,cAAc;AAAA,EAAA;AAAA,EAOtB,oBACCU;AAAAA,UAAMO,kBAENtB,GAAAA,KAAKuB,eAAevB,KAAKwB,MAAMrB,aAAasB,UAAkBlB;AAC7DP,WAAKK,cAAcE,GAEnBP,KAAK0B,qBAAqB;AAAA,IAAA,CAAA,GAG3B1B,KAAK0B,qBAAAA;AAAAA,EAAqB;AAAA,EAG3B,uBAAAC;;AACC3B,KAAAA,IAAAA,KAAKuB,iBAALvB,QAAAA,EAAmB4B,eACnBb,MAAMY,qBAAAA;AAAAA,EAAqB;AAAA,EAMpB;AACD,UAAAE,IAAW7B,KAAKiB,aAAajB,KAAKK;AAIvCL,SAAK8B,MAAMC,OAFRF,IAEe,aAGA;AAAA,EACnB;AAAA,EAOD,aACC;AAAA,WAAI7B,KAAKoB,aAAapB,KAAKiB,WAAWjB,KAAKwB,MAAMnB,cAAoB,aACjEL,KAAKiB,aAAajB,KAAKwB,MAAMnB,cAAoB,YAC9C;AAAA,EAAA;AAAA,EAOA,aAAa2B,GAEhBhC;AAAAA,SAAKqB,YAAYrB,KAAKiB,WAAWjB,KAAKwB,MAAMnB,eAG5CL,KAAKiC,WAAW,cACdjC,KAAAwB,MAAMU,QAAQlC,KAAKiB,QAAAA;AAAAA,EACzB;AAAA,EAGD,SAAAkB;AAEO,UAAAN,IAAW7B,KAAKiB,aAAajB,KAAKK,aAGlC+B,IAAapC,KAAKiC,WAAW,YAI7BI,IAAmB,EACxB,uBAAuBD,GACvB,eAAgBA,CAAAA,EAAAA,GAGXE,IAAuB,EAC5B,mFAAA,IACA,2DAA2DF,GAC3D,6CAA8CA,CAAAA,KAAcP,GAC5D,iEAZkB7B,KAAKiC,WAAW,WAe7BM,GAAAA,IAAc,EACnB,yBAAyBV,GACzB,iBAAkBA,CAAAA,EAAAA,GAIbW,IAAiBX,KAAYO,IAAa,mBAAmB;AAE5D,WAAAK;AAAAA;AAAAA;AAAAA;AAAAA,iEAIwDzC,KAAK0C,SAASL,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,mCAK5CrC,KAAK2C,YAAwDH,4CAAAA,CAAAA;AAAAA;AAAAA,oBAE5ExC,KAAK0C,SAASJ,CAAAA,CAAAA;AAAAA,SACzBF,IACCK;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aASAA;AAAAA;AAAAA,0CAEgCZ,IAC5B,wBACA,wCAAA;AAAA;AAAA;;;;;;qBAQO7B,KAAK0C,SAASH,MAAgBvC,KAAKkB,KAAAA;AAAAA;AAAAA,QAEhD0B,EACD5C,KAAKmB,aACL,MAAMsB;AAAAA;AAAAA,uCAE0BzC,KAAKmB,WAAAA;AAAAA;AAAAA;;;;;MAQtCyB,EACDf,GACA,MAAMY;AAAAA;AAAAA;AAAAA;AAAAA;;;EAKN;AAAA;AA3KwBI,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAXNpC,EAWgBqC,WAAA,YAAA,CAAA,GAEAJ,EAAA,CAA3BC,EAAS,EAAEC,MAAMG,OAbNtC,CAAAA,CAAAA,GAAAA,EAagBqC,WAAA,SAAA,CACAJ,GAAAA,EAAA,CAA3BC,EAAS,EAAEC,MAAMG,OAdNtC,CAAAA,CAAAA,GAAAA,EAcgBqC,WAAA,eAAA,IAGgBJ,EAAA,CAA3CC,EAAS,EAAEC,MAAMI,SAASC,SAAS,GAAA,CAAA,CAAA,GAjBxBxC,EAiBgCqC,WAAA,aAAA,CAAA,GAMfJ,EAAA,CAA5BC,EAAS,EAAEC,MAAMI,QAvBNvC,CAAAA,CAAAA,GAAAA,EAuBiBqC,WAAA,YAAA,CAMrBJ,GAAAA,EAAA,CADPQ,EAAQ,EAAEC,SAAS7C,EA5BRG,CAAAA,CAAAA,GAAAA,EA6BJqC,WAAA,SAAA,CAMAJ,GAAAA,EAAA,CADPU,EAlCW3C,CAAAA,GAAAA,EAmCJqC,WAAA,eAAA,CAnCIrC,GAAAA,IAANiC,EAAA,CADNW,EAAc,eAAA,CAAA,GACF5C;;;;;ACFA,IAAA6C,IAAN,cAAqC5C,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;EAAjD,cAAA4C;AAAA3C,UAAAC,GAAAA,SAAAA,GAKEhB,KAAA2D,aAAa,IAAI5D,KAGzBC,KAAA4D,kBAAkB5D,KAAK2D,YAcvB3D,KAAQC,eAAe;AAAA,EAAA;AAAA,EAXvB,IAAII,YAAYC,GACf;AAAA,UAAMuD,IAAW7D,KAAKC;AACtBD,SAAKC,eAAeK,GACfN,KAAA2D,WAAWzB,QAAQ5B,CAAAA,GACnBN,KAAA8D,cAAc,eAAeD,CAAAA;AAAAA,EAAQ;AAAA,EAG3C,IAAIxD,cAAAA;AACH,WAAOL,KAAKC;AAAAA,EAAA;AAAA,EAKb,oBACCc;AAAAA,UAAMO,kBACDtB,GAAAA,KAAA2D,WAAWzB,QAAQlC,KAAKK,WAAAA;AAAAA,EAAW;AAAA,EAGzC,SACQ;AAAA,WAAAoC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AAAA;AAtBRI,EAAA,CADCkB,EAAQ,EAAET,SAAS7C,EAAAA,CAAAA,CAAAA,GAPRgD,EAQZR,WAAA,mBAAA,CAAA,GAGIJ,EAAA,CADHC,EAAS,EAAEC,MAAMC,QAAQI,SAAAA,GAVdK,CAAAA,CAAAA,GAAAA,EAWRR,WAAA,eAAA,CAXQQ,GAAAA,IAANZ,EAAA,CADNW,EAAc,0BAAA,CAAA,GACFC;"}
+{"version":3,"file":"schmancy-steps-container-TWU-9ccf.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Subscribe to updates from the container's StepsController.\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Tailwind (or similar) classes for styling.\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-gray-300': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-5 items-center justify-center rounded-full': true,\n\t\t\t'bg-tertiary-default group-hover:bg-tertiary-onContainer': isComplete,\n\t\t\t'border-2 border-tertiary-default bg-white': !isComplete && isActive,\n\t\t\t'border-2 border-gray-300 bg-white group-hover:border-gray-400': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-tertiary-default': isActive,\n\t\t\t'text-gray-500': !isActive,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-6 left-2.5 mt-0.5 -ml-px h-full w-0.5 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button type=\"button\" @click=${this._onStepClick} class=\"relative flex items-center group ${clickableClass}\">\n\t\t\t\t\t<span class=\"flex items-center h-10\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"text-white size-3\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-2.5 rounded-full ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-tertiary-default'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-gray-300'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start min-w-0 ml-4\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\">\n\t\t\t\t\t\t\t<span class=${this.classMap(textClasses)}>${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-gray-500\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, regardless of completion -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"pl-2 ml-2 block h-full pb-12\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1\" role=\"list\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","render","isComplete","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","constructor","controller","stepsController","oldValue","requestUpdate","provide"],"mappings":"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"}

package/dist/{select-BkAIgenx.js → select-Cqeb0qCm.js}

@@ -2,8 +2,8 @@ import { autoUpdate as c, computePosition as u, offset as y, flip as v, shift as
 import "rxjs";
 import { classMap as f } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as b } from "./litElement.mixin-B1fR6EmN.js";
-import "./tailwind.mixin-DUDUV2I_.js";
+import { $ as b } from "./litElement.mixin-C90TPiZq.js";
+import "./tailwind.mixin-CbiMTKLU.js";
 import { c as g } from "./ripple-BumgqsDT.js";
 import { S as w } from "./theme.interface-C5Kj6WjD.js";
 import { css as V, html as O } from "lit";
@@ -231,4 +231,4 @@ a.formAssociated = !0, o([r({ type: String })], a.prototype, "name", 2), o([r({
 export {
   a as S
 };
-//# sourceMappingURL=select-BkAIgenx.js.map
+//# sourceMappingURL=select-Cqeb0qCm.js.map

package/dist/{select-BkAIgenx.js.map → select-Cqeb0qCm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-BkAIgenx.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t\tthis.checkValidity()\n\t\t\t})\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t})\n\n\t\t\tthis.internals.form.removeEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis._touched = true // Mark as touched when dropdown is opened\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis._touched = true // Mark as touched when dropdown is closed\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\n\t\t// Check validity when closing, respecting validation strategy\n\t\tif (this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Check validity respecting validation strategy\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></sch-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","_userInteracted","_touched","_dirty","_submitted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","checkValidity","reset","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","forceValidation","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","shouldShowValidation","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","inputRef","showError","error","valid","message","customError","showErrors","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"select-Cqeb0qCm.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t\tthis.checkValidity()\n\t\t\t})\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t})\n\n\t\t\tthis.internals.form.removeEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis._touched = true // Mark as touched when dropdown is opened\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis._touched = true // Mark as touched when dropdown is closed\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\n\t\t// Check validity when closing, respecting validation strategy\n\t\tif (this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Check validity respecting validation strategy\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></sch-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","_userInteracted","_touched","_dirty","_submitted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","checkValidity","reset","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","forceValidation","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","shouldShowValidation","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","inputRef","showError","error","valid","message","customError","showErrors","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{select-BXoNsWb2.cjs → select-DqumJi31.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("@floating-ui/dom");require("rxjs");const d=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const p=require("./litElement.mixin-AkHgwswI.cjs");require("./tailwind.mixin-DLLvl6_j.cjs");const u=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),a=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var o,r=s>1?void 0:s?v(e,i):e,h=t.length-1;h>=0;h--)(o=t[h])&&(r=(s?o(e,i,r):o(r))||r);return s&&r&&m(e,i,r),r};exports.SchmancySelect=class extends p.$LitElement(c.css`
+"use strict";const l=require("@floating-ui/dom");require("rxjs");const d=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const p=require("./litElement.mixin-DEcupxqH.cjs");require("./tailwind.mixin-BmxNqOqA.cjs");const u=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),a=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var o,r=s>1?void 0:s?v(e,i):e,h=t.length-1;h>=0;h--)(o=t[h])&&(r=(s?o(e,i,r):o(r))||r);return s&&r&&m(e,i,r),r};exports.SchmancySelect=class extends p.$LitElement(c.css`
 	:host {
 		display: block;
 		position: relative;
@@ -54,4 +54,4 @@
 				</ul>
 			</div>
 		`}},exports.SchmancySelect.formAssociated=!0,n([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),n([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),n([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),n([a.state()],exports.SchmancySelect.prototype,"isOpen",2),n([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),n([a.state()],exports.SchmancySelect.prototype,"isValid",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),n([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),n([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),n([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),n([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),n([a.state()],exports.SchmancySelect.prototype,"_touched",2),n([a.state()],exports.SchmancySelect.prototype,"_dirty",2),n([a.state()],exports.SchmancySelect.prototype,"_submitted",2),exports.SchmancySelect=n([a.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-BXoNsWb2.cjs.map
+//# sourceMappingURL=select-DqumJi31.cjs.map

package/dist/{select-BXoNsWb2.cjs.map → select-DqumJi31.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-BXoNsWb2.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t\tthis.checkValidity()\n\t\t\t})\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t})\n\n\t\t\tthis.internals.form.removeEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis._touched = true // Mark as touched when dropdown is opened\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis._touched = true // Mark as touched when dropdown is closed\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\n\t\t// Check validity when closing, respecting validation strategy\n\t\tif (this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Check validity respecting validation strategy\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></sch-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","_userInteracted","_touched","_dirty","_submitted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","checkValidity","reset","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","forceValidation","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","shouldShowValidation","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","inputRef","showError","error","valid","message","customError","render","showErrors","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"select-DqumJi31.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t\tthis.checkValidity()\n\t\t\t})\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', () => {\n\t\t\t\tthis._submitted = true\n\t\t\t})\n\n\t\t\tthis.internals.form.removeEventListener('reset', () => {\n\t\t\t\tthis.reset()\n\t\t\t})\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis._touched = true // Mark as touched when dropdown is opened\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis._touched = true // Mark as touched when dropdown is closed\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\n\t\t// Check validity when closing, respecting validation strategy\n\t\tif (this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Check validity respecting validation strategy\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></sch-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","_userInteracted","_touched","_dirty","_submitted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","checkValidity","reset","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","forceValidation","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","shouldShowValidation","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","inputRef","showError","error","valid","message","customError","render","showErrors","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"wjBAeaA,QAAAA,eAAN,cAA6BC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAwC/C,aAAAC,CACOC,MAxBgDC,EAAAA,KAAAC,SAAA,GACbD,KAAAE,YAAA,GAC4BF,KAAAG,MAAA,GACjCH,KAAAI,SACDJ,KAAAK,MAAA,GACDL,KAAAM,KAAA,GACoDN,KAAAO,WAAA,UAG9EP,KAAQQ,OAAAA,GACRR,KAAQS,WAAa,GACrBT,KAAQU,QAAU,GACqBV,KAAAW,kBAAA,GAMrBX,KAAAY,gBAAAA,GAClBZ,KAAQa,SAAW,GACnBb,KAAQc,OAAS,GACjBd,KAAQe,WAAAA,GA2JTf,KAAAgB,cAAiBC,GAAAA,CACpB,GAACjB,CAAAA,KAAKQ,OAKT,OAAA,KAJI,CAAC,QAAS,IAAK,WAAaU,EAAAA,SAASD,EAAEE,GAAAA,IAC1CF,EAAEG,eAAAA,EACFpB,KAAKqB,aAAa,EAAA,IAKd,MAAAC,EAAUtB,KAAKuB,QAAQC,aAAeC,EAAEC,QAAQ,QAAA,CAAA,GAAA,GAEtD,OAAQT,EAAEE,IAAAA,CACT,IAAK,SAgBL,IAAK,MACJnB,KAAK2B,cAAAA,EACL,MAfD,IAAK,YACJV,EAAEG,eAAAA,EACGpB,KAAA4B,YAAY5B,KAAKuB,QAASM,KAAKC,IAAIR,EAAU,EAAGtB,KAAKuB,QAAQQ,OAAS,CAAA,CAAA,EAC3E,MACD,IAAK,UACJd,EAAEG,eACGpB,EAAAA,KAAA4B,YAAY5B,KAAKuB,QAASM,KAAKG,IAAIV,EAAU,EAAG,CACrD,CAAA,EAAA,MACD,IAAK,QACL,IAAK,IACJL,EAAEG,eACEE,EAAAA,GAAW,GAAQtB,KAAAiC,mBAAmBjC,KAAKuB,QAAQD,CAASnB,EAAAA,KAAAA,CAAAA,CAIhE,EApLE,GAAA,CACEH,KAAAkC,UAAYlC,KAAKmC,gBAAAA,OAEiD,CAAA,CACxE,CAGD,IAAA,aACC,OAAOnC,EAAAA,KAAKkC,YAALlC,YAAAA,EAAgBoC,IAAA,CAGxB,0BACCrC,MAAMsC,kBAAAA,EACDrC,KAAKsC,KACJtC,KAAAsC,GAAK,mBAAmBT,KAAKU,OAAAA,EAASC,SAAS,EAAA,EAAIC,OAAO,EAAG,CAE9DzC,CAAAA,IAAAA,KAAA0C,iBAAiB,UAAW1C,KAAKgB,aAAAA,GAGlChB,EAAAA,KAAKkC,YAALlC,MAAAA,EAAgBoC,OACnBpC,KAAKkC,UAAUE,KAAKM,iBAAiB,SAAU,IAAA,CAC9C1C,KAAKe,WAAa,GAClBf,KAAK2C,cAAAA,CAAc,CAIpB3C,EAAAA,KAAKkC,UAAUE,KAAKM,iBAAiB,QAAS,IAAA,CAC7C1C,KAAK4C,MAAAA,CAAM,CAEb,EAAA,CAGD,sBAAAC,SACC9C,MAAM8C,qBAAAA,EACD7C,KAAA8C,oBAAoB,UAAW9C,KAAKgB,aAAAA,GACzChB,EAAAA,KAAK+C,oBAAL/C,MAAAA,EAAAA,YAGIA,EAAAA,KAAKkC,YAALlC,MAAAA,EAAgBoC,OACnBpC,KAAKkC,UAAUE,KAAKU,oBAAoB,SAAU,IACjD9C,CAAAA,KAAKe,aAAa,CAAA,EAGnBf,KAAKkC,UAAUE,KAAKU,oBAAoB,QAAS,IAAA,CAChD9C,KAAK4C,MAAAA,CAAM,CAEb,EAAA,CAGD,cAAAI,CACChD,KAAKiD,cACLjD,EAAAA,KAAKkD,0BAA0B,CAAA,CAGhC,QAAQC,SAGH,GAFJpD,MAAMqD,QAAQD,CAAAA,EAEVA,EAAaE,IAAI,SAAU,CAExB,MAAAC,EAAYC,MAAMC,QAAQxD,KAAKG,KAASH,EAAAA,KAAKG,MAAMsD,KAAK,GAAOzD,EAAAA,KAAKG,OACrEH,EAAAA,KAAAkC,YAAAlC,MAAAA,EAAW0D,aAAaJ,GAGzBtD,KAAK2D,aACR3D,KAAKc,OAAAA,IAIFd,KAAK2D,YACR3D,KAAK2C,cAAAA,CACN,CACD,CAOO,qBAAqBiB,EAAAA,GAC5B,CAAA,GAAIA,EAAwB,MAAA,GAE5B,OAAQ5D,KAAKO,WAAAA,CACZ,IAAK,SACG,MAAA,GACR,IAAK,UAML,QACC,OAAOP,KAAKa,SALb,IAAK,QACJ,OAAOb,KAAKc,OACb,IAAK,YACJ,OAAOd,KAAKe,UAGd,CAAA,CAGO,eAAAkC,CACP,GAAIjD,KAAKI,MAAO,CACT,MAAAyD,EAAiBN,MAAMC,QAAQxD,KAAKG,KAAAA,EAASH,KAAKG,MAAQ,CAAA,EAC3DH,KAAAuB,QAAQuC,QAAcrC,GAAAA,EAAEsC,SAAWF,EAAe3C,SAASO,EAAEtB,KAC7DH,CAAAA,EAAAA,KAAAS,WACJoD,EAAe9B,OAAS,EACrB/B,KAAKuB,QACJyC,OAAYvC,GAAAoC,EAAe3C,SAASO,EAAEtB,KACtC8D,CAAAA,EAAAA,IAASxC,GAAAA,EAAEpB,OACXoD,KAAK,IAAA,EACNzD,KAAKE,WAAA,KACH,CACA,MAAAgE,EAAiBlE,KAAKuB,QAAQ4C,QAAU1C,EAAEtB,QAAUH,KAAKG,KAAAA,EAC1DH,KAAAS,YAAayD,iBAAgB7D,QAASL,KAAKE,WAAA,CACjD,CAGO,2BAAAgD,CACPlD,KAAKuB,QAAQuC,QAAQ,CAACM,EAAQC,IACtBD,CAAAA,EAAAE,aAAa,OAAQ,UACvBF,EAAO9B,KACX8B,EAAO9B,GAAK,GAAGtC,KAAKsC,aAAa+B,CAElCD,IAAAA,EAAOG,SAAW,GACZ,MAAAV,EAAiBN,MAAMC,QAAQxD,KAAKG,KAAAA,EAASH,KAAKG,MAAQ,CAEzDiE,EAAAA,EAAAE,aACN,gBACAE,OAAOxE,KAAKI,MAAQyD,EAAe3C,SAASkD,EAAOjE,KAASiE,EAAAA,EAAOjE,QAAUH,KAAKG,KACnF,CAAA,CAAA,CAAA,CACA,CAGF,MAAcsE,kBAAAA,CACb,MAAMC,EAAY1E,KAAK2E,WAAWC,cAAc,UAAA,EAChD,GAAKF,CAAAA,GAAAA,CAAc1E,KAAK6E,GAAI,OAG5B,MAAMC,EAAkBC,OAAOC,YAAcN,EAAUO,sBAAAA,EAAwBC,OAAS,GACxFlF,KAAK6E,GAAGM,MAAMC,UAAY,GAAGN,CAAAA,KAE7B9E,KAAK+C,kBAAoBsC,EAAAA,WAAWX,EAAW1E,KAAK6E,GAAIS,SACjD,CAAA,KAAA,CAAAC,EAAEA,IAAGC,CAAAA,EAAAA,MAAYC,EAAAA,gBAAgBf,EAAW1E,KAAK6E,GAAI,CAC1Da,UAAW,eACXC,WAAY,CAACC,SAAO,CAAIC,EAAAA,EAAAA,KAAQC,EAAAA,QAAM,CAAEC,QAAS,CAG3CC,CAAAA,CAAAA,CAAAA,CAAAA,EAAAA,OAAAC,OAAOjG,KAAK6E,GAAGM,MAAO,CAC5Be,KAAM,GAAGX,CAAAA,KACTY,IAAK,GAAGX,CACRY,KAAAA,SAAU,YACV,CACD,CAAA,CAqCM,YAAY7E,EAAwB8C,EAAAA,CACrC,MAAAD,EAAS7C,EAAQ8C,CACvB,EAAA,GAAID,EAAQ,CACXA,EAAOiC,MACP,EAAA,MAAMC,EAAWtG,KAAK2E,WAAWC,cAAc,UACrC0B,EAAAA,GAAAA,MAAAA,EAAAhC,aAAa,wBAAyBF,EAAO9B,GAAE,CAC1D,CAGD,mBAA2BiE,EAAAA,GAC1BvG,CAAAA,KAAKa,SAAW,GAChBb,KAAKQ,OAAS,GAAA,MACRR,KAAKwG,eAEXxG,KAAKyE,iBAAAA,EACLzE,KAAKkD,0BAEL,EAAA,MAAM3B,EAAUgC,MAAMkD,KAAKzG,KAAK6E,GAAG6B,iBAAiB,iBAC9CC,CAAAA,EAAAA,EAAgB3G,KAAKI,MAAQ,EAAImB,EAAQC,UAAeC,GAAAA,EAAEmF,aAAa,OAAA,IAAa5G,KAAKG,KAAAA,EAC/FH,KAAK4B,YAAYL,EAASM,KAAKG,IAAI2E,EAAe,CAAA,CAAA,EAE9CJ,QAAaM,eAAAA,CAAe,CAGzB,eACP7G,OAAAA,KAAKa,SAAW,GAChBb,KAAKQ,OAAAA,IACLR,EAAAA,KAAK+C,oBAAL/C,MAAAA,EAAAA,WACA,MAAMsG,EAAWtG,KAAK2E,WAAWC,cAA2B,UAAA,EAC5D0B,WAAUQ,gBAAgB,yBAC1BR,WAAUD,QAGNrG,KAAK+G,qBAAAA,GACR/G,KAAK2C,cAAAA,CACN,CAGO,mBAAmBxC,EAK1B,OAAA,GAJAH,KAAKY,gBAAAA,GACLZ,KAAKa,SAAW,GAChBb,KAAKc,OAAAA,GAEDd,KAAKI,MAAO,CACf,MAAMgE,EAASpE,KAAKuB,QAAQ4C,KAAU1C,GAAAA,EAAEtB,QAAUA,CAClD,EAAA,GAAA,CAAKiE,EAAQ,OAENA,EAAAL,SAAYK,CAAAA,EAAOL,SACtB,IAAAF,EAAiBN,MAAMC,QAAQxD,KAAKG,KAAS,EAAA,CAAA,GAAIH,KAAKG,KAAAA,EAAS,CAGjD0D,EAAAA,EADdO,EAAOL,SACO,CAAA,GAAIF,EAAgB1D,CAAAA,EAEpB0D,EAAeG,OAAYgD,GAAAA,IAAM7G,CAAAA,EAGnDH,KAAKG,MAAQ0D,EAER7D,KAAAS,WACJoD,EAAe9B,OAAS,EACrB/B,KAAKuB,QACJyC,OAAYvC,GAAAoC,EAAe3C,SAASO,EAAEtB,KACtC8D,CAAAA,EAAAA,IAASxC,GAAAA,EAAEpB,OACXoD,KAAK,IAAA,EACNzD,KAAKE,YAETF,KAAKiH,eAAepD,CAAc,CAAA,MAElC7D,KAAKuB,QAAQuC,QAAQrC,GAAMA,EAAEsC,SAAWtC,EAAEtB,QAAUA,CAAAA,EACpDH,KAAKG,MAAQA,EACRH,KAAAS,aAAaT,EAAAA,KAAKuB,QAAQ4C,KAAK1C,GAAKA,EAAEtB,QAAUA,CAAAA,IAAnCH,YAAAA,EAA2CK,QAASL,KAAKE,YAC3EF,KAAKiH,eAAe9G,CACpBH,EAAAA,KAAK2B,gBAGN3B,KAAKkD,0BAAAA,EAGLlD,KAAK2C,cAAAA,CAAc,CAGZ,eAAexC,EAEjBH,CAAAA,KAAAkH,cACJ,IAAIC,YAAiD,SAAU,CAC9DC,OAAQ,CAAEjH,MAAAA,CAAAA,EACVkH,QAAS,GACTC,SAAU,EAAA,CAAA,CAAA,EAKZtH,KAAK2C,cAAc,CAAA,CAGb,eAAAA,SAEN,MAAM4E,EAAUvH,KAAKI,MAASmD,CAAAA,MAAMC,QAAQxD,KAAKG,KAAgC,GAAtBH,KAAKG,MAAM4B,SAAW,EAAXA,CAAgB/B,KAAKG,MAGrFO,EAAYV,EAAAA,KAAKC,UAAYsH,GAe/B,GAZJvH,KAAKU,QAAUA,EAEVV,KAAKU,SAKTV,KAAKW,kBAAoB,IACpBX,EAAAA,KAAAkC,YAAAlC,MAAAA,EAAWwH,YAAY,MAL5BxH,KAAKW,kBAAoB,4BACpBX,EAAAA,KAAAkC,YAAAlC,MAAAA,EAAWwH,YAAY,CAAEC,aAAc,EAAA,EAAQ,2BAA4BzH,KAAK0H,WAQlF1H,KAAK0H,UAAY1H,KAAK2D,WAAY,CACrC,MAAMgE,EAAAA,CAAa3H,KAAKU,SAAWV,KAAK+G,qBACxC/G,EAAAA,KAAK0H,SAASE,MAAQD,CAAA,CAGvB,OAAO3H,KAAKU,OAAA,CAGN,gBAAAmG,CAEA,MAAAgB,EAAQ7H,KAAK2C,cAcZ,EAAA,OAXH3C,KAAK0H,WAEH1H,KAAA0H,SAASE,MAASC,CAAAA,EACvB7H,KAAK0H,SAASpH,KAAQuH,EAAiC7H,KAAKM,KAA9BN,KAAKW,kBAG9BkH,GACJ7H,KAAK0H,SAASb,eAITgB,GAAAA,CAAA,CAGD,kBAAkBC,EACxB9H,SAAAA,KAAKW,kBAAoBmH,EACrBA,GACH9H,KAAKU,QAAAA,IACAV,EAAAA,KAAAkC,YAAAlC,MAAAA,EAAWwH,YAAY,CAAEO,YAAAA,EAAqBD,EAAAA,EAAS9H,KAAK0H,YAEjE1H,KAAKU,QAAAA,IACAV,EAAAA,KAAAkC,YAAAlC,MAAAA,EAAWwH,YAAY,KAIzBxH,KAAK0H,UAAY1H,KAAK+G,qBAAAA,IACpB/G,KAAA0H,SAASE,MAAS5H,CAAAA,KAAKU,QAC5BV,KAAK0H,SAASpH,KAAQN,KAAKU,QAAmCV,KAAKM,KAA9BN,KAAKW,kBAC3C,CAGM,OAAAiC,OACN5C,KAAKG,MAAQ,GACbH,KAAKS,WAAaT,KAAKE,YACvBF,KAAKU,QAAAA,GACLV,KAAKW,kBAAoB,GACzBX,KAAKa,SAAW,GAChBb,KAAKc,OAAS,GACdd,KAAKe,WAAAA,GACLf,KAAKY,gBAAkB,IAClBZ,EAAAA,KAAAkC,YAAAlC,MAAAA,EAAWwH,YAAY,IAC5BxH,KAAKuB,QAAQuC,QAAcrC,GAAAA,EAAEsC,SAAAA,EAEzB/D,EAAAA,KAAK0H,WACR1H,KAAK0H,SAASE,MAAAA,GACT5H,KAAA0H,SAASpH,KAAON,KAAKM,KAC3B,CAGD,QAAA0H,CAEC,MAAMC,EAAAA,CAAcjI,KAAKU,SAAWV,KAAK+G,qBAAAA,EAElC,OAAAmB,EAAAA;AAAAA;AAAAA;AAAAA,aAGIlI,KAAKmI,IAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAKGnI,KAAKQ,MAAAA;AAAAA;AAAAA;AAAAA,qBAGLR,KAAKC,QAAAA;AAAAA,cACZD,KAAKK,KAAAA;AAAAA,oBACCL,KAAKE,WAAAA;AAAAA,cACXF,KAAKS,UAAAA;AAAAA,iBACFT,KAAKC,QAAAA;AAAAA,aACTgI,EAAajI,KAAKW,kBAAoBX,KAAKM,IAAAA;AAAAA,cAC1C2H,CAAAA;AAAAA,mBACKjI,KAAKO,UAAAA;AAAAA;AAAAA,cAEV,IAAOP,KAAKQ,OAASR,KAAK2B,cAAAA,EAAkB3B,KAAKqB,aAAa,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM5DrB,KAAKQ,MAAAA;AAAAA,cACPR,KAAK2B,aAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4BAQS3B,KAAKI,KAAAA;AAAAA,aACpBgI,WAAS,CAChB,qDAAsD,GACtDC,QAASrI,KAAKQ,MAAAA,CAAAA,CAAAA;AAAAA,OAEb8H,EAAAA,MAAM,CAAEC,QAASC,EAAAA,cAAcC,IAAIH,MAAMI,QAAQC,SAAAA,CAAAA,CAAAA;AAAAA,cACzC1H,GACT,OAAA,MAAM2H,EAAY3H,EACZ4H,GAAYD,EAAAA,EAAUxB,SAAVwB,YAAAA,EAAkBzI,MAChC0I,GACH7I,KAAKiC,mBAAmB4G,CAAS,CAAA,CAAA;AAAA;AAAA;AAAA,oBAKpB,IACb7I,CAAAA,KAAKiD,cACLjD,EAAAA,KAAKkD,0BAA0B,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,GAC/B,CA7cMvD,EAAAA,QAAAA,eAYLmJ,eAAiB,GAIIC,EAAA,CAA3BC,WAAS,CAAEC,KAAMzE,MAAAA,CAAAA,CAAAA,EAhBN7E,uBAgBgBuJ,UAAA,OAAA,CAAA,EACgBH,EAAA,CAA3CC,EAAAA,SAAS,CAAEC,KAAME,QAASC,QAAS,EAAA,CAAA,CAAA,EAjBxBzJ,uBAiBgCuJ,UAAA,WAAA,CAAA,EAChBH,EAAA,CAA3BC,WAAS,CAAEC,KAAMzE,MAAAA,CAAAA,CAAAA,EAlBN7E,uBAkBgBuJ,UAAA,cAAA,CAAA,EACeH,EAAA,CAA1CC,EAAAA,SAAS,CAAEC,KAAMzE,OAAQ4E,QAAS,EAAA,CAAA,CAAA,EAnBvBzJ,uBAmB+BuJ,UAAA,QAAA,CAAA,EACdH,EAAA,CAA5BC,WAAS,CAAEC,KAAME,OAAAA,CAAAA,CAAAA,EApBNxJ,uBAoBiBuJ,UAAA,QAAA,GACDH,EAAA,CAA3BC,WAAS,CAAEC,KAAMzE,UArBN7E,uBAqBgBuJ,UAAA,QAAA,CACAH,EAAAA,EAAA,CAA3BC,WAAS,CAAEC,KAAMzE,MAtBN7E,CAAAA,CAAAA,EAAAA,uBAsBgBuJ,UAAA,OAAA,CACAH,EAAAA,EAAA,CAA3BC,WAAS,CAAEC,KAAMzE,MAvBN7E,CAAAA,CAAAA,EAAAA,uBAuBgBuJ,UAAA,aAAA,CAGXH,EAAAA,EAAA,CAAhBM,EAAMA,MA1BK1J,CAAAA,EAAAA,uBA0BKuJ,UAAA,SAAA,GACAH,EAAA,CAAhBM,EAAMA,MA3BK1J,CAAAA,EAAAA,uBA2BKuJ,UAAA,aAAA,CAAA,EACAH,EAAA,CAAhBM,EAAMA,MA5BK1J,CAAAA,EAAAA,uBA4BKuJ,UAAA,UAAA,CACWH,EAAAA,EAAA,CAA3BC,WAAS,CAAEC,KAAMzE,MA7BN7E,CAAAA,CAAAA,EAAAA,uBA6BgBuJ,UAAA,oBAAA,CAAA,EAEPH,EAAA,CAApBO,EAAAA,MAAM,IAAA,CAAA,EA/BK3J,uBA+BSuJ,UAAA,KAAA,CAAA,EACOH,EAAA,CAA3BO,EAAAA,MAAM,cAhCK3J,uBAgCgBuJ,UAAA,WAAA,CACsBH,EAAAA,EAAA,CAAjDQ,wBAAsB,CAAEC,QAAAA,EAjCb7J,CAAAA,CAAAA,EAAAA,uBAiCsCuJ,UAAA,UAAA,CAEzCH,EAAAA,EAAA,CAARM,EAAMA,SAnCK1J,uBAmCHuJ,UAAA,kBAAA,CACQH,EAAAA,EAAA,CAAhBM,EAAMA,MAAAA,CAAAA,EApCK1J,uBAoCKuJ,UAAA,WAAA,GACAH,EAAA,CAAhBM,EAAMA,MAAAA,CAAAA,EArCK1J,uBAqCKuJ,UAAA,SAAA,CAAA,EACAH,EAAA,CAAhBM,EAAMA,MAAAA,CAAAA,EAtCK1J,uBAsCKuJ,UAAA,aAAA,CAAA,EAtCLvJ,QAANA,eAAAoJ,EAAA,CADNU,EAAAA,cAAc,iBAAA,CAAA,EACF9J"}

package/dist/select.cjs

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

package/dist/select.js

@@ -1,4 +1,4 @@
-import { S } from "./select-BkAIgenx.js";
+import { S } from "./select-Cqeb0qCm.js";
 export {
   S as SchmancySelect
 };

package/dist/{sheet-HJLcNzIs.cjs → sheet-CUaEKes1.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-DLLvl6_j.cjs"),m=require("lit"),h=require("lit/decorators.js"),w=require("./litElement.mixin-AkHgwswI.cjs"),S=require("lit/directives/when.js");var E=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(m.css``){render(){return m.html`
+"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-BmxNqOqA.cjs"),m=require("lit"),h=require("lit/decorators.js"),w=require("./litElement.mixin-DEcupxqH.cjs"),S=require("lit/directives/when.js");var E=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(m.css``){render(){return m.html`
 			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
 				<div class="block md:hidden flex-1 justify-start items-start">
 					<slot name="back">
@@ -44,4 +44,4 @@
 				</schmancy-grid>
 			</div>
 		`}};var l,p;a([h.property({type:String,reflect:!0})],r.prototype,"uid",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"open",2),a([h.property({type:String,reflect:!0})],r.prototype,"header",2),a([h.property({type:String,reflect:!0})],r.prototype,"position",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"persist",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"lock",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"handleHistory",2),a([h.property({type:String,reflect:!0})],r.prototype,"title",2),a([h.query(".sheet")],r.prototype,"sheet",2),a([h.queryAssignedElements({flatten:!0})],r.prototype,"assignedElements",2),a([h.property()],r.prototype,"focusAttribute",2),a([(l="open",(t,e)=>{const{willUpdate:s}=t;p=Object.assign({waitUntilFirstUpdate:!1},p),t.willUpdate=function(o){if(s.call(this,o),o.has(l)){const c=o.get(l),n=this[l];c!==n&&(p!=null&&p.waitUntilFirstUpdate&&!this.hasUpdated||this[e].call(this,c,n))}}})],r.prototype,"onOpenChange",1),r=a([h.customElement("schmancy-sheet")],r),exports.SchmancySheetPosition=f,exports.SheetHereMorty=v,exports.SheetWhereAreYouRicky=y,exports.sheet=u;
-//# sourceMappingURL=sheet-HJLcNzIs.cjs.map
+//# sourceMappingURL=sheet-CUaEKes1.cjs.map