@nmorph/nmorph-ui-kit 2.2.53 → 2.2.55

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

@@ -1,94 +1,95 @@
 import './NmorphRadio.css';
-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 = {
+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 = {
   key: 0,
   class: "nmorph-radio__content"
-}, h = { class: "nmorph-radio__input-wrapper" }, f = ["name", "value", "checked", "tabindex"], k = {
+}, R = { class: "nmorph-radio__input-wrapper" }, S = ["name", "value", "checked", "tabindex"], T = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, b = {
+}, V = {
   key: 0,
   class: "nmorph-radio__label"
-}, v = {
+}, H = {
   key: 1,
   class: "nmorph-radio__content"
-}, y = ["disabled", "name", "value", "checked", "tabindex"], u = {
+}, O = ["disabled", "name", "value", "checked", "tabindex"], $ = {
   key: 0,
   class: "nmorph-radio__fake"
-}, x = {
+}, w = {
   key: 1,
   class: "nmorph-radio__fake"
-};
-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",
+}, 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,
             type: "radio",
-            name: e.props.label,
-            value: e.props.value,
-            checked: e.checked,
-            tabindex: e.props.tabindex,
+            name: e.label,
+            value: e.value,
+            checked: o.value,
+            tabindex: e.tabindex,
             class: "nmorph-native-input"
-          }, 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)
+          }, null, 8, S),
+          p[0] || (p[0] = l("div", { class: "nmorph-radio__fake" }, null, -1)),
+          o.value ? (a(), t("div", T)) : r("", !0)
         ]),
-        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",
+        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,
           type: "radio",
-          disabled: e.props.disabled,
-          name: e.props.label,
-          value: e.props.value,
-          checked: e.checked,
-          tabindex: e.props.tabindex,
+          disabled: e.disabled,
+          name: e.label,
+          value: e.value,
+          checked: o.value,
+          tabindex: e.tabindex,
           class: "nmorph-native-input"
-        }, 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")
+        }, 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")
           ])
         ]))
-      ])) : i("v-if", !0)
-    ],
-    2
-    /* CLASS */
-  );
-}
-const E = /* @__PURE__ */ _(t, [["render", N], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-radio/NmorphRadio.vue"]]);
+      ])) : r("", !0)
+    ], 2));
+  }
+});
 export {
-  E as default
+  q as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphRadio.css';
+import o from "./NmorphRadio.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue.js

@@ -1,42 +1,56 @@
 import './NmorphRadioGroup.css';
-import i from "./NmorphRadioGroup.vue2.js";
-import { openBlock as o, createElementBlock as a, normalizeClass as s, createElementVNode as l, Fragment as n, renderList as p, createBlock as m, renderSlot as c } from "vue";
-/* empty css                      */
-import h from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = { class: "nmorph-radio-group__wrapper" }, u = { class: "nmorph-radio-group__content" };
-function b(t, f, d, r, g, v) {
-  return o(), a(
-    "div",
-    {
-      class: s(r.modifiers)
-    },
-    [
-      l("div", _, [
-        l("div", u, [
-          (o(!0), a(
-            n,
-            null,
-            p(d.options, (e) => (o(), m(r.NmorphRadio, {
-              key: e.value,
-              label: e.label,
-              value: e.value,
-              disabled: e.disabled || r.props.disabled,
-              "style-type": r.props.styleType,
-              tabindex: e.tabindex,
-              height: e.height || r.props.height
-            }, null, 8, ["label", "value", "disabled", "style-type", "tabindex", "height"]))),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          c(t.$slots, "default")
+import { defineComponent as g, ref as b, watch as _, computed as u, provide as o, openBlock as d, createElementBlock as n, normalizeClass as y, createElementVNode as s, Fragment as x, renderList as V, createBlock as k, unref as B, renderSlot as w } from "vue";
+import { useModifiers as M } from "../../../utils/create-modifiers.js";
+import { useFormItemModel as T } from "../nmorph-form/use-form-item-input.js";
+import C from "../nmorph-radio/NmorphRadio.vue.js";
+/* empty css                               */
+const E = { class: "nmorph-radio-group__wrapper" }, F = { class: "nmorph-radio-group__content" }, L = /* @__PURE__ */ g({
+  __name: "NmorphRadioGroup",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    styleType: { default: "button" },
+    direction: { default: "row" },
+    height: { default: "thin" },
+    id: {},
+    name: {},
+    autocomplete: {},
+    disabled: { type: Boolean, default: !1 },
+    tabindex: {}
+  },
+  emits: ["update:model-value"],
+  setup(r, { emit: m }) {
+    const e = r, c = m, { modelValue: i, updateModelValue: p } = T(
+      e,
+      (t) => c("update:model-value", t),
+      ""
+    ), l = b(i.value);
+    _(i, (t) => {
+      l.value = t;
+    });
+    const h = (t) => {
+      l.value = t, p(l.value);
+    }, f = u(() => M({ "nmorph-radio-group": [e.styleType, e.direction] })), v = u(() => e.height);
+    return o("radio-group-selected-value", l), o("change-radio-button-value-handler", h), o("radio-group-height", v), (t, N) => (d(), n("div", {
+      class: y(f.value)
+    }, [
+      s("div", E, [
+        s("div", F, [
+          (d(!0), n(x, null, V(r.options, (a) => (d(), k(B(C), {
+            key: a.value,
+            label: a.label,
+            value: a.value,
+            disabled: a.disabled || e.disabled,
+            "style-type": e.styleType,
+            tabindex: a.tabindex,
+            height: a.height || e.height
+          }, null, 8, ["label", "value", "disabled", "style-type", "tabindex", "height"]))), 128)),
+          w(t.$slots, "default")
         ])
       ])
-    ],
-    2
-    /* CLASS */
-  );
-}
-const B = /* @__PURE__ */ h(i, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue"]]);
+    ], 2));
+  }
+});
 export {
-  B as default
+  L as default
 };

package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue3.js

@@ -0,0 +1,6 @@
+import './NmorphRadioGroup.css';
+import o from "./NmorphRadioGroup.vue.js";
+/* empty css                      */
+export {
+  o as default
+};