@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue2.js

@@ -0,0 +1,82 @@
+import './NmorphNumberInput.css';
+import { defineComponent as H, computed as n, ref as s, watch as p } from "vue";
+import { useModifiers as R } from "../../../utils/create-modifiers.js";
+import { useFormItemInput as T, useFormItemModel as D } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as V } from "../../../types/common.types.js";
+import k from "../../../assets/icons/plus-thin.svg.js";
+import z from "../../../assets/icons/minus-thin.svg.js";
+import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import F from "../../basic/nmorph-button/NmorphButton.vue.js";
+const L = /* @__PURE__ */ H({
+  __name: "NmorphNumberInput",
+  props: {
+    modelValue: { type: Number, required: !1, default: 0 },
+    max: { type: Number, required: !1, default: 1 / 0 },
+    min: { type: Number, required: !1, default: -1 / 0 },
+    step: { type: Number, required: !1, default: 1 },
+    actionBtnPositionRight: { type: Boolean, required: !1, default: !1 },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(d, { expose: c, emit: f }) {
+    const e = d, { id: h, name: g, autocomplete: b, tabindex: x } = T(e), N = n(
+      () => R({
+        nmorph: [V[e.height]],
+        "nmorph-number-input": [e.disabled && "disabled", e.actionBtnPositionRight && "action-btn-position-right"]
+      })
+    ), a = {
+      thick: {
+        default: "12px",
+        right: "8px"
+      },
+      basic: {
+        default: "10px",
+        right: "7px"
+      },
+      thin: {
+        default: "8px",
+        right: "5px"
+      }
+    }, v = n(() => {
+      const i = e.actionBtnPositionRight ? "right" : "default";
+      return a[e.height][i];
+    }), u = f, { modelValue: o, updateModelValue: l } = D(
+      e,
+      (i) => u("update:model-value", i),
+      0
+    ), t = s(o.value), y = () => {
+      t.value += e.step;
+    }, I = () => {
+      t.value -= e.step;
+    }, q = n(() => t.value <= e.min), B = n(() => t.value >= e.max), _ = n(() => e.height === "thick" ? "16px" : "12px"), M = (i) => {
+      const S = i.target;
+      let P = Number(S.value);
+      t.value = P;
+    };
+    p(t, (i) => {
+      i > e.max && (t.value = e.max, r.value?.blur()), t.value < e.min && (t.value = e.min, r.value?.blur()), l(i);
+    }), p(o, (i) => {
+      t.value = i;
+    });
+    const r = s(null);
+    c({ inputDOMRef: r });
+    const m = { props: e, id: h, name: g, autocomplete: b, tabindex: x, modifiers: N, iconSizeMap: a, actionBtnIconSize: v, emit: u, modelValue: o, updateModelValue: l, initialValue: t, increaseHandler: y, decreaseHandler: I, minBtnDisabled: q, maxBtnDisabled: B, rightActionBtnHeight: _, inputHandler: M, inputDOMRef: r, get NmorphButton() {
+      return F;
+    }, get NmorphIcon() {
+      return C;
+    }, get NmorphIconMinusThin() {
+      return z;
+    }, get NmorphIconPlusThin() {
+      return k;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
+export {
+  L as default
+};

package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue.js

@@ -1,196 +1,71 @@
 import './NmorphOTPInput.css';
-import { defineComponent as ue, ref as g, computed as c, watch as B, openBlock as F, createElementBlock as D, normalizeClass as re, createElementVNode as O, unref as se, Fragment as ce, renderList as ie, createBlock as de, withModifiers as d, withKeys as f, nextTick as E } from "vue";
-import { useModifiers as me } from "../../../utils/create-modifiers.js";
-import { useFormItemInput as pe, useFormItemModel as fe } from "../nmorph-form/use-form-item-input.js";
-import ve from "../nmorph-text-input/NmorphTextInput.vue.js";
-/* empty css                                        */
-import { NmorphComponentHeight as he } from "../../../types/common.types.js";
-const ge = ["name", "value", "disabled"], be = { class: "nmorph-otp-input__content" }, ze = /* @__PURE__ */ ue({
-  __name: "NmorphOTPInput",
-  props: {
-    modelValue: { default: "" },
-    length: { default: 6 },
-    mode: { default: "numeric" },
-    autofocus: { type: Boolean, default: !1 },
-    autocapitalize: { default: "none" },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: { default: "basic" },
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["update:model-value", "focus", "blur", "complete"],
-  setup(I, { expose: R, emit: j }) {
-    const o = I, v = j, { id: k, name: P, autocomplete: T, tabindex: b } = pe(o), { modelValue: y, updateModelValue: C } = fe(
-      o,
-      (e) => v("update:model-value", e),
-      ""
-    ), m = g([]), i = g([]), p = g(!1), u = g([]), r = c(() => Math.max(1, o.length)), _ = (e = "") => {
-      const t = `${e ?? ""}`;
-      return o.mode === "numeric" ? Array.from(t.replace(/\D/g, "")) : o.mode === "alphanumeric" ? Array.from(t.replace(/[^a-zA-Z0-9]/g, "")) : Array.from(t);
-    }, K = (e = y.value) => {
-      const t = _(e).slice(0, r.value);
-      return Array.from({ length: r.value }, (l, a) => t[a] || "");
-    }, V = (e, t = !1) => {
-      if (u.value = Array.from({ length: r.value }, (a, n) => e[n] || ""), !t) return;
-      const l = u.value.join("");
-      C(l), u.value.includes("") || v("complete", l);
-    };
-    B(
-      [y, () => o.mode, r],
-      () => {
-        const e = K(y.value);
-        (e.join("") !== u.value.join("") || e.length !== u.value.length) && V(e);
-      },
-      { immediate: !0 }
-    );
-    const L = c(
-      () => me({
-        nmorph: [he[o.height], p.value && "focused"],
-        "nmorph-otp-input": [o.disabled && "disabled"]
-      })
-    ), H = c(
-      () => Array.from({ length: r.value }, (e, t) => t === 0 ? k.value : `${k.value}-${t + 1}`)
-    ), N = c(() => o.mode === "numeric" ? "numeric" : "text"), U = c(() => T.value || "one-time-code"), Z = c(() => {
-      if (o.mode === "numeric") return "[0-9]*";
-      if (o.mode === "alphanumeric") return "[A-Za-z0-9]*";
-    }), M = (e) => {
-      i.value[e] = m.value[e]?.inputDOMRef ?? null;
-    }, q = (e, t) => {
-      m.value[t] = e, E(() => {
-        M(t);
-      });
-    }, z = (e) => {
-      M(e), m.value[e]?.select?.(), i.value[e]?.select();
-    }, s = (e = 0) => {
-      E(() => {
-        const t = Math.min(Math.max(e, 0), r.value - 1);
-        M(t), m.value[t]?.focus?.(), i.value[t]?.focus(), z(t);
-      });
-    };
-    R({
-      inputDOMRefs: i,
-      focus: s,
-      blur: () => {
-        m.value.forEach((e, t) => {
-          e?.blur?.(), i.value[t]?.blur();
-        });
-      }
-    });
-    const h = (e, t = "") => {
-      const l = [...u.value];
-      l[e] = t, V(l, !0);
-    }, A = (e, t) => {
-      const l = _(e).slice(0, r.value - t);
-      if (!l.length) {
-        h(t, "");
-        return;
-      }
-      const a = [...u.value];
-      l.forEach((oe, ne) => {
-        a[t + ne] = oe;
-      }), V(a, !0);
-      const n = t + l.length;
-      n < r.value ? s(n) : s(r.value - 1);
-    }, G = (e, t) => {
-      A(e, t);
-    }, w = /* @__PURE__ */ new Map(), $ = (e) => {
-      const t = w.get(e);
-      if (t) return t;
-      const l = c({
-        get: () => u.value[e] || "",
-        set: (a) => G(a, e)
-      });
-      return w.set(e, l), l;
-    }, J = (e) => {
-      if (u.value[e]) {
-        h(e);
-        return;
-      }
-      e > 0 && (h(e - 1), s(e - 1));
-    }, Q = (e, t) => {
-      if (e.key === "Backspace") {
-        J(t);
-        return;
-      }
-      h(t);
-    }, S = (e) => {
-      s(e - 1);
-    }, W = (e) => {
-      s(e + 1);
-    }, X = () => {
-      s(0);
-    }, Y = () => {
-      s(r.value - 1);
-    }, x = (e) => {
-      e.key.length === 1 && !_(e.key).length && e.preventDefault();
-    }, ee = (e, t) => {
-      const l = e.clipboardData?.getData("text") || "";
-      A(l, t);
-    }, te = (e) => {
-      p.value || (p.value = !0, v("focus")), z(e);
-    }, ae = () => {
-      setTimeout(() => {
-        const e = document.activeElement;
-        !i.value.some((l) => l === e) && p.value && (p.value = !1, v("blur"));
-      });
-    }, le = (e) => b.value > 0 ? b.value + e : b.value;
-    return B(
-      () => o.autofocus,
-      (e) => {
-        e && !o.disabled && s(0);
-      },
-      { immediate: !0 }
-    ), (e, t) => (F(), D("div", {
-      class: re(L.value)
-    }, [
-      O("input", {
-        name: se(P),
-        value: u.value.join(""),
+import m from "./NmorphOTPInput.vue2.js";
+import { openBlock as l, createElementBlock as d, normalizeClass as p, createElementVNode as i, Fragment as c, renderList as s, createBlock as f, withModifiers as n, withKeys as r } from "vue";
+/* empty css                    */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = ["name", "value", "disabled"], v = { class: "nmorph-otp-input__content" };
+function _(b, a, g, e, H, y) {
+  return l(), d(
+    "div",
+    {
+      class: p(e.modifiers)
+    },
+    [
+      i("input", {
+        name: e.name,
+        value: e.otpValue.join(""),
         type: "hidden",
-        disabled: o.disabled
-      }, null, 8, ge),
-      O("div", be, [
-        (F(!0), D(ce, null, ie(u.value, (l, a) => (F(), de(ve, {
-          id: H.value[a],
-          key: H.value[a],
-          ref_for: !0,
-          ref: (n) => q(n, a),
-          modelValue: $(a).value,
-          "onUpdate:modelValue": (n) => $(a).value = n,
-          class: "nmorph-otp-input__field",
-          height: o.height,
-          disabled: o.disabled,
-          autocomplete: U.value,
-          tabindex: le(a),
-          indentation: "0px",
-          "input-attrs": {
-            name: void 0,
-            maxlength: 1,
-            inputmode: N.value,
-            pattern: Z.value,
-            autocapitalize: o.autocapitalize,
-            spellcheck: !1,
-            autofocus: o.autofocus && a === 0,
-            "aria-label": `OTP ${a + 1}`
-          },
-          onKeydown: [
-            t[0] || (t[0] = (n) => x(n)),
-            f(d((n) => Q(n, a), ["prevent"]), ["delete"]),
-            f(d((n) => S(a), ["prevent"]), ["left"]),
-            f(d((n) => W(a), ["prevent"]), ["right"]),
-            f(d(X, ["prevent"]), ["home"]),
-            f(d(Y, ["prevent"]), ["end"])
-          ],
-          onPaste: d((n) => ee(n, a), ["prevent"]),
-          onFocus: (n) => te(a),
-          onBlur: ae
-        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "height", "disabled", "autocomplete", "tabindex", "input-attrs", "onKeydown", "onPaste", "onFocus"]))), 128))
+        disabled: e.props.disabled
+      }, null, 8, u),
+      i("div", v, [
+        (l(!0), d(
+          c,
+          null,
+          s(e.otpValue, (k, o) => (l(), f(e.NmorphTextInput, {
+            id: e.fieldIds[o],
+            key: e.fieldIds[o],
+            ref_for: !0,
+            ref: (t) => e.setInputRef(t, o),
+            modelValue: e.getFieldModel(o).value,
+            "onUpdate:modelValue": (t) => e.getFieldModel(o).value = t,
+            class: "nmorph-otp-input__field",
+            height: e.props.height,
+            disabled: e.props.disabled,
+            autocomplete: e.resolvedAutocomplete,
+            tabindex: e.getFieldTabindex(o),
+            indentation: "0px",
+            "input-attrs": {
+              name: void 0,
+              maxlength: 1,
+              inputmode: e.inputMode,
+              pattern: e.inputPattern,
+              autocapitalize: e.props.autocapitalize,
+              spellcheck: !1,
+              autofocus: e.props.autofocus && o === 0,
+              "aria-label": `OTP ${o + 1}`
+            },
+            onKeydown: [
+              a[0] || (a[0] = (t) => e.keydownHandler(t)),
+              r(n((t) => e.deleteKeyHandler(t, o), ["prevent"]), ["delete"]),
+              r(n((t) => e.arrowLeftHandler(o), ["prevent"]), ["left"]),
+              r(n((t) => e.arrowRightHandler(o), ["prevent"]), ["right"]),
+              r(n(e.homeHandler, ["prevent"]), ["home"]),
+              r(n(e.endHandler, ["prevent"]), ["end"])
+            ],
+            onPaste: n((t) => e.pasteHandler(t, o), ["prevent"]),
+            onFocus: (t) => e.focusHandler(o),
+            onBlur: e.blurHandler
+          }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "height", "disabled", "autocomplete", "tabindex", "input-attrs", "onKeydown", "onPaste", "onFocus"]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
       ])
-    ], 2));
-  }
-});
+    ],
+    2
+    /* CLASS */
+  );
+}
+const P = /* @__PURE__ */ h(m, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-otp-input/NmorphOTPInput.vue"]]);
 export {
-  ze as default
+  P as default
 };

package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue2.js

@@ -0,0 +1,151 @@
+import './NmorphOTPInput.css';
+import { defineComponent as le, ref as M, computed as c, watch as O, nextTick as R } from "vue";
+import { useModifiers as ue } from "../../../utils/create-modifiers.js";
+import { useFormItemInput as oe, useFormItemModel as re } from "../nmorph-form/use-form-item-input.js";
+import ne from "../nmorph-text-input/NmorphTextInput.vue.js";
+import { NmorphComponentHeight as se } from "../../../types/common.types.js";
+const pe = /* @__PURE__ */ le({
+  __name: "NmorphOTPInput",
+  props: {
+    modelValue: { type: String, required: !1, default: "" },
+    length: { type: Number, required: !1, default: 6 },
+    mode: { type: String, required: !1, default: "numeric" },
+    autofocus: { type: Boolean, required: !1, default: !1 },
+    autocapitalize: { type: String, required: !1, default: "none" },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value", "focus", "blur", "complete"],
+  setup(j, { expose: w, emit: N }) {
+    const l = j, f = N, { id: V, name: T, autocomplete: A, tabindex: p } = oe(l), { modelValue: v, updateModelValue: F } = re(
+      l,
+      (e) => f("update:model-value", e),
+      ""
+    ), i = M([]), n = M([]), d = M(!1), o = M([]), u = c(() => Math.max(1, l.length)), g = (e = "") => {
+      const t = `${e ?? ""}`;
+      return l.mode === "numeric" ? Array.from(t.replace(/\D/g, "")) : l.mode === "alphanumeric" ? Array.from(t.replace(/[^a-zA-Z0-9]/g, "")) : Array.from(t);
+    }, S = (e = v.value) => {
+      const t = g(e).slice(0, u.value);
+      return Array.from({ length: u.value }, (a, s) => t[s] || "");
+    }, h = (e, t = !1) => {
+      if (o.value = Array.from({ length: u.value }, (s, b) => e[b] || ""), !t) return;
+      const a = o.value.join("");
+      F(a), o.value.includes("") || f("complete", a);
+    };
+    O(
+      [v, () => l.mode, u],
+      () => {
+        const e = S(v.value);
+        (e.join("") !== o.value.join("") || e.length !== o.value.length) && h(e);
+      },
+      { immediate: !0 }
+    );
+    const E = c(
+      () => ue({
+        nmorph: [se[l.height], d.value && "focused"],
+        "nmorph-otp-input": [l.disabled && "disabled"]
+      })
+    ), B = c(
+      () => Array.from({ length: u.value }, (e, t) => t === 0 ? V.value : `${V.value}-${t + 1}`)
+    ), C = c(() => l.mode === "numeric" ? "numeric" : "text"), P = c(() => A.value || "one-time-code"), $ = c(() => {
+      if (l.mode === "numeric") return "[0-9]*";
+      if (l.mode === "alphanumeric") return "[A-Za-z0-9]*";
+    }), y = (e) => {
+      n.value[e] = i.value[e]?.inputDOMRef ?? null;
+    }, x = (e, t) => {
+      i.value[t] = e, R(() => {
+        y(t);
+      });
+    }, _ = (e) => {
+      y(e), i.value[e]?.select?.(), n.value[e]?.select();
+    }, r = (e = 0) => {
+      R(() => {
+        const t = Math.min(Math.max(e, 0), u.value - 1);
+        y(t), i.value[t]?.focus?.(), n.value[t]?.focus(), _(t);
+      });
+    }, k = () => {
+      i.value.forEach((e, t) => {
+        e?.blur?.(), n.value[t]?.blur();
+      });
+    };
+    w({
+      inputDOMRefs: n,
+      focus: r,
+      blur: k
+    });
+    const m = (e, t = "") => {
+      const a = [...o.value];
+      a[e] = t, h(a, !0);
+    }, H = (e, t) => {
+      const a = g(e).slice(0, u.value - t);
+      if (!a.length) {
+        m(t, "");
+        return;
+      }
+      const s = [...o.value];
+      a.forEach((te, ae) => {
+        s[t + ae] = te;
+      }), h(s, !0);
+      const b = t + a.length;
+      b < u.value ? r(b) : r(u.value - 1);
+    }, z = (e, t) => {
+      H(e, t);
+    }, q = /* @__PURE__ */ new Map(), L = (e) => {
+      const t = q.get(e);
+      if (t) return t;
+      const a = c({
+        get: () => o.value[e] || "",
+        set: (s) => z(s, e)
+      });
+      return q.set(e, a), a;
+    }, D = (e) => {
+      if (o.value[e]) {
+        m(e);
+        return;
+      }
+      e > 0 && (m(e - 1), r(e - 1));
+    }, Z = (e, t) => {
+      if (e.key === "Backspace") {
+        D(t);
+        return;
+      }
+      m(t);
+    }, K = (e) => {
+      r(e - 1);
+    }, G = (e) => {
+      r(e + 1);
+    }, J = () => {
+      r(0);
+    }, Q = () => {
+      r(u.value - 1);
+    }, U = (e) => {
+      e.key.length === 1 && !g(e.key).length && e.preventDefault();
+    }, W = (e, t) => {
+      const a = e.clipboardData?.getData("text") || "";
+      H(a, t);
+    }, X = (e) => {
+      d.value || (d.value = !0, f("focus")), _(e);
+    }, Y = () => {
+      setTimeout(() => {
+        const e = document.activeElement;
+        !n.value.some((a) => a === e) && d.value && (d.value = !1, f("blur"));
+      });
+    }, ee = (e) => p.value > 0 ? p.value + e : p.value;
+    O(
+      () => l.autofocus,
+      (e) => {
+        e && !l.disabled && r(0);
+      },
+      { immediate: !0 }
+    );
+    const I = { props: l, emit: f, id: V, name: T, autocomplete: A, tabindex: p, modelValue: v, updateModelValue: F, inputRefs: i, inputDOMRefs: n, focused: d, otpValue: o, normalizedLength: u, sanitizeValue: g, normalizeOtpValue: S, syncOtpValue: h, modifiers: E, fieldIds: B, inputMode: C, resolvedAutocomplete: P, inputPattern: $, syncInputDOMRef: y, setInputRef: x, selectField: _, focusField: r, blurFields: k, updateCharAt: m, insertValue: H, inputHandler: z, fieldModels: q, getFieldModel: L, backspaceHandler: D, deleteKeyHandler: Z, arrowLeftHandler: K, arrowRightHandler: G, homeHandler: J, endHandler: Q, keydownHandler: U, pasteHandler: W, focusHandler: X, blurHandler: Y, getFieldTabindex: ee, NmorphTextInput: ne };
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
+  }
+});
+export {
+  pe as default
+};

package/dist/components/form/nmorph-radio/NmorphRadio.vue.js

@@ -1,95 +1,94 @@
 import './NmorphRadio.css';
-import { defineComponent as g, inject as d, computed as i, ref as x, openBlock as a, createElementBlock as t, withModifiers as C, normalizeClass as M, createElementVNode as l, createCommentVNode as r, toDisplayString as h, renderSlot as c } from "vue";
-import { useModifiers as B } from "../../../utils/create-modifiers.js";
-import { NmorphSelectionControlHeight as D } from "../../../types/common.types.js";
-const N = {
+import t from "./NmorphRadio.vue2.js";
+import { openBlock as o, createElementBlock as a, withModifiers as p, normalizeClass as c, createElementVNode as r, createCommentVNode as i, toDisplayString as d, renderSlot as l } from "vue";
+/* empty css                 */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
   key: 0,
   class: "nmorph-radio__content"
-}, R = { class: "nmorph-radio__input-wrapper" }, S = ["name", "value", "checked", "tabindex"], T = {
+}, h = { class: "nmorph-radio__input-wrapper" }, f = ["name", "value", "checked", "tabindex"], k = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, V = {
+}, b = {
   key: 0,
   class: "nmorph-radio__label"
-}, H = {
+}, v = {
   key: 1,
   class: "nmorph-radio__content"
-}, O = ["disabled", "name", "value", "checked", "tabindex"], $ = {
+}, y = ["disabled", "name", "value", "checked", "tabindex"], u = {
   key: 0,
   class: "nmorph-radio__fake"
-}, w = {
+}, x = {
   key: 1,
   class: "nmorph-radio__fake"
-}, q = /* @__PURE__ */ g({
-  __name: "NmorphRadio",
-  props: {
-    value: { default: "" },
-    styleType: { default: "button" },
-    checked: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    label: { default: "" },
-    tabindex: { default: 0 },
-    height: {}
-  },
-  setup(_, { expose: m }) {
-    const v = d(
-      "radio-group-selected-value",
-      void 0
-    ), u = d(
-      "change-radio-button-value-handler",
-      void 0
-    ), f = d("radio-group-height", void 0), e = _, b = () => {
-      u && !e.disabled && u(e.value);
-    }, o = i(() => v?.value === e.value || e.checked), k = i(() => e.height || f?.value || "thin"), y = i(
-      () => B({
-        nmorph: [D[k.value]],
-        "nmorph-radio": [e.disabled && "disabled", o.value && "checked", e.styleType]
-      })
-    ), n = x(null);
-    return m({ inputDOMRef: n }), (s, p) => (a(), t("label", {
-      class: M(y.value),
-      onClick: C(b, ["prevent"])
-    }, [
-      e.styleType === "radio-style" ? (a(), t("div", N, [
-        l("div", R, [
-          l("input", {
-            ref_key: "inputDOMRef",
-            ref: n,
+};
+function N(n, s, R, e, C, D) {
+  return o(), a(
+    "label",
+    {
+      class: c(e.modifiers),
+      onClick: p(e.changeHandler, ["prevent"])
+    },
+    [
+      e.props.styleType === "radio-style" ? (o(), a("div", m, [
+        r("div", h, [
+          r("input", {
+            ref: "inputDOMRef",
             type: "radio",
-            name: e.label,
-            value: e.value,
-            checked: o.value,
-            tabindex: e.tabindex,
+            name: e.props.label,
+            value: e.props.value,
+            checked: e.checked,
+            tabindex: e.props.tabindex,
             class: "nmorph-native-input"
-          }, null, 8, S),
-          p[0] || (p[0] = l("div", { class: "nmorph-radio__fake" }, null, -1)),
-          o.value ? (a(), t("div", T)) : r("", !0)
+          }, null, 8, f),
+          s[0] || (s[0] = r(
+            "div",
+            { class: "nmorph-radio__fake" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          e.checked ? (o(), a("div", k)) : i("v-if", !0)
         ]),
-        e.label ? (a(), t("span", V, h(e.label), 1)) : c(s.$slots, "label", { key: 1 })
-      ])) : r("", !0),
-      e.styleType === "button" ? (a(), t("div", H, [
-        l("input", {
-          ref_key: "inputDOMRef",
-          ref: n,
+        e.props.label ? (o(), a(
+          "span",
+          b,
+          d(e.props.label),
+          1
+          /* TEXT */
+        )) : l(n.$slots, "label", { key: 1 })
+      ])) : i("v-if", !0),
+      e.props.styleType === "button" ? (o(), a("div", v, [
+        r("input", {
+          ref: "inputDOMRef",
           type: "radio",
-          disabled: e.disabled,
-          name: e.label,
-          value: e.value,
-          checked: o.value,
-          tabindex: e.tabindex,
+          disabled: e.props.disabled,
+          name: e.props.label,
+          value: e.props.value,
+          checked: e.checked,
+          tabindex: e.props.tabindex,
           class: "nmorph-native-input"
-        }, null, 8, O),
-        e.label ? (a(), t("div", $, [
-          l("span", null, h(e.label), 1)
-        ])) : (a(), t("div", w, [
-          c(s.$slots, "label", {}, () => [
-            c(s.$slots, "default")
+        }, null, 8, y),
+        e.props.label ? (o(), a("div", u, [
+          r(
+            "span",
+            null,
+            d(e.props.label),
+            1
+            /* TEXT */
+          )
+        ])) : (o(), a("div", x, [
+          l(n.$slots, "label", {}, () => [
+            l(n.$slots, "default")
           ])
         ]))
-      ])) : r("", !0)
-    ], 2));
-  }
-});
+      ])) : i("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const E = /* @__PURE__ */ _(t, [["render", N], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-radio/NmorphRadio.vue"]]);
 export {
-  q as default
+  E as default
 };