hisonvue 1.0.0

package/dist/HInput-BEyJqYkD.mjs

@@ -0,0 +1,1103 @@
+import { defineComponent as _e, ref as a, computed as g, inject as re, onMounted as en, onBeforeUnmount as nn, watch as d, unref as tn, nextTick as ge, createElementBlock as C, openBlock as k, normalizeClass as M, normalizeStyle as F, createElementVNode as R, Fragment as Me, renderList as on, toDisplayString as be, withDirectives as ye, vShow as $e } from "vue";
+import { T as un, y as G, N as sn, h as f, g as ln, u as rn, O as i, l as r, P as x, w, e as an, t as dn, a as mn, b as Te, Q as ae, R as vn, U as pn, r as fn, c as gn, d as Mn } from "./index-DUh7pai4.mjs";
+import { _ as bn } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const yn = {
+  /**
+   * Unique identifier for the input.
+   * - You can later retrieve its methods via `hison.component.getInput(id)`
+   * - ⚠️ Duplicate `id` values will throw an error at mount time
+   */
+  id: { type: String, required: !1 },
+  /**
+   * HTML `name` attribute.
+   * - Default: same as `id` when omitted.
+   * - Radio usage (`inputType: 'radio'`):
+   *   - All `HInput` with the same `name` form one radio group.
+   *   - Each radio’s own `id` is treated as the group’s candidate value.
+   *   - The radio’s local `modelValue` is boolean (`true`/`false`) and drives its `checked` state.
+   *   - When wrapped by `HInputGroup`, radios are aggregated per `name` and exposed as
+   *     `{ [name]: selectedRadioId | null }` via `getDataObject()` / `v-model`.
+   *   - To set a selection programmatically (load/set), pass `{ [name]: <radioId> }` to `HInputGroup`.
+   *   - Changing `name` at runtime via `setName()` re-registers group membership with `HInputGroup`.
+   * - Non-radio inputs: `name` only sets the underlying HTML attribute (no grouping behavior).
+   */
+  name: { type: String, required: !1 },
+  /**
+   * Bound value for the input field.
+   * - Controlled via `v-model`
+   * - Supports multiple types depending on `inputType`:
+   *    - `text`, `email`, `mask`, `digit`, `textarea` → `string`
+   *    - `number` → `number`
+   *    - `checkbox` → `boolean`
+   *    - `select` → `string | number | boolean`
+   *    - `date`, `month`, `time` → `string` or `Date`
+   * - Internally processed and formatted based on `inputType` and `format`
+   */
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array, Date],
+    default: null
+  },
+  /**
+   * Custom class string applied to the input container.
+   * - Supports responsive classes like `hison-col-*`, `hison-pos-*`, `hison-size-*`
+   * - Accepts string / array / object (Vue standard) form
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the input element.
+   * - Accepts string, CSSProperties object, or an array of objects
+   * - Merged with internal dynamic styles
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the input field.
+   * - Boolean only. Use `:visible="false"`
+   * - Default: `true`
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Tooltip text shown on hover.
+   * - Maps to the `title` attribute
+   * - Modifiable at runtime via `HInputMethods.setTitle()`
+   */
+  title: { type: String, required: !1 },
+  /**
+   * Input type.
+   * - Available values: `'text'`, `'mask'`, `'number'`, `'digit'`, `'date'`, `'month'`, `'time'`, `'email'`, `'password'`, `'checkbox'`, `'range'`, `'color'`, `'textarea'`, `'select'`
+   * - Accepts enum `InputType` or its literal strings
+   * - Affects input formatting and behavior
+   */
+  inputType: {
+    type: String,
+    required: !1,
+    validator: (e) => sn.includes(e)
+  },
+  /**
+   * Format string used for displaying or formatting the value.
+   * - Used when `type` is `'number'`, `'mask'`, `'date'`, or `'month'`
+   */
+  format: { type: String, required: !1 },
+  /**
+   * Placeholder text to show when value is null or empty.
+   * - Used as a display fallback in span mode
+   */
+  nullText: { type: String, default: "" },
+  /**
+   * Maximum numeric value.
+   * - Only applicable when `type` is `'number'`
+   * - Enforced during input and formatting
+   * - Accepts string or number
+   */
+  maxNumber: { type: [String, Number], required: !1 },
+  /**
+   * Minimum numeric value.
+   * - Only applicable when `type` is `'number'`
+   * - Accepts string or number
+   */
+  minNumber: { type: [String, Number], required: !1 },
+  /**
+   * Rounding precision for numeric inputs.
+   * - Only applies when `type` is `'number'`
+   * - Accepts positive or negative integers (string or number)
+   */
+  roundNumber: { type: [String, Number], required: !1 },
+  /**
+   * Maximum number of characters allowed.
+   * - Truncates string if exceeded
+   * - Does not consider byte size
+   * - Accepts string or number
+   */
+  maxLength: { type: [String, Number], required: !1 },
+  /**
+   * Maximum number of bytes allowed.
+   * - Truncates string based on UTF-8 byte size
+   * - Uses `hison.utils.getCutByteLength()` internally
+   * - Accepts string or number
+   */
+  maxByte: { type: [String, Number], required: !1 },
+  /**
+   * Placeholder string shown inside the input when empty.
+   * - Maps to the `placeholder` attribute
+   */
+  placeholder: { type: String, required: !1 },
+  /**
+   * Edit mode of the input.
+   * - Values: `'editable'`, `'readonly'`, `'disable'`
+   * - Accepts enum `EditMode` or its literal strings
+   * - `'readonly'` and `'disable'` both prevent editing but differ in styling
+   */
+  editMode: {
+    type: String,
+    default: G.editable,
+    validator: (e) => ["editable", "disable", "readonly"].includes(e)
+  },
+  /**
+   * Whether the input is required.
+   * - Boolean only
+   * - Adds `hison-input-required` class when `true`
+   */
+  required: { type: Boolean, default: !1 },
+  /**
+   * Bold font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-bold` class when enabled
+   */
+  fontBold: { type: Boolean, default: !1 },
+  /**
+   * Italic font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-italic` class when enabled
+   */
+  fontItalic: { type: Boolean, default: !1 },
+  /**
+   * Strikethrough font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-thruline` class when enabled
+   */
+  fontThruline: { type: Boolean, default: !1 },
+  /**
+   * Underline font style toggle.
+   * - Boolean only
+   * - Adds `hison-font-underline` class when enabled
+   */
+  fontUnderline: { type: Boolean, default: !1 },
+  /**
+   * Text alignment for the input’s display text.
+   * - 'left' | 'center' | 'right'
+   * - Accepts enum `TextAlign` or its literal strings
+   */
+  textAlign: {
+    type: String,
+    default: null,
+    validator: (e) => e == null || un.includes(e)
+  },
+  /**
+   * Whether to show border (rendered as subtle box-shadow).
+   * - Default: false (no border)
+   */
+  border: { type: Boolean, default: !0 },
+  /**
+   * List of selectable options for `inputType: 'select'`.
+   * - Each option should be an object with `text` (label shown to the user) and `value` (actual value to bind).
+   * - Used only when `inputType === 'select'`.
+   * example
+   * options: [
+   *   { text: 'Active', value: 'A' },
+   *   { text: 'Inactive', value: 'I' }
+   * ]
+   */
+  options: {
+    type: Array,
+    required: !1,
+    default: () => []
+  },
+  /**
+   * Output value when checkbox is checked (used in display mode).
+   * - Used only when `inputType === 'checkbox'`.
+   * - Affects the display text returned by `getText()` and the span view when not editing.
+   */
+  checkedText: { type: String, default: "Y" },
+  /**
+   * Output value when checkbox is unchecked (used in display mode).
+   * - Used only when `inputType === 'checkbox'`.
+   * - Affects the display text returned by `getText()` and the span view when not editing.
+   */
+  uncheckedText: { type: String, default: "N" },
+  /**
+   * Controls keyboard focus order of the element.
+   * - `0` enables natural tab navigation, positive numbers set custom order.
+   * - `null` or `''` removes tabindex (not focusable).
+   */
+  tabIndex: {
+    type: [Number, String],
+    default: null,
+    validator: (e) => e === null || e === "" || !isNaN(+e) && isFinite(+e)
+  },
+  /**
+   * Custom formatter function for display text (span text) of the input component.
+   *
+   * It overrides the default formatting logic based on `inputType`, allowing full control
+   * over the rendered text content of the input.
+   *
+   * If this prop is provided, it takes priority over any built-in format logic
+   * such as number/date formatting, checkbox label mapping, or select label resolution.
+   *
+   * @example
+   * // 1. Formatting numbers as currency
+   * <HInput
+   *   v-model="form.price"
+   *   inputTextdHandler={(val) => `$${Number(val).toLocaleString()}`}
+   * />
+   * // modelValue = 1200 => "$1,200"
+   *
+   * @example
+   * // 2. Showing 'Yes' or 'No' instead of true/false
+   * <HInput
+   *   v-model="form.enabled"
+   *   inputType="checkbox"
+   *   inputTextdHandler={(val) => val ? 'Yes' : 'No'}
+   * />
+   * // modelValue = true => "Yes"
+   *
+   * @example
+   * // 3. Applying custom date formatting
+   * <HInput
+   *   v-model="form.hireDate"
+   *   inputType="date"
+   *   inputTextdHandler={(val) => dayjs(val).format('MMMM D, YYYY')}
+   * />
+   * // modelValue = '2025-07-03' => "July 3, 2025"
+   *
+   * @remarks
+   * This only affects the `spanText` used in display mode. It does **not** modify the actual value
+   * bound via `v-model`, nor the value shown in the actual input box when in editing mode.
+   */
+  inputTextdHandler: {
+    type: Function,
+    default: void 0
+  }
+}, c = /* @__PURE__ */ new WeakSet(), _ = /* @__PURE__ */ new WeakSet(), Ce = (e) => {
+  const n = e.currentTarget;
+  if (f.event.cssEvent.input_onBeforeFocus(e) === !1) {
+    e.stopPropagation(), e.preventDefault();
+    return;
+  }
+  n.classList.add("hison-input-on-active"), f.event.cssEvent.input_onAfterFocus(e);
+}, ke = (e) => {
+  const n = e.currentTarget;
+  if (f.event.cssEvent.input_onBeforeBlur(e) === !1) {
+    e.stopPropagation(), e.preventDefault();
+    return;
+  }
+  n.classList.remove("hison-input-on-active"), n.classList.remove("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterBlur(e);
+}, Ne = (e) => {
+  const n = e.currentTarget;
+  if (!n.readOnly) {
+    if (f.event.cssEvent.input_onBeforeMouseover(e) === !1) {
+      e.stopPropagation(), e.preventDefault();
+      return;
+    }
+    n.classList.add("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterMouseover(e);
+  }
+}, he = (e) => {
+  const n = e.currentTarget;
+  if (!n.readOnly) {
+    if (f.event.cssEvent.input_onBeforeMouseout(e) === !1) {
+      e.stopPropagation(), e.preventDefault();
+      return;
+    }
+    n.classList.remove("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterMouseout(e);
+  }
+}, we = (e) => {
+  const n = e.currentTarget;
+  if (!n.readOnly) {
+    if (f.event.cssEvent.input_onBeforeTouchstart(e) === !1) {
+      e.stopPropagation(), e.preventDefault();
+      return;
+    }
+    n.classList.add("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterTouchstart(e);
+  }
+}, Le = (e) => {
+  const n = e.currentTarget;
+  if (!n.readOnly) {
+    if (f.event.cssEvent.input_onBeforeTouchend(e) === !1) {
+      e.stopPropagation(), e.preventDefault();
+      return;
+    }
+    n.classList.remove("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterTouchend(e);
+  }
+}, Be = (e) => {
+  const n = e.currentTarget;
+  n.readOnly || n.classList.remove("hison-input-on-mouseover");
+}, $n = (e) => {
+  c.has(e) || (c.add(e), e.addEventListener("mouseenter", Ne), e.addEventListener("mouseleave", he), e.addEventListener("touchstart", we, { passive: !1, capture: !0 }), e.addEventListener("touchend", Le, { passive: !1, capture: !0 }), e.addEventListener("touchcancel", Be, { passive: !1, capture: !0 }));
+}, Tn = (e) => {
+  c.has(e) && (c.delete(e), e.removeEventListener("mouseenter", Ne), e.removeEventListener("mouseleave", he), e.removeEventListener("touchstart", we, { capture: !0 }), e.removeEventListener("touchend", Le, { capture: !0 }), e.removeEventListener("touchcancel", Be, { capture: !0 }), e.classList.remove("hison-input-on-mouseover"));
+}, Cn = (e) => {
+  _.has(e) || (_.add(e), e.addEventListener("focus", Ce), e.addEventListener("blur", ke));
+}, kn = (e) => {
+  _.has(e) && (_.delete(e), e.removeEventListener("focus", Ce), e.removeEventListener("blur", ke), e.classList.remove("hison-input-on-active"), e.classList.remove("hison-input-on-mouseover"));
+}, Nn = _e({
+  name: "HInput",
+  props: yn,
+  inheritAttrs: !1,
+  emits: [
+    "update:modelValue",
+    "mounted",
+    "responsive-change",
+    "click",
+    "dblclick",
+    "mousedown",
+    "mouseup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "mouseout",
+    "mousemove",
+    "pointerdown",
+    "pointerup",
+    "pointermove",
+    "pointerenter",
+    "pointerleave",
+    "touchstart",
+    "touchend",
+    "touchmove",
+    "touchcancel",
+    "focus",
+    "blur",
+    "input",
+    "change",
+    "compositionstart",
+    "compositionupdate",
+    "compositionend",
+    "keydown",
+    "keyup",
+    "dragstart",
+    "dragend",
+    "drag",
+    "drop",
+    "copy",
+    "cut",
+    "paste",
+    "wheel",
+    "contextmenu"
+  ],
+  setup(e, { emit: n }) {
+    const b = a(null), L = a(null), $ = a(null), p = e.id ? e.id : ln(), t = a(e.name ?? p), Ie = g(() => t.value), ee = `hinput:${p}`, de = rn(), S = a([]), ne = () => {
+      S.value = an(dn(e.class) || "", de.value), mn(S.value, "col") === -1 && S.value.push("hison-col-12"), Te(S.value, "size", f.componentStyle.size), Te(S.value, "color", "primary");
+    }, l = a(e.inputType ?? i.text), te = g(() => {
+      switch (l.value) {
+        case i.checkbox:
+          return "checkbox";
+        case i.radio:
+          return "radio";
+        case i.select:
+          return "select";
+        case i.range:
+          return "range";
+        case i.color:
+          return "color";
+        default:
+          return "text";
+      }
+    }), Fe = g(() => {
+      switch (l.value) {
+        case i.mask:
+        case i.digit:
+          return "text";
+        default:
+          return l.value;
+      }
+    }), N = a(e.format ?? null), B = a(r.utils.isNumeric(e.maxNumber) ? Number(e.maxNumber) : null), I = a(r.utils.isNumeric(e.minNumber) ? Number(e.minNumber) : null), D = a(r.utils.isInteger(e.roundNumber) || r.utils.isNegativeInteger(e.roundNumber) || e.roundNumber === "0" ? Number(e.roundNumber) : null), P = a(r.utils.isPositiveInteger(e.maxLength) ? Number(e.maxLength) : null), A = a(r.utils.isPositiveInteger(e.maxByte) ? Number(e.maxByte) : null), oe = (o) => {
+      switch (o) {
+        case i.number:
+        case i.digit:
+          return w.right;
+        case i.date:
+        case i.month:
+        case i.time:
+          return w.center;
+        default:
+          return w.left;
+      }
+    }, E = a(e.textAlign ?? oe(l.value)), Pe = g(() => ({ textAlign: E.value })), K = a(e.border ?? !0), Ae = (o) => (o = String(o), P.value && (o = o.substring(0, P.value)), A.value && (o = r.utils.getCutByteLength(o, A.value)), o), Ee = (o) => (o = Number(o), B.value && o > B.value && (o = B.value), I.value && o < I.value && (o = I.value), D.value && (o = r.utils.getRound(o, D.value)), o), ue = (o) => {
+      if (x(o))
+        return l.value === i.checkbox || l.value === i.radio ? !1 : o;
+      try {
+        switch (l.value) {
+          case i.text:
+          case i.password:
+          case i.email:
+          case i.mask:
+          case i.digit:
+          case i.textarea:
+            l.value === i.mask && (o = vn(o, N.value ?? "")), l.value === i.digit && (o = pn(o)), o = Ae(o);
+            break;
+          case i.number:
+            l.value === i.number && (o = Ee(o));
+            break;
+          case i.date:
+            o && (o = r.utils.getDateWithFormat(o, ae.DateFormat["yyyy-MM-dd"]));
+            break;
+          case i.month:
+            o && (o = r.utils.getDateWithFormat(o, ae.YearMonthFormat["yyyy-MM"]));
+            break;
+          case i.time:
+            o && (o = r.utils.getDateWithFormat(o, ae.TimeFormat["HH:mm:ss"]));
+            break;
+          case i.checkbox:
+          case i.radio:
+            o = !!o;
+          default:
+            break;
+        }
+      } catch (u) {
+        console.warn("[HInput] Failed to format value", o, u);
+      }
+      return o;
+    }, s = a(ue(e.modelValue)), Se = g(() => s.value), y = a(null), U = a(e.visible), H = a(e.title ?? ""), O = a(e.nullText ?? ""), T = a(e.editMode), De = g(() => T.value === G.disable), ie = g(() => T.value === G.readonly), Ve = g(() => K.value && !ie.value ? "hison-border" : ""), qe = g(() => T.value !== G.editable ? [`hison-input-${T.value}`, `hison-input-${te.value}-${T.value}`] : []), W = a(e.required), Re = g(() => W.value ? ["hison-input-required", `hison-input-${te.value}-required`] : []), j = a(e.placeholder ?? ""), z = a(e.fontBold), Ke = g(() => {
+      if (z.value) return "hison-font-bold";
+    }), Y = a(e.fontItalic), Ue = g(() => {
+      if (Y.value) return "hison-font-italic";
+    }), Q = a(e.fontThruline), He = g(() => {
+      if (Q.value) return "hison-font-thruline";
+    }), X = a(e.fontUnderline), Oe = g(() => {
+      if (X.value) return "hison-font-underline";
+    }), We = g(() => U.value ? "" : "hison-display-none"), se = a(!1), h = a(!1), J = a(
+      e.tabIndex !== null && e.tabIndex !== "" ? Number(e.tabIndex) : null
+    ), me = re("registerToInputGroup", null), m = re("notifyInputGroupStatus", null), V = re("radioMembershipChanged", null), le = (o) => {
+      if (l.value === i.checkbox || l.value === i.radio)
+        return o ? e.checkedText : e.uncheckedText;
+      if (x(o) || o === "") return O.value ?? "";
+      if (e.inputTextdHandler)
+        return e.inputTextdHandler(o);
+      let u = String(o);
+      try {
+        switch (l.value) {
+          case i.password:
+            u = "•".repeat(o.length);
+            break;
+          case i.number:
+            u = r.utils.getNumberFormat(o, N.value ?? r.getNumberFormat());
+            break;
+          case i.date:
+            u = r.utils.getDateWithFormat(o, N.value ?? r.getDateFormat());
+            break;
+          case i.month:
+            u = r.utils.getDateWithFormat(o, N.value ?? r.getYearMonthFormat());
+            break;
+          case i.time:
+            u = r.utils.getDateWithFormat(o, N.value ?? r.getTimeFormat());
+            break;
+          case i.select:
+            const q = b.value, fe = q.selectedIndex;
+            u = fe >= 0 ? q.options[fe].text : "";
+            break;
+        }
+      } catch (q) {
+        console.warn("[HInput] Failed to format value", o, q), u = "";
+      }
+      return u;
+    }, Z = a(""), je = (o) => {
+      T.value === G.editable && (se.value = !0), ge(() => {
+        var u;
+        (u = b.value) == null || u.focus();
+      });
+    }, ze = (o) => {
+      let u = b.value.value;
+      (l.value === i.mask || l.value === i.digit || (P.value || A.value) && (l.value === i.text || l.value === i.email || l.value === i.password || l.value === i.textarea)) && (u = ue(u), b.value.value = u), s.value = u, h.value = !0, m == null || m(p, s.value), n("input", o, $.value, s.value), n("update:modelValue", s.value);
+    }, Ye = (o) => {
+      y.value = s.value, n("focus", o, $.value);
+    }, Qe = (o) => {
+      y.value !== s.value && (v(s.value, !0, !0), h.value = !0, m == null || m(p, s.value)), se.value = !1, n("blur", o, $.value);
+    }, v = (o, u = !0, q = !1) => {
+      s.value = u ? ue(o) : o, Z.value = le(s.value), l.value === i.checkbox || l.value === i.radio ? b.value.checked = !!s.value : b.value.value = s.value, q && n("change", y.value, s.value, $.value);
+    }, Xe = (o) => {
+      const u = o.target;
+      v(u.value, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
+    }, Je = (o) => {
+      const u = o.target;
+      v(u.value, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
+    }, Ze = (o) => {
+      const u = o.target;
+      v(u.checked, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
+    }, Ge = (o) => {
+      const u = o.target;
+      v(u.checked, !1, !0), h.value = !0, m && t.value ? m(t.value, u.checked ? p : null) : m == null || m(p, s.value), n("update:modelValue", s.value);
+    }, xe = (o) => {
+      const u = o.target;
+      v(u.value, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
+    }, ce = (o) => {
+      if (ie.value && (o.code === "Space" || o.code === "Enter")) {
+        o.preventDefault(), o.stopPropagation();
+        return;
+      }
+      n("keydown", o, $.value);
+    }, ve = () => {
+      f.component.inputList[p] && f.component.inputList[p].isHisonvueComponent && console.warn(`[Hisonvue] The input ID is at risk of being duplicated. ${p}`), fn(ee, () => {
+        pe(), ge(ve);
+      }), b.value && (ne(), L.value && $n(L.value), l.value !== i.checkbox && l.value !== i.radio && l.value !== i.range && l.value !== i.color && Cn(b.value), v(s.value, !1), $.value = {
+        isHisonvueComponent: !0,
+        getId: () => p,
+        getType: () => "input",
+        getName: () => t.value,
+        setName: (o) => {
+          if (o === t.value) return;
+          const u = t.value;
+          t.value = o, l.value === i.radio && (V == null || V(p, u, o, !!s.value));
+        },
+        getText: () => Z.value,
+        getValue: () => s.value,
+        setValue: (o) => {
+          y.value = s.value, s.value = o, v(s.value);
+        },
+        getTitle: () => H.value,
+        setTitle: (o) => {
+          H.value = o;
+        },
+        isVisible: () => U.value,
+        setVisible: (o) => {
+          U.value = o;
+        },
+        getInputType: () => l.value,
+        setInputType: (o) => {
+          l.value = i[o], y.value = s.value, v(s.value), e.textAlign == null && (E.value = oe(l.value));
+        },
+        getFormat: () => N.value ?? "",
+        setFormat: (o) => {
+          N.value = o, y.value = s.value, v(s.value);
+        },
+        getNullText: () => O.value,
+        setNullText: (o) => {
+          O.value = o, (x(s.value) || s.value === "") && (Z.value = le(s.value));
+        },
+        getEditMode: () => T.value,
+        setEditMode: (o) => {
+          T.value = o;
+        },
+        getMaxNumber: () => B.value,
+        setMaxNumber: (o) => {
+          r.utils.isNumeric(o) && (B.value = o, y.value = s.value, l.value === i.number && v(s.value));
+        },
+        getMinNumber: () => I.value,
+        setMinNumber: (o) => {
+          r.utils.isNumeric(o) && (I.value = o, y.value = s.value, l.value === i.number && v(s.value));
+        },
+        getRoundNumber: () => D.value,
+        setRoundNumber: (o) => {
+          !r.utils.isPositiveInteger(o) && !r.utils.isNegativeInteger(o) && o !== 0 || (D.value = o, y.value = s.value, l.value === i.number && v(s.value));
+        },
+        getMaxLength: () => P.value,
+        setMaxLength: (o) => {
+          r.utils.isPositiveInteger(o) && (P.value = o), y.value = s.value, v(s.value);
+        },
+        getMaxByte: () => A.value,
+        setMaxByte: (o) => {
+          r.utils.isPositiveInteger(o) && (A.value = o), y.value = s.value, v(s.value);
+        },
+        getRequired: () => W.value,
+        setRequired: (o) => {
+          W.value = o;
+        },
+        getPlaceholder: () => j.value,
+        setPlaceholder: (o) => {
+          j.value = o;
+        },
+        isFontBold: () => z.value,
+        setFontBold: (o) => {
+          z.value = o;
+        },
+        isFontItalic: () => Y.value,
+        setFontItalic: (o) => {
+          Y.value = o;
+        },
+        isFontThruline: () => Q.value,
+        setFontThruline: (o) => {
+          Q.value = o;
+        },
+        isFontUnderline: () => X.value,
+        setFontUnderline: (o) => {
+          X.value = o;
+        },
+        getTextAlign: () => E.value,
+        setTextAlign: (o) => {
+          (o === w.left || o === w.center || o === w.right) && (E.value = o);
+        },
+        isBorder: () => K.value,
+        setBorder: (o) => {
+          K.value = o;
+        },
+        isModified: () => h.value,
+        setModified: (o) => {
+          h.value = o;
+        },
+        getTabIndex: () => J.value,
+        setTabIndex: (o) => {
+          J.value = o != null ? Number(o) : null;
+        },
+        focus: () => {
+          var o;
+          L.value ? L.value.focus() : (o = b.value) == null || o.focus();
+        },
+        reload: () => gn(ee)
+      }, f.component.inputList[p] = $.value, me && me(p), n("mounted", $.value));
+    }, pe = () => {
+      Mn(ee), delete f.component.inputList[p], l.value !== i.checkbox && l.value !== i.radio && l.value !== i.range && l.value !== i.color && kn(b.value), L.value && Tn(L.value);
+    };
+    return en(ve), nn(pe), d(de, (o) => {
+      ne(), n("responsive-change", o);
+    }), d(() => e.modelValue, (o) => {
+      v(o, !1);
+    }), d(() => e.name, (o) => {
+      if (o && o !== t.value) {
+        const u = t.value;
+        t.value = o, l.value === i.radio && (V == null || V(p, u, o, !!s.value));
+      }
+    }), d(() => e.visible, (o) => {
+      const u = !!o;
+      u !== U.value && (U.value = u);
+    }), d(() => e.title, (o) => {
+      const u = o ?? "";
+      u !== H.value && (H.value = u);
+    }), d(() => e.nullText, (o) => {
+      const u = o ?? "";
+      u !== O.value && (O.value = u, (x(s.value) || s.value === "") && (Z.value = le(s.value)));
+    }), d(() => e.inputType, (o) => {
+      o && o !== l.value && (l.value = o, e.textAlign == null && (E.value = oe(l.value)), v(s.value));
+    }), d(() => e.format, (o) => {
+      const u = o ?? null;
+      u !== N.value && (N.value = u, v(s.value));
+    }), d(() => e.maxNumber, (o) => {
+      const u = r.utils.isNumeric(o) ? Number(o) : null;
+      u !== B.value && (B.value = u, l.value === i.number && v(s.value));
+    }), d(() => e.minNumber, (o) => {
+      const u = r.utils.isNumeric(o) ? Number(o) : null;
+      u !== I.value && (I.value = u, l.value === i.number && v(s.value));
+    }), d(() => e.roundNumber, (o) => {
+      const u = r.utils.isInteger(o) || r.utils.isNegativeInteger(o) || o === "0" ? Number(o) : null;
+      u !== D.value && (D.value = u, l.value === i.number && v(s.value));
+    }), d(() => e.maxLength, (o) => {
+      const u = r.utils.isPositiveInteger(o) ? Number(o) : null;
+      u !== P.value && (P.value = u, v(s.value));
+    }), d(() => e.maxByte, (o) => {
+      const u = r.utils.isPositiveInteger(o) ? Number(o) : null;
+      u !== A.value && (A.value = u, v(s.value));
+    }), d(() => e.textAlign, (o) => {
+      o && o !== E.value && (o === w.left || o === w.center || o === w.right) && (E.value = o);
+    }), d(() => e.border, (o) => {
+      const u = !!o;
+      u !== K.value && (K.value = u);
+    }), d(() => e.placeholder, (o) => {
+      const u = o ?? "";
+      u !== j.value && (j.value = u);
+    }), d(() => e.required, (o) => {
+      const u = !!o;
+      u !== W.value && (W.value = u);
+    }), d(() => e.fontBold, (o) => {
+      const u = !!o;
+      u !== z.value && (z.value = u);
+    }), d(() => e.fontItalic, (o) => {
+      const u = !!o;
+      u !== Y.value && (Y.value = u);
+    }), d(() => e.fontThruline, (o) => {
+      const u = !!o;
+      u !== Q.value && (Q.value = u);
+    }), d(() => e.fontUnderline, (o) => {
+      const u = !!o;
+      u !== X.value && (X.value = u);
+    }), d(() => e.editMode, (o) => {
+      o && o !== T.value && (T.value = o);
+    }), d(() => e.tabIndex, (o) => {
+      const u = o === null || o === "" ? null : Number(o);
+      u !== J.value && (J.value = u);
+    }), d(() => e.class, () => {
+      ne();
+    }), {
+      inputRef: b,
+      inputTextRef: L,
+      inputMethods: g(() => tn($)),
+      inputValue: Se,
+      editing: se,
+      props: e,
+      id: p,
+      nameAttr: Ie,
+      responsiveClassList: S,
+      visibleClass: We,
+      editModeClassList: qe,
+      requiredClassList: Re,
+      fontBoldClass: Ke,
+      fontItalicClass: Ue,
+      fontThrulineClass: He,
+      fontUnderlineClass: Oe,
+      textAlignStyle: Pe,
+      borderClass: Ve,
+      disable: De,
+      readonly: ie,
+      inputType: l,
+      inputExpressionType: te,
+      inputAttrType: Fe,
+      title: H,
+      placeholder: j,
+      maxNumber: B,
+      minNumber: I,
+      spanText: Z,
+      tabIndex: J,
+      onInput: ze,
+      onTextInputFocus: je,
+      onFocus: Ye,
+      onBlur: Qe,
+      onRangeChange: Xe,
+      onColorChange: Je,
+      onCheckboxChange: Ze,
+      onRadioChange: Ge,
+      onSelectChange: xe,
+      onKeydown: ce
+    };
+  }
+}), hn = ["id", "name", "value", "disabled", "readonly", "title", "tabindex"], wn = ["id", "name", "value", "disabled", "readonly", "checked", "title", "tabindex"], Ln = ["id", "name", "disabled", "readonly", "checked", "title", "tabindex"], Bn = ["id", "name", "disabled", "readonly", "checked", "title", "tabindex"], In = ["id", "name", "value", "disabled", "readonly", "title", "tabindex"], Fn = ["value"], Pn = ["id", "name", "value", "disabled", "readonly", "placeholder", "title", "maxlength", "tabindex"], An = ["id", "name", "value", "disabled", "readonly", "title", "placeholder", "tabindex"], En = ["id", "name", "value", "disabled", "readonly", "type", "title", "placeholder", "max", "min", "tabindex"];
+function Sn(e, n, b, L, $, p) {
+  return k(), C("div", {
+    class: M([
+      "hison-wrapper",
+      "hison-s-input-margin-adjustment",
+      ...e.responsiveClassList,
+      e.visibleClass
+    ])
+  }, [
+    e.inputType === "range" ? (k(), C("div", {
+      key: 0,
+      class: M([
+        "hison-input",
+        "hison-input-range-div"
+      ]),
+      style: F([e.textAlignStyle, e.props.style])
+    }, [
+      R("input", {
+        ref: "inputRef",
+        id: `${e.id}`,
+        name: `${e.nameAttr}`,
+        type: "range",
+        class: M([
+          `hison-input-${e.inputType}`,
+          ...e.editModeClassList,
+          ...e.requiredClassList
+        ]),
+        value: e.inputValue,
+        disabled: e.disable,
+        readonly: e.readonly,
+        title: e.title || void 0,
+        tabindex: e.tabIndex ?? void 0,
+        onChange: n[0] || (n[0] = (...t) => e.onRangeChange && e.onRangeChange(...t)),
+        onFocus: n[1] || (n[1] = (...t) => e.onFocus && e.onFocus(...t)),
+        onBlur: n[2] || (n[2] = (...t) => e.onBlur && e.onBlur(...t)),
+        onKeydown: n[3] || (n[3] = (...t) => e.onKeydown && e.onKeydown(...t)),
+        onClick: n[4] || (n[4] = (t) => e.$emit("click", t, e.inputMethods)),
+        onDblclick: n[5] || (n[5] = (t) => e.$emit("dblclick", t, e.inputMethods)),
+        onMousedown: n[6] || (n[6] = (t) => e.$emit("mousedown", t, e.inputMethods)),
+        onMouseup: n[7] || (n[7] = (t) => e.$emit("mouseup", t, e.inputMethods)),
+        onMouseenter: n[8] || (n[8] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
+        onMouseleave: n[9] || (n[9] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
+        onMouseover: n[10] || (n[10] = (t) => e.$emit("mouseover", t, e.inputMethods)),
+        onMouseout: n[11] || (n[11] = (t) => e.$emit("mouseout", t, e.inputMethods)),
+        onPointerdown: n[12] || (n[12] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
+        onPointerup: n[13] || (n[13] = (t) => e.$emit("pointerup", t, e.inputMethods)),
+        onPointermove: n[14] || (n[14] = (t) => e.$emit("pointermove", t, e.inputMethods)),
+        onPointerenter: n[15] || (n[15] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
+        onPointerleave: n[16] || (n[16] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
+        onTouchstart: n[17] || (n[17] = (t) => e.$emit("touchstart", t, e.inputMethods)),
+        onTouchend: n[18] || (n[18] = (t) => e.$emit("touchend", t, e.inputMethods)),
+        onTouchmove: n[19] || (n[19] = (t) => e.$emit("touchmove", t, e.inputMethods)),
+        onTouchcancel: n[20] || (n[20] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
+        onContextmenu: n[21] || (n[21] = (t) => e.$emit("contextmenu", t, e.inputMethods))
+      }, null, 42, hn)
+    ], 4)) : e.inputType === "color" ? (k(), C("div", {
+      key: 1,
+      class: M([
+        "hison-input",
+        "hison-input-color-div"
+      ]),
+      style: F([e.textAlignStyle, e.props.style])
+    }, [
+      R("input", {
+        ref: "inputRef",
+        id: `${e.id}`,
+        name: `${e.nameAttr}`,
+        type: "color",
+        class: M([
+          `hison-input-${e.inputType}`,
+          ...e.editModeClassList,
+          ...e.requiredClassList
+        ]),
+        value: e.inputValue,
+        disabled: e.disable,
+        readonly: e.readonly,
+        checked: e.inputValue === !0,
+        title: e.title || void 0,
+        tabindex: e.tabIndex ?? void 0,
+        onChange: n[22] || (n[22] = (...t) => e.onColorChange && e.onColorChange(...t)),
+        onFocus: n[23] || (n[23] = (...t) => e.onFocus && e.onFocus(...t)),
+        onBlur: n[24] || (n[24] = (...t) => e.onBlur && e.onBlur(...t)),
+        onKeydown: n[25] || (n[25] = (...t) => e.onKeydown && e.onKeydown(...t)),
+        onClick: n[26] || (n[26] = (t) => e.$emit("click", t, e.inputMethods)),
+        onDblclick: n[27] || (n[27] = (t) => e.$emit("dblclick", t, e.inputMethods)),
+        onMousedown: n[28] || (n[28] = (t) => e.$emit("mousedown", t, e.inputMethods)),
+        onMouseup: n[29] || (n[29] = (t) => e.$emit("mouseup", t, e.inputMethods)),
+        onMouseenter: n[30] || (n[30] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
+        onMouseleave: n[31] || (n[31] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
+        onMouseover: n[32] || (n[32] = (t) => e.$emit("mouseover", t, e.inputMethods)),
+        onMouseout: n[33] || (n[33] = (t) => e.$emit("mouseout", t, e.inputMethods)),
+        onPointerdown: n[34] || (n[34] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
+        onPointerup: n[35] || (n[35] = (t) => e.$emit("pointerup", t, e.inputMethods)),
+        onPointermove: n[36] || (n[36] = (t) => e.$emit("pointermove", t, e.inputMethods)),
+        onPointerenter: n[37] || (n[37] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
+        onPointerleave: n[38] || (n[38] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
+        onTouchstart: n[39] || (n[39] = (t) => e.$emit("touchstart", t, e.inputMethods)),
+        onTouchend: n[40] || (n[40] = (t) => e.$emit("touchend", t, e.inputMethods)),
+        onTouchmove: n[41] || (n[41] = (t) => e.$emit("touchmove", t, e.inputMethods)),
+        onTouchcancel: n[42] || (n[42] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
+        onContextmenu: n[43] || (n[43] = (t) => e.$emit("contextmenu", t, e.inputMethods))
+      }, null, 42, wn)
+    ], 4)) : e.inputType === "checkbox" ? (k(), C("div", {
+      key: 2,
+      class: M([
+        "hison-input",
+        "hison-input-checkbox-div"
+      ]),
+      style: F([e.textAlignStyle, e.props.style])
+    }, [
+      R("input", {
+        ref: "inputRef",
+        id: `${e.id}`,
+        name: `${e.nameAttr}`,
+        type: "checkbox",
+        class: M([
+          `hison-input-${e.inputType}`,
+          ...e.editModeClassList,
+          ...e.requiredClassList
+        ]),
+        disabled: e.disable,
+        readonly: e.readonly,
+        checked: e.inputValue === !0,
+        title: e.title || void 0,
+        tabindex: e.tabIndex ?? void 0,
+        onChange: n[44] || (n[44] = (...t) => e.onCheckboxChange && e.onCheckboxChange(...t)),
+        onFocus: n[45] || (n[45] = (...t) => e.onFocus && e.onFocus(...t)),
+        onBlur: n[46] || (n[46] = (...t) => e.onBlur && e.onBlur(...t)),
+        onKeydown: n[47] || (n[47] = (...t) => e.onKeydown && e.onKeydown(...t)),
+        onClick: n[48] || (n[48] = (t) => e.$emit("click", t, e.inputMethods)),
+        onDblclick: n[49] || (n[49] = (t) => e.$emit("dblclick", t, e.inputMethods)),
+        onMousedown: n[50] || (n[50] = (t) => e.$emit("mousedown", t, e.inputMethods)),
+        onMouseup: n[51] || (n[51] = (t) => e.$emit("mouseup", t, e.inputMethods)),
+        onMouseenter: n[52] || (n[52] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
+        onMouseleave: n[53] || (n[53] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
+        onMouseover: n[54] || (n[54] = (t) => e.$emit("mouseover", t, e.inputMethods)),
+        onMouseout: n[55] || (n[55] = (t) => e.$emit("mouseout", t, e.inputMethods)),
+        onPointerdown: n[56] || (n[56] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
+        onPointerup: n[57] || (n[57] = (t) => e.$emit("pointerup", t, e.inputMethods)),
+        onPointermove: n[58] || (n[58] = (t) => e.$emit("pointermove", t, e.inputMethods)),
+        onPointerenter: n[59] || (n[59] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
+        onPointerleave: n[60] || (n[60] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
+        onTouchstart: n[61] || (n[61] = (t) => e.$emit("touchstart", t, e.inputMethods)),
+        onTouchend: n[62] || (n[62] = (t) => e.$emit("touchend", t, e.inputMethods)),
+        onTouchmove: n[63] || (n[63] = (t) => e.$emit("touchmove", t, e.inputMethods)),
+        onTouchcancel: n[64] || (n[64] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
+        onContextmenu: n[65] || (n[65] = (t) => e.$emit("contextmenu", t, e.inputMethods))
+      }, null, 42, Ln)
+    ], 4)) : e.inputType === "radio" ? (k(), C("div", {
+      key: 3,
+      class: M(["hison-input", "hison-input-radio-div"]),
+      style: F([e.textAlignStyle, e.props.style])
+    }, [
+      R("input", {
+        ref: "inputRef",
+        id: `${e.id}`,
+        name: `${e.nameAttr}`,
+        type: "radio",
+        class: M([
+          `hison-input-${e.inputType}`,
+          ...e.editModeClassList,
+          ...e.requiredClassList
+        ]),
+        disabled: e.disable,
+        readonly: e.readonly,
+        checked: e.inputValue === !0,
+        title: e.title || void 0,
+        tabindex: e.tabIndex ?? void 0,
+        onChange: n[66] || (n[66] = (...t) => e.onRadioChange && e.onRadioChange(...t)),
+        onFocus: n[67] || (n[67] = (...t) => e.onFocus && e.onFocus(...t)),
+        onBlur: n[68] || (n[68] = (...t) => e.onBlur && e.onBlur(...t)),
+        onKeydown: n[69] || (n[69] = (...t) => e.onKeydown && e.onKeydown(...t)),
+        onClick: n[70] || (n[70] = (t) => e.$emit("click", t, e.inputMethods)),
+        onDblclick: n[71] || (n[71] = (t) => e.$emit("dblclick", t, e.inputMethods)),
+        onMousedown: n[72] || (n[72] = (t) => e.$emit("mousedown", t, e.inputMethods)),
+        onMouseup: n[73] || (n[73] = (t) => e.$emit("mouseup", t, e.inputMethods)),
+        onMouseenter: n[74] || (n[74] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
+        onMouseleave: n[75] || (n[75] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
+        onMouseover: n[76] || (n[76] = (t) => e.$emit("mouseover", t, e.inputMethods)),
+        onMouseout: n[77] || (n[77] = (t) => e.$emit("mouseout", t, e.inputMethods)),
+        onPointerdown: n[78] || (n[78] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
+        onPointerup: n[79] || (n[79] = (t) => e.$emit("pointerup", t, e.inputMethods)),
+        onPointermove: n[80] || (n[80] = (t) => e.$emit("pointermove", t, e.inputMethods)),
+        onPointerenter: n[81] || (n[81] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
+        onPointerleave: n[82] || (n[82] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
+        onTouchstart: n[83] || (n[83] = (t) => e.$emit("touchstart", t, e.inputMethods)),
+        onTouchend: n[84] || (n[84] = (t) => e.$emit("touchend", t, e.inputMethods)),
+        onTouchmove: n[85] || (n[85] = (t) => e.$emit("touchmove", t, e.inputMethods)),
+        onTouchcancel: n[86] || (n[86] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
+        onContextmenu: n[87] || (n[87] = (t) => e.$emit("contextmenu", t, e.inputMethods))
+      }, null, 42, Bn)
+    ], 4)) : e.inputType === "select" ? (k(), C("select", {
+      key: 4,
+      ref: "inputRef",
+      id: `${e.id}`,
+      name: `${e.nameAttr}`,
+      style: F([e.textAlignStyle, e.props.style]),
+      class: M([
+        "hison-input",
+        `hison-input-${e.inputType}`,
+        ...e.editModeClassList,
+        ...e.requiredClassList,
+        e.fontBoldClass,
+        e.fontItalicClass,
+        e.fontThrulineClass,
+        e.fontUnderlineClass,
+        e.borderClass
+      ]),
+      value: e.inputValue,
+      disabled: e.disable,
+      readonly: e.readonly,
+      title: e.title || void 0,
+      tabindex: e.tabIndex ?? void 0,
+      onChange: n[88] || (n[88] = (...t) => e.onSelectChange && e.onSelectChange(...t)),
+      onFocus: n[89] || (n[89] = (...t) => e.onFocus && e.onFocus(...t)),
+      onBlur: n[90] || (n[90] = (...t) => e.onBlur && e.onBlur(...t)),
+      onKeydown: n[91] || (n[91] = (...t) => e.onKeydown && e.onKeydown(...t)),
+      onClick: n[92] || (n[92] = (t) => e.$emit("click", t, e.inputMethods)),
+      onDblclick: n[93] || (n[93] = (t) => e.$emit("dblclick", t, e.inputMethods)),
+      onMousedown: n[94] || (n[94] = (t) => e.$emit("mousedown", t, e.inputMethods)),
+      onMouseup: n[95] || (n[95] = (t) => e.$emit("mouseup", t, e.inputMethods)),
+      onMouseenter: n[96] || (n[96] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
+      onMouseleave: n[97] || (n[97] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
+      onMouseover: n[98] || (n[98] = (t) => e.$emit("mouseover", t, e.inputMethods)),
+      onMouseout: n[99] || (n[99] = (t) => e.$emit("mouseout", t, e.inputMethods)),
+      onPointerdown: n[100] || (n[100] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
+      onPointerup: n[101] || (n[101] = (t) => e.$emit("pointerup", t, e.inputMethods)),
+      onPointermove: n[102] || (n[102] = (t) => e.$emit("pointermove", t, e.inputMethods)),
+      onPointerenter: n[103] || (n[103] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
+      onPointerleave: n[104] || (n[104] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
+      onTouchstart: n[105] || (n[105] = (t) => e.$emit("touchstart", t, e.inputMethods)),
+      onTouchend: n[106] || (n[106] = (t) => e.$emit("touchend", t, e.inputMethods)),
+      onTouchmove: n[107] || (n[107] = (t) => e.$emit("touchmove", t, e.inputMethods)),
+      onTouchcancel: n[108] || (n[108] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
+      onContextmenu: n[109] || (n[109] = (t) => e.$emit("contextmenu", t, e.inputMethods))
+    }, [
+      (k(!0), C(Me, null, on(e.props.options, (t) => (k(), C("option", {
+        key: t.value,
+        value: t.value
+      }, be(t.text), 9, Fn))), 128))
+    ], 46, In)) : e.inputType === "textarea" ? (k(), C("textarea", {
+      key: 5,
+      ref: "inputRef",
+      id: `${e.id}`,
+      name: `${e.nameAttr}`,
+      class: M([
+        "hison-input",
+        `hison-input-${e.inputType}`,
+        ...e.editModeClassList,
+        ...e.requiredClassList,
+        e.fontBoldClass,
+        e.fontItalicClass,
+        e.fontThrulineClass,
+        e.fontUnderlineClass,
+        e.borderClass
+      ]),
+      value: e.inputValue,
+      style: F([e.textAlignStyle, e.props.style]),
+      disabled: e.disable,
+      readonly: e.readonly,
+      placeholder: e.placeholder || void 0,
+      title: e.title || void 0,
+      maxlength: e.maxLength || void 0,
+      tabindex: e.tabIndex ?? void 0,
+      onInput: n[110] || (n[110] = (...t) => e.onInput && e.onInput(...t)),
+      onFocus: n[111] || (n[111] = (...t) => e.onFocus && e.onFocus(...t)),
+      onBlur: n[112] || (n[112] = (...t) => e.onBlur && e.onBlur(...t))
+    }, be(e.inputValue), 47, Pn)) : (k(), C(Me, { key: 6 }, [
+      ye(R("input", {
+        ref: "inputTextRef",
+        id: `input_text_${e.id}`,
+        name: `input_text_${e.nameAttr}`,
+        class: M([
+          "hison-input",
+          `hison-input-text-${e.inputType}`,
+          ...e.editModeClassList,
+          ...e.requiredClassList,
+          e.fontBoldClass,
+          e.fontItalicClass,
+          e.fontThrulineClass,
+          e.fontUnderlineClass,
+          e.borderClass
+        ]),
+        type: "text",
+        value: e.spanText,
+        style: F([e.textAlignStyle, e.props.style]),
+        disabled: e.disable,
+        readonly: e.readonly,
+        title: e.title || void 0,
+        placeholder: e.placeholder || void 0,
+        tabindex: e.tabIndex ?? void 0,
+        onFocus: n[113] || (n[113] = (...t) => e.onTextInputFocus && e.onTextInputFocus(...t)),
+        onClick: n[114] || (n[114] = (t) => e.$emit("click", t, e.inputMethods)),
+        onDblclick: n[115] || (n[115] = (t) => e.$emit("dblclick", t, e.inputMethods)),
+        onMousedown: n[116] || (n[116] = (t) => e.$emit("mousedown", t, e.inputMethods)),
+        onMouseup: n[117] || (n[117] = (t) => e.$emit("mouseup", t, e.inputMethods)),
+        onMouseenter: n[118] || (n[118] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
+        onMouseleave: n[119] || (n[119] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
+        onMouseover: n[120] || (n[120] = (t) => e.$emit("mouseover", t, e.inputMethods)),
+        onMouseout: n[121] || (n[121] = (t) => e.$emit("mouseout", t, e.inputMethods)),
+        onMousemove: n[122] || (n[122] = (t) => e.$emit("mousemove", t, e.inputMethods)),
+        onPointerdown: n[123] || (n[123] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
+        onPointerup: n[124] || (n[124] = (t) => e.$emit("pointerup", t, e.inputMethods)),
+        onPointermove: n[125] || (n[125] = (t) => e.$emit("pointermove", t, e.inputMethods)),
+        onPointerenter: n[126] || (n[126] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
+        onPointerleave: n[127] || (n[127] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
+        onTouchstart: n[128] || (n[128] = (t) => e.$emit("touchstart", t, e.inputMethods)),
+        onTouchend: n[129] || (n[129] = (t) => e.$emit("touchend", t, e.inputMethods)),
+        onTouchmove: n[130] || (n[130] = (t) => e.$emit("touchmove", t, e.inputMethods)),
+        onTouchcancel: n[131] || (n[131] = (t) => e.$emit("touchcancel", t, e.inputMethods))
+      }, null, 46, An), [
+        [$e, !e.editing]
+      ]),
+      ye(R("input", {
+        ref: "inputRef",
+        id: `${e.id}`,
+        name: `${e.nameAttr}`,
+        class: M([
+          "hison-input",
+          `hison-input-${e.inputType}`,
+          ...e.editModeClassList,
+          e.borderClass
+        ]),
+        value: e.inputValue,
+        style: F([e.textAlignStyle, e.props.style]),
+        disabled: e.disable,
+        readonly: e.readonly,
+        type: e.inputType,
+        title: e.title || void 0,
+        placeholder: e.placeholder || void 0,
+        max: e.maxNumber || void 0,
+        min: e.minNumber || void 0,
+        tabindex: e.tabIndex ?? void 0,
+        onFocus: n[132] || (n[132] = (...t) => e.onFocus && e.onFocus(...t)),
+        onBlur: n[133] || (n[133] = (...t) => e.onBlur && e.onBlur(...t)),
+        onInput: n[134] || (n[134] = (...t) => e.onInput && e.onInput(...t)),
+        onCompositionstart: n[135] || (n[135] = (t) => e.$emit("compositionstart", t, e.inputMethods)),
+        onCompositionupdate: n[136] || (n[136] = (t) => e.$emit("compositionupdate", t, e.inputMethods)),
+        onCompositionend: n[137] || (n[137] = (t) => e.$emit("compositionend", t, e.inputMethods)),
+        onKeydown: n[138] || (n[138] = (t) => e.$emit("keydown", t, e.inputMethods)),
+        onKeyup: n[139] || (n[139] = (t) => e.$emit("keyup", t, e.inputMethods)),
+        onDragstart: n[140] || (n[140] = (t) => e.$emit("dragstart", t, e.inputMethods)),
+        onDragend: n[141] || (n[141] = (t) => e.$emit("dragend", t, e.inputMethods)),
+        onDrag: n[142] || (n[142] = (t) => e.$emit("drag", t, e.inputMethods)),
+        onDrop: n[143] || (n[143] = (t) => e.$emit("drop", t, e.inputMethods)),
+        onCopy: n[144] || (n[144] = (t) => e.$emit("copy", t, e.inputMethods)),
+        onCut: n[145] || (n[145] = (t) => e.$emit("cut", t, e.inputMethods)),
+        onPaste: n[146] || (n[146] = (t) => e.$emit("paste", t, e.inputMethods)),
+        onWheel: n[147] || (n[147] = (t) => e.$emit("wheel", t, e.inputMethods)),
+        onContextmenu: n[148] || (n[148] = (t) => e.$emit("contextmenu", t, e.inputMethods))
+      }, null, 46, En), [
+        [$e, e.editing]
+      ])
+    ], 64))
+  ], 2);
+}
+const Rn = /* @__PURE__ */ bn(Nn, [["render", Sn]]);
+export {
+  Rn as default
+};