@mhmo91/schmancy 0.4.9 → 0.4.11

package/dist/input-By2O_8YL.cjs

@@ -1,111 +0,0 @@
-"use strict";const d=require("lit"),e=require("lit/decorators.js"),h=require("lit/directives/if-defined.js"),b=require("lit/directives/ref.js"),v=require("lit/directives/when.js"),n=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-C6mrbvH3.cjs"),f=require("./ripple-C2BHbhcS.cjs"),c=require("./theme.interface-Xg5Zi46a.cjs"),E=":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available}:host:focus{box-shadow:unset!important}input:focus-visible{outline:none!important}input{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes onAutoFillStart{}input:-webkit-autofill{animation-name:onAutoFillStart}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--schmancy-sys-color-surface-highest) inset!important;-webkit-text-fill-color:var(--schmancy-sys-color-surface-on)!important;transition:background-color 5000s ease-in-out 0s}@-moz-document url-prefix(){input:-moz-autofill,input:-moz-autofill:focus{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}";var $=Object.defineProperty,x=Object.getOwnPropertyDescriptor,r=(t,i,l,u)=>{for(var y,p=u>1?void 0:u?x(i,l):i,m=t.length-1;m>=0;m--)(y=t[m])&&(p=(u?y(i,l,p):y(p))||p);return u&&p&&$(i,l,p),p};let s=class extends g.TailwindElement(E){constructor(){if(super(),this.id="",this.label="",this.type="text",this.name=`name_${Date.now()}`,this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.error=!1,this.size="md",this.validateOn="touched",this.validationMessage="",this.inputRef=b.createRef(),this.isAutofilled=!1,this.touched=!1,this.dirty=!1,this.submitted=!1,this.defaultValue="","attachInternals"in this)try{this.internals=this.attachInternals()}catch{this.internals=void 0}}willUpdate(t){this.id||(this.id="sch-input-"+s._idCounter++),super.willUpdate(t)}get form(){return this.internals?.form??null}updated(t){super.updated(t),t.has("value")&&(this.value!==this.defaultValue&&(this.dirty=!0),this.internals?.setFormValue(this.value),this.validateInput()),t.has("error")&&this.updateValidityState(),!this.hasUpdated&&t.has("value")&&(this.defaultValue=this.value)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setupFormIntegration(),this.setupExternalLabelAssociation()}setupFormIntegration(){this.internals?.form&&(this.formResetObserver=new MutationObserver(t=>{for(const i of t)i.type==="attributes"&&i.attributeName==="reset"&&this.resetToDefault()}),this.formResetObserver.observe(this.internals.form,{attributes:!0,childList:!1,subtree:!1}),this.internals.form.addEventListener("reset",()=>{this.resetToDefault()}),this.internals.form.addEventListener("submit",()=>{this.submitted=!0,this.validateInput(!0)}))}setupExternalLabelAssociation(){if(this.id){const t=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(i=>{i.addEventListener("click",()=>{this.focus()})})};document.readyState==="complete"?t():document.addEventListener("DOMContentLoaded",t)}}disconnectedCallback(){super.disconnectedCallback(),this.formResetObserver&&this.formResetObserver.disconnect(),this.id&&document.querySelectorAll(`label[for="${this.id}"]`).forEach(t=>{t.removeEventListener("click",()=>{this.focus()})})}resetToDefault(){this.value=this.defaultValue,this.touched=!1,this.dirty=!1,this.submitted=!1,this.error=!1,this.validationMessage="",this.dispatchEvent(new CustomEvent("reset",{bubbles:!0}))}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this.touched;case"dirty":return this.dirty;case"submitted":return this.submitted}}updateValidityState(){this.error?this.validationMessage?this.internals?.setValidity({customError:!0},this.validationMessage,this.inputElement):this.internals?.setValidity({customError:!0},"Invalid input",this.inputElement):this.internals?.setValidity({})}validateInput(t=!1){if(this.disabled)return;const i=this.shouldShowValidation(t),l=this.inputElement?.validity??{customError:!1,valid:!0},u=!l.valid&&!l.customError;i&&u?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):l.valid?(this.error=!1,l.customError||(this.validationMessage="")):i||(this.error=!1),this.updateValidityState()}checkValidity(){const t=this.inputRef.value?.checkValidity()??!0;return this.internals&&!t?(this.internals.checkValidity(),!1):t}reportValidity(){this.touched=!0,this.submitted=!0;const t=this.inputRef.value?.reportValidity()??!0;return this.validateInput(!0),this.internals&&!t?(this.internals.reportValidity(),!1):t}setCustomValidity(t){this.inputRef.value&&this.inputRef.value.setCustomValidity(t),this.validationMessage=t,this.error=t!==""&&this.shouldShowValidation(),this.internals&&(t?this.internals.setValidity({customError:!0},t,this.inputElement):this.internals.setValidity({}))}firstUpdated(){this.autofocus&&setTimeout(()=>{this.focus()},0),this.setupInputEvents(),this.setupFocusBlurEvents(),this.setupAutofillDetection(),this.setupEnterKeyEvents()}setupInputEvents(){n.fromEvent(this.inputElement,"input").pipe(n.map(t=>{const i=t;return{value:t.target.value,inputType:i.inputType,data:i.data,isComposing:i.isComposing,originalEvent:t}}),n.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t.value,this.dirty=this.value!==this.defaultValue;const i=new CustomEvent("input",{detail:{value:t.value},bubbles:!0,composed:!0});Object.defineProperties(i,{inputType:{value:t.inputType},data:{value:t.data},isComposing:{value:t.isComposing}}),this.dispatchEvent(i),this.validateInput()}),n.fromEvent(this.inputElement,"change").pipe(n.map(t=>t.target.value),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.validateInput()})}setupFocusBlurEvents(){n.fromEvent(this.inputElement,"focus").pipe(n.takeUntil(this.disconnecting)).subscribe(t=>{const i=new CustomEvent("focus",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(i,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(i)}),n.fromEvent(this.inputElement,"blur").pipe(n.takeUntil(this.disconnecting)).subscribe(t=>{this.touched=!0,this.disabled||this.validateInput();const i=new CustomEvent("blur",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(i,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(i)})}setupAutofillDetection(){n.fromEvent(this.inputElement,"animationstart").pipe(n.filter(t=>t.animationName==="onAutoFillStart"),n.takeUntil(this.disconnecting)).subscribe(t=>{const{value:i}=t.target;this.value=i,this.isAutofilled=!0,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("autofill",{detail:{value:i},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:i},bubbles:!0,composed:!0}))}),n.fromEvent(this.inputElement,"animationstart").pipe(n.filter(t=>t.animationName==="onAutoFillCancel"),n.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){n.fromEvent(this.inputElement,"keyup").pipe(n.filter(t=>t.key==="Enter"),n.takeUntil(this.disconnecting)).subscribe(t=>{const{value:i}=t.target;this.value=i,this.dirty=this.value!==this.defaultValue;const l=new CustomEvent("enter",{detail:{value:i},bubbles:!0,composed:!0});Object.defineProperties(l,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(l)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,i,l){this.inputRef.value?.setSelectionRange(t,i,l)}get selectionStart(){return this.inputRef.value?.selectionStart??null}get selectionEnd(){return this.inputRef.value?.selectionEnd??null}get selectionDirection(){return this.inputRef.value?.selectionDirection??null}setRangeText(t,i,l,u){i!==void 0&&l!==void 0?this.inputRef.value?.setRangeText(t,i,l,u):this.inputRef.value?.setRangeText(t)}focus(t){this.inputRef.value?.focus(t),this.dispatchEvent(new Event("focus"))}click(){this.inputRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.inputRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const{height:t,padding:i,fontSize:l}=(()=>{switch(this.size){case"sm":return{height:"40px",padding:"0 8px",fontSize:"0.875rem"};case"lg":return{height:"60px",padding:"0 20px",fontSize:"1.125rem"};default:return{height:"50px",padding:"0 16px",fontSize:"1rem"}}})(),u={"w-full flex-1 rounded-[8px] border-0 bg-surface-highest text-surface-on":!0,"outline-secondary-default focus:outline-1 ":!0,"outline-secondary-default focus:outline-1":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-secondary-default ring-outline focus:ring-secondary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer text-select-none":this.readonly,"cursor-pointer":this.clickable,"text-center":this.align==="center","text-right":this.align==="right",autofilled:this.isAutofilled},y={"opacity-40":this.disabled,"block mb-[4px]":!0,"text-sm":this.size==="sm","text-base":this.size==="md","text-lg":this.size==="lg"},p={height:t,padding:i,fontSize:l};return d.html`
-			${v.when(this.label,()=>d.html`
-					<label
-						for=${this.id}
-						id="label-${this.id}"
-						class=${this.classMap(y)}
-						${f.color({color:this.error?c.SchmancyTheme.sys.color.error.default:c.SchmancyTheme.sys.color.primary.default})}
-					>
-						<schmancy-typography type="label" token=${this.size==="sm"?"sm":this.size==="lg"?"lg":"md"}>
-							${this.label}
-						</schmancy-typography>
-					</label>
-				`)}
-
-			<input
-				${f.color({bgColor:c.SchmancyTheme.sys.color.surface.highest,color:c.SchmancyTheme.sys.color.surface.on})}
-				${b.ref(this.inputRef)}
-				id=${this.id}
-				name=${this.name}
-				class=${this.classMap(u)}
-				style=${this.styleMap(p)}
-				.value=${this.value}
-				.type=${this.type}
-				.autocomplete=${this.autocomplete}
-				.spellcheck=${this.spellcheck}
-				placeholder=${this.placeholder}
-				inputmode=${h.ifDefined(this.inputmode)}
-				pattern=${h.ifDefined(this.pattern)}
-				step=${h.ifDefined(this.step)}
-				minlength=${h.ifDefined(this.minlength)}
-				maxlength=${h.ifDefined(this.maxlength)}
-				min=${h.ifDefined(this.min)}
-				max=${h.ifDefined(this.max)}
-				list=${h.ifDefined(this.list)}
-				?required=${this.required}
-				?disabled=${this.disabled}
-				?readonly=${this.readonly}
-				aria-invalid=${this.error?"true":"false"}
-				aria-required=${this.required?"true":"false"}
-				aria-labelledby=${this.label?`label-${this.id}`:d.nothing}
-				aria-describedby=${this.hint?`hint-${this.id}`:d.nothing}
-				aria-label=${h.ifDefined(this.label?void 0:this.placeholder||"Input")}
-				aria-autocomplete=${this.list?"list":"none"}
-			/>
-
-			${v.when(this.hint,()=>d.html`
-					<div
-						id="hint-${this.id}"
-						class="${this.size==="sm"?"pt-[1px] text-xs":this.size==="lg"?"pt-[3px] text-base":"pt-[2px] text-sm"}"
-						${f.color({color:this.error?c.SchmancyTheme.sys.color.error.default:c.SchmancyTheme.sys.color.primary.default})}
-					>
-						<schmancy-typography
-							align="left"
-							type="label"
-							token=${this.size==="sm"?"sm":this.size==="lg"?"lg":"md"}
-						>
-							${this.hint}
-						</schmancy-typography>
-					</div>
-				`)}
-		`}};s._idCounter=0,s.formAssociated=!0,s.shadowRootOptions={...d.LitElement.shadowRootOptions,delegatesFocus:!0},r([e.property({reflect:!0})],s.prototype,"id",2),r([e.property({type:String})],s.prototype,"label",2),r([e.property({reflect:!0})],s.prototype,"type",2),r([e.property()],s.prototype,"name",2),r([e.property()],s.prototype,"placeholder",2),r([e.property({type:String,reflect:!0})],s.prototype,"value",2),r([e.property({type:String,reflect:!0})],s.prototype,"pattern",2),r([e.property({type:Boolean,reflect:!0})],s.prototype,"required",2),r([e.property({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([e.property({type:Boolean,reflect:!0})],s.prototype,"readonly",2),r([e.property({type:Boolean,reflect:!0})],s.prototype,"clickable",2),r([e.property({type:Boolean,reflect:!0})],s.prototype,"spellcheck",2),r([e.property({type:String,reflect:!0})],s.prototype,"align",2),r([e.property()],s.prototype,"inputmode",2),r([e.property({type:Number,reflect:!0})],s.prototype,"minlength",2),r([e.property({type:Number})],s.prototype,"maxlength",2),r([e.property()],s.prototype,"min",2),r([e.property()],s.prototype,"max",2),r([e.property({type:Number,reflect:!0})],s.prototype,"step",2),r([e.property({type:Boolean})],s.prototype,"autofocus",2),r([e.property({type:String,reflect:!0})],s.prototype,"autocomplete",2),r([e.property({type:Number,reflect:!0})],s.prototype,"tabIndex",2),r([e.property()],s.prototype,"hint",2),r([e.property({type:Boolean,reflect:!0})],s.prototype,"error",2),r([e.property({type:String,reflect:!0})],s.prototype,"size",2),r([e.property({type:String})],s.prototype,"validateOn",2),r([e.property({type:String})],s.prototype,"list",2),r([e.property({type:String})],s.prototype,"validationMessage",2),r([e.query("input")],s.prototype,"inputElement",2),r([e.state()],s.prototype,"isAutofilled",2),r([e.state()],s.prototype,"touched",2),r([e.state()],s.prototype,"dirty",2),r([e.state()],s.prototype,"submitted",2),r([e.state()],s.prototype,"defaultValue",2),s=r([e.customElement("sch-input")],s);var k=Object.defineProperty,w=Object.getOwnPropertyDescriptor,a=(t,i,l,u)=>{for(var y,p=u>1?void 0:u?w(i,l):i,m=t.length-1;m>=0;m--)(y=t[m])&&(p=(u?y(i,l,p):y(p))||p);return u&&p&&k(i,l,p),p};let o=class extends g.TailwindElement(E){constructor(){if(super(),this.id="",this.label="",this.type="text",this.name=`name_${Date.now()}`,this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.error=!1,this.inputRef=b.createRef(),"attachInternals"in this)try{this.internals=this.attachInternals()}catch{this.internals=void 0}}willUpdate(t){this.id||(this.id="schmancy-input-"+o._idCounter++),super.willUpdate(t)}get form(){return this.internals?.form??null}updated(t){super.updated(t),t.has("value")&&this.internals?.setFormValue(this.value),t.has("error")&&(this.error?this.internals?.setValidity({customError:!0},"Invalid input",this.inputElement):this.internals?.setValidity({}))}checkValidity(){return this.inputRef.value?.checkValidity()??!0}reportValidity(){return this.inputRef.value?.reportValidity()??!0}setCustomValidity(t){this.inputRef.value?.setCustomValidity(t)}firstUpdated(){this.autofocus&&this.focus(),n.fromEvent(this.inputElement,"input").pipe(n.map(t=>t.target.value),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("input",{detail:{value:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}),n.fromEvent(this.inputElement,"change").pipe(n.map(t=>t.target.value),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}),n.fromEvent(this.inputElement,"keyup").pipe(n.filter(t=>t.key==="Enter"),n.takeUntil(this.disconnecting)).subscribe(t=>{const{value:i}=t.target;this.value=i,this.dispatchEvent(new CustomEvent("enter",{detail:{value:i},bubbles:!0,composed:!0}))}),n.fromEvent(this.inputElement,"animationstart").pipe(n.filter(t=>t.animationName==="onAutoFillStart"),n.takeUntil(this.disconnecting)).subscribe(t=>{const{value:i}=t.target;this.value=i,this.dispatchEvent(new CustomEvent("change",{detail:{value:i},bubbles:!0,composed:!0}))})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}focus(t){this.inputRef.value?.focus(t),this.dispatchEvent(new Event("focus"))}click(){this.inputRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.inputRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const t={"w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]":!0,"outline-secondary-default focus:outline-1 ":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-secondary-default ring-outline focus:ring-secondary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer text-select-none":this.readonly,"cursor-pointer":this.clickable,"text-center":this.align==="center","text-right":this.align==="right"},i={"opacity-40":this.disabled,"block mb-[4px]":!0};return d.html`
-			${v.when(this.label,()=>d.html`
-					<label
-						for=${this.id}
-						id="label-${this.id}"
-						class=${this.classMap(i)}
-						${f.color({color:this.error?c.SchmancyTheme.sys.color.error.default:c.SchmancyTheme.sys.color.primary.default})}
-					>
-						<schmancy-typography type="label" token="lg">${this.label}</schmancy-typography>
-					</label>
-				`)}
-
-			<input
-				${f.color({bgColor:c.SchmancyTheme.sys.color.surface.highest,color:c.SchmancyTheme.sys.color.surface.on})}
-				${b.ref(this.inputRef)}
-				id=${this.id}
-				name=${this.name}
-				class=${this.classMap(t)}
-				.value=${this.value}
-				.type=${this.type}
-				.autocomplete=${this.autocomplete}
-				.spellcheck=${this.spellcheck}
-				placeholder=${this.placeholder}
-				inputmode=${h.ifDefined(this.inputmode)}
-				pattern=${h.ifDefined(this.pattern)}
-				step=${h.ifDefined(this.step)}
-				minlength=${h.ifDefined(this.minlength)}
-				maxlength=${h.ifDefined(this.maxlength)}
-				min=${h.ifDefined(this.min)}
-				max=${h.ifDefined(this.max)}
-				?required=${this.required}
-				?disabled=${this.disabled}
-				?readonly=${this.readonly}
-				aria-invalid=${this.error?"true":"false"}
-				aria-required=${this.required?"true":"false"}
-				aria-labelledby=${this.label?`label-${this.id}`:d.nothing}
-				aria-describedby=${this.hint?`hint-${this.id}`:d.nothing}
-				aria-label=${h.ifDefined(this.label?void 0:this.placeholder||"Input")}
-			/>
-
-			${v.when(this.hint,()=>d.html`
-					<div
-						id="hint-${this.id}"
-						class="pt-[2px]"
-						${f.color({color:this.error?c.SchmancyTheme.sys.color.error.default:c.SchmancyTheme.sys.color.primary.default})}
-					>
-						<schmancy-typography align="left" type="label"> ${this.hint} </schmancy-typography>
-					</div>
-				`)}
-		`}};o._idCounter=0,o.formAssociated=!0,o.shadowRootOptions={...d.LitElement.shadowRootOptions,delegatesFocus:!0},a([e.property({reflect:!0})],o.prototype,"id",2),a([e.property({type:String})],o.prototype,"label",2),a([e.property({reflect:!0})],o.prototype,"type",2),a([e.property()],o.prototype,"name",2),a([e.property()],o.prototype,"placeholder",2),a([e.property({type:String,reflect:!0})],o.prototype,"value",2),a([e.property({type:String,reflect:!0})],o.prototype,"pattern",2),a([e.property({type:Boolean,reflect:!0})],o.prototype,"required",2),a([e.property({type:Boolean,reflect:!0})],o.prototype,"disabled",2),a([e.property({type:Boolean,reflect:!0})],o.prototype,"readonly",2),a([e.property({type:Boolean,reflect:!0})],o.prototype,"clickable",2),a([e.property({type:Boolean,reflect:!0})],o.prototype,"spellcheck",2),a([e.property({type:String,reflect:!0})],o.prototype,"align",2),a([e.property()],o.prototype,"inputmode",2),a([e.property({type:Number})],o.prototype,"minlength",2),a([e.property({type:Number})],o.prototype,"maxlength",2),a([e.property()],o.prototype,"min",2),a([e.property()],o.prototype,"max",2),a([e.property({type:Number,reflect:!0})],o.prototype,"step",2),a([e.property({type:Boolean})],o.prototype,"autofocus",2),a([e.property({type:String,reflect:!0})],o.prototype,"autocomplete",2),a([e.property({type:Number,reflect:!0})],o.prototype,"tabIndex",2),a([e.property()],o.prototype,"hint",2),a([e.property({type:Boolean,reflect:!0})],o.prototype,"error",2),a([e.query("input")],o.prototype,"inputElement",2),o=a([e.customElement("schmancy-input")],o);
-//# sourceMappingURL=input-By2O_8YL.cjs.map

package/dist/input-By2O_8YL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-By2O_8YL.cjs","sources":["../src/input/input-v2.ts","../src/input/input.ts"],"sourcesContent":["import { html, LitElement, nothing, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil } from 'rxjs'\n\nimport { TailwindElement } from '@mixins/index'\n\n// color directive + theme interface\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport style from './input.scss?inline'\n\n// If you want to be form-associated, define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-input': SchmancyInputV2\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEventV2 = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEventV2 = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEventV2 = CustomEvent<EventDetails>\n\n/**\n * Size variants for the input.\n * - sm: Small, compact input (40px height)\n * - md: Medium input (50px height, default)\n * - lg: Large, spacious input (60px height)\n */\nexport type InputSize = 'sm' | 'md' | 'lg'\n\n/**\n * Enhanced version of the SchmancyInput component with improved form integration\n * and compatibility with legacy API.\n *\n * This component uses the native form association API and maintains parity with\n * native input behaviors while providing a stylish, accessible interface.\n */\n@customElement('sch-input')\nexport default class SchmancyInputV2 extends TailwindElement(style) {\n\t// ----------------------------\n\t//  A) Public properties\n\t// ----------------------------\n\n\t/** Auto-incrementing counter for generating unique IDs */\n\tstatic _idCounter = 0\n\n\t@property({ reflect: true })\n\tpublic override id = ''\n\n\t/**\n\t * The label for the control. If populated, we render a `<label for=\"...\">`.\n\t * If empty, we add an `aria-label` to the <input> for better screenreader support.\n\t */\n\t@property({ type: String }) label = ''\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\t/**\n\t * Name attribute (for form submissions). By default, a unique fallback.\n\t */\n\t@property()\n\tpublic name = `name_${Date.now()}`\n\n\t@property()\n\tpublic placeholder = ''\n\n\t/** Current value of the input. */\n\t@property({ type: String, reflect: true })\n\tpublic value = ''\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t/** Whether the control is required for form validation. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic required = false\n\n\t/** Whether the control is disabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/** Whether the input is read-only. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic readonly = false\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number, reflect: true })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String, reflect: true })\n\tpublic autocomplete: AutoFill = 'on'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic override tabIndex = 0\n\n\t/**\n\t * A small hint text or error message to display under the input.\n\t */\n\t@property()\n\tpublic hint?: string\n\n\t/**\n\t * If true, we style the input as an error state, and possibly display\n\t * the hint as an error message.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic error = false\n\n\t/**\n\t * The size of the input.\n\t * - 'sm': Small, compact size\n\t * - 'md': Medium size (default)\n\t * - 'lg': Large size\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic size: InputSize = 'md'\n\n\t/**\n\t * Controls when validation should show.\n\t * - 'always' - Always show validation\n\t * - 'touched' - Only show after field has been focused and then blurred\n\t * - 'dirty' - Only show after value has changed\n\t * - 'submitted' - Only show after form submission\n\t */\n\t@property({ type: String })\n\tpublic validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t/**\n\t * For datalist support\n\t */\n\t@property({ type: String })\n\tpublic list?: string\n\n\t/**\n\t * The validation message to display (mimics native input.validationMessage)\n\t */\n\t@property({ type: String })\n\tpublic validationMessage = ''\n\n\t// ----------------------------\n\t//  B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t//  C) Internal States\n\t// ----------------------------\n\n\t/**\n\t * For integration with browser's autofill support\n\t */\n\t@state()\n\tprivate isAutofilled = false\n\n\t/**\n\t * Track user interaction state for validation\n\t */\n\t@state()\n\tprivate touched = false\n\n\t@state()\n\tprivate dirty = false\n\n\t@state()\n\tprivate submitted = false\n\n\t/**\n\t * Store the default value for reset behavior\n\t */\n\t@state()\n\tprivate defaultValue = ''\n\n\t// ----------------------------\n\t//  D) Form-associated logic\n\t// ----------------------------\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\tprivate internals?: ElementInternals\n\tprivate formResetObserver?: MutationObserver\n\n\tconstructor() {\n\t\tsuper()\n\t\tif ('attachInternals' in this) {\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\t// no-op for older browsers / polyfills\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-input-${SchmancyInputV2._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\n\t/** The form this element is associated with, if any. */\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\tprotected override updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Handle value changes\n\t\tif (changedProps.has('value')) {\n\t\t\t// If value changes from original default, mark as dirty\n\t\t\tif (this.value !== this.defaultValue) {\n\t\t\t\tthis.dirty = true\n\t\t\t}\n\n\t\t\t// Reflect the current value to the form internals, so it's submitted.\n\t\t\tthis.internals?.setFormValue(this.value)\n\n\t\t\t// Update validation state when value changes\n\t\t\tthis.validateInput()\n\t\t}\n\n\t\t// Handle error state changes\n\t\tif (changedProps.has('error')) {\n\t\t\tthis.updateValidityState()\n\t\t}\n\n\t\t// Store default value if this is the first update\n\t\tif (!this.hasUpdated && changedProps.has('value')) {\n\t\t\tthis.defaultValue = this.value\n\t\t}\n\t}\n\n\t/**\n\t * Connect to the closest form element and set up form integration\n\t */\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Store initial default value for form reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Set up form integration\n\t\tthis.setupFormIntegration()\n\n\t\t// Setup for external label association\n\t\tthis.setupExternalLabelAssociation()\n\t}\n\n\t/**\n\t * Set up form integration with ElementInternals\n\t */\n\tprivate setupFormIntegration() {\n\t\tif (this.internals?.form) {\n\t\t\t// Listen for form reset events\n\t\t\tthis.formResetObserver = new MutationObserver(mutations => {\n\t\t\t\tfor (const mutation of mutations) {\n\t\t\t\t\tif (mutation.type === 'attributes' && mutation.attributeName === 'reset') {\n\t\t\t\t\t\tthis.resetToDefault()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t// Observe the form for reset events\n\t\t\tthis.formResetObserver.observe(this.internals.form, {\n\t\t\t\tattributes: true,\n\t\t\t\tchildList: false,\n\t\t\t\tsubtree: false,\n\t\t\t})\n\n\t\t\t// Also directly listen for the reset event\n\t\t\tthis.internals.form.addEventListener('reset', () => {\n\t\t\t\tthis.resetToDefault()\n\t\t\t})\n\n\t\t\t// Listen for form submit events to mark field as submitted\n\t\t\tthis.internals.form.addEventListener('submit', () => {\n\t\t\t\tthis.submitted = true\n\t\t\t\t// Validate on form submission\n\t\t\t\tthis.validateInput(true)\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Set up external label association for native HTML label support\n\t */\n\tprivate setupExternalLabelAssociation() {\n\t\tif (this.id) {\n\t\t\tconst setupLabelClickListener = () => {\n\t\t\t\tconst labels = document.querySelectorAll(`label[for=\"${this.id}\"]`)\n\t\t\t\tlabels.forEach(label => {\n\t\t\t\t\tlabel.addEventListener('click', () => {\n\t\t\t\t\t\tthis.focus()\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// Initialize after DOM is ready\n\t\t\tif (document.readyState === 'complete') {\n\t\t\t\tsetupLabelClickListener()\n\t\t\t} else {\n\t\t\t\tdocument.addEventListener('DOMContentLoaded', setupLabelClickListener)\n\t\t\t}\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up the form observer\n\t\tif (this.formResetObserver) {\n\t\t\tthis.formResetObserver.disconnect()\n\t\t}\n\n\t\t// Clean up external label click listeners\n\t\tif (this.id) {\n\t\t\tconst labels = document.querySelectorAll(`label[for=\"${this.id}\"]`)\n\t\t\tlabels.forEach(label => {\n\t\t\t\tlabel.removeEventListener('click', () => {\n\t\t\t\t\tthis.focus()\n\t\t\t\t})\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Reset the input to its default state\n\t */\n\tprivate resetToDefault() {\n\t\tthis.value = this.defaultValue\n\t\tthis.touched = false\n\t\tthis.dirty = false\n\t\tthis.submitted = false\n\t\tthis.error = false\n\t\tthis.validationMessage = ''\n\t\tthis.dispatchEvent(new CustomEvent('reset', { bubbles: true }))\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this.touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this.dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this.submitted\n\t\t\tdefault:\n\t\t\t\treturn this.touched\n\t\t}\n\t}\n\n\t/**\n\t * Update validity state based on current error state\n\t */\n\tprivate updateValidityState() {\n\t\tif (this.error) {\n\t\t\t// Only set custom validity if validationMessage is provided\n\t\t\tif (this.validationMessage) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage, this.inputElement)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, 'Invalid input', this.inputElement)\n\t\t\t}\n\t\t} else {\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\t}\n\n\t/**\n\t * Validate input based on required, pattern, etc.\n\t * This mimics native validation behavior\n\t */\n\tprivate validateInput(forceValidation = false) {\n\t\t// Skip validation for disabled inputs\n\t\tif (this.disabled) return\n\n\t\t// Only show validation errors if we should based on the validation strategy\n\t\tconst shouldValidate = this.shouldShowValidation(forceValidation)\n\n\t\t// Get validity state from internal input if available\n\t\tconst validity: ValidityState = this.inputElement?.validity ?? {\n\t\t\tbadInput: false,\n\t\t\tcustomError: false,\n\t\t\tpatternMismatch: false,\n\t\t\trangeOverflow: false,\n\t\t\trangeUnderflow: false,\n\t\t\tstepMismatch: false,\n\t\t\ttooLong: false,\n\t\t\ttooShort: false,\n\t\t\ttypeMismatch: false,\n\t\t\tvalid: true,\n\t\t\tvalueMissing: false,\n\t\t}\n\n\t\t// Check if the input has an actual validation error (not a custom error)\n\t\tconst hasError = !validity.valid && !validity.customError\n\n\t\tif (shouldValidate && hasError) {\n\t\t\t// There's an error and we should show it\n\t\t\tthis.error = true\n\t\t\tthis.validationMessage = this.inputElement?.validationMessage || ''\n\t\t} else if (validity.valid) {\n\t\t\t// Input is valid, so clear the error state\n\t\t\tthis.error = false\n\n\t\t\t// Only clear validation message if there's no custom error\n\t\t\tif (!validity.customError) {\n\t\t\t\tthis.validationMessage = ''\n\t\t\t}\n\t\t} else if (!shouldValidate) {\n\t\t\t// We shouldn't show validation yet, so clear visual error state\n\t\t\tthis.error = false\n\t\t}\n\n\t\t// Always update internals with current validity state\n\t\tthis.updateValidityState()\n\t}\n\n\t/**\n\t * Check validity without showing validation UI\n\t */\n\tpublic checkValidity() {\n\t\t// Check internal input first\n\t\tconst inputValid = this.inputRef.value?.checkValidity() ?? true\n\n\t\t// Also synchronize with internals API for better form integration\n\t\tif (this.internals && !inputValid) {\n\t\t\tthis.internals.checkValidity()\n\t\t\treturn false\n\t\t}\n\n\t\treturn inputValid\n\t}\n\n\t/**\n\t * Show validation UI and check validity\n\t */\n\tpublic reportValidity() {\n\t\t// Mark as touched and submitted to show validation\n\t\tthis.touched = true\n\t\tthis.submitted = true\n\n\t\t// First check using native input\n\t\tconst inputValid = this.inputRef.value?.reportValidity() ?? true\n\n\t\t// Update our component's validation state with force=true\n\t\tthis.validateInput(true)\n\n\t\t// Also report to internals API for better form integration\n\t\tif (this.internals && !inputValid) {\n\t\t\tthis.internals.reportValidity()\n\t\t\treturn false\n\t\t}\n\n\t\treturn inputValid\n\t}\n\n\t/**\n\t * Set a custom validation error message\n\t */\n\tpublic setCustomValidity(message: string) {\n\t\t// Set on the native input\n\t\tif (this.inputRef.value) {\n\t\t\tthis.inputRef.value.setCustomValidity(message)\n\t\t}\n\n\t\t// Also update our component state\n\t\tthis.validationMessage = message\n\t\tthis.error = message !== '' && this.shouldShowValidation()\n\n\t\t// And update internals\n\t\tif (this.internals) {\n\t\t\tif (message) {\n\t\t\t\tthis.internals.setValidity({ customError: true }, message, this.inputElement)\n\t\t\t} else {\n\t\t\t\tthis.internals.setValidity({})\n\t\t\t}\n\t\t}\n\t}\n\n\t// ----------------------------\n\t//  E) Lifecycle Hooks & Event Handlers\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\t// Use setTimeout to match browser behavior - autofocus happens after initial rendering\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.focus()\n\t\t\t}, 0)\n\t\t}\n\n\t\t// Subscribe to input events\n\t\tthis.setupInputEvents()\n\t\tthis.setupFocusBlurEvents()\n\t\tthis.setupAutofillDetection()\n\t\tthis.setupEnterKeyEvents()\n\t}\n\n\t/**\n\t * Set up input event handling for value changes\n\t */\n\tprivate setupInputEvents() {\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => {\n\t\t\t\t\t// Capture all input event properties for complete event forwarding\n\t\t\t\t\tconst inputEvent = ev as InputEvent\n\t\t\t\t\tconst target = ev.target as HTMLInputElement\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: target.value,\n\t\t\t\t\t\tinputType: inputEvent.inputType,\n\t\t\t\t\t\tdata: inputEvent.data,\n\t\t\t\t\t\tisComposing: inputEvent.isComposing,\n\t\t\t\t\t\toriginalEvent: ev,\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(eventData => {\n\t\t\t\t// Update component value\n\t\t\t\tthis.value = eventData.value\n\n\t\t\t\t// Mark as dirty when user types\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Fire custom 'input' event with extended details\n\t\t\t\tconst customEvent = new CustomEvent<EventDetails>('input', {\n\t\t\t\t\tdetail: { value: eventData.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add additional properties to match native events more closely\n\t\t\t\tObject.defineProperties(customEvent, {\n\t\t\t\t\tinputType: { value: eventData.inputType },\n\t\t\t\t\tdata: { value: eventData.data },\n\t\t\t\t\tisComposing: { value: eventData.isComposing },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(customEvent)\n\n\t\t\t\t// REMOVED: Duplicate change event dispatch that was here\n\t\t\t\t// Run validation like native inputs do on input, but respect the validation strategy\n\t\t\t\tthis.validateInput()\n\t\t\t})\n\n\t\t// Subscribe to native change events (usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Fire regular change event with bubbling\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// Run validation on change like native inputs\n\t\t\t\tthis.validateInput()\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up focus/blur event handling\n\t */\n\tprivate setupFocusBlurEvents() {\n\t\tfromEvent<FocusEvent>(this.inputElement, 'focus')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Create a custom focus event that includes standard props\n\t\t\t\tconst focusEvent = new CustomEvent('focus', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add focus-specific properties\n\t\t\t\tObject.defineProperties(focusEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(focusEvent)\n\t\t\t})\n\n\t\tfromEvent<FocusEvent>(this.inputElement, 'blur')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Mark as touched when field loses focus\n\t\t\t\tthis.touched = true\n\n\t\t\t\t// Run validation on blur like native inputs, respecting validation strategy\n\t\t\t\tif (!this.disabled) {\n\t\t\t\t\tthis.validateInput()\n\t\t\t\t}\n\n\t\t\t\t// Create a custom blur event that includes standard props\n\t\t\t\tconst blurEvent = new CustomEvent('blur', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add blur-specific properties\n\t\t\t\tObject.defineProperties(blurEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(blurEvent)\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up autofill detection\n\t */\n\tprivate setupAutofillDetection() {\n\t\t// Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.isAutofilled = true\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Dispatch autofill event for integration with autofill systems\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('autofill', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// Also propagate as a change event like browsers do\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Detect end of autofill (Chrome)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillCancel'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.isAutofilled = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up enter key event handling\n\t */\n\tprivate setupEnterKeyEvents() {\n\t\t// Emit a custom 'enter' event when user presses Enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Dispatch enhanced enter event\n\t\t\t\tconst enterEvent = new CustomEvent<EventDetails>('enter', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add extra keyboard event props\n\t\t\t\tObject.defineProperties(enterEvent, {\n\t\t\t\t\tkey: { value: 'Enter' },\n\t\t\t\t\tcode: { value: 'Enter' },\n\t\t\t\t\tkeyCode: { value: 13 },\n\t\t\t\t\twhich: { value: 13 },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(enterEvent)\n\t\t\t})\n\t}\n\n\t// ----------------------------\n\t//  F) Utility Methods\n\t// ----------------------------\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Sets the selection range. Mirrors native input.setSelectionRange\n\t */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.inputRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/**\n\t * Returns the selected text within the input (start position)\n\t */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.inputRef.value?.selectionStart ?? null\n\t}\n\n\t/**\n\t * Returns the selected text within the input (end position)\n\t */\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.inputRef.value?.selectionEnd ?? null\n\t}\n\n\t/**\n\t * Returns the direction of selection\n\t */\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.inputRef.value?.selectionDirection ?? null\n\t}\n\n\t/**\n\t * Sets the range of text to be selected.\n\t */\n\tpublic setRangeText(\n\t\treplacement: string,\n\t\tstart?: number,\n\t\tend?: number,\n\t\tselectMode?: 'select' | 'start' | 'end' | 'preserve',\n\t) {\n\t\tif (start !== undefined && end !== undefined) {\n\t\t\tthis.inputRef.value?.setRangeText(replacement, start, end, selectMode)\n\t\t} else {\n\t\t\tthis.inputRef.value?.setRangeText(replacement)\n\t\t}\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t//  G) Rendering\n\t// ----------------------------\n\tprotected override render() {\n\t\t// Determine height and padding based on size\n\t\tconst getHeightAndPadding = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'sm':\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '40px',\n\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '60px',\n\t\t\t\t\t\tpadding: '0 20px',\n\t\t\t\t\t\tfontSize: '1.125rem', // 18px\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '50px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '1rem', // 16px\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize } = getHeightAndPadding()\n\n\t\tconst inputClasses = {\n\t\t\t'w-full flex-1 rounded-[8px] border-0 bg-surface-highest text-surface-on': true,\n\t\t\t'outline-secondary-default focus:outline-1 ': true,\n\t\t\t'outline-secondary-default focus:outline-1': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t// If not in error state, use standard ring color:\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t// Error ring override:\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// If read-only but \"clickable\" is true, show pointer. Otherwise normal text cursor.\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Alignment classes:\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// Autofill class\n\t\t\tautofilled: this.isAutofilled,\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'md',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t}\n\n\t\tconst styles = {\n\t\t\theight,\n\t\t\tpadding,\n\t\t\tfontSize,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\n\t\t */\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\tid=\"label-${this.id}\"\n\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=${this.size === 'sm' ? 'sm' : this.size === 'lg' ? 'lg' : 'md'}>\n\t\t\t\t\t\t\t${this.label}\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</label>\n\t\t\t\t`,\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\tid=${this.id}\n\t\t\t\tname=${this.name}\n\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.type=${this.type}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tlist=${ifDefined(this.list)}\n\t\t\t\t?required=${this.required}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t?readonly=${this.readonly}\n\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\taria-describedby=${this.hint ? `hint-${this.id}` : nothing}\n\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\taria-autocomplete=${this.list ? 'list' : 'none'}\n\t\t\t/>\n\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\tclass=\"${this.size === 'sm'\n\t\t\t\t\t\t\t? 'pt-[1px] text-xs'\n\t\t\t\t\t\t\t: this.size === 'lg'\n\t\t\t\t\t\t\t\t? 'pt-[3px] text-base'\n\t\t\t\t\t\t\t\t: 'pt-[2px] text-sm'}\"\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\ttype=\"label\"\n\t\t\t\t\t\t\ttoken=${this.size === 'sm' ? 'sm' : this.size === 'lg' ? 'lg' : 'md'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n","import { html, LitElement, nothing, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil } from 'rxjs'\n\nimport { TailwindElement } from '@mixins/index'\n\n// color directive + theme interface\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport style from './input.scss?inline'\n// If you want to be form-associated, define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement(style) {\n\t// ----------------------------\n\t//  A) Public properties\n\t// ----------------------------\n\n\t/** If user does NOT set `id`, we'll autogenerate one. */\n\tstatic _idCounter = 0\n\n\t@property({ reflect: true })\n\tpublic override id = ''\n\n\t/**\n\t * The label for the control. If populated, we render a `<label for=\"...\">`.\n\t * If empty, we add an `aria-label` to the <input> for better screenreader support.\n\t */\n\t@property({ type: String }) label = ''\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\t/**\n\t * Name attribute (for form submissions). By default, a unique fallback.\n\t */\n\t@property()\n\tpublic name = `name_${Date.now()}`\n\n\t@property()\n\tpublic placeholder = ''\n\n\t/** Current value of the input. */\n\t@property({ type: String, reflect: true })\n\tpublic value = ''\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t/** Whether the control is required for form validation. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic required = false\n\n\t/** Whether the control is disabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/** Whether the input is read-only. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic readonly = false\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String, reflect: true })\n\tpublic autocomplete: AutoFill = 'on'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic tabIndex = 0\n\n\t/**\n\t * A small hint text or error message to display under the input.\n\t */\n\t@property()\n\tpublic hint?: string\n\n\t/**\n\t * If true, we style the input as an error state, and possibly display\n\t * the hint as an error message.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic error = false\n\n\t// ----------------------------\n\t//  B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t//  C) Form-associated logic\n\t// ----------------------------\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\tprivate internals?: ElementInternals\n\n\tconstructor() {\n\t\tsuper()\n\t\tif ('attachInternals' in this) {\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\t// no-op for older browsers / polyfills\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\n\t/** The form this element is associated with, if any. */\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\tprotected override updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\t\tif (changedProps.has('value')) {\n\t\t\t// Reflect the current value to the form internals, so it’s submitted.\n\t\t\tthis.internals?.setFormValue(this.value)\n\t\t}\n\n\t\tif (changedProps.has('error')) {\n\t\t\t// If we have an error state, we can set custom error validity, or none if resolved.\n\t\t\tif (this.error) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, 'Invalid input', this.inputElement)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Native form methods:\n\t * - checkValidity()\n\t * - reportValidity()\n\t * - setCustomValidity()\n\t */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity() ?? true\n\t}\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity() ?? true\n\t}\n\tpublic setCustomValidity(message: string) {\n\t\tthis.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t// ----------------------------\n\t//  D) Lifecycle Hooks\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\n\t\t// 1) Subscribe to 'input' events (every keystroke)\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\t// Fire custom 'input' event with details\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('input', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t// dispatch change event\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// 2) Subscribe to 'change' events (native behavior, usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// 3) Emit a custom 'enter' event when user presses Enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\t// 4) Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\t// ----------------------------\n\t//  E) Utility Methods\n\t// ----------------------------\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t//  F) Rendering\n\t// ----------------------------\n\tprotected override render() {\n\t\tconst inputClasses = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'outline-secondary-default focus:outline-1 ': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t// If not in error state, use standard ring color:\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t// Error ring override:\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// If read-only but \"clickable\" is true, show pointer. Otherwise normal text cursor.\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Alignment classes:\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\n\t\t */\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\tid=\"label-${this.id}\"\n\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>\n\t\t\t\t`,\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\tid=${this.id}\n\t\t\t\tname=${this.name}\n\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.type=${this.type}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t?required=${this.required}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t?readonly=${this.readonly}\n\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\taria-describedby=${this.hint ? `hint-${this.id}` : nothing}\n\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t/>\n\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\tclass=\"pt-[2px]\"\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography align=\"left\" type=\"label\"> ${this.hint} </schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n"],"names":["SchmancyInputV2","TailwindElement","style","super","this","id","label","type","name","Date","now","placeholder","value","required","disabled","readonly","clickable","spellcheck","align","autofocus","autocomplete","tabIndex","error","size","validateOn","validationMessage","inputRef","createRef","isAutofilled","touched","dirty","submitted","defaultValue","internals","attachInternals","changedProps","_idCounter","willUpdate","form","updated","has","setFormValue","validateInput","updateValidityState","hasUpdated","connectedCallback","setupFormIntegration","setupExternalLabelAssociation","formResetObserver","MutationObserver","mutations","mutation","attributeName","resetToDefault","observe","attributes","childList","subtree","addEventListener","setupLabelClickListener","document","querySelectorAll","forEach","focus","readyState","disconnectedCallback","disconnect","removeEventListener","dispatchEvent","CustomEvent","bubbles","forceValidation","setValidity","customError","inputElement","shouldValidate","shouldShowValidation","validity","valid","hasError","inputValid","checkValidity","reportValidity","message","setCustomValidity","setTimeout","setupInputEvents","setupFocusBlurEvents","setupAutofillDetection","setupEnterKeyEvents","fromEvent","pipe","map","ev","inputEvent","target","inputType","data","isComposing","originalEvent","takeUntil","disconnecting","subscribe","eventData","customEvent","detail","composed","Object","defineProperties","distinctUntilChanged","focusEvent","cancelable","relatedTarget","blurEvent","filter","animationName","key","enterEvent","code","keyCode","which","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","selectMode","setRangeText","options","Event","click","blur","render","height","padding","fontSize","getHeightAndPadding","inputClasses","autofilled","labelClasses","styles","n","html","when","classMap","color","SchmancyTheme","sys","default","primary","bgColor","surface","highest","on","ref","styleMap","ifDefined","inputmode","pattern","step","minlength","maxlength","min","max","list","nothing","hint","formAssociated","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","reflect","prototype","String","Boolean","Number","query","state","customElement","SchmancyInput","firstUpdated","getValidity"],"mappings":"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"}

package/dist/radio-button-CNrcOMLm.js

@@ -1,151 +0,0 @@
-import { html as u } from "lit";
-import { property as r, customElement as y } from "lit/decorators.js";
-import { Subject as b } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as v } from "./tailwind.mixin-DpiTmETl.js";
-import { when as g } from "lit/directives/when.js";
-var f = Object.defineProperty, n = (t, e, a, o) => {
-  for (var i, s = void 0, l = t.length - 1; l >= 0; l--) (i = t[l]) && (s = i(e, a, s) || s);
-  return s && f(e, a, s), s;
-};
-function m(t) {
-  const a = class a extends t {
-    constructor(...i) {
-      super(...i), this.name = "", this.value = "", this.label = "", this.required = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.validationMessage = "", this.id = `schmancy-field-${Date.now()}-${Math.floor(1e3 * Math.random())}`;
-      try {
-        this.internals = this.attachInternals();
-      } catch {
-        this.internals = void 0;
-      }
-    }
-    get form() {
-      return this.internals?.form ?? null;
-    }
-    willUpdate(i) {
-      super.willUpdate(i), i.has("value") && this.internals?.setFormValue(this.value), (i.has("error") || i.has("validationMessage")) && (this.error && this.validationMessage ? this.internals?.setValidity({ customError: !0 }, this.validationMessage) : this.internals?.setValidity({}));
-    }
-    checkValidity() {
-      return !!this.disabled || !this.required || this.value !== "" && this.value !== void 0 && this.value !== null || (this.error = !0, this.validationMessage = "This field is required", !1);
-    }
-    reportValidity() {
-      const i = this.checkValidity();
-      return i || this.internals?.reportValidity(), i;
-    }
-    setCustomValidity(i) {
-      this.validationMessage = i, this.error = i !== "", i ? this.internals?.setValidity({ customError: !0 }, i) : this.internals?.setValidity({});
-    }
-    emitChange(i) {
-      this.dispatchEvent(new CustomEvent("change", { detail: i, bubbles: !0, composed: !0 }));
-    }
-  };
-  a.formAssociated = !0;
-  let e = a;
-  return n([r({ type: String })], e.prototype, "name"), n([r({ reflect: !0 })], e.prototype, "value"), n([r({ type: String })], e.prototype, "label"), n([r({ type: Boolean, reflect: !0 })], e.prototype, "required"), n([r({ type: Boolean, reflect: !0 })], e.prototype, "disabled"), n([r({ type: Boolean, reflect: !0 })], e.prototype, "readonly"), n([r({ type: Boolean, reflect: !0 })], e.prototype, "error"), n([r({ type: String })], e.prototype, "validationMessage"), n([r({ type: String })], e.prototype, "hint"), n([r({ reflect: !0 })], e.prototype, "id"), e;
-}
-var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, c = (t, e, a, o) => {
-  for (var i, s = o > 1 ? void 0 : o ? $(e, a) : e, l = t.length - 1; l >= 0; l--) (i = t[l]) && (s = (o ? i(e, a, s) : i(s)) || s);
-  return o && s && k(e, a, s), s;
-};
-let d = class extends m(v(":host{display:inherit;position:inherit}")) {
-  constructor() {
-    super(...arguments), this.label = "", this.name = "", this.value = "", this.options = [], this.required = !1, this.selection$ = new b();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.selection$.subscribe((t) => {
-      this.value = t, this.emitChange({ value: t }), this.updateChildRadioButtons();
-    }), this.addEventListener("radio-button-click", (t) => {
-      this.selection$.next(t.detail.value);
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.selection$?.unsubscribe();
-  }
-  handleSelection(t) {
-    this.selection$.next(t);
-  }
-  updateChildRadioButtons() {
-    this.querySelectorAll("schmancy-radio-button").forEach((t) => {
-      t.getAttribute("value") === this.value ? t.setAttribute("checked", "") : t.removeAttribute("checked");
-    });
-  }
-  updated(t) {
-    super.updated(t), t.has("value") && this.updateChildRadioButtons();
-  }
-  render() {
-    const t = this.childElementCount > 0;
-    return u`
-			<div class="grid gap-4">
-				${g(this.label, () => u` <label class="text-base font-semibold text-gray-900">${this.label}</label> `)}
-				
-				${t ? u`<slot></slot>` : this.options?.map((e) => u`
-						<div class="flex items-center">
-							<input
-								.required=${this.required}
-								id=${e.value}
-								class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600"
-								type="radio"
-								name=${this.name}
-								.value=${e.value}
-								.checked=${e.value === this.value}
-								@change=${() => this.handleSelection(e.value)}
-							/>
-							<label for=${e.value} class="ml-3 block text-sm font-medium leading-6 text-gray-900">
-								${e.label || e.value}
-							</label>
-						</div>
-					`)}
-			</div>
-		`;
-  }
-};
-c([r({ type: String })], d.prototype, "label", 2), c([r({ type: String })], d.prototype, "name", 2), c([r({ type: String })], d.prototype, "value", 2), c([r({ type: Array })], d.prototype, "options", 2), c([r({ type: Boolean })], d.prototype, "required", 2), d = c([y("schmancy-radio-group")], d);
-var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, p = (t, e, a, o) => {
-  for (var i, s = o > 1 ? void 0 : o ? x(e, a) : e, l = t.length - 1; l >= 0; l--) (i = t[l]) && (s = (o ? i(e, a, s) : i(s)) || s);
-  return o && s && C(e, a, s), s;
-};
-let h = class extends m(v()) {
-  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 t = new CustomEvent("radio-button-click", { detail: { value: this.value }, bubbles: !0, composed: !0 });
-        this.dispatchEvent(t);
-      } else this.checked = !0, this.emitChange({ value: this.value });
-  }
-  render() {
-    return u`
-			<label class="relative flex items-start cursor-pointer">
-				<div class="flex items-center h-6">
-					<input
-						type="radio"
-						class="h-4 w-4 text-primary focus:ring-primary-light border-gray-300"
-						.value=${this.value}
-						.checked=${this.checked}
-						.disabled=${this.disabled}
-						.name=${this.name}
-						@change=${() => {
-    }}
-					/>
-				</div>
-				<div class="ml-3">
-					<slot name="label"></slot>
-				</div>
-			</label>
-		`;
-  }
-};
-p([r({ type: String })], h.prototype, "value", 2), p([r({ type: Boolean, reflect: !0 })], h.prototype, "checked", 2), p([r({ type: Boolean })], h.prototype, "disabled", 2), p([r({ type: String })], h.prototype, "name", 2), h = p([y("schmancy-radio-button")], h);
-export {
-  d as R,
-  h as a
-};
-//# sourceMappingURL=radio-button-CNrcOMLm.js.map

package/dist/radio-button-CNrcOMLm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-button-CNrcOMLm.js","sources":["../mixins/formField.mixin.ts","../src/radio-group/radio-group.ts","../src/radio-group/radio-button.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail,\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}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n","import { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { Subject } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { TailwindElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\n\nexport type SchmancyRadioGroupOption = {\n\tlabel: string\n\tvalue: string\n}\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{\n\tvalue: string\n}>\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends FormFieldMixin(TailwindElement(style)) {\n\t@property({ type: String }) override label = ''\n\t@property({ type: String }) override name = ''\n\t@property({ type: String }) override value = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) override required: boolean = false\n\tprivate selection$ = new Subject<string>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.value = value\n\t\t\tthis.emitChange({ value })\n\t\t\t// Update all child radio buttons\n\t\t\tthis.updateChildRadioButtons()\n\t\t})\n\t\t\n\t\t// Listen for radio button clicks from children\n\t\tthis.addEventListener('radio-button-click', ((e: CustomEvent) => {\n\t\t\tthis.selection$.next(e.detail.value)\n\t\t}) as EventListener)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\t\n\tprivate handleSelection(value: string) {\n\t\tthis.selection$.next(value)\n\t}\n\t\n\tprivate updateChildRadioButtons() {\n\t\t// Update child radio buttons checked state\n\t\tconst radioButtons = this.querySelectorAll('schmancy-radio-button')\n\t\tradioButtons.forEach(button => {\n\t\t\tconst buttonValue = button.getAttribute('value')\n\t\t\tif (buttonValue === this.value) {\n\t\t\t\tbutton.setAttribute('checked', '')\n\t\t\t} else {\n\t\t\t\tbutton.removeAttribute('checked')\n\t\t\t}\n\t\t})\n\t}\n\t\n\t// For backwards compatibility with direct option setting\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('value')) {\n\t\t\tthis.updateChildRadioButtons()\n\t\t}\n\t}\n\n\trender() {\n\t\t// Check if we have any slotted radio buttons\n\t\tconst hasSlottedContent = this.childElementCount > 0\n\t\t\n\t\treturn html`\n\t\t\t<div class=\"grid gap-4\">\n\t\t\t\t${when(this.label, () => html` <label class=\"text-base font-semibold text-gray-900\">${this.label}</label> `)}\n\t\t\t\t\n\t\t\t\t${hasSlottedContent ? \n\t\t\t\t\thtml`<slot></slot>` :\n\t\t\t\t\tthis.options?.map(option => html`\n\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t\t\tid=${option.value}\n\t\t\t\t\t\t\t\tclass=\"h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600\"\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tname=${this.name}\n\t\t\t\t\t\t\t\t.value=${option.value}\n\t\t\t\t\t\t\t\t.checked=${option.value === this.value}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<label for=${option.value} class=\"ml-3 block text-sm font-medium leading-6 text-gray-900\">\n\t\t\t\t\t\t\t\t${option.label || option.value}\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`)\n\t\t\t\t}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { FormFieldMixin } from '../../mixins/formField.mixin'\n\n@customElement('schmancy-radio-button')\nexport class RadioButton extends FormFieldMixin(TailwindElement()) {\n\t@property({ type: String }) override value = ''\n\t@property({ type: Boolean, reflect: true }) checked = false\n\t@property({ type: Boolean }) override disabled = false\n\t@property({ type: String }) override name = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Find parent radio-group if exists\n\t\tthis.addEventListener('click', this.handleClick)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('click', this.handleClick)\n\t}\n\n\tprivate handleClick() {\n\t\tif (this.disabled) return\n\n\t\t// Find parent radio-group if exists\n\t\tconst radioGroup = this.closest('schmancy-radio-group')\n\t\tif (radioGroup) {\n\t\t\t// Let the radio-group handle the change\n\t\t\tconst event = new CustomEvent('radio-button-click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t\tthis.dispatchEvent(event)\n\t\t} else {\n\t\t\t// Standalone usage\n\t\t\tthis.checked = true\n\t\t\tthis.emitChange({ value: this.value })\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"relative flex items-start cursor-pointer\">\n\t\t\t\t<div class=\"flex items-center h-6\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\tclass=\"h-4 w-4 text-primary focus:ring-primary-light border-gray-300\"\n\t\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t\t.checked=${this.checked}\n\t\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t\t@change=${() => {}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ml-3\">\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-button': RadioButton\n\t}\n}\n"],"names":["FormFieldMixin","superClass","FormFieldMixinClass","args","super","this","name","value","label","required","disabled","readonly","error","validationMessage","id","Date","now","Math","floor","random","internals","attachInternals","form","changedProps","willUpdate","has","setFormValue","setValidity","customError","checkValidity","reportValidity","isValid","message","detail","dispatchEvent","CustomEvent","bubbles","composed","formAssociated","_i","__decorateClass","property","type","String","prototype","reflect","Boolean","RadioGroup","TailwindElement","arguments","options","selection$","Subject","connectedCallback","subscribe","emitChange","updateChildRadioButtons","addEventListener","e","next","disconnectedCallback","unsubscribe","querySelectorAll","forEach","button","getAttribute","setAttribute","removeAttribute","changedProperties","updated","render","hasSlottedContent","childElementCount","html","when","map","option","handleSelection","Array","customElement","RadioButton","checked","handleClick","removeEventListener","closest","event"],"mappings":"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"}

package/dist/radio-button-WeQklCIj.cjs

@@ -1,41 +0,0 @@
-"use strict";const c=require("lit"),o=require("lit/decorators.js"),y=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-C6mrbvH3.cjs"),v=require("lit/directives/when.js");var m=Object.defineProperty,n=(t,e,s,l)=>{for(var i,r=void 0,a=t.length-1;a>=0;a--)(i=t[a])&&(r=i(e,s,r)||r);return r&&m(e,s,r),r};function u(t){const s=class s extends t{constructor(...i){super(...i),this.name="",this.value="",this.label="",this.required=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.validationMessage="",this.id=`schmancy-field-${Date.now()}-${Math.floor(1e3*Math.random())}`;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form??null}willUpdate(i){super.willUpdate(i),i.has("value")&&this.internals?.setFormValue(this.value),(i.has("error")||i.has("validationMessage"))&&(this.error&&this.validationMessage?this.internals?.setValidity({customError:!0},this.validationMessage):this.internals?.setValidity({}))}checkValidity(){return!!this.disabled||!this.required||this.value!==""&&this.value!==void 0&&this.value!==null||(this.error=!0,this.validationMessage="This field is required",!1)}reportValidity(){const i=this.checkValidity();return i||this.internals?.reportValidity(),i}setCustomValidity(i){this.validationMessage=i,this.error=i!=="",i?this.internals?.setValidity({customError:!0},i):this.internals?.setValidity({})}emitChange(i){this.dispatchEvent(new CustomEvent("change",{detail:i,bubbles:!0,composed:!0}))}};s.formAssociated=!0;let e=s;return n([o.property({type:String})],e.prototype,"name"),n([o.property({reflect:!0})],e.prototype,"value"),n([o.property({type:String})],e.prototype,"label"),n([o.property({type:Boolean,reflect:!0})],e.prototype,"required"),n([o.property({type:Boolean,reflect:!0})],e.prototype,"disabled"),n([o.property({type:Boolean,reflect:!0})],e.prototype,"readonly"),n([o.property({type:Boolean,reflect:!0})],e.prototype,"error"),n([o.property({type:String})],e.prototype,"validationMessage"),n([o.property({type:String})],e.prototype,"hint"),n([o.property({reflect:!0})],e.prototype,"id"),e}var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,d=(t,e,s,l)=>{for(var i,r=l>1?void 0:l?g(e,s):e,a=t.length-1;a>=0;a--)(i=t[a])&&(r=(l?i(e,s,r):i(r))||r);return l&&r&&b(e,s,r),r};exports.RadioGroup=class extends u(h.TailwindElement(":host{display:inherit;position:inherit}")){constructor(){super(...arguments),this.label="",this.name="",this.value="",this.options=[],this.required=!1,this.selection$=new y.Subject}connectedCallback(){super.connectedCallback(),this.selection$.subscribe(t=>{this.value=t,this.emitChange({value:t}),this.updateChildRadioButtons()}),this.addEventListener("radio-button-click",t=>{this.selection$.next(t.detail.value)})}disconnectedCallback(){super.disconnectedCallback(),this.selection$?.unsubscribe()}handleSelection(t){this.selection$.next(t)}updateChildRadioButtons(){this.querySelectorAll("schmancy-radio-button").forEach(t=>{t.getAttribute("value")===this.value?t.setAttribute("checked",""):t.removeAttribute("checked")})}updated(t){super.updated(t),t.has("value")&&this.updateChildRadioButtons()}render(){const t=this.childElementCount>0;return c.html`
-			<div class="grid gap-4">
-				${v.when(this.label,()=>c.html` <label class="text-base font-semibold text-gray-900">${this.label}</label> `)}
-				
-				${t?c.html`<slot></slot>`:this.options?.map(e=>c.html`
-						<div class="flex items-center">
-							<input
-								.required=${this.required}
-								id=${e.value}
-								class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600"
-								type="radio"
-								name=${this.name}
-								.value=${e.value}
-								.checked=${e.value===this.value}
-								@change=${()=>this.handleSelection(e.value)}
-							/>
-							<label for=${e.value} class="ml-3 block text-sm font-medium leading-6 text-gray-900">
-								${e.label||e.value}
-							</label>
-						</div>
-					`)}
-			</div>
-		`}},d([o.property({type:String})],exports.RadioGroup.prototype,"label",2),d([o.property({type:String})],exports.RadioGroup.prototype,"name",2),d([o.property({type:String})],exports.RadioGroup.prototype,"value",2),d([o.property({type:Array})],exports.RadioGroup.prototype,"options",2),d([o.property({type:Boolean})],exports.RadioGroup.prototype,"required",2),exports.RadioGroup=d([o.customElement("schmancy-radio-group")],exports.RadioGroup);var f=Object.defineProperty,k=Object.getOwnPropertyDescriptor,p=(t,e,s,l)=>{for(var i,r=l>1?void 0:l?k(e,s):e,a=t.length-1;a>=0;a--)(i=t[a])&&(r=(l?i(e,s,r):i(r))||r);return l&&r&&f(e,s,r),r};exports.RadioButton=class extends u(h.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 t=new CustomEvent("radio-button-click",{detail:{value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(t)}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
-						type="radio"
-						class="h-4 w-4 text-primary focus:ring-primary-light border-gray-300"
-						.value=${this.value}
-						.checked=${this.checked}
-						.disabled=${this.disabled}
-						.name=${this.name}
-						@change=${()=>{}}
-					/>
-				</div>
-				<div class="ml-3">
-					<slot name="label"></slot>
-				</div>
-			</label>
-		`}},p([o.property({type:String})],exports.RadioButton.prototype,"value",2),p([o.property({type:Boolean,reflect:!0})],exports.RadioButton.prototype,"checked",2),p([o.property({type:Boolean})],exports.RadioButton.prototype,"disabled",2),p([o.property({type:String})],exports.RadioButton.prototype,"name",2),exports.RadioButton=p([o.customElement("schmancy-radio-button")],exports.RadioButton);
-//# sourceMappingURL=radio-button-WeQklCIj.cjs.map