@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/input-BByjYlgl.cjs

@@ -1,51 +0,0 @@
-"use strict";const l=require("lit"),n=require("lit/decorators.js"),o=require("lit/directives/if-defined.js"),c=require("lit/directives/ref.js"),h=require("lit/directives/when.js"),i=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("./formField.mixin-BfJMifU9.cjs");require("./tailwind.mixin-Cp4PyXok.cjs");var y=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,e,s,r)=>{for(var u,p=r>1?void 0:r?f(e,s):e,d=t.length-1;d>=0;d--)(u=t[d])&&(p=(r?u(e,s,p):u(p))||p);return r&&p&&y(e,s,p),p};exports.SchmancyInput=class extends m.SchmancyFormField(":host{width:100%;min-width:calc(var(--spacing,.25rem)*0);box-sizing:border-box;max-width:100%;display:block}.date-input-container{width:100%;min-width:0;width:100%!important;max-width:100%!important}input{appearance:none;border-radius:8px;width:-webkit-fill-available;font-size:16px}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]{appearance:textfield}input:-webkit-autofill{animation-name:onAutoFillStart;-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}input:autofill{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;width:100%;line-height:inherit;border-radius:8px;min-width:100%;max-width:100%;margin:0;display:block;overflow:hidden;border-radius:8px!important;width:100%!important}input::-webkit-datetime-edit{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit-fields-wrapper{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit{flex:1;width:100%}input::-webkit-datetime-edit-fields-wrapper{flex:1;justify-content:space-between;width:100%}input::-webkit-datetime-edit-text{align-items:center;display:flex}input::-webkit-datetime-edit-day-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-month-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-year-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-hour-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-minute-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-second-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-millisecond-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-meridiem-field{flex-shrink:0;padding:0 2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=week]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}@-moz-document url-prefix(){input[type=date],input[type=datetime-local],input[type=time]{min-height:inherit}}@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;border-radius:0;width:-webkit-fill-available!important;width:fill-available!important;padding-left:12px!important;padding-right:12px!important}input::-webkit-datetime-edit{width:100%!important;padding-left:0!important;padding-right:0!important}input::-webkit-datetime-edit-fields-wrapper{width:100%!important;margin:0!important;padding:0!important}}"){constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.clickable=!1,this.spellcheck=!1,this.align="left",this.step="any",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.size="md",this.validateOn="touched",this.inputRef=c.createRef(),this.isAutofilled=!1,this.touched=!1,this.dirty=!1,this.submitted=!1,this.defaultValue=""}willUpdate(t){this.id||(this.id="sch-input-"+exports.SchmancyInput._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}),i.fromEvent(this.form,"reset").pipe(i.takeUntil(this.disconnecting)).subscribe(()=>{this.resetToDefault()}),i.fromEvent(this.form,"submit").pipe(i.takeUntil(this.disconnecting)).subscribe(()=>{this.submitted=!0,this.validateInput(!0)}))}setupExternalLabelAssociation(){if(this.id){const t=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(e=>{i.fromEvent(e,"click").pipe(i.takeUntil(this.disconnecting)).subscribe(()=>{this.focus()})})};document.readyState==="complete"?t():i.fromEvent(document,"DOMContentLoaded").pipe(i.takeUntil(this.disconnecting)).subscribe(t)}}disconnectedCallback(){super.disconnectedCallback(),this.formResetObserver&&this.formResetObserver.disconnect()}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),s=this.inputElement?.validity??{customError:!1,valid:!0},r=!s.valid&&!s.customError;e&&r?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):s.valid?(this.error=!1,s.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(){i.fromEvent(this.inputElement,"input").pipe(i.map(t=>{const e=t;return{value:t.target.value,inputType:e.inputType,data:e.data,isComposing:e.isComposing,originalEvent:t}}),i.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()}),i.fromEvent(this.inputElement,"change").pipe(i.map(t=>t.target.value),i.distinctUntilChanged(),i.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dirty=this.value!==this.defaultValue,this.emitChange({value:t}),this.validateInput()})}setupFocusBlurEvents(){i.fromEvent(this.inputElement,"focus").pipe(i.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)}),i.fromEvent(this.inputElement,"blur").pipe(i.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(){i.fromEvent(this.inputElement,"animationstart").pipe(i.filter(t=>t.animationName==="onAutoFillStart"),i.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})}),i.fromEvent(this.inputElement,"animationstart").pipe(i.filter(t=>t.animationName==="onAutoFillCancel"),i.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){i.fromEvent(this.inputElement,"keydown").pipe(i.filter(t=>t.key==="Enter"),i.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 s=new CustomEvent("enter",{detail:{value:this.value},bubbles:!0,composed:!0});Object.defineProperties(s,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(s)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,e,s){this.inputRef.value?.setSelectionRange(t,e,s)}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,s,r){e!==void 0&&s!==void 0?this.inputRef.value?.setRangeText(t,e,s,r):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:s}=(()=>{switch(this.size){case"xxs":return{height:"24px",padding:"0 8px",fontSize:"0.625rem"};case"xs":return{height:"32px",padding:"0 12px",fontSize:"0.75rem"};case"sm":return{height:"40px",padding:"0 16px",fontSize:"0.875rem"};case"lg":return{height:"56px",padding:"0 20px",fontSize:"1rem"};default:return{height:"48px",padding:"0 16px",fontSize:"0.875rem"}}})(),r=["date","datetime-local","time","month","week"].includes(this.type),u={"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"||r,"text-center":this.align==="center"&&!r,"text-right":this.align==="right"&&!r,autofilled:this.isAutofilled},p={"block mb-1 font-medium":!0,"opacity-40":this.disabled,"text-[10px]":this.size==="xxs","text-xs":this.size==="xs","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},d={height:t,padding:e,fontSize:s,lineHeight:t};return l.html`
-			<div class="w-full min-w-0 ${r?"date-input-container":""}">
-				${h.when(this.label,()=>l.html`
-						<label
-							for=${this.id}
-							class=${this.classMap(p)}
-						>
-							${this.label}
-						</label>
-					`)}
-
-				<input
-					${c.ref(this.inputRef)}
-					id=${this.id}
-					name=${this.name}
-					class=${this.classMap(u)}
-					style=${this.styleMap(d)}
-					.value=${this.value}
-					.type=${this.type}
-					.autocomplete=${this.autocomplete}
-					.spellcheck=${this.spellcheck}
-					placeholder=${this.placeholder}
-					inputmode=${o.ifDefined(this.inputmode)}
-					pattern=${o.ifDefined(this.pattern)}
-					.step=${this.step??""}
-					minlength=${o.ifDefined(this.minlength)}
-					maxlength=${o.ifDefined(this.maxlength)}
-					min=${o.ifDefined(this.min)}
-					max=${o.ifDefined(this.max)}
-					list=${o.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}`:l.nothing}
-					aria-describedby=${this.hint||this.validationMessage?`hint-${this.id}`:l.nothing}
-					aria-label=${o.ifDefined(this.label?void 0:this.placeholder||"Input")}
-				/>
-
-				${h.when(this.hint||this.error&&this.validationMessage,()=>l.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>
-		`}},exports.SchmancyInput._idCounter=0,exports.SchmancyInput.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"value",2),a([n.property({reflect:!0})],exports.SchmancyInput.prototype,"type",2),a([n.property()],exports.SchmancyInput.prototype,"placeholder",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"pattern",2),a([n.property({type:Boolean,reflect:!0})],exports.SchmancyInput.prototype,"clickable",2),a([n.property({type:Boolean,reflect:!0})],exports.SchmancyInput.prototype,"spellcheck",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"align",2),a([n.property()],exports.SchmancyInput.prototype,"inputmode",2),a([n.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"minlength",2),a([n.property({type:Number})],exports.SchmancyInput.prototype,"maxlength",2),a([n.property()],exports.SchmancyInput.prototype,"min",2),a([n.property()],exports.SchmancyInput.prototype,"max",2),a([n.property({reflect:!0})],exports.SchmancyInput.prototype,"step",2),a([n.property({type:Boolean})],exports.SchmancyInput.prototype,"autofocus",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"autocomplete",2),a([n.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"tabIndex",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"size",2),a([n.property({type:String})],exports.SchmancyInput.prototype,"validateOn",2),a([n.property({type:String})],exports.SchmancyInput.prototype,"list",2),a([n.query("input")],exports.SchmancyInput.prototype,"inputElement",2),a([n.state()],exports.SchmancyInput.prototype,"isAutofilled",2),a([n.state()],exports.SchmancyInput.prototype,"touched",2),a([n.state()],exports.SchmancyInput.prototype,"dirty",2),a([n.state()],exports.SchmancyInput.prototype,"submitted",2),a([n.state()],exports.SchmancyInput.prototype,"defaultValue",2),exports.SchmancyInput=a([n.customElement("schmancy-input")],exports.SchmancyInput),exports.SchmancyInputCompat=class extends exports.SchmancyInput{},exports.SchmancyInputCompat=a([n.customElement("sch-input")],exports.SchmancyInputCompat);
-//# sourceMappingURL=input-BByjYlgl.cjs.map

package/dist/input-BByjYlgl.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-BByjYlgl.cjs","sources":["../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 { SchmancyFormField } from '@mixins/index'\n\n// Import styles\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'schmancy-input': SchmancyInput\n\t\t'sch-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/**\n * Size variants for the input - M3 spec aligned.\n * - xxs: Ultra-compact (24dp) - for menu cards, compact UIs\n * - xs: Dense/compact (32dp) - M3 density -3\n * - sm: Default (40dp) - M3 density 0\n * - md: Standard (48dp) - M3 large\n * - lg: Extra large (56dp) - M3 extra large\n */\nexport type InputSize = 'xxs' | 'xs' | '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 * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends SchmancyFormField(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/** Override value to be string only for input element */\n\t@property({ type: String, reflect: true })\n\tpublic override value = ''\n\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\n\t@property()\n\tpublic placeholder = ''\n\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\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({ reflect: true })\n\tpublic step?: string = 'any'\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\n\t/**\n\t * The size of the input.\n\t * - 'xxs': Ultra-compact size (24px) - for menu cards\n\t * - 'xs': Extra small, very compact size (32px)\n\t * - 'sm': Small, compact size (40px)\n\t * - 'md': Medium size (default) (48px)\n\t * - 'lg': Large size (56px)\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\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\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\tprivate formResetObserver?: MutationObserver\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-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\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// Update validation state when value changes\n\t\t\tthis.validateInput()\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.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.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// Use RxJS for form reset events\n\t\t\tfromEvent(this.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tthis.resetToDefault()\n\t\t\t\t})\n\n\t\t\t// Use RxJS for form submit events to mark field as submitted\n\t\t\tfromEvent(this.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tthis.submitted = true\n\t\t\t\t\t// Validate on form submission\n\t\t\t\t\tthis.validateInput(true)\n\t\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\t// Use RxJS for label click events\n\t\t\t\t\tfromEvent(label, 'click')\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe(() => {\n\t\t\t\t\t\t\tthis.focus()\n\t\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\t// Use RxJS for DOMContentLoaded event\n\t\t\t\tfromEvent(document, 'DOMContentLoaded')\n\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t.subscribe(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// Note: RxJS subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\t// No manual removeEventListener calls needed for RxJS-managed events\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\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// The mixin will handle updating internals based on error state\n\t}\n\n\t/**\n\t * Check validity without showing validation UI\n\t */\n\tpublic override checkValidity() {\n\t\t// Check internal input first\n\t\tconst inputValid = this.inputRef.value?.checkValidity() ?? true\n\n\t\t// Call parent implementation for basic validation\n\t\tconst parentValid = super.checkValidity()\n\n\t\treturn inputValid && parentValid\n\t}\n\n\t/**\n\t * Show validation UI and check validity\n\t */\n\tpublic override 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// Call parent implementation\n\t\tconst parentValid = super.reportValidity()\n\n\t\treturn inputValid && parentValid\n\t}\n\n\t/**\n\t * Set a custom validation error message\n\t */\n\tpublic override 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// Call parent implementation\n\t\tsuper.setCustomValidity(message)\n\t\t\n\t\t// Update error state based on validation strategy\n\t\tthis.error = message !== '' && this.shouldShowValidation()\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 using mixin helper\n\t\t\t\tthis.emitChange({ value })\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.emitChange({ value })\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// Listen for Enter on keydown\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keydown')\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\t\n\t\t\t\t// Update value if changed\n\t\t\t\tif (this.value !== value) {\n\t\t\t\t\tthis.value = value\n\t\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Blur the input to trigger change event naturally\n\t\t\t\t// This mimics what happens when you tab out of the field\n\t\t\t\tthis.inputElement.blur()\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: this.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 - M3 spec aligned\n\t\tconst getHeightAndPadding = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'xxs':\n\t\t\t\t\t// Ultra-compact: 24dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\tfontSize: '0.625rem', // 10px\n\t\t\t\t\t}\n\t\t\t\tcase 'xs':\n\t\t\t\t\t// M3 dense: 32dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '32px',\n\t\t\t\t\t\tpadding: '0 12px',\n\t\t\t\t\t\tfontSize: '0.75rem', // 12px\n\t\t\t\t\t}\n\t\t\t\tcase 'sm':\n\t\t\t\t\t// M3 default: 40dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '40px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\t// M3 extra large: 56dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '56px',\n\t\t\t\t\t\tpadding: '0 20px',\n\t\t\t\t\t\tfontSize: '1rem', // 16px\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\t// M3 standard: 48dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize } = getHeightAndPadding()\n\n\t\t// Check if it's a date-type input\n\t\tconst isDateType = ['date', 'datetime-local', 'time', 'month', 'week'].includes(this.type)\n\n\t\tconst inputClasses = {\n\t\t\t// Base styles\n\t\t\t'block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on': true,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t// Ring colors based on error state\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Text alignment (date inputs always left-aligned)\n\t\t\t'text-left': this.align === 'left' || isDateType,\n\t\t\t'text-center': this.align === 'center' && !isDateType,\n\t\t\t'text-right': this.align === 'right' && !isDateType,\n\t\t\t// Autofill\n\t\t\tautofilled: this.isAutofilled,\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-[10px]': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\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\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\n\t\tconst styles = {\n\t\t\theight,\n\t\t\tpadding,\n\t\t\tfontSize,\n\t\t\t// Ensure vertical centering for all input types\n\t\t\tlineHeight: height,\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<div class=\"w-full min-w-0 ${isDateType ? 'date-input-container' : ''}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.label}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\t.step=${this.step ?? ''}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\tlist=${ifDefined(this.list)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\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\n/**\n * Register the component with the legacy tag name for backward compatibility\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('sch-input')\nexport class SchmancyInputCompat extends SchmancyInput {}\n"],"names":["SchmancyInput","SchmancyFormField","constructor","super","arguments","this","value","type","placeholder","clickable","spellcheck","align","step","autofocus","autocomplete","tabIndex","size","validateOn","inputRef","createRef","isAutofilled","touched","dirty","submitted","defaultValue","changedProps","id","_idCounter","willUpdate","updated","has","validateInput","hasUpdated","connectedCallback","setupFormIntegration","setupExternalLabelAssociation","form","formResetObserver","MutationObserver","mutations","mutation","attributeName","resetToDefault","observe","attributes","childList","subtree","fromEvent","pipe","takeUntil","disconnecting","subscribe","setupLabelClickListener","document","querySelectorAll","forEach","label","focus","readyState","disconnectedCallback","disconnect","error","validationMessage","dispatchEvent","CustomEvent","bubbles","forceValidation","disabled","shouldValidate","shouldShowValidation","validity","inputElement","customError","valid","hasError","checkValidity","inputValid","parentValid","reportValidity","message","setCustomValidity","firstUpdated","setTimeout","setupInputEvents","setupFocusBlurEvents","setupAutofillDetection","setupEnterKeyEvents","map","ev","inputEvent","target","inputType","data","isComposing","originalEvent","eventData","customEvent","detail","composed","Object","defineProperties","distinctUntilChanged","emitChange","focusEvent","cancelable","relatedTarget","blurEvent","filter","animationName","key","blur","enterEvent","code","keyCode","which","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","selectMode","setRangeText","options","Event","click","render","height","padding","fontSize","getHeightAndPadding","isDateType","includes","inputClasses","readonly","autofilled","labelClasses","styles","lineHeight","html","when","classMap","ref","name","styleMap","ifDefined","inputmode","pattern","minlength","maxlength","min","max","list","required","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","String","reflect","prototype","Boolean","Number","query","state","customElement","SchmancyInputCompat"],"mappings":"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"}

package/dist/input-D0cQ9DOY.js

@@ -1,237 +0,0 @@
-import { nothing as b, html as m, LitElement as w } from "lit";
-import { property as a, query as k, state as c, customElement as x } from "lit/decorators.js";
-import { ifDefined as u } from "lit/directives/if-defined.js";
-import { createRef as E, ref as $ } from "lit/directives/ref.js";
-import { when as y } from "lit/directives/when.js";
-import { fromEvent as o, takeUntil as l, map as g, distinctUntilChanged as R, filter as f } from "rxjs";
-import "rxjs/operators";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { S } from "./formField.mixin-BCGA7Ea3.js";
-import "./tailwind.mixin-Bp_PR6yc.js";
-var C = Object.defineProperty, V = Object.getOwnPropertyDescriptor, s = (t, e, n, r) => {
-  for (var d, p = r > 1 ? void 0 : r ? V(e, n) : e, h = t.length - 1; h >= 0; h--) (d = t[h]) && (p = (r ? d(e, n, p) : d(p)) || p);
-  return r && p && C(e, n, p), p;
-};
-let i = class extends S(":host{width:100%;min-width:calc(var(--spacing,.25rem)*0);box-sizing:border-box;max-width:100%;display:block}.date-input-container{width:100%;min-width:0;width:100%!important;max-width:100%!important}input{appearance:none;border-radius:8px;width:-webkit-fill-available;font-size:16px}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]{appearance:textfield}input:-webkit-autofill{animation-name:onAutoFillStart;-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}input:autofill{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;width:100%;line-height:inherit;border-radius:8px;min-width:100%;max-width:100%;margin:0;display:block;overflow:hidden;border-radius:8px!important;width:100%!important}input::-webkit-datetime-edit{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit-fields-wrapper{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit{flex:1;width:100%}input::-webkit-datetime-edit-fields-wrapper{flex:1;justify-content:space-between;width:100%}input::-webkit-datetime-edit-text{align-items:center;display:flex}input::-webkit-datetime-edit-day-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-month-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-year-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-hour-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-minute-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-second-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-millisecond-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-meridiem-field{flex-shrink:0;padding:0 2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=week]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}@-moz-document url-prefix(){input[type=date],input[type=datetime-local],input[type=time]{min-height:inherit}}@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;border-radius:0;width:-webkit-fill-available!important;width:fill-available!important;padding-left:12px!important;padding-right:12px!important}input::-webkit-datetime-edit{width:100%!important;padding-left:0!important;padding-right:0!important}input::-webkit-datetime-edit-fields-wrapper{width:100%!important;margin:0!important;padding:0!important}}") {
-  constructor() {
-    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.clickable = !1, this.spellcheck = !1, this.align = "left", this.step = "any", this.autofocus = !1, this.autocomplete = "on", this.tabIndex = 0, this.size = "md", this.validateOn = "touched", this.inputRef = E(), this.isAutofilled = !1, this.touched = !1, this.dirty = !1, this.submitted = !1, this.defaultValue = "";
-  }
-  willUpdate(t) {
-    this.id || (this.id = "sch-input-" + i._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 }), o(this.form, "reset").pipe(l(this.disconnecting)).subscribe(() => {
-      this.resetToDefault();
-    }), o(this.form, "submit").pipe(l(this.disconnecting)).subscribe(() => {
-      this.submitted = !0, this.validateInput(!0);
-    }));
-  }
-  setupExternalLabelAssociation() {
-    if (this.id) {
-      const t = () => {
-        document.querySelectorAll(`label[for="${this.id}"]`).forEach((e) => {
-          o(e, "click").pipe(l(this.disconnecting)).subscribe(() => {
-            this.focus();
-          });
-        });
-      };
-      document.readyState === "complete" ? t() : o(document, "DOMContentLoaded").pipe(l(this.disconnecting)).subscribe(t);
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.formResetObserver && this.formResetObserver.disconnect();
-  }
-  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), n = this.inputElement?.validity ?? { customError: !1, valid: !0 }, r = !n.valid && !n.customError;
-    e && r ? (this.error = !0, this.validationMessage = this.inputElement?.validationMessage || "") : n.valid ? (this.error = !1, n.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() {
-    o(this.inputElement, "input").pipe(g((t) => {
-      const e = t;
-      return { value: t.target.value, inputType: e.inputType, data: e.data, isComposing: e.isComposing, originalEvent: t };
-    }), l(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();
-    }), o(this.inputElement, "change").pipe(g((t) => t.target.value), R(), l(this.disconnecting)).subscribe((t) => {
-      this.value = t, this.dirty = this.value !== this.defaultValue, this.emitChange({ value: t }), this.validateInput();
-    });
-  }
-  setupFocusBlurEvents() {
-    o(this.inputElement, "focus").pipe(l(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);
-    }), o(this.inputElement, "blur").pipe(l(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() {
-    o(this.inputElement, "animationstart").pipe(f((t) => t.animationName === "onAutoFillStart"), l(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 });
-    }), o(this.inputElement, "animationstart").pipe(f((t) => t.animationName === "onAutoFillCancel"), l(this.disconnecting)).subscribe(() => {
-      this.isAutofilled = !1;
-    });
-  }
-  setupEnterKeyEvents() {
-    o(this.inputElement, "keydown").pipe(f((t) => t.key === "Enter"), l(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 n = new CustomEvent("enter", { detail: { value: this.value }, bubbles: !0, composed: !0 });
-      Object.defineProperties(n, { key: { value: "Enter" }, code: { value: "Enter" }, keyCode: { value: 13 }, which: { value: 13 } }), this.dispatchEvent(n);
-    });
-  }
-  select() {
-    return this.inputRef.value?.select();
-  }
-  getValidity() {
-    return this.inputRef.value?.validity;
-  }
-  setSelectionRange(t, e, n) {
-    this.inputRef.value?.setSelectionRange(t, e, n);
-  }
-  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, n, r) {
-    e !== void 0 && n !== void 0 ? this.inputRef.value?.setRangeText(t, e, n, r) : 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: n } = (() => {
-      switch (this.size) {
-        case "xxs":
-          return { height: "24px", padding: "0 8px", fontSize: "0.625rem" };
-        case "xs":
-          return { height: "32px", padding: "0 12px", fontSize: "0.75rem" };
-        case "sm":
-          return { height: "40px", padding: "0 16px", fontSize: "0.875rem" };
-        case "lg":
-          return { height: "56px", padding: "0 20px", fontSize: "1rem" };
-        default:
-          return { height: "48px", padding: "0 16px", fontSize: "0.875rem" };
-      }
-    })(), r = ["date", "datetime-local", "time", "month", "week"].includes(this.type), d = { "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" || r, "text-center": this.align === "center" && !r, "text-right": this.align === "right" && !r, autofilled: this.isAutofilled }, p = { "block mb-1 font-medium": !0, "opacity-40": this.disabled, "text-[10px]": this.size === "xxs", "text-xs": this.size === "xs", "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 }, h = { height: t, padding: e, fontSize: n, lineHeight: t };
-    return m`
-			<div class="w-full min-w-0 ${r ? "date-input-container" : ""}">
-				${y(this.label, () => m`
-						<label
-							for=${this.id}
-							class=${this.classMap(p)}
-						>
-							${this.label}
-						</label>
-					`)}
-
-				<input
-					${$(this.inputRef)}
-					id=${this.id}
-					name=${this.name}
-					class=${this.classMap(d)}
-					style=${this.styleMap(h)}
-					.value=${this.value}
-					.type=${this.type}
-					.autocomplete=${this.autocomplete}
-					.spellcheck=${this.spellcheck}
-					placeholder=${this.placeholder}
-					inputmode=${u(this.inputmode)}
-					pattern=${u(this.pattern)}
-					.step=${this.step ?? ""}
-					minlength=${u(this.minlength)}
-					maxlength=${u(this.maxlength)}
-					min=${u(this.min)}
-					max=${u(this.max)}
-					list=${u(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}` : b}
-					aria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : b}
-					aria-label=${u(this.label ? void 0 : this.placeholder || "Input")}
-				/>
-
-				${y(this.hint || this.error && this.validationMessage, () => m`
-						<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>
-		`;
-  }
-};
-i._idCounter = 0, i.shadowRootOptions = { ...w.shadowRootOptions, delegatesFocus: !0 }, s([a({ type: String, reflect: !0 })], i.prototype, "value", 2), s([a({ reflect: !0 })], i.prototype, "type", 2), s([a()], i.prototype, "placeholder", 2), s([a({ type: String, reflect: !0 })], i.prototype, "pattern", 2), s([a({ type: Boolean, reflect: !0 })], i.prototype, "clickable", 2), s([a({ type: Boolean, reflect: !0 })], i.prototype, "spellcheck", 2), s([a({ type: String, reflect: !0 })], i.prototype, "align", 2), s([a()], i.prototype, "inputmode", 2), s([a({ type: Number, reflect: !0 })], i.prototype, "minlength", 2), s([a({ type: Number })], i.prototype, "maxlength", 2), s([a()], i.prototype, "min", 2), s([a()], i.prototype, "max", 2), s([a({ reflect: !0 })], i.prototype, "step", 2), s([a({ type: Boolean })], i.prototype, "autofocus", 2), s([a({ type: String, reflect: !0 })], i.prototype, "autocomplete", 2), s([a({ type: Number, reflect: !0 })], i.prototype, "tabIndex", 2), s([a({ type: String, reflect: !0 })], i.prototype, "size", 2), s([a({ type: String })], i.prototype, "validateOn", 2), s([a({ type: String })], i.prototype, "list", 2), s([k("input")], i.prototype, "inputElement", 2), s([c()], i.prototype, "isAutofilled", 2), s([c()], i.prototype, "touched", 2), s([c()], i.prototype, "dirty", 2), s([c()], i.prototype, "submitted", 2), s([c()], i.prototype, "defaultValue", 2), i = s([x("schmancy-input")], i);
-let v = class extends i {
-};
-v = s([x("sch-input")], v);
-export {
-  i as S,
-  v as a
-};
-//# sourceMappingURL=input-D0cQ9DOY.js.map

package/dist/input-D0cQ9DOY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-D0cQ9DOY.js","sources":["../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 { SchmancyFormField } from '@mixins/index'\n\n// Import styles\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'schmancy-input': SchmancyInput\n\t\t'sch-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/**\n * Size variants for the input - M3 spec aligned.\n * - xxs: Ultra-compact (24dp) - for menu cards, compact UIs\n * - xs: Dense/compact (32dp) - M3 density -3\n * - sm: Default (40dp) - M3 density 0\n * - md: Standard (48dp) - M3 large\n * - lg: Extra large (56dp) - M3 extra large\n */\nexport type InputSize = 'xxs' | 'xs' | '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 * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends SchmancyFormField(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/** Override value to be string only for input element */\n\t@property({ type: String, reflect: true })\n\tpublic override value = ''\n\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\n\t@property()\n\tpublic placeholder = ''\n\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\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({ reflect: true })\n\tpublic step?: string = 'any'\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\n\t/**\n\t * The size of the input.\n\t * - 'xxs': Ultra-compact size (24px) - for menu cards\n\t * - 'xs': Extra small, very compact size (32px)\n\t * - 'sm': Small, compact size (40px)\n\t * - 'md': Medium size (default) (48px)\n\t * - 'lg': Large size (56px)\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\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\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\tprivate formResetObserver?: MutationObserver\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-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\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// Update validation state when value changes\n\t\t\tthis.validateInput()\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.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.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// Use RxJS for form reset events\n\t\t\tfromEvent(this.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tthis.resetToDefault()\n\t\t\t\t})\n\n\t\t\t// Use RxJS for form submit events to mark field as submitted\n\t\t\tfromEvent(this.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tthis.submitted = true\n\t\t\t\t\t// Validate on form submission\n\t\t\t\t\tthis.validateInput(true)\n\t\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\t// Use RxJS for label click events\n\t\t\t\t\tfromEvent(label, 'click')\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe(() => {\n\t\t\t\t\t\t\tthis.focus()\n\t\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\t// Use RxJS for DOMContentLoaded event\n\t\t\t\tfromEvent(document, 'DOMContentLoaded')\n\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t.subscribe(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// Note: RxJS subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\t// No manual removeEventListener calls needed for RxJS-managed events\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\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// The mixin will handle updating internals based on error state\n\t}\n\n\t/**\n\t * Check validity without showing validation UI\n\t */\n\tpublic override checkValidity() {\n\t\t// Check internal input first\n\t\tconst inputValid = this.inputRef.value?.checkValidity() ?? true\n\n\t\t// Call parent implementation for basic validation\n\t\tconst parentValid = super.checkValidity()\n\n\t\treturn inputValid && parentValid\n\t}\n\n\t/**\n\t * Show validation UI and check validity\n\t */\n\tpublic override 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// Call parent implementation\n\t\tconst parentValid = super.reportValidity()\n\n\t\treturn inputValid && parentValid\n\t}\n\n\t/**\n\t * Set a custom validation error message\n\t */\n\tpublic override 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// Call parent implementation\n\t\tsuper.setCustomValidity(message)\n\t\t\n\t\t// Update error state based on validation strategy\n\t\tthis.error = message !== '' && this.shouldShowValidation()\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 using mixin helper\n\t\t\t\tthis.emitChange({ value })\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.emitChange({ value })\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// Listen for Enter on keydown\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keydown')\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\t\n\t\t\t\t// Update value if changed\n\t\t\t\tif (this.value !== value) {\n\t\t\t\t\tthis.value = value\n\t\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Blur the input to trigger change event naturally\n\t\t\t\t// This mimics what happens when you tab out of the field\n\t\t\t\tthis.inputElement.blur()\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: this.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 - M3 spec aligned\n\t\tconst getHeightAndPadding = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'xxs':\n\t\t\t\t\t// Ultra-compact: 24dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\tfontSize: '0.625rem', // 10px\n\t\t\t\t\t}\n\t\t\t\tcase 'xs':\n\t\t\t\t\t// M3 dense: 32dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '32px',\n\t\t\t\t\t\tpadding: '0 12px',\n\t\t\t\t\t\tfontSize: '0.75rem', // 12px\n\t\t\t\t\t}\n\t\t\t\tcase 'sm':\n\t\t\t\t\t// M3 default: 40dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '40px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\t// M3 extra large: 56dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '56px',\n\t\t\t\t\t\tpadding: '0 20px',\n\t\t\t\t\t\tfontSize: '1rem', // 16px\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\t// M3 standard: 48dp height\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px - M3 body-large\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize } = getHeightAndPadding()\n\n\t\t// Check if it's a date-type input\n\t\tconst isDateType = ['date', 'datetime-local', 'time', 'month', 'week'].includes(this.type)\n\n\t\tconst inputClasses = {\n\t\t\t// Base styles\n\t\t\t'block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on': true,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t// Ring colors based on error state\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Text alignment (date inputs always left-aligned)\n\t\t\t'text-left': this.align === 'left' || isDateType,\n\t\t\t'text-center': this.align === 'center' && !isDateType,\n\t\t\t'text-right': this.align === 'right' && !isDateType,\n\t\t\t// Autofill\n\t\t\tautofilled: this.isAutofilled,\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-[10px]': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\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\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\n\t\tconst styles = {\n\t\t\theight,\n\t\t\tpadding,\n\t\t\tfontSize,\n\t\t\t// Ensure vertical centering for all input types\n\t\t\tlineHeight: height,\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<div class=\"w-full min-w-0 ${isDateType ? 'date-input-container' : ''}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.label}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\t.step=${this.step ?? ''}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\tlist=${ifDefined(this.list)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\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\n/**\n * Register the component with the legacy tag name for backward compatibility\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('sch-input')\nexport class SchmancyInputCompat extends SchmancyInput {}\n"],"names":["SchmancyInput","SchmancyFormField","constructor","super","arguments","this","value","type","placeholder","clickable","spellcheck","align","step","autofocus","autocomplete","tabIndex","size","validateOn","inputRef","createRef","isAutofilled","touched","dirty","submitted","defaultValue","changedProps","id","_idCounter","willUpdate","updated","has","validateInput","hasUpdated","connectedCallback","setupFormIntegration","setupExternalLabelAssociation","form","formResetObserver","MutationObserver","mutations","mutation","attributeName","resetToDefault","observe","attributes","childList","subtree","fromEvent","pipe","takeUntil","disconnecting","subscribe","setupLabelClickListener","document","querySelectorAll","forEach","label","focus","readyState","disconnectedCallback","disconnect","error","validationMessage","dispatchEvent","CustomEvent","bubbles","forceValidation","disabled","shouldValidate","shouldShowValidation","validity","inputElement","customError","valid","hasError","checkValidity","inputValid","parentValid","reportValidity","message","setCustomValidity","firstUpdated","setTimeout","setupInputEvents","setupFocusBlurEvents","setupAutofillDetection","setupEnterKeyEvents","map","ev","inputEvent","target","inputType","data","isComposing","originalEvent","eventData","customEvent","detail","composed","Object","defineProperties","distinctUntilChanged","emitChange","focusEvent","cancelable","relatedTarget","blurEvent","filter","animationName","key","blur","enterEvent","code","keyCode","which","select","getValidity","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","selectMode","setRangeText","options","Event","click","render","height","padding","fontSize","getHeightAndPadding","isDateType","includes","inputClasses","readonly","autofilled","labelClasses","styles","lineHeight","html","when","classMap","ref","name","styleMap","ifDefined","inputmode","pattern","minlength","maxlength","min","max","list","required","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","String","reflect","prototype","Boolean","Number","query","state","customElement","SchmancyInputCompat"],"mappings":"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"}