npm - @mhmo91/schmancy - Versions diffs - 0.4.76 → 0.4.77 - Mend

@mhmo91/schmancy 0.4.76 → 0.4.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (338) hide show

package/dist/{progress-D0iWLtHk.cjs.map → progress-CtoQKQub.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-~~D0iWLtHk~~.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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"}
1	+ {"version":3,"file":"progress-CtoQKQub.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 CHANGED Viewed

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

package/dist/progress.js CHANGED Viewed

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

package/dist/{radio-button-C-t6JJsj.js → radio-button-BSUgktLD.js} RENAMED Viewed

@@ -3,14 +3,14 @@ import { property as a, customElement as p } from "lit/decorators.js";
 import { Subject as v } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as m } from "./tailwind.mixin-B6ADeWOc.js";
-import { F as b } from "./formField.mixin-BaPL0TYo.js";
+import { F as m } from "./formField.mixin-D3pQ9LTE.js";
+import { T as b } from "./tailwind.mixin-DbE6WE_l.js";
 import { when as y } from "lit/directives/when.js";
 var f = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (e, t, l, s) => {
   for (var r, i = s > 1 ? void 0 : s ? k(t, l) : t, o = e.length - 1; o >= 0; o--) (r = e[o]) && (i = (s ? r(t, l, i) : r(i)) || i);
   return s && i && f(t, l, i), i;
 };
-let n = class extends b(m(":host{display:inherit;position:inherit}")) {
+let n = class extends m(b(":host{display:inherit;position:inherit}")) {
   constructor() {
     super(...arguments), this.label = "", this.name = "", this.value = "", this.options = [], this.required = !1, this.selection$ = new v();
   }
@@ -67,7 +67,7 @@ var g = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, u = (e, t, l
   for (var r, i = s > 1 ? void 0 : s ? $(t, l) : t, o = e.length - 1; o >= 0; o--) (r = e[o]) && (i = (s ? r(t, l, i) : r(i)) || i);
   return s && i && g(t, l, i), i;
 };
-let d = class extends b(m()) {
+let d = class extends m(b()) {
   constructor() {
     super(...arguments), this.value = "", this.checked = !1, this.disabled = !1, this.name = "";
   }
@@ -111,4 +111,4 @@ export {
   n as R,
   d as a
 };
-//# sourceMappingURL=radio-button-C-t6JJsj.js.map
+//# sourceMappingURL=radio-button-BSUgktLD.js.map

package/dist/{radio-button-C-t6JJsj.js.map → radio-button-BSUgktLD.js.map} RENAMED Viewed

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

package/dist/{radio-button-CSV7-ftB.cjs → radio-button-DnvjanKu.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";const c=require("lit"),r=require("lit/decorators.js"),h=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-df9KoZ9x.cjs"),p=require("./formField.mixin-Dta3OeAY.cjs"),b=require("lit/directives/when.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,l,o)=>{for(var a,i=o>1?void 0:o?v(t,l):t,s=e.length-1;s>=0;s--)(a=e[s])&&(i=(o?a(t,l,i):a(i))||i);return o&&i&&m(t,l,i),i};exports.RadioGroup=class extends p.FormFieldMixin(u.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new h.Subject}connectedCallback(){super.connectedCallback(),this.selection$.subscribe(e=>{this.value=e,this.emitChange({value:e}),this.updateChildRadioButtons()}),this.addEventListener("radio-button-click",e=>{this.selection$.next(e.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.unsubscribe()}handleSelection(e){this.selection$.next(e)}updateChildRadioButtons(){this.querySelectorAll("schmancy-radio-button").forEach(e=>{e.getAttribute("value")===this.value?e.setAttribute("checked",""):e.removeAttribute("checked")})}updated(e){super.updated(e),e.has("value")&&this.updateChildRadioButtons()}render(){const e=this.childElementCount>0;return c.html`
+"use strict";const c=require("lit"),r=require("lit/decorators.js"),h=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./formField.mixin-BE8yyY7E.cjs"),p=require("./tailwind.mixin-2zZHkoOm.cjs"),b=require("lit/directives/when.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,l,o)=>{for(var a,i=o>1?void 0:o?v(t,l):t,s=e.length-1;s>=0;s--)(a=e[s])&&(i=(o?a(t,l,i):a(i))||i);return o&&i&&m(t,l,i),i};exports.RadioGroup=class extends u.FormFieldMixin(p.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new h.Subject}connectedCallback(){super.connectedCallback(),this.selection$.subscribe(e=>{this.value=e,this.emitChange({value:e}),this.updateChildRadioButtons()}),this.addEventListener("radio-button-click",e=>{this.selection$.next(e.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.unsubscribe()}handleSelection(e){this.selection$.next(e)}updateChildRadioButtons(){this.querySelectorAll("schmancy-radio-button").forEach(e=>{e.getAttribute("value")===this.value?e.setAttribute("checked",""):e.removeAttribute("checked")})}updated(e){super.updated(e),e.has("value")&&this.updateChildRadioButtons()}render(){const e=this.childElementCount>0;return c.html`
 			<div class="grid gap-4">
 				${b.when(this.label,()=>c.html` <label class="text-base font-semibold text-surface-on">${this.label}</label> `)}
@@ -20,7 +20,7 @@
 						</div>
 					`)}
 			</div>
-		`}},n([r.property({type:String})],exports.RadioGroup.prototype,"label",2),n([r.property({type:String})],exports.RadioGroup.prototype,"name",2),n([r.property({type:String})],exports.RadioGroup.prototype,"value",2),n([r.property({type:Array})],exports.RadioGroup.prototype,"options",2),n([r.property({type:Boolean})],exports.RadioGroup.prototype,"required",2),exports.RadioGroup=n([r.customElement("schmancy-radio-group")],exports.RadioGroup);var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(e,t,l,o)=>{for(var a,i=o>1?void 0:o?k(t,l):t,s=e.length-1;s>=0;s--)(a=e[s])&&(i=(o?a(t,l,i):a(i))||i);return o&&i&&y(t,l,i),i};exports.RadioButton=class extends p.FormFieldMixin(u.TailwindElement()){constructor(){super(...arguments),this.value="",this.checked=!1,this.disabled=!1,this.name=""}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(){if(!this.disabled)if(this.closest("schmancy-radio-group")){const e=new CustomEvent("radio-button-click",{detail:{value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(e)}else this.checked=!0,this.emitChange({value:this.value})}render(){return c.html`
+		`}},n([r.property({type:String})],exports.RadioGroup.prototype,"label",2),n([r.property({type:String})],exports.RadioGroup.prototype,"name",2),n([r.property({type:String})],exports.RadioGroup.prototype,"value",2),n([r.property({type:Array})],exports.RadioGroup.prototype,"options",2),n([r.property({type:Boolean})],exports.RadioGroup.prototype,"required",2),exports.RadioGroup=n([r.customElement("schmancy-radio-group")],exports.RadioGroup);var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(e,t,l,o)=>{for(var a,i=o>1?void 0:o?k(t,l):t,s=e.length-1;s>=0;s--)(a=e[s])&&(i=(o?a(t,l,i):a(i))||i);return o&&i&&y(t,l,i),i};exports.RadioButton=class extends u.FormFieldMixin(p.TailwindElement()){constructor(){super(...arguments),this.value="",this.checked=!1,this.disabled=!1,this.name=""}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(){if(!this.disabled)if(this.closest("schmancy-radio-group")){const e=new CustomEvent("radio-button-click",{detail:{value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(e)}else this.checked=!0,this.emitChange({value:this.value})}render(){return c.html`
 			<label class="relative flex items-start cursor-pointer">
 				<div class="flex items-center h-6">
 					<input
@@ -38,4 +38,4 @@
 				</div>
 			</label>
 		`}},d([r.property({type:String})],exports.RadioButton.prototype,"value",2),d([r.property({type:Boolean,reflect:!0})],exports.RadioButton.prototype,"checked",2),d([r.property({type:Boolean})],exports.RadioButton.prototype,"disabled",2),d([r.property({type:String})],exports.RadioButton.prototype,"name",2),exports.RadioButton=d([r.customElement("schmancy-radio-button")],exports.RadioButton);
-//# sourceMappingURL=radio-button-CSV7-ftB.cjs.map
+//# sourceMappingURL=radio-button-DnvjanKu.cjs.map

package/dist/{radio-button-CSV7-ftB.cjs.map → radio-button-DnvjanKu.cjs.map} RENAMED Viewed

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

package/dist/radio-group.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-button-CSV7-ftB.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-DnvjanKu.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 CHANGED Viewed

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

package/dist/{route.component-HoM7wksc.js → route.component-BJEghY9L.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { Subject as q, ReplaySubject as v, distinctUntilChanged as y, shareReplay as N, skip as L, map as c, filter as d, catchError as l, EMPTY as p, zip as I, fromEvent as P, of as h, bufferTime as T, tap as J, timeout as B, from as $, switchMap as O, startWith as F, combineLatest as A, take as D, merge as _, debounceTime as z, takeUntil as Q } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as M } from "./litElement.mixin-BZErt4H3.js";
-import "./tailwind.mixin-B6ADeWOc.js";
-import { property as w, queryAssignedElements as Y, customElement as U } from "lit/decorators.js";
+import { property as w, queryAssignedElements as Y, customElement as M } from "lit/decorators.js";
+import "./tailwind.mixin-DbE6WE_l.js";
+import { $ as U } from "./litElement.mixin-DVZiIRUa.js";
 import { css as k, html as H } from "lit";
 const x = new q(), W = "FINDING_MORTIES", G = "HERE_RICKY", C = /* @__PURE__ */ new WeakMap();
 class b {
@@ -182,7 +182,7 @@ var S = ((a) => (a.push = "push", a.replace = "replace", a.pop = "pop", a.silent
   for (var o, n = r > 1 ? void 0 : r ? V(t, e) : t, s = a.length - 1; s >= 0; s--) (o = a[s]) && (n = (r ? o(t, e, n) : o(n)) || n);
   return r && n && K(t, e, n), n;
 };
-let E = class extends M(k`
+let E = class extends U(k`
 	:host {
 		position: relative;
 		display: block;
@@ -308,12 +308,12 @@ let E = class extends M(k`
     return H` <slot> </slot> `;
   }
 };
-j([w()], E.prototype, "name", 2), j([w()], E.prototype, "default", 2), j([Y({ selector: "schmancy-route" })], E.prototype, "routes", 2), E = j([U("schmancy-area")], E);
+j([w()], E.prototype, "name", 2), j([w()], E.prototype, "default", 2), j([Y({ selector: "schmancy-route" })], E.prototype, "routes", 2), E = j([M("schmancy-area")], E);
 var X = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, R = (a, t, e, r) => {
   for (var o, n = r > 1 ? void 0 : r ? Z(t, e) : t, s = a.length - 1; s >= 0; s--) (o = a[s]) && (n = (r ? o(t, e, n) : o(n)) || n);
   return r && n && X(t, e, n), n;
 };
-let g = class extends M(k`
+let g = class extends U(k`
   :host {
     display: none;
   }
@@ -328,7 +328,7 @@ let g = class extends M(k`
     return H``;
   }
 };
-R([w({ type: String })], g.prototype, "when", 2), R([w({ type: Object })], g.prototype, "component", 2), R([w({ type: Boolean })], g.prototype, "exact", 2), R([w({ type: Object })], g.prototype, "guard", 2), g = R([U("schmancy-route")], g);
+R([w({ type: String })], g.prototype, "when", 2), R([w({ type: Object })], g.prototype, "component", 2), R([w({ type: Boolean })], g.prototype, "exact", 2), R([w({ type: Object })], g.prototype, "guard", 2), g = R([M("schmancy-route")], g);
 export {
   W as F,
   G as H,
@@ -338,4 +338,4 @@ export {
   S as c,
   x as r
 };
-//# sourceMappingURL=route.component-HoM7wksc.js.map
+//# sourceMappingURL=route.component-BJEghY9L.js.map