@mhmo91/schmancy 0.4.17 → 0.4.18

package/dist/input-BgSfNdMi.cjs

@@ -1,111 +0,0 @@
-"use strict";const d=require("lit"),i=require("lit/decorators.js"),p=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),v=require("lit/directives/when.js"),r=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-5ecZ2gS6.cjs"),b=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),E=require("./formField.mixin-WE1RZT6F.cjs");var $=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(t,e,a,u)=>{for(var c,h=u>1?void 0:u?x(e,a):e,f=t.length-1;f>=0;f--)(c=t[f])&&(h=(u?c(e,a,h):c(h))||h);return u&&h&&$(e,a,h),h};let s=class extends g.TailwindElement(""){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=m.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 e of t)e.type==="attributes"&&e.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(e=>{e.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 e=this.shouldShowValidation(t),a=this.inputElement?.validity??{customError:!1,valid:!0},u=!a.valid&&!a.customError;e&&u?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):a.valid?(this.error=!1,a.customError||(this.validationMessage="")):e||(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(){r.fromEvent(this.inputElement,"input").pipe(r.map(t=>{const e=t;return{value:t.target.value,inputType:e.inputType,data:e.data,isComposing:e.isComposing,originalEvent:t}}),r.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t.value,this.dirty=this.value!==this.defaultValue;const e=new CustomEvent("input",{detail:{value:t.value},bubbles:!0,composed:!0});Object.defineProperties(e,{inputType:{value:t.inputType},data:{value:t.data},isComposing:{value:t.isComposing}}),this.dispatchEvent(e),this.validateInput()}),r.fromEvent(this.inputElement,"change").pipe(r.map(t=>t.target.value),r.distinctUntilChanged(),r.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(){r.fromEvent(this.inputElement,"focus").pipe(r.takeUntil(this.disconnecting)).subscribe(t=>{const e=new CustomEvent("focus",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)}),r.fromEvent(this.inputElement,"blur").pipe(r.takeUntil(this.disconnecting)).subscribe(t=>{this.touched=!0,this.disabled||this.validateInput();const e=new CustomEvent("blur",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)})}setupAutofillDetection(){r.fromEvent(this.inputElement,"animationstart").pipe(r.filter(t=>t.animationName==="onAutoFillStart"),r.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.isAutofilled=!0,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("autofill",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),r.fromEvent(this.inputElement,"animationstart").pipe(r.filter(t=>t.animationName==="onAutoFillCancel"),r.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){r.fromEvent(this.inputElement,"keyup").pipe(r.filter(t=>t.key==="Enter"),r.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.dirty=this.value!==this.defaultValue;const a=new CustomEvent("enter",{detail:{value:e},bubbles:!0,composed:!0});Object.defineProperties(a,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(a)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,e,a){this.inputRef.value?.setSelectionRange(t,e,a)}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,e,a,u){e!==void 0&&a!==void 0?this.inputRef.value?.setRangeText(t,e,a,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:e,fontSize:a}=(()=>{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},c={"opacity-40":this.disabled,"block mb-[4px]":!0,"text-sm":this.size==="sm","text-base":this.size==="md","text-lg":this.size==="lg"},h={height:t,padding:e,fontSize:a};return d.html`
-			${v.when(this.label,()=>d.html`
-					<label
-						for=${this.id}
-						id="label-${this.id}"
-						class=${this.classMap(c)}
-						${b.color({color:this.error?y.SchmancyTheme.sys.color.error.default:y.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
-				${b.color({bgColor:y.SchmancyTheme.sys.color.surface.highest,color:y.SchmancyTheme.sys.color.surface.on})}
-				${m.ref(this.inputRef)}
-				id=${this.id}
-				name=${this.name}
-				class=${this.classMap(u)}
-				style=${this.styleMap(h)}
-				.value=${this.value}
-				.type=${this.type}
-				.autocomplete=${this.autocomplete}
-				.spellcheck=${this.spellcheck}
-				placeholder=${this.placeholder}
-				inputmode=${p.ifDefined(this.inputmode)}
-				pattern=${p.ifDefined(this.pattern)}
-				step=${p.ifDefined(this.step)}
-				minlength=${p.ifDefined(this.minlength)}
-				maxlength=${p.ifDefined(this.maxlength)}
-				min=${p.ifDefined(this.min)}
-				max=${p.ifDefined(this.max)}
-				list=${p.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=${p.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"}"
-						${b.color({color:this.error?y.SchmancyTheme.sys.color.error.default:y.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},n([i.property({reflect:!0})],s.prototype,"id",2),n([i.property({type:String})],s.prototype,"label",2),n([i.property({reflect:!0})],s.prototype,"type",2),n([i.property()],s.prototype,"name",2),n([i.property()],s.prototype,"placeholder",2),n([i.property({type:String,reflect:!0})],s.prototype,"value",2),n([i.property({type:String,reflect:!0})],s.prototype,"pattern",2),n([i.property({type:Boolean,reflect:!0})],s.prototype,"required",2),n([i.property({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([i.property({type:Boolean,reflect:!0})],s.prototype,"readonly",2),n([i.property({type:Boolean,reflect:!0})],s.prototype,"clickable",2),n([i.property({type:Boolean,reflect:!0})],s.prototype,"spellcheck",2),n([i.property({type:String,reflect:!0})],s.prototype,"align",2),n([i.property()],s.prototype,"inputmode",2),n([i.property({type:Number,reflect:!0})],s.prototype,"minlength",2),n([i.property({type:Number})],s.prototype,"maxlength",2),n([i.property()],s.prototype,"min",2),n([i.property()],s.prototype,"max",2),n([i.property({type:Number,reflect:!0})],s.prototype,"step",2),n([i.property({type:Boolean})],s.prototype,"autofocus",2),n([i.property({type:String,reflect:!0})],s.prototype,"autocomplete",2),n([i.property({type:Number,reflect:!0})],s.prototype,"tabIndex",2),n([i.property()],s.prototype,"hint",2),n([i.property({type:Boolean,reflect:!0})],s.prototype,"error",2),n([i.property({type:String,reflect:!0})],s.prototype,"size",2),n([i.property({type:String})],s.prototype,"validateOn",2),n([i.property({type:String})],s.prototype,"list",2),n([i.property({type:String})],s.prototype,"validationMessage",2),n([i.query("input")],s.prototype,"inputElement",2),n([i.state()],s.prototype,"isAutofilled",2),n([i.state()],s.prototype,"touched",2),n([i.state()],s.prototype,"dirty",2),n([i.state()],s.prototype,"submitted",2),n([i.state()],s.prototype,"defaultValue",2),s=n([i.customElement("sch-input")],s);var k=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(t,e,a,u)=>{for(var c,h=u>1?void 0:u?w(e,a):e,f=t.length-1;f>=0;f--)(c=t[f])&&(h=(u?c(e,a,h):c(h))||h);return u&&h&&k(e,a,h),h};let l=class extends E.SchmancyFormField(""){constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.size="md",this.validateOn="touched",this.inputRef=m.createRef(),this.isAutofilled=!1,this.touched=!1,this.dirty=!1,this.submitted=!1,this.defaultValue=""}willUpdate(t){this.id||(this.id="sch-input-"+l._idCounter++),super.willUpdate(t)}updated(t){super.updated(t),t.has("value")&&(this.value!==this.defaultValue&&(this.dirty=!0),this.validateInput()),!this.hasUpdated&&t.has("value")&&(this.defaultValue=this.value)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setupFormIntegration(),this.setupExternalLabelAssociation()}setupFormIntegration(){this.form&&(this.formResetObserver=new MutationObserver(t=>{for(const e of t)e.type==="attributes"&&e.attributeName==="reset"&&this.resetToDefault()}),this.formResetObserver.observe(this.form,{attributes:!0,childList:!1,subtree:!1}),this.form.addEventListener("reset",()=>{this.resetToDefault()}),this.form.addEventListener("submit",()=>{this.submitted=!0,this.validateInput(!0)}))}setupExternalLabelAssociation(){if(this.id){const t=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(e=>{e.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}}validateInput(t=!1){if(this.disabled)return;const e=this.shouldShowValidation(t),a=this.inputElement?.validity??{customError:!1,valid:!0},u=!a.valid&&!a.customError;e&&u?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):a.valid?(this.error=!1,a.customError||(this.validationMessage="")):e||(this.error=!1)}checkValidity(){const t=this.inputRef.value?.checkValidity()??!0,e=super.checkValidity();return t&&e}reportValidity(){this.touched=!0,this.submitted=!0;const t=this.inputRef.value?.reportValidity()??!0;this.validateInput(!0);const e=super.reportValidity();return t&&e}setCustomValidity(t){this.inputRef.value&&this.inputRef.value.setCustomValidity(t),super.setCustomValidity(t),this.error=t!==""&&this.shouldShowValidation()}firstUpdated(){this.autofocus&&setTimeout(()=>{this.focus()},0),this.setupInputEvents(),this.setupFocusBlurEvents(),this.setupAutofillDetection(),this.setupEnterKeyEvents()}setupInputEvents(){r.fromEvent(this.inputElement,"input").pipe(r.map(t=>{const e=t;return{value:t.target.value,inputType:e.inputType,data:e.data,isComposing:e.isComposing,originalEvent:t}}),r.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t.value,this.dirty=this.value!==this.defaultValue;const e=new CustomEvent("input",{detail:{value:t.value},bubbles:!0,composed:!0});Object.defineProperties(e,{inputType:{value:t.inputType},data:{value:t.data},isComposing:{value:t.isComposing}}),this.dispatchEvent(e),this.validateInput()}),r.fromEvent(this.inputElement,"change").pipe(r.map(t=>t.target.value),r.distinctUntilChanged(),r.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dirty=this.value!==this.defaultValue,this.emitChange({value:t}),this.validateInput()})}setupFocusBlurEvents(){r.fromEvent(this.inputElement,"focus").pipe(r.takeUntil(this.disconnecting)).subscribe(t=>{const e=new CustomEvent("focus",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)}),r.fromEvent(this.inputElement,"blur").pipe(r.takeUntil(this.disconnecting)).subscribe(t=>{this.touched=!0,this.disabled||this.validateInput();const e=new CustomEvent("blur",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)})}setupAutofillDetection(){r.fromEvent(this.inputElement,"animationstart").pipe(r.filter(t=>t.animationName==="onAutoFillStart"),r.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.isAutofilled=!0,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("autofill",{detail:{value:e},bubbles:!0,composed:!0})),this.emitChange({value:e})}),r.fromEvent(this.inputElement,"animationstart").pipe(r.filter(t=>t.animationName==="onAutoFillCancel"),r.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){r.fromEvent(this.inputElement,"keydown").pipe(r.filter(t=>t.key==="Enter"),r.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value!==e&&(this.value=e,this.dirty=this.value!==this.defaultValue),this.inputElement.blur();const a=new CustomEvent("enter",{detail:{value:this.value},bubbles:!0,composed:!0});Object.defineProperties(a,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(a)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,e,a){this.inputRef.value?.setSelectionRange(t,e,a)}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,e,a,u){e!==void 0&&a!==void 0?this.inputRef.value?.setRangeText(t,e,a,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:e,fontSize:a}=(()=>{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=["date","datetime-local","time","month","week"].includes(this.type),c={"block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on":!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 select-none":this.readonly,"cursor-pointer":this.clickable,"text-left":this.align==="left"||u,"text-center":this.align==="center"&&!u,"text-right":this.align==="right"&&!u,autofilled:this.isAutofilled},h={"block mb-1 font-medium":!0,"opacity-40":this.disabled,"text-sm":this.size==="sm","text-base":this.size==="md","text-lg":this.size==="lg","text-primary-default":!this.error,"text-error-default":this.error},f={height:t,padding:e,fontSize:a,lineHeight:t};return d.html`
-			<div class="w-full min-w-0 ${u?"date-input-container":""}">
-				${v.when(this.label,()=>d.html`
-						<label
-							for=${this.id}
-							class=${this.classMap(h)}
-						>
-							${this.label}
-						</label>
-					`)}
-
-				<input
-					${m.ref(this.inputRef)}
-					id=${this.id}
-					name=${this.name}
-					class=${this.classMap(c)}
-					style=${this.styleMap(f)}
-					.value=${this.value}
-					.type=${this.type}
-					.autocomplete=${this.autocomplete}
-					.spellcheck=${this.spellcheck}
-					placeholder=${this.placeholder}
-					inputmode=${p.ifDefined(this.inputmode)}
-					pattern=${p.ifDefined(this.pattern)}
-					step=${p.ifDefined(this.step)}
-					minlength=${p.ifDefined(this.minlength)}
-					maxlength=${p.ifDefined(this.maxlength)}
-					min=${p.ifDefined(this.min)}
-					max=${p.ifDefined(this.max)}
-					list=${p.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||this.validationMessage?`hint-${this.id}`:d.nothing}
-					aria-label=${p.ifDefined(this.label?void 0:this.placeholder||"Input")}
-				/>
-
-				${v.when(this.hint||this.error&&this.validationMessage,()=>d.html`
-						<div
-							id="hint-${this.id}"
-							class="mt-1 text-sm ${this.error?"text-error-default":"text-surface-onVariant"}"
-						>
-							${this.error&&this.validationMessage?this.validationMessage:this.hint}
-						</div>
-					`)}
-			</div>
-		`}};l._idCounter=0,l.shadowRootOptions={...d.LitElement.shadowRootOptions,delegatesFocus:!0},o([i.property({type:String,reflect:!0})],l.prototype,"value",2),o([i.property({reflect:!0})],l.prototype,"type",2),o([i.property()],l.prototype,"placeholder",2),o([i.property({type:String,reflect:!0})],l.prototype,"pattern",2),o([i.property({type:Boolean,reflect:!0})],l.prototype,"clickable",2),o([i.property({type:Boolean,reflect:!0})],l.prototype,"spellcheck",2),o([i.property({type:String,reflect:!0})],l.prototype,"align",2),o([i.property()],l.prototype,"inputmode",2),o([i.property({type:Number,reflect:!0})],l.prototype,"minlength",2),o([i.property({type:Number})],l.prototype,"maxlength",2),o([i.property()],l.prototype,"min",2),o([i.property()],l.prototype,"max",2),o([i.property({type:Number,reflect:!0})],l.prototype,"step",2),o([i.property({type:Boolean})],l.prototype,"autofocus",2),o([i.property({type:String,reflect:!0})],l.prototype,"autocomplete",2),o([i.property({type:Number,reflect:!0})],l.prototype,"tabIndex",2),o([i.property({type:String,reflect:!0})],l.prototype,"size",2),o([i.property({type:String})],l.prototype,"validateOn",2),o([i.property({type:String})],l.prototype,"list",2),o([i.query("input")],l.prototype,"inputElement",2),o([i.state()],l.prototype,"isAutofilled",2),o([i.state()],l.prototype,"touched",2),o([i.state()],l.prototype,"dirty",2),o([i.state()],l.prototype,"submitted",2),o([i.state()],l.prototype,"defaultValue",2),l=o([i.customElement("schmancy-input")],l);
-//# sourceMappingURL=input-BgSfNdMi.cjs.map