@mhmo91/schmancy 0.7.4 → 0.7.6

package/dist/{progress-DnhvJMz_.cjs.map → progress-DdBHNIMT.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-DnhvJMz_.cjs","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-surface-container/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-outline/20': 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-surface-on/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","percentage","Math","min","render","containerClasses","relative","border","barClasses","absolute","barStyles","width","glassBarClasses","html","classMap","styleMap","__decorateClass","property","type","Number","reflect","prototype","Boolean","String","customElement"],"mappings":"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"}
+{"version":3,"file":"progress-DdBHNIMT.cjs","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-surface-container/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-outline/20': 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-surface-on/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","percentage","Math","min","render","containerClasses","relative","border","barClasses","absolute","barStyles","width","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-DnhvJMz_.cjs");
+"use strict";require("./progress-DdBHNIMT.cjs");
 //# sourceMappingURL=progress.cjs.map

package/dist/progress.js

@@ -1,2 +1,2 @@
-import "./progress-4v9FzvOT.js";
+import "./progress-B1f3y-Mf.js";
 //# sourceMappingURL=progress.js.map

package/dist/{radio-button-BVegeFKE.cjs → radio-button-BAS7gKmA.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("lit"),o=require("lit/decorators.js"),c=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./formField.mixin-D51klHq7.cjs"),h=require("./tailwind.mixin-scDxsqaX.cjs"),b=require("lit/directives/when.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,l,r)=>{for(var s,i=r>1?void 0:r?v(t,l):t,a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r?s(t,l,i):s(i))||i);return r&&i&&m(t,l,i),i};exports.RadioGroup=class extends p.FormFieldMixin(h.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new c.Subject}connectedCallback(){super.connectedCallback(),this.selection$.pipe(c.takeUntil(this.disconnecting)).subscribe(e=>{this.value=e,this.emitChange({value:e}),this.updateChildRadioButtons()}),c.fromEvent(this,"radio-button-click").pipe(c.takeUntil(this.disconnecting)).subscribe(e=>{this.selection$.next(e.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.complete()}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 u.html`
+"use strict";const u=require("lit"),o=require("lit/decorators.js"),c=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./formField.mixin-C7H5DaEl.cjs"),h=require("./tailwind.mixin-3TPVvhYf.cjs"),b=require("lit/directives/when.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,l,r)=>{for(var s,i=r>1?void 0:r?v(t,l):t,a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r?s(t,l,i):s(i))||i);return r&&i&&m(t,l,i),i};exports.RadioGroup=class extends p.FormFieldMixin(h.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new c.Subject}connectedCallback(){super.connectedCallback(),this.selection$.pipe(c.takeUntil(this.disconnecting)).subscribe(e=>{this.value=e,this.emitChange({value:e}),this.updateChildRadioButtons()}),c.fromEvent(this,"radio-button-click").pipe(c.takeUntil(this.disconnecting)).subscribe(e=>{this.selection$.next(e.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.complete()}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 u.html`
 			<div class="grid gap-4">
 				${b.when(this.label,()=>u.html` <label class="text-base font-semibold text-surface-on">${this.label}</label> `)}
 				
@@ -38,4 +38,4 @@
 				</div>
 			</label>
 		`}},d([o.property({type:String})],exports.RadioButton.prototype,"value",2),d([o.property({type:Boolean,reflect:!0})],exports.RadioButton.prototype,"checked",2),d([o.property({type:Boolean})],exports.RadioButton.prototype,"disabled",2),d([o.property({type:String})],exports.RadioButton.prototype,"name",2),exports.RadioButton=d([o.customElement("schmancy-radio-button")],exports.RadioButton);
-//# sourceMappingURL=radio-button-BVegeFKE.cjs.map
+//# sourceMappingURL=radio-button-BAS7gKmA.cjs.map

package/dist/{radio-button-BVegeFKE.cjs.map → radio-button-BAS7gKmA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-button-BVegeFKE.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, fromEvent, takeUntil } 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$.pipe(takeUntil(this.disconnecting)).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\n\t\t// Listen for radio button clicks from children\n\t\tfromEvent<CustomEvent>(this, 'radio-button-click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e: CustomEvent) => {\n\t\t\t\tthis.selection$.next(e.detail.value)\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tthis.selection$?.complete()\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-surface-on\">${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-outline text-primary-default focus:ring-primary-default\"\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-surface-on\">\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'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Radio button component for use within radio groups.\n *\n * @prop {string} name - Name attribute for grouping radio buttons\n * @prop {string} value - Value of this radio button\n * @prop {boolean} checked - Whether the radio button is selected\n * @prop {boolean} disabled - Whether the radio button is disabled\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// Listen for click events\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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-default focus:ring-primary-container border-outline\"\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","constructor","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","pipe","takeUntil","disconnecting","subscribe","emitChange","updateChildRadioButtons","fromEvent","e","next","detail","disconnectedCallback","complete","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","render","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","checked","disabled","handleClick","closest","event","CustomEvent","bubbles","composed","dispatchEvent","reflect"],"mappings":"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"}
+{"version":3,"file":"radio-button-BAS7gKmA.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, fromEvent, takeUntil } 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$.pipe(takeUntil(this.disconnecting)).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\n\t\t// Listen for radio button clicks from children\n\t\tfromEvent<CustomEvent>(this, 'radio-button-click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e: CustomEvent) => {\n\t\t\t\tthis.selection$.next(e.detail.value)\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tthis.selection$?.complete()\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-surface-on\">${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-outline text-primary-default focus:ring-primary-default\"\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-surface-on\">\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'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Radio button component for use within radio groups.\n *\n * @prop {string} name - Name attribute for grouping radio buttons\n * @prop {string} value - Value of this radio button\n * @prop {boolean} checked - Whether the radio button is selected\n * @prop {boolean} disabled - Whether the radio button is disabled\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// Listen for click events\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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-default focus:ring-primary-container border-outline\"\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","constructor","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","pipe","takeUntil","disconnecting","subscribe","emitChange","updateChildRadioButtons","fromEvent","e","next","detail","disconnectedCallback","complete","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","render","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","checked","disabled","handleClick","closest","event","CustomEvent","bubbles","composed","dispatchEvent","reflect"],"mappings":"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"}

package/dist/{radio-button-DDavzgCz.js → radio-button-CaDaw5VH.js}

@@ -4,8 +4,8 @@ import { Subject as f, takeUntil as h, fromEvent as b } from "rxjs";
 import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { F as v } from "./formField.mixin-Cmb9YpmX.js";
-import { T as y } from "./tailwind.mixin-xIIxrXd8.js";
+import { F as v } from "./formField.mixin-hZ2qP4iG.js";
+import { T as y } from "./tailwind.mixin-DIW0B_of.js";
 import { when as g } from "lit/directives/when.js";
 var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, c = (e, t, l, s) => {
   for (var o, i = s > 1 ? void 0 : s ? $(t, l) : t, r = e.length - 1; r >= 0; r--) (o = e[r]) && (i = (s ? o(t, l, i) : o(i)) || i);
@@ -112,4 +112,4 @@ export {
   n as R,
   d as a
 };
-//# sourceMappingURL=radio-button-DDavzgCz.js.map
+//# sourceMappingURL=radio-button-CaDaw5VH.js.map

package/dist/{radio-button-DDavzgCz.js.map → radio-button-CaDaw5VH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-button-DDavzgCz.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, fromEvent, takeUntil } 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$.pipe(takeUntil(this.disconnecting)).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\n\t\t// Listen for radio button clicks from children\n\t\tfromEvent<CustomEvent>(this, 'radio-button-click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e: CustomEvent) => {\n\t\t\t\tthis.selection$.next(e.detail.value)\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tthis.selection$?.complete()\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-surface-on\">${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-outline text-primary-default focus:ring-primary-default\"\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-surface-on\">\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'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Radio button component for use within radio groups.\n *\n * @prop {string} name - Name attribute for grouping radio buttons\n * @prop {string} value - Value of this radio button\n * @prop {boolean} checked - Whether the radio button is selected\n * @prop {boolean} disabled - Whether the radio button is disabled\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// Listen for click events\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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-default focus:ring-primary-container border-outline\"\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","constructor","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","pipe","takeUntil","disconnecting","subscribe","emitChange","updateChildRadioButtons","fromEvent","e","next","detail","disconnectedCallback","complete","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","render","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","checked","disabled","handleClick","closest","event","CustomEvent","bubbles","composed","dispatchEvent","reflect"],"mappings":"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"}
+{"version":3,"file":"radio-button-CaDaw5VH.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, fromEvent, takeUntil } 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$.pipe(takeUntil(this.disconnecting)).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\n\t\t// Listen for radio button clicks from children\n\t\tfromEvent<CustomEvent>(this, 'radio-button-click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e: CustomEvent) => {\n\t\t\t\tthis.selection$.next(e.detail.value)\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tthis.selection$?.complete()\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-surface-on\">${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-outline text-primary-default focus:ring-primary-default\"\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-surface-on\">\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'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Radio button component for use within radio groups.\n *\n * @prop {string} name - Name attribute for grouping radio buttons\n * @prop {string} value - Value of this radio button\n * @prop {boolean} checked - Whether the radio button is selected\n * @prop {boolean} disabled - Whether the radio button is disabled\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// Listen for click events\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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-default focus:ring-primary-container border-outline\"\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","constructor","super","arguments","this","label","name","value","options","required","selection$","Subject","connectedCallback","pipe","takeUntil","disconnecting","subscribe","emitChange","updateChildRadioButtons","fromEvent","e","next","detail","disconnectedCallback","complete","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","has","render","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement","RadioButton","checked","disabled","handleClick","closest","event","CustomEvent","bubbles","composed","dispatchEvent","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-BVegeFKE.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-BAS7gKmA.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-DDavzgCz.js";
+import { a as r, R as t } from "./radio-button-CaDaw5VH.js";
 export {
   r as RadioButton,
   t as RadioGroup

package/dist/ripple-QoNZUUw_.js

@@ -0,0 +1,148 @@
+import { nothing as a } from "lit";
+import { directive as o, Directive as h, PartType as p } from "lit/directive.js";
+import { Subject as l, merge as u, fromEvent as i, debounceTime as f, startWith as b, takeUntil as v } from "rxjs";
+import { takeUntil as g, map as w } from "rxjs/operators";
+import { AsyncDirective as y } from "lit/async-directive.js";
+const C = o(class extends h {
+  constructor(s) {
+    super(s), this.config = {};
+  }
+  update(s, [t]) {
+    if (s.type !== p.ELEMENT) throw new Error("The `classMap` directive must be used in the `class` attribute");
+    const e = s.element;
+    this.config = t, this.config.bgColor && (e.style.backgroundColor = this.config.bgColor), this.config.color && (e.style.color = this.config.color);
+  }
+  render(s) {
+    return this.config = s, a;
+  }
+});
+let c = null;
+class E extends h {
+  constructor(t) {
+    super(t), this.destroy$ = new l(), this.handleDragStart = (e) => {
+      e.stopPropagation();
+      const n = { id: this.id };
+      e.dataTransfer?.setData("application/json", JSON.stringify(n)), e.dataTransfer.effectAllowed = "move", this.element?.style.setProperty("cursor", "grabbing"), c = this.id;
+    }, this.handleDragEnd = () => {
+      this.element?.style.setProperty("cursor", "grab"), c = null;
+    };
+  }
+  update(t, [e]) {
+    return this.id = e, this.element || (this.element = t.element, this.element.draggable = !0, this.element.style.cursor = "grab", u(i(this.element, "dragstart"), i(this.element, "dragend")).pipe(g(this.destroy$)).subscribe((n) => {
+      n.type === "dragstart" ? this.handleDragStart(n) : n.type === "dragend" && this.handleDragEnd();
+    })), a;
+  }
+  disconnected() {
+    this.destroy$.next(), this.destroy$.complete();
+  }
+  render(t) {
+    return a;
+  }
+}
+const L = o(E);
+class x extends h {
+  constructor(t) {
+    super(t), this.destroy$ = new l(), this.handleDragOver = (e) => {
+      e.preventDefault(), c !== this.destinationId && this.element && (this.element.style.outline = "1px dashed var(--schmancy-sys-color-tertiary-default)", this.element.style.outlineOffset = "1px", this.element.style.filter = "drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))");
+    }, this.handleDragLeave = () => {
+      this.element && (this.element.style.removeProperty("outline"), this.element.style.removeProperty("outline-offset"), this.element.style.filter = "none");
+    }, this.handleDrop = (e) => {
+      e.preventDefault(), this.handleDragLeave();
+      const n = e.dataTransfer?.getData("application/json");
+      if (n) try {
+        const { id: r } = JSON.parse(n);
+        if (r === this.destinationId) return;
+        this.element?.dispatchEvent(new CustomEvent("drop", { detail: { source: r, destination: this.destinationId }, bubbles: !0, composed: !0 }));
+      } catch {
+      }
+    };
+  }
+  update(t, [e]) {
+    return this.destinationId = e, this.element || (this.element = t.element, u(i(this.element, "dragover"), i(this.element, "dragleave"), i(this.element, "drop").pipe(w((n) => (n.stopPropagation(), n.preventDefault(), n)))).pipe(g(this.destroy$)).subscribe((n) => {
+      switch (n.type) {
+        case "dragover":
+          this.handleDragOver(n);
+          break;
+        case "dragleave":
+          this.handleDragLeave();
+          break;
+        case "drop":
+          this.handleDrop(n);
+      }
+    })), a;
+  }
+  disconnected() {
+    this.destroy$.next(), this.destroy$.complete();
+  }
+  render(t) {
+    return a;
+  }
+}
+const N = o(x), d = new l();
+i(window, "resize").pipe(f(10), b(window)).subscribe({ next: () => {
+  d.next(window);
+} });
+const M = o(class extends y {
+  constructor(s) {
+    super(s), this.disconnecting = new l(), d.pipe(v(this.disconnecting)).subscribe(() => {
+      this.element.style.setProperty("height", `${window.innerHeight}px`), setTimeout(() => {
+        this.element.style.setProperty("height", `${window.innerHeight}px`);
+      });
+    });
+  }
+  render() {
+  }
+  update(s) {
+    if (s.type !== p.ELEMENT) throw new Error("The `ripple` directive can only be used on elements");
+    this.element = s.element, d.next(window);
+  }
+  disconnected() {
+    this.disconnecting.next(!0);
+  }
+  reconnected() {
+  }
+}), O = o(class extends y {
+  constructor() {
+    super(...arguments), this.addRippleEffect = (s) => {
+      const t = s.target, e = document.createElement("span"), n = Math.max(t.clientWidth, t.clientHeight), r = n / 2;
+      e.style.width = e.style.height = `${n}px`, e.style.left = s.clientX - t.getBoundingClientRect().left - r + "px", e.style.top = s.clientY - t.getBoundingClientRect().top - r + "px", e.classList.add("ripple");
+      const m = t.getElementsByClassName("ripple")[0];
+      m && m.remove(), t.appendChild(e);
+    };
+  }
+  render() {
+  }
+  update(s) {
+    if (s.type !== p.ELEMENT) throw new Error("The `ripple` directive can only be used on elements");
+    this.element = s.element;
+    const t = document.createElement("style");
+    t.append(`.ripple {
+    position: absolute;
+    border-radius: 50%;
+    background: var(--schmancy-sys-color-surface-high);
+    transform: scale(0);
+    animation: ripple 600ms linear;
+}
+
+@keyframes ripple {
+    to {
+        transform: scale(4);
+        opacity: 0;
+    }
+}
+`), this.element.append(t), this.subscription?.unsubscribe(), this.subscription = i(this.element, "click").subscribe(this.addRippleEffect);
+  }
+  disconnected() {
+    this.subscription?.unsubscribe();
+  }
+});
+export {
+  E as D,
+  x as a,
+  N as b,
+  C as c,
+  L as d,
+  M as f,
+  O as r
+};
+//# sourceMappingURL=ripple-QoNZUUw_.js.map

package/dist/ripple-QoNZUUw_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple-QoNZUUw_.js","sources":["../src/directives/color.ts","../src/directives/drag.ts","../src/directives/height.ts","../src/directives/ripple.ts"],"sourcesContent":["// color.ts\nimport { Part, nothing } from 'lit'\nimport { Directive, PartInfo, PartType, directive } from 'lit/directive.js'\n\nexport type ColorConfig = {\n\tbgColor?: string\n\tcolor?: string\n}\n\nclass ColorDirective extends Directive {\n\tprivate config: ColorConfig\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tthis.config = {}\n\t}\n\n\tupdate(part: Part, [config]: [ColorConfig]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `classMap` directive must be used in the `class` attribute')\n\t\t}\n\t\tconst element = part.element as HTMLElement\n\t\tthis.config = config\n\t\tif (this.config.bgColor) {\n\t\t\telement.style.backgroundColor = this.config.bgColor\n\t\t}\n\n\t\tif (this.config.color) {\n\t\t\telement.style.color = this.config.color\n\t\t}\n\t}\n\n\trender(config: ColorConfig): unknown {\n\t\tthis.config = config\n\t\treturn nothing\n\t}\n}\n\nconst color = directive(ColorDirective)\n\nexport { color }\n","import { nothing } from 'lit'\nimport { Directive, directive, Part, PartInfo } from 'lit/directive.js'\nimport { fromEvent, merge, Subject } from 'rxjs'\nimport { map, takeUntil } from 'rxjs/operators'\n\nexport type SchmancyDropEvent = CustomEvent<{ source: string; destination: string }>\n\n// A module-level variable to hold the current drag source id.\nlet currentDragSourceId: string | null = null\n\n// DRAG DIRECTIVE\nexport class DragDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate id!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragStart = (e: DragEvent) => {\n\t\te.stopPropagation()\n\t\tconst data = { id: this.id }\n\t\te.dataTransfer?.setData('application/json', JSON.stringify(data))\n\t\te.dataTransfer!.effectAllowed = 'move'\n\t\tthis.element?.style.setProperty('cursor', 'grabbing')\n\t\t// Store the source id globally so the drop directive can use it.\n\t\tcurrentDragSourceId = this.id\n\t}\n\n\tprivate handleDragEnd = () => {\n\t\tthis.element?.style.setProperty('cursor', 'grab')\n\t\t// Clear the global id once dragging ends.\n\t\tcurrentDragSourceId = null\n\t}\n\n\tupdate(part: Part, [id]: [string]) {\n\t\tthis.id = id\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\t\t\tthis.element.draggable = true\n\t\t\tthis.element.style.cursor = 'grab'\n\n\t\t\tmerge(fromEvent<DragEvent>(this.element, 'dragstart'), fromEvent<DragEvent>(this.element, 'dragend'))\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tif (event.type === 'dragstart') {\n\t\t\t\t\t\tthis.handleDragStart(event)\n\t\t\t\t\t} else if (event.type === 'dragend') {\n\t\t\t\t\t\tthis.handleDragEnd()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_id: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drag = directive(DragDirective)\n\n// DROP DIRECTIVE\nexport class DropDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate destinationId!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragOver = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\t// If the current drag source id matches the drop target's id,\n\t\t// do not highlight the drop area.\n\t\tif (currentDragSourceId === this.destinationId) {\n\t\t\treturn\n\t\t}\n\t\tif (this.element) {\n\t\t\tthis.element.style.outline = '1px dashed var(--schmancy-sys-color-tertiary-default)'\n\t\t\tthis.element.style.outlineOffset = '1px'\n\t\t\t// apply shadow to the drop target when the draggable element is over it\n\t\t\tthis.element.style.filter = 'drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))'\n\t\t}\n\t}\n\n\tprivate handleDragLeave = () => {\n\t\tif (this.element) {\n\t\t\tthis.element.style.removeProperty('outline')\n\t\t\tthis.element.style.removeProperty('outline-offset')\n\t\t\t// remove filter from the drop target\n\t\t\tthis.element.style.filter = 'none'\n\t\t}\n\t}\n\n\tprivate handleDrop = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\tthis.handleDragLeave()\n\n\t\tconst data = e.dataTransfer?.getData('application/json')\n\t\tif (!data) return\n\n\t\ttry {\n\t\t\tconst { id: sourceId } = JSON.parse(data)\n\t\t\t// If the source and destination are the same, do nothing.\n\t\t\tif (sourceId === this.destinationId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.element?.dispatchEvent(\n\t\t\t\tnew CustomEvent('drop', {\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tsource: sourceId,\n\t\t\t\t\t\tdestination: this.destinationId,\n\t\t\t\t\t},\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tconsole.error('Error parsing drop data:', error)\n\t\t}\n\t}\n\n\tupdate(part: Part, [destinationId]: [string]) {\n\t\tthis.destinationId = destinationId\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\n\t\t\tmerge(\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragover'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragleave'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'drop').pipe(\n\t\t\t\t\tmap(e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\treturn e\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t)\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tswitch (event.type) {\n\t\t\t\t\t\tcase 'dragover':\n\t\t\t\t\t\t\tthis.handleDragOver(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'dragleave':\n\t\t\t\t\t\t\tthis.handleDragLeave()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'drop':\n\t\t\t\t\t\t\tthis.handleDrop(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_destinationId: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drop = directive(DropDirective)\n","import { Subject, debounceTime, fromEvent, startWith, takeUntil } from 'rxjs'\n\nconst $SchmancyResize = new Subject<Window>()\nfromEvent<Event>(window, 'resize')\n\t.pipe(\n\t\tdebounceTime(10), // Adjust the debounce time as needed\n\t\tstartWith(window),\n\t)\n\t.subscribe({\n\t\tnext: () => {\n\t\t\t$SchmancyResize.next(window)\n\t\t},\n\t})\n\nimport { directive, PartInfo, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { LitElement } from 'lit'\n\nclass FullHeight extends AsyncDirective {\n\telement: HTMLElement & LitElement\n\tdisconnecting = new Subject<boolean>()\n\trender() {\n\t\treturn\n\t}\n\n\tconstructor(_partInfo: PartInfo) {\n\t\tsuper(_partInfo)\n\t\t$SchmancyResize.pipe(takeUntil(this.disconnecting)).subscribe(() => {\n\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\t})\n\t\t})\n\t}\n\n\tupdate(part) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\t\tthis.element = part.element\n\t\t$SchmancyResize.next(window)\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting.next(true)\n\t}\n\n\treconnected() {}\n}\n\nexport const fullHeight = directive(FullHeight)\n","import { directive, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\nconst rippleStyle = `.ripple {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--schmancy-sys-color-surface-high);\n    transform: scale(0);\n    animation: ripple 600ms linear;\n}\n\n@keyframes ripple {\n    to {\n        transform: scale(4);\n        opacity: 0;\n    }\n}\n`\nclass RippleDirective extends AsyncDirective {\n\telement: HTMLElement\n\tprivate subscription?: Subscription\n\n\trender() {\n\t\treturn\n\t}\n\n\taddRippleEffect = (event: MouseEvent) => {\n\t\tconst element = event.target as HTMLElement\n\t\tconst circle = document.createElement('span')\n\t\tconst diameter = Math.max(element.clientWidth, element.clientHeight)\n\t\tconst radius = diameter / 2\n\t\tcircle.style.width = circle.style.height = `${diameter}px`\n\t\tcircle.style.left = `${event.clientX - element.getBoundingClientRect().left - radius}px`\n\t\tcircle.style.top = `${event.clientY - element.getBoundingClientRect().top - radius}px`\n\t\tcircle.classList.add('ripple')\n\n\t\tconst ripple = element.getElementsByClassName('ripple')[0]\n\t\tif (ripple) {\n\t\t\tripple.remove()\n\t\t}\n\n\t\telement.appendChild(circle)\n\t}\n\n\tupdate(part: any) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\n\t\tthis.element = part.element\n\t\tconst style = document.createElement('style')\n\t\tstyle.append(rippleStyle)\n\t\tthis.element.append(style)\n\n\t\t// Clean up existing subscription\n\t\tthis.subscription?.unsubscribe()\n\n\t\t// Create new subscription\n\t\tthis.subscription = fromEvent<MouseEvent>(this.element, 'click').subscribe(this.addRippleEffect)\n\t}\n\n\tdisconnected() {\n\t\tthis.subscription?.unsubscribe()\n\t}\n}\n\nexport const ripple = directive(RippleDirective)\n"],"names":["color","directive","Directive","partInfo","super","this","config","part","type","PartType","ELEMENT","Error","element","bgColor","style","backgroundColor","nothing","currentDragSourceId","DragDirective","destroy$","Subject","handleDragStart","e","stopPropagation","data","id","dataTransfer","setData","JSON","stringify","effectAllowed","setProperty","handleDragEnd","draggable","cursor","merge","fromEvent","pipe","takeUntil","subscribe","event","disconnected","next","complete","_id","drag","DropDirective","handleDragOver","preventDefault","destinationId","outline","outlineOffset","filter","handleDragLeave","removeProperty","handleDrop","getData","sourceId","parse","dispatchEvent","CustomEvent","detail","source","destination","bubbles","composed","error","map","_destinationId","drop","$SchmancyResize","window","debounceTime","startWith","fullHeight","AsyncDirective","_partInfo","disconnecting","innerHeight","setTimeout","reconnected","ripple","constructor","arguments","addRippleEffect","target","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","width","height","left","clientX","getBoundingClientRect","top","clientY","classList","add","getElementsByClassName","remove","appendChild","render","append","subscription","unsubscribe"],"mappings":"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"}

package/dist/ripple-Ujq_REH4.cjs

@@ -0,0 +1,16 @@
+"use strict";const o=require("lit"),i=require("lit/directive.js"),s=require("rxjs"),l=require("rxjs/operators"),u=require("lit/async-directive.js");class y extends i.Directive{constructor(e){super(e),this.config={}}update(e,[n]){if(e.type!==i.PartType.ELEMENT)throw new Error("The `classMap` directive must be used in the `class` attribute");const t=e.element;this.config=n,this.config.bgColor&&(t.style.backgroundColor=this.config.bgColor),this.config.color&&(t.style.color=this.config.color)}render(e){return this.config=e,o.nothing}}const f=i.directive(y);let c=null;class m extends i.Directive{constructor(e){super(e),this.destroy$=new s.Subject,this.handleDragStart=n=>{n.stopPropagation();const t={id:this.id};n.dataTransfer?.setData("application/json",JSON.stringify(t)),n.dataTransfer.effectAllowed="move",this.element?.style.setProperty("cursor","grabbing"),c=this.id},this.handleDragEnd=()=>{this.element?.style.setProperty("cursor","grab"),c=null}}update(e,[n]){return this.id=n,this.element||(this.element=e.element,this.element.draggable=!0,this.element.style.cursor="grab",s.merge(s.fromEvent(this.element,"dragstart"),s.fromEvent(this.element,"dragend")).pipe(l.takeUntil(this.destroy$)).subscribe(t=>{t.type==="dragstart"?this.handleDragStart(t):t.type==="dragend"&&this.handleDragEnd()})),o.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete()}render(e){return o.nothing}}const v=i.directive(m);class g extends i.Directive{constructor(e){super(e),this.destroy$=new s.Subject,this.handleDragOver=n=>{n.preventDefault(),c!==this.destinationId&&this.element&&(this.element.style.outline="1px dashed var(--schmancy-sys-color-tertiary-default)",this.element.style.outlineOffset="1px",this.element.style.filter="drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))")},this.handleDragLeave=()=>{this.element&&(this.element.style.removeProperty("outline"),this.element.style.removeProperty("outline-offset"),this.element.style.filter="none")},this.handleDrop=n=>{n.preventDefault(),this.handleDragLeave();const t=n.dataTransfer?.getData("application/json");if(t)try{const{id:r}=JSON.parse(t);if(r===this.destinationId)return;this.element?.dispatchEvent(new CustomEvent("drop",{detail:{source:r,destination:this.destinationId},bubbles:!0,composed:!0}))}catch{}}}update(e,[n]){return this.destinationId=n,this.element||(this.element=e.element,s.merge(s.fromEvent(this.element,"dragover"),s.fromEvent(this.element,"dragleave"),s.fromEvent(this.element,"drop").pipe(l.map(t=>(t.stopPropagation(),t.preventDefault(),t)))).pipe(l.takeUntil(this.destroy$)).subscribe(t=>{switch(t.type){case"dragover":this.handleDragOver(t);break;case"dragleave":this.handleDragLeave();break;case"drop":this.handleDrop(t)}})),o.nothing}disconnected(){this.destroy$.next(),this.destroy$.complete()}render(e){return o.nothing}}const b=i.directive(g),d=new s.Subject;s.fromEvent(window,"resize").pipe(s.debounceTime(10),s.startWith(window)).subscribe({next:()=>{d.next(window)}});class w extends u.AsyncDirective{constructor(e){super(e),this.disconnecting=new s.Subject,d.pipe(s.takeUntil(this.disconnecting)).subscribe(()=>{this.element.style.setProperty("height",`${window.innerHeight}px`),setTimeout(()=>{this.element.style.setProperty("height",`${window.innerHeight}px`)})})}render(){}update(e){if(e.type!==i.PartType.ELEMENT)throw new Error("The `ripple` directive can only be used on elements");this.element=e.element,d.next(window)}disconnected(){this.disconnecting.next(!0)}reconnected(){}}const E=i.directive(w);class D extends u.AsyncDirective{constructor(){super(...arguments),this.addRippleEffect=e=>{const n=e.target,t=document.createElement("span"),r=Math.max(n.clientWidth,n.clientHeight),h=r/2;t.style.width=t.style.height=`${r}px`,t.style.left=e.clientX-n.getBoundingClientRect().left-h+"px",t.style.top=e.clientY-n.getBoundingClientRect().top-h+"px",t.classList.add("ripple");const p=n.getElementsByClassName("ripple")[0];p&&p.remove(),n.appendChild(t)}}render(){}update(e){if(e.type!==i.PartType.ELEMENT)throw new Error("The `ripple` directive can only be used on elements");this.element=e.element;const n=document.createElement("style");n.append(`.ripple {
+    position: absolute;
+    border-radius: 50%;
+    background: var(--schmancy-sys-color-surface-high);
+    transform: scale(0);
+    animation: ripple 600ms linear;
+}
+
+@keyframes ripple {
+    to {
+        transform: scale(4);
+        opacity: 0;
+    }
+}
+`),this.element.append(n),this.subscription?.unsubscribe(),this.subscription=s.fromEvent(this.element,"click").subscribe(this.addRippleEffect)}disconnected(){this.subscription?.unsubscribe()}}const x=i.directive(D);exports.DragDirective=m,exports.DropDirective=g,exports.color=f,exports.drag=v,exports.drop=b,exports.fullHeight=E,exports.ripple=x;
+//# sourceMappingURL=ripple-Ujq_REH4.cjs.map

package/dist/ripple-Ujq_REH4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple-Ujq_REH4.cjs","sources":["../src/directives/color.ts","../src/directives/drag.ts","../src/directives/height.ts","../src/directives/ripple.ts"],"sourcesContent":["// color.ts\nimport { Part, nothing } from 'lit'\nimport { Directive, PartInfo, PartType, directive } from 'lit/directive.js'\n\nexport type ColorConfig = {\n\tbgColor?: string\n\tcolor?: string\n}\n\nclass ColorDirective extends Directive {\n\tprivate config: ColorConfig\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tthis.config = {}\n\t}\n\n\tupdate(part: Part, [config]: [ColorConfig]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `classMap` directive must be used in the `class` attribute')\n\t\t}\n\t\tconst element = part.element as HTMLElement\n\t\tthis.config = config\n\t\tif (this.config.bgColor) {\n\t\t\telement.style.backgroundColor = this.config.bgColor\n\t\t}\n\n\t\tif (this.config.color) {\n\t\t\telement.style.color = this.config.color\n\t\t}\n\t}\n\n\trender(config: ColorConfig): unknown {\n\t\tthis.config = config\n\t\treturn nothing\n\t}\n}\n\nconst color = directive(ColorDirective)\n\nexport { color }\n","import { nothing } from 'lit'\nimport { Directive, directive, Part, PartInfo } from 'lit/directive.js'\nimport { fromEvent, merge, Subject } from 'rxjs'\nimport { map, takeUntil } from 'rxjs/operators'\n\nexport type SchmancyDropEvent = CustomEvent<{ source: string; destination: string }>\n\n// A module-level variable to hold the current drag source id.\nlet currentDragSourceId: string | null = null\n\n// DRAG DIRECTIVE\nexport class DragDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate id!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragStart = (e: DragEvent) => {\n\t\te.stopPropagation()\n\t\tconst data = { id: this.id }\n\t\te.dataTransfer?.setData('application/json', JSON.stringify(data))\n\t\te.dataTransfer!.effectAllowed = 'move'\n\t\tthis.element?.style.setProperty('cursor', 'grabbing')\n\t\t// Store the source id globally so the drop directive can use it.\n\t\tcurrentDragSourceId = this.id\n\t}\n\n\tprivate handleDragEnd = () => {\n\t\tthis.element?.style.setProperty('cursor', 'grab')\n\t\t// Clear the global id once dragging ends.\n\t\tcurrentDragSourceId = null\n\t}\n\n\tupdate(part: Part, [id]: [string]) {\n\t\tthis.id = id\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\t\t\tthis.element.draggable = true\n\t\t\tthis.element.style.cursor = 'grab'\n\n\t\t\tmerge(fromEvent<DragEvent>(this.element, 'dragstart'), fromEvent<DragEvent>(this.element, 'dragend'))\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tif (event.type === 'dragstart') {\n\t\t\t\t\t\tthis.handleDragStart(event)\n\t\t\t\t\t} else if (event.type === 'dragend') {\n\t\t\t\t\t\tthis.handleDragEnd()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_id: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drag = directive(DragDirective)\n\n// DROP DIRECTIVE\nexport class DropDirective extends Directive {\n\tprivate element?: HTMLElement\n\tprivate destinationId!: string\n\tprivate destroy$ = new Subject<void>()\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t}\n\n\tprivate handleDragOver = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\t// If the current drag source id matches the drop target's id,\n\t\t// do not highlight the drop area.\n\t\tif (currentDragSourceId === this.destinationId) {\n\t\t\treturn\n\t\t}\n\t\tif (this.element) {\n\t\t\tthis.element.style.outline = '1px dashed var(--schmancy-sys-color-tertiary-default)'\n\t\t\tthis.element.style.outlineOffset = '1px'\n\t\t\t// apply shadow to the drop target when the draggable element is over it\n\t\t\tthis.element.style.filter = 'drop-shadow(0 0 0.5rem var(--schmancy-sys-color-tertiary-default))'\n\t\t}\n\t}\n\n\tprivate handleDragLeave = () => {\n\t\tif (this.element) {\n\t\t\tthis.element.style.removeProperty('outline')\n\t\t\tthis.element.style.removeProperty('outline-offset')\n\t\t\t// remove filter from the drop target\n\t\t\tthis.element.style.filter = 'none'\n\t\t}\n\t}\n\n\tprivate handleDrop = (e: DragEvent) => {\n\t\te.preventDefault()\n\t\tthis.handleDragLeave()\n\n\t\tconst data = e.dataTransfer?.getData('application/json')\n\t\tif (!data) return\n\n\t\ttry {\n\t\t\tconst { id: sourceId } = JSON.parse(data)\n\t\t\t// If the source and destination are the same, do nothing.\n\t\t\tif (sourceId === this.destinationId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.element?.dispatchEvent(\n\t\t\t\tnew CustomEvent('drop', {\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tsource: sourceId,\n\t\t\t\t\t\tdestination: this.destinationId,\n\t\t\t\t\t},\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tconsole.error('Error parsing drop data:', error)\n\t\t}\n\t}\n\n\tupdate(part: Part, [destinationId]: [string]) {\n\t\tthis.destinationId = destinationId\n\n\t\tif (!this.element) {\n\t\t\t// @ts-ignore\n\t\t\tthis.element = part.element as HTMLElement\n\n\t\t\tmerge(\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragover'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'dragleave'),\n\t\t\t\tfromEvent<DragEvent>(this.element, 'drop').pipe(\n\t\t\t\t\tmap(e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\treturn e\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t)\n\t\t\t\t.pipe(takeUntil(this.destroy$))\n\t\t\t\t.subscribe(event => {\n\t\t\t\t\tswitch (event.type) {\n\t\t\t\t\t\tcase 'dragover':\n\t\t\t\t\t\t\tthis.handleDragOver(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'dragleave':\n\t\t\t\t\t\t\tthis.handleDragLeave()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'drop':\n\t\t\t\t\t\t\tthis.handleDrop(event)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\treturn nothing\n\t}\n\n\tdisconnected() {\n\t\tthis.destroy$.next()\n\t\tthis.destroy$.complete()\n\t}\n\n\trender(_destinationId: string) {\n\t\treturn nothing\n\t}\n}\n\nexport const drop = directive(DropDirective)\n","import { Subject, debounceTime, fromEvent, startWith, takeUntil } from 'rxjs'\n\nconst $SchmancyResize = new Subject<Window>()\nfromEvent<Event>(window, 'resize')\n\t.pipe(\n\t\tdebounceTime(10), // Adjust the debounce time as needed\n\t\tstartWith(window),\n\t)\n\t.subscribe({\n\t\tnext: () => {\n\t\t\t$SchmancyResize.next(window)\n\t\t},\n\t})\n\nimport { directive, PartInfo, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { LitElement } from 'lit'\n\nclass FullHeight extends AsyncDirective {\n\telement: HTMLElement & LitElement\n\tdisconnecting = new Subject<boolean>()\n\trender() {\n\t\treturn\n\t}\n\n\tconstructor(_partInfo: PartInfo) {\n\t\tsuper(_partInfo)\n\t\t$SchmancyResize.pipe(takeUntil(this.disconnecting)).subscribe(() => {\n\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.element.style.setProperty('height', `${window.innerHeight}px`)\n\t\t\t})\n\t\t})\n\t}\n\n\tupdate(part) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\t\tthis.element = part.element\n\t\t$SchmancyResize.next(window)\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting.next(true)\n\t}\n\n\treconnected() {}\n}\n\nexport const fullHeight = directive(FullHeight)\n","import { directive, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\nconst rippleStyle = `.ripple {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--schmancy-sys-color-surface-high);\n    transform: scale(0);\n    animation: ripple 600ms linear;\n}\n\n@keyframes ripple {\n    to {\n        transform: scale(4);\n        opacity: 0;\n    }\n}\n`\nclass RippleDirective extends AsyncDirective {\n\telement: HTMLElement\n\tprivate subscription?: Subscription\n\n\trender() {\n\t\treturn\n\t}\n\n\taddRippleEffect = (event: MouseEvent) => {\n\t\tconst element = event.target as HTMLElement\n\t\tconst circle = document.createElement('span')\n\t\tconst diameter = Math.max(element.clientWidth, element.clientHeight)\n\t\tconst radius = diameter / 2\n\t\tcircle.style.width = circle.style.height = `${diameter}px`\n\t\tcircle.style.left = `${event.clientX - element.getBoundingClientRect().left - radius}px`\n\t\tcircle.style.top = `${event.clientY - element.getBoundingClientRect().top - radius}px`\n\t\tcircle.classList.add('ripple')\n\n\t\tconst ripple = element.getElementsByClassName('ripple')[0]\n\t\tif (ripple) {\n\t\t\tripple.remove()\n\t\t}\n\n\t\telement.appendChild(circle)\n\t}\n\n\tupdate(part: any) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `ripple` directive can only be used on elements')\n\t\t}\n\n\t\tthis.element = part.element\n\t\tconst style = document.createElement('style')\n\t\tstyle.append(rippleStyle)\n\t\tthis.element.append(style)\n\n\t\t// Clean up existing subscription\n\t\tthis.subscription?.unsubscribe()\n\n\t\t// Create new subscription\n\t\tthis.subscription = fromEvent<MouseEvent>(this.element, 'click').subscribe(this.addRippleEffect)\n\t}\n\n\tdisconnected() {\n\t\tthis.subscription?.unsubscribe()\n\t}\n}\n\nexport const ripple = directive(RippleDirective)\n"],"names":["ColorDirective","Directive","partInfo","super","this","config","part","type","PartType","ELEMENT","Error","element","bgColor","style","backgroundColor","color","nothing","directive","currentDragSourceId","DragDirective","destroy$","Subject","handleDragStart","e","stopPropagation","data","id","dataTransfer","setData","JSON","stringify","effectAllowed","setProperty","handleDragEnd","draggable","cursor","merge","fromEvent","pipe","takeUntil","subscribe","event","disconnected","next","complete","_id","drag","DropDirective","handleDragOver","preventDefault","destinationId","outline","outlineOffset","filter","handleDragLeave","removeProperty","handleDrop","getData","sourceId","parse","dispatchEvent","CustomEvent","detail","source","destination","bubbles","composed","error","map","_destinationId","drop","$SchmancyResize","window","debounceTime","startWith","FullHeight","AsyncDirective","_partInfo","disconnecting","innerHeight","setTimeout","reconnected","fullHeight","RippleDirective","arguments","addRippleEffect","target","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","width","height","left","clientX","getBoundingClientRect","top","clientY","classList","add","ripple","getElementsByClassName","remove","appendChild","render","append","subscription","unsubscribe"],"mappings":"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"}

package/dist/{schmancy-steps-container-DN9c-HeX.js → schmancy-steps-container-BInNput3.js}

@@ -2,7 +2,7 @@ import { c as f } from "./consume-5D1qfVWM.js";
 import { css as d, html as c } from "lit";
 import { property as l, state as v, customElement as y } from "lit/decorators.js";
 import { when as h } from "lit/directives/when.js";
-import { $ as b } from "./litElement.mixin-BzbZQbxa.js";
+import { $ as b } from "./litElement.mixin-DWDPaNoc.js";
 import { n as S, e as x } from "./provide-tcktw8xB.js";
 import { BehaviorSubject as $ } from "rxjs";
 class k {
@@ -153,4 +153,4 @@ export {
   k as b,
   g as s
 };
-//# sourceMappingURL=schmancy-steps-container-DN9c-HeX.js.map
+//# sourceMappingURL=schmancy-steps-container-BInNput3.js.map

package/dist/{schmancy-steps-container-DN9c-HeX.js.map → schmancy-steps-container-BInNput3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"schmancy-steps-container-DN9c-HeX.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\ttransition: all 0.2s ease-in-out;\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}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\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.currentStep) return 'complete'\n\t\tif (this.position === this.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.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// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outlineVariant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\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 - responsive positioning -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-3 sm:left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label - adjusted padding for mobile -->\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=${this._onStepClick}\n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-1 sm:-mx-2 px-1 sm:px-2 py-2 sm:py-3 rounded-lg' : 'py-1 sm:py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-10 sm:h-12\">\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=\"size-5 transition-transform duration-200 group-hover:scale-110\" 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-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\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 justify-center min-w-0 ml-3 sm:ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${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=\"body\" token=\"sm\" class=\"mt-0.5 sm:mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${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 - responsive spacing -->\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=\"ml-6 sm:ml-10 mt-3 sm:mt-4 pb-6 sm:pb-8 transition-all duration-300 ease-out\">\n\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/**\n * Custom event emitted when the current step changes\n */\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\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\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('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\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/**\n\t * Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] || '1rem'\n\t\t\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 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\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\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","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","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}
+{"version":3,"file":"schmancy-steps-container-BInNput3.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\ttransition: all 0.2s ease-in-out;\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}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\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.currentStep) return 'complete'\n\t\tif (this.position === this.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.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// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outlineVariant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\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 - responsive positioning -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-3 sm:left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label - adjusted padding for mobile -->\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=${this._onStepClick}\n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-1 sm:-mx-2 px-1 sm:px-2 py-2 sm:py-3 rounded-lg' : 'py-1 sm:py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-10 sm:h-12\">\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=\"size-5 transition-transform duration-200 group-hover:scale-110\" 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-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\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 justify-center min-w-0 ml-3 sm:ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${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=\"body\" token=\"sm\" class=\"mt-0.5 sm:mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${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 - responsive spacing -->\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=\"ml-6 sm:ml-10 mt-3 sm:mt-4 pb-6 sm:pb-8 transition-all duration-300 ease-out\">\n\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/**\n * Custom event emitted when the current step changes\n */\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\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\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('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\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/**\n\t * Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] || '1rem'\n\t\t\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 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\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\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","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","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/{schmancy-steps-container-s6kZWhcr.cjs → schmancy-steps-container-wQsksygx.cjs}

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