@mhmo91/schmancy 0.4.35 → 0.4.36

package/dist/input-B7Q3RRwE.js

@@ -1,473 +0,0 @@
-import { nothing as g, html as y, LitElement as k } from "lit";
-import { property as i, query as $, state as m, customElement as R } from "lit/decorators.js";
-import { ifDefined as p } from "lit/directives/if-defined.js";
-import { createRef as S, ref as V } from "lit/directives/ref.js";
-import { when as E } from "lit/directives/when.js";
-import { fromEvent as d, map as w, takeUntil as h, distinctUntilChanged as C, filter as v } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as I } from "./tailwind.mixin-BHLwDiBj.js";
-import { c as x } from "./ripple-BumgqsDT.js";
-import { S as b } from "./theme.interface-C5Kj6WjD.js";
-import { S as T } from "./formField.mixin-DCPfsyya.js";
-const O = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */: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}}";
-var z = Object.defineProperty, A = Object.getOwnPropertyDescriptor, n = (t, e, a, o) => {
-  for (var c, u = o > 1 ? void 0 : o ? A(e, a) : e, f = t.length - 1; f >= 0; f--) (c = t[f]) && (u = (o ? c(e, a, u) : c(u)) || u);
-  return o && u && z(e, a, u), u;
-};
-let s = class extends I(O) {
-  constructor() {
-    if (super(), this.id = "", this.label = "", this.type = "text", this.name = `name_${Date.now()}`, this.placeholder = "", this.value = "", this.required = !1, this.disabled = !1, this.readonly = !1, this.clickable = !1, this.spellcheck = !1, this.align = "left", this.autofocus = !1, this.autocomplete = "on", this.tabIndex = 0, this.error = !1, this.size = "md", this.validateOn = "touched", this.validationMessage = "", this.inputRef = S(), this.isAutofilled = !1, this.touched = !1, this.dirty = !1, this.submitted = !1, this.defaultValue = "", "attachInternals" in this) try {
-      this.internals = this.attachInternals();
-    } catch {
-      this.internals = void 0;
-    }
-  }
-  willUpdate(t) {
-    this.id || (this.id = "sch-input-" + s._idCounter++), super.willUpdate(t);
-  }
-  get form() {
-    return this.internals?.form ?? null;
-  }
-  updated(t) {
-    super.updated(t), t.has("value") && (this.value !== this.defaultValue && (this.dirty = !0), this.internals?.setFormValue(this.value), this.validateInput()), t.has("error") && this.updateValidityState(), !this.hasUpdated && t.has("value") && (this.defaultValue = this.value);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.defaultValue = this.value, this.setupFormIntegration(), this.setupExternalLabelAssociation();
-  }
-  setupFormIntegration() {
-    this.internals?.form && (this.formResetObserver = new MutationObserver((t) => {
-      for (const e of t) e.type === "attributes" && e.attributeName === "reset" && this.resetToDefault();
-    }), this.formResetObserver.observe(this.internals.form, { attributes: !0, childList: !1, subtree: !1 }), this.internals.form.addEventListener("reset", () => {
-      this.resetToDefault();
-    }), this.internals.form.addEventListener("submit", () => {
-      this.submitted = !0, this.validateInput(!0);
-    }));
-  }
-  setupExternalLabelAssociation() {
-    if (this.id) {
-      const t = () => {
-        document.querySelectorAll(`label[for="${this.id}"]`).forEach((e) => {
-          e.addEventListener("click", () => {
-            this.focus();
-          });
-        });
-      };
-      document.readyState === "complete" ? t() : document.addEventListener("DOMContentLoaded", t);
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.formResetObserver && this.formResetObserver.disconnect(), this.id && document.querySelectorAll(`label[for="${this.id}"]`).forEach((t) => {
-      t.removeEventListener("click", () => {
-        this.focus();
-      });
-    });
-  }
-  resetToDefault() {
-    this.value = this.defaultValue, this.touched = !1, this.dirty = !1, this.submitted = !1, this.error = !1, this.validationMessage = "", this.dispatchEvent(new CustomEvent("reset", { bubbles: !0 }));
-  }
-  shouldShowValidation(t = !1) {
-    if (t) return !0;
-    switch (this.validateOn) {
-      case "always":
-        return !0;
-      case "touched":
-      default:
-        return this.touched;
-      case "dirty":
-        return this.dirty;
-      case "submitted":
-        return this.submitted;
-    }
-  }
-  updateValidityState() {
-    this.error ? this.validationMessage ? this.internals?.setValidity({ customError: !0 }, this.validationMessage, this.inputElement) : this.internals?.setValidity({ customError: !0 }, "Invalid input", this.inputElement) : this.internals?.setValidity({});
-  }
-  validateInput(t = !1) {
-    if (this.disabled) return;
-    const e = this.shouldShowValidation(t), a = this.inputElement?.validity ?? { customError: !1, valid: !0 }, o = !a.valid && !a.customError;
-    e && o ? (this.error = !0, this.validationMessage = this.inputElement?.validationMessage || "") : a.valid ? (this.error = !1, a.customError || (this.validationMessage = "")) : e || (this.error = !1), this.updateValidityState();
-  }
-  checkValidity() {
-    const t = this.inputRef.value?.checkValidity() ?? !0;
-    return this.internals && !t ? (this.internals.checkValidity(), !1) : t;
-  }
-  reportValidity() {
-    this.touched = !0, this.submitted = !0;
-    const t = this.inputRef.value?.reportValidity() ?? !0;
-    return this.validateInput(!0), this.internals && !t ? (this.internals.reportValidity(), !1) : t;
-  }
-  setCustomValidity(t) {
-    this.inputRef.value && this.inputRef.value.setCustomValidity(t), this.validationMessage = t, this.error = t !== "" && this.shouldShowValidation(), this.internals && (t ? this.internals.setValidity({ customError: !0 }, t, this.inputElement) : this.internals.setValidity({}));
-  }
-  firstUpdated() {
-    this.autofocus && setTimeout(() => {
-      this.focus();
-    }, 0), this.setupInputEvents(), this.setupFocusBlurEvents(), this.setupAutofillDetection(), this.setupEnterKeyEvents();
-  }
-  setupInputEvents() {
-    d(this.inputElement, "input").pipe(w((t) => {
-      const e = t;
-      return { value: t.target.value, inputType: e.inputType, data: e.data, isComposing: e.isComposing, originalEvent: t };
-    }), h(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();
-    }), d(this.inputElement, "change").pipe(w((t) => t.target.value), C(), h(this.disconnecting)).subscribe((t) => {
-      this.value = t, this.dirty = this.value !== this.defaultValue, this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 })), this.validateInput();
-    });
-  }
-  setupFocusBlurEvents() {
-    d(this.inputElement, "focus").pipe(h(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);
-    }), d(this.inputElement, "blur").pipe(h(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() {
-    d(this.inputElement, "animationstart").pipe(v((t) => t.animationName === "onAutoFillStart"), h(this.disconnecting)).subscribe((t) => {
-      const { value: e } = t.target;
-      this.value = e, this.isAutofilled = !0, this.dirty = this.value !== this.defaultValue, this.dispatchEvent(new CustomEvent("autofill", { detail: { value: e }, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { value: e }, bubbles: !0, composed: !0 }));
-    }), d(this.inputElement, "animationstart").pipe(v((t) => t.animationName === "onAutoFillCancel"), h(this.disconnecting)).subscribe(() => {
-      this.isAutofilled = !1;
-    });
-  }
-  setupEnterKeyEvents() {
-    d(this.inputElement, "keyup").pipe(v((t) => t.key === "Enter"), h(this.disconnecting)).subscribe((t) => {
-      const { value: e } = t.target;
-      this.value = e, this.dirty = this.value !== this.defaultValue;
-      const a = new CustomEvent("enter", { detail: { value: e }, bubbles: !0, composed: !0 });
-      Object.defineProperties(a, { key: { value: "Enter" }, code: { value: "Enter" }, keyCode: { value: 13 }, which: { value: 13 } }), this.dispatchEvent(a);
-    });
-  }
-  select() {
-    return this.inputRef.value?.select();
-  }
-  getValidity() {
-    return this.inputRef.value?.validity;
-  }
-  setSelectionRange(t, e, a) {
-    this.inputRef.value?.setSelectionRange(t, e, a);
-  }
-  get selectionStart() {
-    return this.inputRef.value?.selectionStart ?? null;
-  }
-  get selectionEnd() {
-    return this.inputRef.value?.selectionEnd ?? null;
-  }
-  get selectionDirection() {
-    return this.inputRef.value?.selectionDirection ?? null;
-  }
-  setRangeText(t, e, a, o) {
-    e !== void 0 && a !== void 0 ? this.inputRef.value?.setRangeText(t, e, a, o) : this.inputRef.value?.setRangeText(t);
-  }
-  focus(t) {
-    this.inputRef.value?.focus(t), this.dispatchEvent(new Event("focus"));
-  }
-  click() {
-    this.inputRef.value?.click(), this.dispatchEvent(new Event("click"));
-  }
-  blur() {
-    this.inputRef.value?.blur(), this.dispatchEvent(new Event("blur"));
-  }
-  render() {
-    const { height: t, padding: e, fontSize: a } = (() => {
-      switch (this.size) {
-        case "sm":
-          return { height: "40px", padding: "0 8px", fontSize: "0.875rem" };
-        case "lg":
-          return { height: "60px", padding: "0 20px", fontSize: "1.125rem" };
-        default:
-          return { height: "50px", padding: "0 16px", fontSize: "1rem" };
-      }
-    })(), o = { "w-full flex-1 rounded-[8px] border-0 bg-surface-highest text-surface-on": !0, "outline-secondary-default focus:outline-1 ": !0, "outline-secondary-default focus:outline-1": !0, "disabled:opacity-40 disabled:cursor-not-allowed": !0, "placeholder:text-muted": !0, "ring-0 ring-inset focus:ring-1 focus:ring-inset": !0, "ring-secondary-default ring-outline focus:ring-secondary-default": !this.error, "ring-error-default focus:ring-error-default": this.error, "caret-transparent focus:outline-hidden cursor-pointer text-select-none": this.readonly, "cursor-pointer": this.clickable, "text-center": this.align === "center", "text-right": this.align === "right", autofilled: this.isAutofilled }, c = { "opacity-40": this.disabled, "block mb-[4px]": !0, "text-sm": this.size === "sm", "text-base": this.size === "md", "text-lg": this.size === "lg" }, u = { height: t, padding: e, fontSize: a };
-    return y`
-			${E(this.label, () => y`
-					<label
-						for=${this.id}
-						id="label-${this.id}"
-						class=${this.classMap(c)}
-						${x({ color: this.error ? b.sys.color.error.default : b.sys.color.primary.default })}
-					>
-						<schmancy-typography type="label" token=${this.size === "sm" ? "sm" : this.size === "lg" ? "lg" : "md"}>
-							${this.label}
-						</schmancy-typography>
-					</label>
-				`)}
-
-			<input
-				${x({ bgColor: b.sys.color.surface.highest, color: b.sys.color.surface.on })}
-				${V(this.inputRef)}
-				id=${this.id}
-				name=${this.name}
-				class=${this.classMap(o)}
-				style=${this.styleMap(u)}
-				.value=${this.value}
-				.type=${this.type}
-				.autocomplete=${this.autocomplete}
-				.spellcheck=${this.spellcheck}
-				placeholder=${this.placeholder}
-				inputmode=${p(this.inputmode)}
-				pattern=${p(this.pattern)}
-				step=${p(this.step)}
-				minlength=${p(this.minlength)}
-				maxlength=${p(this.maxlength)}
-				min=${p(this.min)}
-				max=${p(this.max)}
-				list=${p(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}` : g}
-				aria-describedby=${this.hint ? `hint-${this.id}` : g}
-				aria-label=${p(this.label ? void 0 : this.placeholder || "Input")}
-				aria-autocomplete=${this.list ? "list" : "none"}
-			/>
-
-			${E(this.hint, () => y`
-					<div
-						id="hint-${this.id}"
-						class="${this.size === "sm" ? "pt-[1px] text-xs" : this.size === "lg" ? "pt-[3px] text-base" : "pt-[2px] text-sm"}"
-						${x({ color: this.error ? b.sys.color.error.default : b.sys.color.primary.default })}
-					>
-						<schmancy-typography
-							align="left"
-							type="label"
-							token=${this.size === "sm" ? "sm" : this.size === "lg" ? "lg" : "md"}
-						>
-							${this.hint}
-						</schmancy-typography>
-					</div>
-				`)}
-		`;
-  }
-};
-s._idCounter = 0, s.formAssociated = !0, s.shadowRootOptions = { ...k.shadowRootOptions, delegatesFocus: !0 }, n([i({ reflect: !0 })], s.prototype, "id", 2), n([i({ type: String })], s.prototype, "label", 2), n([i({ reflect: !0 })], s.prototype, "type", 2), n([i()], s.prototype, "name", 2), n([i()], s.prototype, "placeholder", 2), n([i({ type: String, reflect: !0 })], s.prototype, "value", 2), n([i({ type: String, reflect: !0 })], s.prototype, "pattern", 2), n([i({ type: Boolean, reflect: !0 })], s.prototype, "required", 2), n([i({ type: Boolean, reflect: !0 })], s.prototype, "disabled", 2), n([i({ type: Boolean, reflect: !0 })], s.prototype, "readonly", 2), n([i({ type: Boolean, reflect: !0 })], s.prototype, "clickable", 2), n([i({ type: Boolean, reflect: !0 })], s.prototype, "spellcheck", 2), n([i({ type: String, reflect: !0 })], s.prototype, "align", 2), n([i()], s.prototype, "inputmode", 2), n([i({ type: Number, reflect: !0 })], s.prototype, "minlength", 2), n([i({ type: Number })], s.prototype, "maxlength", 2), n([i()], s.prototype, "min", 2), n([i()], s.prototype, "max", 2), n([i({ type: Number, reflect: !0 })], s.prototype, "step", 2), n([i({ type: Boolean })], s.prototype, "autofocus", 2), n([i({ type: String, reflect: !0 })], s.prototype, "autocomplete", 2), n([i({ type: Number, reflect: !0 })], s.prototype, "tabIndex", 2), n([i()], s.prototype, "hint", 2), n([i({ type: Boolean, reflect: !0 })], s.prototype, "error", 2), n([i({ type: String, reflect: !0 })], s.prototype, "size", 2), n([i({ type: String })], s.prototype, "validateOn", 2), n([i({ type: String })], s.prototype, "list", 2), n([i({ type: String })], s.prototype, "validationMessage", 2), n([$("input")], s.prototype, "inputElement", 2), n([m()], s.prototype, "isAutofilled", 2), n([m()], s.prototype, "touched", 2), n([m()], s.prototype, "dirty", 2), n([m()], s.prototype, "submitted", 2), n([m()], s.prototype, "defaultValue", 2), s = n([R("sch-input")], s);
-var M = Object.defineProperty, D = Object.getOwnPropertyDescriptor, l = (t, e, a, o) => {
-  for (var c, u = o > 1 ? void 0 : o ? D(e, a) : e, f = t.length - 1; f >= 0; f--) (c = t[f]) && (u = (o ? c(e, a, u) : c(u)) || u);
-  return o && u && M(e, a, u), u;
-};
-let r = class extends T(O) {
-  constructor() {
-    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.clickable = !1, this.spellcheck = !1, this.align = "left", this.autofocus = !1, this.autocomplete = "on", this.tabIndex = 0, this.size = "md", this.validateOn = "touched", this.inputRef = S(), this.isAutofilled = !1, this.touched = !1, this.dirty = !1, this.submitted = !1, this.defaultValue = "";
-  }
-  willUpdate(t) {
-    this.id || (this.id = "sch-input-" + r._idCounter++), super.willUpdate(t);
-  }
-  updated(t) {
-    super.updated(t), t.has("value") && (this.value !== this.defaultValue && (this.dirty = !0), this.validateInput()), !this.hasUpdated && t.has("value") && (this.defaultValue = this.value);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.defaultValue = this.value, this.setupFormIntegration(), this.setupExternalLabelAssociation();
-  }
-  setupFormIntegration() {
-    this.form && (this.formResetObserver = new MutationObserver((t) => {
-      for (const e of t) e.type === "attributes" && e.attributeName === "reset" && this.resetToDefault();
-    }), this.formResetObserver.observe(this.form, { attributes: !0, childList: !1, subtree: !1 }), this.form.addEventListener("reset", () => {
-      this.resetToDefault();
-    }), this.form.addEventListener("submit", () => {
-      this.submitted = !0, this.validateInput(!0);
-    }));
-  }
-  setupExternalLabelAssociation() {
-    if (this.id) {
-      const t = () => {
-        document.querySelectorAll(`label[for="${this.id}"]`).forEach((e) => {
-          e.addEventListener("click", () => {
-            this.focus();
-          });
-        });
-      };
-      document.readyState === "complete" ? t() : document.addEventListener("DOMContentLoaded", t);
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.formResetObserver && this.formResetObserver.disconnect(), this.id && document.querySelectorAll(`label[for="${this.id}"]`).forEach((t) => {
-      t.removeEventListener("click", () => {
-        this.focus();
-      });
-    });
-  }
-  resetToDefault() {
-    this.value = this.defaultValue, this.touched = !1, this.dirty = !1, this.submitted = !1, this.error = !1, this.validationMessage = "", this.dispatchEvent(new CustomEvent("reset", { bubbles: !0 }));
-  }
-  shouldShowValidation(t = !1) {
-    if (t) return !0;
-    switch (this.validateOn) {
-      case "always":
-        return !0;
-      case "touched":
-      default:
-        return this.touched;
-      case "dirty":
-        return this.dirty;
-      case "submitted":
-        return this.submitted;
-    }
-  }
-  validateInput(t = !1) {
-    if (this.disabled) return;
-    const e = this.shouldShowValidation(t), a = this.inputElement?.validity ?? { customError: !1, valid: !0 }, o = !a.valid && !a.customError;
-    e && o ? (this.error = !0, this.validationMessage = this.inputElement?.validationMessage || "") : a.valid ? (this.error = !1, a.customError || (this.validationMessage = "")) : e || (this.error = !1);
-  }
-  checkValidity() {
-    const t = this.inputRef.value?.checkValidity() ?? !0, e = super.checkValidity();
-    return t && e;
-  }
-  reportValidity() {
-    this.touched = !0, this.submitted = !0;
-    const t = this.inputRef.value?.reportValidity() ?? !0;
-    this.validateInput(!0);
-    const e = super.reportValidity();
-    return t && e;
-  }
-  setCustomValidity(t) {
-    this.inputRef.value && this.inputRef.value.setCustomValidity(t), super.setCustomValidity(t), this.error = t !== "" && this.shouldShowValidation();
-  }
-  firstUpdated() {
-    this.autofocus && setTimeout(() => {
-      this.focus();
-    }, 0), this.setupInputEvents(), this.setupFocusBlurEvents(), this.setupAutofillDetection(), this.setupEnterKeyEvents();
-  }
-  setupInputEvents() {
-    d(this.inputElement, "input").pipe(w((t) => {
-      const e = t;
-      return { value: t.target.value, inputType: e.inputType, data: e.data, isComposing: e.isComposing, originalEvent: t };
-    }), h(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();
-    }), d(this.inputElement, "change").pipe(w((t) => t.target.value), C(), h(this.disconnecting)).subscribe((t) => {
-      this.value = t, this.dirty = this.value !== this.defaultValue, this.emitChange({ value: t }), this.validateInput();
-    });
-  }
-  setupFocusBlurEvents() {
-    d(this.inputElement, "focus").pipe(h(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);
-    }), d(this.inputElement, "blur").pipe(h(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() {
-    d(this.inputElement, "animationstart").pipe(v((t) => t.animationName === "onAutoFillStart"), h(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 });
-    }), d(this.inputElement, "animationstart").pipe(v((t) => t.animationName === "onAutoFillCancel"), h(this.disconnecting)).subscribe(() => {
-      this.isAutofilled = !1;
-    });
-  }
-  setupEnterKeyEvents() {
-    d(this.inputElement, "keydown").pipe(v((t) => t.key === "Enter"), h(this.disconnecting)).subscribe((t) => {
-      const { value: e } = t.target;
-      this.value !== e && (this.value = e, this.dirty = this.value !== this.defaultValue), this.inputElement.blur();
-      const a = new CustomEvent("enter", { detail: { value: this.value }, bubbles: !0, composed: !0 });
-      Object.defineProperties(a, { key: { value: "Enter" }, code: { value: "Enter" }, keyCode: { value: 13 }, which: { value: 13 } }), this.dispatchEvent(a);
-    });
-  }
-  select() {
-    return this.inputRef.value?.select();
-  }
-  getValidity() {
-    return this.inputRef.value?.validity;
-  }
-  setSelectionRange(t, e, a) {
-    this.inputRef.value?.setSelectionRange(t, e, a);
-  }
-  get selectionStart() {
-    return this.inputRef.value?.selectionStart ?? null;
-  }
-  get selectionEnd() {
-    return this.inputRef.value?.selectionEnd ?? null;
-  }
-  get selectionDirection() {
-    return this.inputRef.value?.selectionDirection ?? null;
-  }
-  setRangeText(t, e, a, o) {
-    e !== void 0 && a !== void 0 ? this.inputRef.value?.setRangeText(t, e, a, o) : this.inputRef.value?.setRangeText(t);
-  }
-  focus(t) {
-    this.inputRef.value?.focus(t), this.dispatchEvent(new Event("focus"));
-  }
-  click() {
-    this.inputRef.value?.click(), this.dispatchEvent(new Event("click"));
-  }
-  blur() {
-    this.inputRef.value?.blur(), this.dispatchEvent(new Event("blur"));
-  }
-  render() {
-    const { height: t, padding: e, fontSize: a } = (() => {
-      switch (this.size) {
-        case "sm":
-          return { height: "40px", padding: "0 8px", fontSize: "0.875rem" };
-        case "lg":
-          return { height: "60px", padding: "0 20px", fontSize: "1.125rem" };
-        default:
-          return { height: "50px", padding: "0 16px", fontSize: "1rem" };
-      }
-    })(), o = ["date", "datetime-local", "time", "month", "week"].includes(this.type), c = { "block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on": !0, "outline-secondary-default focus:outline-1": !0, "disabled:opacity-40 disabled:cursor-not-allowed": !0, "placeholder:text-muted": !0, "ring-0 ring-inset focus:ring-1 focus:ring-inset": !0, "ring-secondary-default ring-outline focus:ring-secondary-default": !this.error, "ring-error-default focus:ring-error-default": this.error, "caret-transparent focus:outline-hidden cursor-pointer select-none": this.readonly, "cursor-pointer": this.clickable, "text-left": this.align === "left" || o, "text-center": this.align === "center" && !o, "text-right": this.align === "right" && !o, autofilled: this.isAutofilled }, u = { "block mb-1 font-medium": !0, "opacity-40": this.disabled, "text-sm": this.size === "sm", "text-base": this.size === "md", "text-lg": this.size === "lg", "text-primary-default": !this.error, "text-error-default": this.error }, f = { height: t, padding: e, fontSize: a, lineHeight: t };
-    return y`
-			<div class="w-full min-w-0 ${o ? "date-input-container" : ""}">
-				${E(this.label, () => y`
-						<label
-							for=${this.id}
-							class=${this.classMap(u)}
-						>
-							${this.label}
-						</label>
-					`)}
-
-				<input
-					${V(this.inputRef)}
-					id=${this.id}
-					name=${this.name}
-					class=${this.classMap(c)}
-					style=${this.styleMap(f)}
-					.value=${this.value}
-					.type=${this.type}
-					.autocomplete=${this.autocomplete}
-					.spellcheck=${this.spellcheck}
-					placeholder=${this.placeholder}
-					inputmode=${p(this.inputmode)}
-					pattern=${p(this.pattern)}
-					step=${p(this.step)}
-					minlength=${p(this.minlength)}
-					maxlength=${p(this.maxlength)}
-					min=${p(this.min)}
-					max=${p(this.max)}
-					list=${p(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}` : g}
-					aria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : g}
-					aria-label=${p(this.label ? void 0 : this.placeholder || "Input")}
-				/>
-
-				${E(this.hint || this.error && this.validationMessage, () => y`
-						<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>
-		`;
-  }
-};
-r._idCounter = 0, r.shadowRootOptions = { ...k.shadowRootOptions, delegatesFocus: !0 }, l([i({ type: String, reflect: !0 })], r.prototype, "value", 2), l([i({ reflect: !0 })], r.prototype, "type", 2), l([i()], r.prototype, "placeholder", 2), l([i({ type: String, reflect: !0 })], r.prototype, "pattern", 2), l([i({ type: Boolean, reflect: !0 })], r.prototype, "clickable", 2), l([i({ type: Boolean, reflect: !0 })], r.prototype, "spellcheck", 2), l([i({ type: String, reflect: !0 })], r.prototype, "align", 2), l([i()], r.prototype, "inputmode", 2), l([i({ type: Number, reflect: !0 })], r.prototype, "minlength", 2), l([i({ type: Number })], r.prototype, "maxlength", 2), l([i()], r.prototype, "min", 2), l([i()], r.prototype, "max", 2), l([i({ type: Number, reflect: !0 })], r.prototype, "step", 2), l([i({ type: Boolean })], r.prototype, "autofocus", 2), l([i({ type: String, reflect: !0 })], r.prototype, "autocomplete", 2), l([i({ type: Number, reflect: !0 })], r.prototype, "tabIndex", 2), l([i({ type: String, reflect: !0 })], r.prototype, "size", 2), l([i({ type: String })], r.prototype, "validateOn", 2), l([i({ type: String })], r.prototype, "list", 2), l([$("input")], r.prototype, "inputElement", 2), l([m()], r.prototype, "isAutofilled", 2), l([m()], r.prototype, "touched", 2), l([m()], r.prototype, "dirty", 2), l([m()], r.prototype, "submitted", 2), l([m()], r.prototype, "defaultValue", 2), r = l([R("schmancy-input")], r);
-export {
-  s as S,
-  r as a
-};
-//# sourceMappingURL=input-B7Q3RRwE.js.map