@mhmo91/schmancy 0.4.13 → 0.4.15

package/dist/progress-D4y0dpK9.js

@@ -0,0 +1,57 @@
+import "rxjs";
+import { classMap as d } from "lit/directives/class-map.js";
+import { styleMap as m } from "lit/directives/style-map.js";
+import { T as g } from "./tailwind.mixin-CjS7whsn.js";
+import { property as a, customElement as p } from "lit/decorators.js";
+import { css as u, html as c } from "lit";
+var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (l, r, o, i) => {
+  for (var n, e = i > 1 ? void 0 : i ? b(r, o) : r, h = l.length - 1; h >= 0; h--) (n = l[h]) && (e = (i ? n(r, o, e) : n(e)) || e);
+  return i && e && f(r, o, e), e;
+};
+let t = class extends g(u`
+  :host {
+    display: block;
+  }
+
+  @keyframes indeterminate {
+    0% {
+      left: -30%;
+    }
+    100% {
+      left: 100%;
+    }
+  }
+
+  .indeterminate-animation {
+    animation: indeterminate 1.5s infinite ease-in-out;
+  }
+`) {
+  constructor() {
+    super(...arguments), this.value = 0, this.max = 100, this.indeterminate = !1, this.size = "md", this.color = "primary", this.glass = !1;
+  }
+  get percentage() {
+    return this.indeterminate ? 0 : Math.min(100, Math.max(0, this.value / this.max * 100));
+  }
+  render() {
+    const l = { "w-full": !0, relative: !0, "overflow-hidden": !0, "rounded-full": !0, "h-0.5": this.size === "sm", "h-1": this.size === "md", "h-2": this.size === "lg", "backdrop-blur-xl": this.glass, "backdrop-saturate-150": this.glass, "bg-white/20": this.glass && !this.indeterminate, "dark:bg-black/20": this.glass && !this.indeterminate, "bg-surface-container": !this.glass, "shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]": this.glass, border: this.glass, "border-white/20": this.glass, "dark:border-white/10": this.glass }, r = { "h-full": !0, "rounded-full": !0, "transition-all": !0, "duration-300": !0, "ease-in-out": !0, relative: !0, "bg-primary-default": this.color === "primary" && !this.glass, "bg-secondary-default": this.color === "secondary" && !this.glass, "bg-tertiary-default": this.color === "tertiary" && !this.glass, "bg-error-default": this.color === "error" && !this.glass, "bg-success-default": this.color === "success" && !this.glass, "w-[30%]": this.indeterminate, absolute: this.indeterminate, "indeterminate-animation": this.indeterminate }, o = this.indeterminate ? {} : { width: `${this.percentage}%` }, i = { "backdrop-blur-sm": this.glass, "shadow-[0_0_20px_rgba(0,0,0,0.1)]": this.glass, "bg-primary-default/70": this.glass && this.color === "primary", "bg-secondary-default/70": this.glass && this.color === "secondary", "bg-tertiary-default/70": this.glass && this.color === "tertiary", "bg-error-default/70": this.glass && this.color === "error", "bg-success-default/70": this.glass && this.color === "success" };
+    return c`
+      <div class="${d(l)}">
+        <div 
+          class="${d({ ...r, ...i })}"
+          style="${m(o)}"
+          role="progressbar"
+          aria-valuenow="${this.value}"
+          aria-valuemin="0"
+          aria-valuemax="${this.max}"
+        >
+          ${this.glass ? c`
+            <!-- Glass shine effect -->
+            <div class="absolute inset-0 bg-gradient-to-b from-white/20 to-transparent rounded-full"></div>
+          ` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+s([a({ type: Number, reflect: !0 })], t.prototype, "value", 2), s([a({ type: Number, reflect: !0 })], t.prototype, "max", 2), s([a({ type: Boolean, reflect: !0 })], t.prototype, "indeterminate", 2), s([a({ type: String, reflect: !0 })], t.prototype, "size", 2), s([a({ type: String, reflect: !0 })], t.prototype, "color", 2), s([a({ type: Boolean, reflect: !0 })], t.prototype, "glass", 2), t = s([p("schmancy-progress")], t);
+//# sourceMappingURL=progress-D4y0dpK9.js.map

package/dist/progress-D4y0dpK9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-D4y0dpK9.js","sources":["../src/progress/progress.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends TailwindElement(css`\n  :host {\n    display: block;\n  }\n\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n    }\n    100% {\n      left: 100%;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.5s infinite ease-in-out;\n  }\n`) {\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-0.5': this.size === 'sm',\n      'h-1': this.size === 'md',\n      'h-2': this.size === 'lg',\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-white/20': this.glass && !this.indeterminate,\n      'dark:bg-black/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-white/20': this.glass,\n      'dark:border-white/10': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'w-[30%]': this.indeterminate,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-gradient-to-b from-white/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}"],"names":["SchmancyProgress","TailwindElement","css","constructor","super","arguments","this","value","max","indeterminate","size","color","glass","Math","min","containerClasses","relative","border","barClasses","absolute","barStyles","width","percentage","glassBarClasses","html","classMap","styleMap","__decorateClass","property","type","Number","reflect","prototype","Boolean","String","customElement"],"mappings":"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"}

package/dist/progress.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./progress-C7nnUVNo.cjs");
+"use strict";require("./progress-CZXKwGBB.cjs");
 //# sourceMappingURL=progress.cjs.map

package/dist/progress.js

@@ -1,2 +1,2 @@
-import "./progress-DNoDfb2_.js";
+import "./progress-D4y0dpK9.js";
 //# sourceMappingURL=progress.js.map

package/dist/{radio-button-D6ZQIEMc.js → radio-button-CKty5_sG.js}

@@ -3,8 +3,8 @@ import { property as a, customElement as p } from "lit/decorators.js";
 import { Subject as v } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as m } from "./tailwind.mixin-CGuZJSAV.js";
-import { F as b } from "./formField.mixin-Dua_nJpW.js";
+import { T as m } from "./tailwind.mixin-CjS7whsn.js";
+import { F as b } from "./formField.mixin-DzKDhHbR.js";
 import { when as y } from "lit/directives/when.js";
 var g = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (e, t, l, s) => {
   for (var r, i = s > 1 ? void 0 : s ? k(t, l) : t, o = e.length - 1; o >= 0; o--) (r = e[o]) && (i = (s ? r(t, l, i) : r(i)) || i);
@@ -111,4 +111,4 @@ export {
   n as R,
   d as a
 };
-//# sourceMappingURL=radio-button-D6ZQIEMc.js.map
+//# sourceMappingURL=radio-button-CKty5_sG.js.map

package/dist/{radio-button-D6ZQIEMc.js.map → radio-button-CKty5_sG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-button-D6ZQIEMc.js","sources":["../src/radio-group/radio-group.ts","../src/radio-group/radio-button.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'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\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 FormFieldMixin(TailwindElement(style)) {\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) override required: boolean = false\n\tprivate selection$ = new Subject<string>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.value = value\n\t\t\tthis.emitChange({ value })\n\t\t\t// Update all child radio buttons\n\t\t\tthis.updateChildRadioButtons()\n\t\t})\n\t\t\n\t\t// Listen for radio button clicks from children\n\t\tthis.addEventListener('radio-button-click', ((e: CustomEvent) => {\n\t\t\tthis.selection$.next(e.detail.value)\n\t\t}) as EventListener)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\t\n\tprivate handleSelection(value: string) {\n\t\tthis.selection$.next(value)\n\t}\n\t\n\tprivate updateChildRadioButtons() {\n\t\t// Update child radio buttons checked state\n\t\tconst radioButtons = this.querySelectorAll('schmancy-radio-button')\n\t\tradioButtons.forEach(button => {\n\t\t\tconst buttonValue = button.getAttribute('value')\n\t\t\tif (buttonValue === this.value) {\n\t\t\t\tbutton.setAttribute('checked', '')\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('checked')\n\t\t\t}\n\t\t})\n\t}\n\t\n\t// For backwards compatibility with direct option setting\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('value')) {\n\t\t\tthis.updateChildRadioButtons()\n\t\t}\n\t}\n\n\trender() {\n\t\t// Check if we have any slotted radio buttons\n\t\tconst hasSlottedContent = this.childElementCount > 0\n\t\t\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\n\t\t\t\t${hasSlottedContent ? \n\t\t\t\t\thtml`<slot></slot>` :\n\t\t\t\t\tthis.options?.map(option => 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.value}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option.value)}\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.label || option.value}\n\t\t\t\t\t\t\t</label>\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","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\n\n@customElement('schmancy-radio-button')\nexport class RadioButton extends FormFieldMixin(TailwindElement()) {\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) override disabled = false\n\t@property({ type: String }) override name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Find parent radio-group if exists\n\t\tthis.addEventListener('click', this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('click', this.handleClick)\n\t}\n\n\tprivate handleClick() {\n\t\tif (this.disabled) return\n\n\t\t// Find parent radio-group if exists\n\t\tconst radioGroup = this.closest('schmancy-radio-group')\n\t\tif (radioGroup) {\n\t\t\t// Let the radio-group handle the change\n\t\t\tconst event = new CustomEvent('radio-button-click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t\tthis.dispatchEvent(event)\n\t\t} else {\n\t\t\t// Standalone usage\n\t\t\tthis.checked = true\n\t\t\tthis.emitChange({ value: this.value })\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"relative flex items-start cursor-pointer\">\n\t\t\t\t<div class=\"flex items-center h-6\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tclass=\"h-4 w-4 text-primary focus:ring-primary-light border-gray-300\"\n\t\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t\t@change=${() => {}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ml-3\">\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"names":["RadioGroup","FormFieldMixin","TailwindElement","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","subscribe","emitChange","updateChildRadioButtons","addEventListener","e","next","detail","disconnectedCallback","unsubscribe","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","checked","disabled","handleClick","removeEventListener","closest","event","CustomEvent","bubbles","composed","dispatchEvent","reflect"],"mappings":"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"}
+{"version":3,"file":"radio-button-CKty5_sG.js","sources":["../src/radio-group/radio-group.ts","../src/radio-group/radio-button.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'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\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 FormFieldMixin(TailwindElement(style)) {\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) override required: boolean = false\n\tprivate selection$ = new Subject<string>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.value = value\n\t\t\tthis.emitChange({ value })\n\t\t\t// Update all child radio buttons\n\t\t\tthis.updateChildRadioButtons()\n\t\t})\n\t\t\n\t\t// Listen for radio button clicks from children\n\t\tthis.addEventListener('radio-button-click', ((e: CustomEvent) => {\n\t\t\tthis.selection$.next(e.detail.value)\n\t\t}) as EventListener)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\t\n\tprivate handleSelection(value: string) {\n\t\tthis.selection$.next(value)\n\t}\n\t\n\tprivate updateChildRadioButtons() {\n\t\t// Update child radio buttons checked state\n\t\tconst radioButtons = this.querySelectorAll('schmancy-radio-button')\n\t\tradioButtons.forEach(button => {\n\t\t\tconst buttonValue = button.getAttribute('value')\n\t\t\tif (buttonValue === this.value) {\n\t\t\t\tbutton.setAttribute('checked', '')\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('checked')\n\t\t\t}\n\t\t})\n\t}\n\t\n\t// For backwards compatibility with direct option setting\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('value')) {\n\t\t\tthis.updateChildRadioButtons()\n\t\t}\n\t}\n\n\trender() {\n\t\t// Check if we have any slotted radio buttons\n\t\tconst hasSlottedContent = this.childElementCount > 0\n\t\t\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\n\t\t\t\t${hasSlottedContent ? \n\t\t\t\t\thtml`<slot></slot>` :\n\t\t\t\t\tthis.options?.map(option => 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.value}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option.value)}\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.label || option.value}\n\t\t\t\t\t\t\t</label>\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","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\n\n@customElement('schmancy-radio-button')\nexport class RadioButton extends FormFieldMixin(TailwindElement()) {\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) override disabled = false\n\t@property({ type: String }) override name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Find parent radio-group if exists\n\t\tthis.addEventListener('click', this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('click', this.handleClick)\n\t}\n\n\tprivate handleClick() {\n\t\tif (this.disabled) return\n\n\t\t// Find parent radio-group if exists\n\t\tconst radioGroup = this.closest('schmancy-radio-group')\n\t\tif (radioGroup) {\n\t\t\t// Let the radio-group handle the change\n\t\t\tconst event = new CustomEvent('radio-button-click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t\tthis.dispatchEvent(event)\n\t\t} else {\n\t\t\t// Standalone usage\n\t\t\tthis.checked = true\n\t\t\tthis.emitChange({ value: this.value })\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"relative flex items-start cursor-pointer\">\n\t\t\t\t<div class=\"flex items-center h-6\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tclass=\"h-4 w-4 text-primary focus:ring-primary-light border-gray-300\"\n\t\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t\t@change=${() => {}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ml-3\">\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"names":["RadioGroup","FormFieldMixin","TailwindElement","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","subscribe","emitChange","updateChildRadioButtons","addEventListener","e","next","detail","disconnectedCallback","unsubscribe","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","checked","disabled","handleClick","removeEventListener","closest","event","CustomEvent","bubbles","composed","dispatchEvent","reflect"],"mappings":"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"}

package/dist/{radio-button-Bplx6LUo.cjs → radio-button-DeAY1R3D.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("lit"),r=require("lit/decorators.js"),h=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-DN3mj7AF.cjs"),p=require("./formField.mixin-s6FQGAPU.cjs"),b=require("lit/directives/when.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,l,o)=>{for(var s,i=o>1?void 0:o?v(t,l):t,a=e.length-1;a>=0;a--)(s=e[a])&&(i=(o?s(t,l,i):s(i))||i);return o&&i&&m(t,l,i),i};exports.RadioGroup=class extends p.FormFieldMixin(u.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new h.Subject}connectedCallback(){super.connectedCallback(),this.selection$.subscribe(e=>{this.value=e,this.emitChange({value:e}),this.updateChildRadioButtons()}),this.addEventListener("radio-button-click",e=>{this.selection$.next(e.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.unsubscribe()}handleSelection(e){this.selection$.next(e)}updateChildRadioButtons(){this.querySelectorAll("schmancy-radio-button").forEach(e=>{e.getAttribute("value")===this.value?e.setAttribute("checked",""):e.removeAttribute("checked")})}updated(e){super.updated(e),e.has("value")&&this.updateChildRadioButtons()}render(){const e=this.childElementCount>0;return c.html`
+"use strict";const c=require("lit"),r=require("lit/decorators.js"),h=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-C9wSwMyj.cjs"),p=require("./formField.mixin-d14Fm5er.cjs"),b=require("lit/directives/when.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,l,o)=>{for(var s,i=o>1?void 0:o?v(t,l):t,a=e.length-1;a>=0;a--)(s=e[a])&&(i=(o?s(t,l,i):s(i))||i);return o&&i&&m(t,l,i),i};exports.RadioGroup=class extends p.FormFieldMixin(u.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new h.Subject}connectedCallback(){super.connectedCallback(),this.selection$.subscribe(e=>{this.value=e,this.emitChange({value:e}),this.updateChildRadioButtons()}),this.addEventListener("radio-button-click",e=>{this.selection$.next(e.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.unsubscribe()}handleSelection(e){this.selection$.next(e)}updateChildRadioButtons(){this.querySelectorAll("schmancy-radio-button").forEach(e=>{e.getAttribute("value")===this.value?e.setAttribute("checked",""):e.removeAttribute("checked")})}updated(e){super.updated(e),e.has("value")&&this.updateChildRadioButtons()}render(){const e=this.childElementCount>0;return c.html`
 			<div class="grid gap-4">
 				${b.when(this.label,()=>c.html` <label class="text-base font-semibold text-gray-900">${this.label}</label> `)}
 				
@@ -38,4 +38,4 @@
 				</div>
 			</label>
 		`}},d([r.property({type:String})],exports.RadioButton.prototype,"value",2),d([r.property({type:Boolean,reflect:!0})],exports.RadioButton.prototype,"checked",2),d([r.property({type:Boolean})],exports.RadioButton.prototype,"disabled",2),d([r.property({type:String})],exports.RadioButton.prototype,"name",2),exports.RadioButton=d([r.customElement("schmancy-radio-button")],exports.RadioButton);
-//# sourceMappingURL=radio-button-Bplx6LUo.cjs.map
+//# sourceMappingURL=radio-button-DeAY1R3D.cjs.map

package/dist/{radio-button-Bplx6LUo.cjs.map → radio-button-DeAY1R3D.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-button-Bplx6LUo.cjs","sources":["../src/radio-group/radio-group.ts","../src/radio-group/radio-button.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'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\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 FormFieldMixin(TailwindElement(style)) {\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) override required: boolean = false\n\tprivate selection$ = new Subject<string>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.value = value\n\t\t\tthis.emitChange({ value })\n\t\t\t// Update all child radio buttons\n\t\t\tthis.updateChildRadioButtons()\n\t\t})\n\t\t\n\t\t// Listen for radio button clicks from children\n\t\tthis.addEventListener('radio-button-click', ((e: CustomEvent) => {\n\t\t\tthis.selection$.next(e.detail.value)\n\t\t}) as EventListener)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\t\n\tprivate handleSelection(value: string) {\n\t\tthis.selection$.next(value)\n\t}\n\t\n\tprivate updateChildRadioButtons() {\n\t\t// Update child radio buttons checked state\n\t\tconst radioButtons = this.querySelectorAll('schmancy-radio-button')\n\t\tradioButtons.forEach(button => {\n\t\t\tconst buttonValue = button.getAttribute('value')\n\t\t\tif (buttonValue === this.value) {\n\t\t\t\tbutton.setAttribute('checked', '')\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('checked')\n\t\t\t}\n\t\t})\n\t}\n\t\n\t// For backwards compatibility with direct option setting\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('value')) {\n\t\t\tthis.updateChildRadioButtons()\n\t\t}\n\t}\n\n\trender() {\n\t\t// Check if we have any slotted radio buttons\n\t\tconst hasSlottedContent = this.childElementCount > 0\n\t\t\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\n\t\t\t\t${hasSlottedContent ? \n\t\t\t\t\thtml`<slot></slot>` :\n\t\t\t\t\tthis.options?.map(option => 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.value}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option.value)}\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.label || option.value}\n\t\t\t\t\t\t\t</label>\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","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\n\n@customElement('schmancy-radio-button')\nexport class RadioButton extends FormFieldMixin(TailwindElement()) {\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) override disabled = false\n\t@property({ type: String }) override name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Find parent radio-group if exists\n\t\tthis.addEventListener('click', this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('click', this.handleClick)\n\t}\n\n\tprivate handleClick() {\n\t\tif (this.disabled) return\n\n\t\t// Find parent radio-group if exists\n\t\tconst radioGroup = this.closest('schmancy-radio-group')\n\t\tif (radioGroup) {\n\t\t\t// Let the radio-group handle the change\n\t\t\tconst event = new CustomEvent('radio-button-click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t\tthis.dispatchEvent(event)\n\t\t} else {\n\t\t\t// Standalone usage\n\t\t\tthis.checked = true\n\t\t\tthis.emitChange({ value: this.value })\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"relative flex items-start cursor-pointer\">\n\t\t\t\t<div class=\"flex items-center h-6\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tclass=\"h-4 w-4 text-primary focus:ring-primary-light border-gray-300\"\n\t\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t\t@change=${() => {}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ml-3\">\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"names":["RadioGroup","FormFieldMixin","TailwindElement","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","subscribe","emitChange","updateChildRadioButtons","addEventListener","e","next","detail","disconnectedCallback","unsubscribe","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","constructor","checked","disabled","handleClick","removeEventListener","closest","event","CustomEvent","bubbles","composed","dispatchEvent","render","reflect"],"mappings":"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"}
+{"version":3,"file":"radio-button-DeAY1R3D.cjs","sources":["../src/radio-group/radio-group.ts","../src/radio-group/radio-button.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'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\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 FormFieldMixin(TailwindElement(style)) {\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) override required: boolean = false\n\tprivate selection$ = new Subject<string>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.value = value\n\t\t\tthis.emitChange({ value })\n\t\t\t// Update all child radio buttons\n\t\t\tthis.updateChildRadioButtons()\n\t\t})\n\t\t\n\t\t// Listen for radio button clicks from children\n\t\tthis.addEventListener('radio-button-click', ((e: CustomEvent) => {\n\t\t\tthis.selection$.next(e.detail.value)\n\t\t}) as EventListener)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\t\n\tprivate handleSelection(value: string) {\n\t\tthis.selection$.next(value)\n\t}\n\t\n\tprivate updateChildRadioButtons() {\n\t\t// Update child radio buttons checked state\n\t\tconst radioButtons = this.querySelectorAll('schmancy-radio-button')\n\t\tradioButtons.forEach(button => {\n\t\t\tconst buttonValue = button.getAttribute('value')\n\t\t\tif (buttonValue === this.value) {\n\t\t\t\tbutton.setAttribute('checked', '')\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('checked')\n\t\t\t}\n\t\t})\n\t}\n\t\n\t// For backwards compatibility with direct option setting\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('value')) {\n\t\t\tthis.updateChildRadioButtons()\n\t\t}\n\t}\n\n\trender() {\n\t\t// Check if we have any slotted radio buttons\n\t\tconst hasSlottedContent = this.childElementCount > 0\n\t\t\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\n\t\t\t\t${hasSlottedContent ? \n\t\t\t\t\thtml`<slot></slot>` :\n\t\t\t\t\tthis.options?.map(option => 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.value}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option.value)}\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.label || option.value}\n\t\t\t\t\t\t\t</label>\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","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\n\n@customElement('schmancy-radio-button')\nexport class RadioButton extends FormFieldMixin(TailwindElement()) {\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) override disabled = false\n\t@property({ type: String }) override name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Find parent radio-group if exists\n\t\tthis.addEventListener('click', this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('click', this.handleClick)\n\t}\n\n\tprivate handleClick() {\n\t\tif (this.disabled) return\n\n\t\t// Find parent radio-group if exists\n\t\tconst radioGroup = this.closest('schmancy-radio-group')\n\t\tif (radioGroup) {\n\t\t\t// Let the radio-group handle the change\n\t\t\tconst event = new CustomEvent('radio-button-click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t\tthis.dispatchEvent(event)\n\t\t} else {\n\t\t\t// Standalone usage\n\t\t\tthis.checked = true\n\t\t\tthis.emitChange({ value: this.value })\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"relative flex items-start cursor-pointer\">\n\t\t\t\t<div class=\"flex items-center h-6\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tclass=\"h-4 w-4 text-primary focus:ring-primary-light border-gray-300\"\n\t\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t\t@change=${() => {}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ml-3\">\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"names":["RadioGroup","FormFieldMixin","TailwindElement","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","subscribe","emitChange","updateChildRadioButtons","addEventListener","e","next","detail","disconnectedCallback","unsubscribe","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","constructor","checked","disabled","handleClick","removeEventListener","closest","event","CustomEvent","bubbles","composed","dispatchEvent","render","reflect"],"mappings":"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"}

package/dist/radio-group.cjs

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

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { a as r, R as t } from "./radio-button-D6ZQIEMc.js";
+import { a as r, R as t } from "./radio-button-CKty5_sG.js";
 export {
   r as RadioButton,
   t as RadioGroup

package/dist/{schmancy-steps-container-CI_dfEaJ.cjs → schmancy-steps-container-CmSXDf7C.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./consume-edta5ng5.cjs"),i=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/when.js"),S=require("./litElement.mixin-HAhKNS-6.cjs"),d=require("./provide-BxZ2kn_p.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-edta5ng5.cjs"),i=require("lit"),c=require("lit/decorators.js"),u=require("lit/directives/when.js"),S=require("./litElement.mixin-D80K-DKp.cjs"),d=require("./provide-BxZ2kn_p.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-CI_dfEaJ.cjs.map
+//# sourceMappingURL=schmancy-steps-container-CmSXDf7C.cjs.map

package/dist/{schmancy-steps-container-CI_dfEaJ.cjs.map → schmancy-steps-container-CmSXDf7C.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-CI_dfEaJ.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-CmSXDf7C.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-feCUXcti.js → schmancy-steps-container-DdxlPOl3.js}

@@ -2,7 +2,7 @@ import { c as f } from "./consume-5D1qfVWM.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-nh8G1Uii.js";
+import { $ as m } from "./litElement.mixin-BFshhc99.js";
 import { n as v, e as x } from "./provide-tcktw8xB.js";
 import { BehaviorSubject as k } from "rxjs";
 class C {
@@ -143,4 +143,4 @@ export {
   C as b,
   g as s
 };
-//# sourceMappingURL=schmancy-steps-container-feCUXcti.js.map
+//# sourceMappingURL=schmancy-steps-container-DdxlPOl3.js.map

package/dist/{schmancy-steps-container-feCUXcti.js.map → schmancy-steps-container-DdxlPOl3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-feCUXcti.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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"}
+{"version":3,"file":"schmancy-steps-container-DdxlPOl3.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-B4HKxJNd.js → select-DCqtkgHe.js}

@@ -2,8 +2,8 @@ import { autoUpdate as b, computePosition as g, offset as w, flip as O, shift as
 import { fromEvent as c, takeUntil as f } from "rxjs";
 import { classMap as S } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as _ } from "./litElement.mixin-nh8G1Uii.js";
-import "./tailwind.mixin-CGuZJSAV.js";
+import { $ as _ } from "./litElement.mixin-BFshhc99.js";
+import "./tailwind.mixin-CjS7whsn.js";
 import { property as r, state as h, query as y, queryAssignedElements as $, customElement as k } from "lit/decorators.js";
 import { c as A } from "./ripple-BumgqsDT.js";
 import { S as v } from "./theme.interface-C5Kj6WjD.js";
@@ -68,15 +68,15 @@ let a = class extends _(D`
     return this.internals?.form;
   }
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`), this.defaultValue = this.value, c(this, "keydown").pipe(f(this.disconnecting)).subscribe(this.handleKeyDown), this.internals?.form && (this.internals.form.addEventListener("submit", this.formSubmitHandler), this.internals.form.addEventListener("reset", this.formResetHandler)), this.inputRef && (this.inputRef.error = !1);
+    super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`), this.defaultValue = this.value, c(this, "keydown").pipe(f(this.disconnecting)).subscribe(this.handleKeyDown), c(this, "option-select").pipe(f(this.disconnecting)).subscribe((t) => {
+      t.stopPropagation(), this.handleOptionSelect(t.detail.value);
+    }), this.internals?.form && (this.internals.form.addEventListener("submit", this.formSubmitHandler), this.internals.form.addEventListener("reset", this.formResetHandler)), this.inputRef && (this.inputRef.error = !1);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.cleanupPositioner?.(), this.internals?.form && (this.internals.form.removeEventListener("submit", this.formSubmitHandler), this.internals.form.removeEventListener("reset", this.formResetHandler));
   }
   firstUpdated() {
-    this.syncSelection(), this.setupOptionsAccessibility(), this.options.forEach((t) => {
-      c(t, "click").pipe(f(this.disconnecting)).subscribe(() => this.handleOptionSelect(t.value));
-    });
+    this.syncSelection(), this.setupOptionsAccessibility();
   }
   updated(t) {
     if (super.updated(t), t.has("value")) {
@@ -241,4 +241,4 @@ a.formAssociated = !0, o([r({ type: String })], a.prototype, "name", 2), o([r({
 export {
   a as S
 };
-//# sourceMappingURL=select-B4HKxJNd.js.map
+//# sourceMappingURL=select-DCqtkgHe.js.map

package/dist/select-DCqtkgHe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DCqtkgHe.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'\nimport { fromEvent, takeUntil } from 'rxjs'\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: Boolean, reflect: true }) disabled = 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// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\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\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\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).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\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', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\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// Update selection state of options\n\t\t\tthis.syncSelection()\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\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\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 : this.value ? this.value.split(',') : []\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(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\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\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\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\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : '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\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\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(options, Math.min(current + 1, 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(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\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 (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\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: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && 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\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\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\t// Update display label\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\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\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.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\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// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\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) : !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\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\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// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\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\t// Reset to initial value\n\t\tthis.value = this.defaultValue\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.syncSelection() // Update the options to match the reset value\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 and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '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\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\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.disabled=${this.disabled}\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\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\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 min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\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","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}