@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

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

@@ -0,0 +1,38 @@
+import './NmorphRadio.css';
+import { defineComponent as h, inject as r, computed as l, ref as m } from "vue";
+import { useModifiers as g } from "../../../utils/create-modifiers.js";
+import { NmorphSelectionControlHeight as v } from "../../../types/common.types.js";
+const q = /* @__PURE__ */ h({
+  __name: "NmorphRadio",
+  props: {
+    value: { type: String, required: !1, default: "" },
+    styleType: { type: null, required: !1, default: "button" },
+    checked: { type: Boolean, required: !1, default: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    label: { type: String, required: !1, default: "" },
+    tabindex: { type: Number, required: !1, default: 0 },
+    height: { type: null, required: !1 }
+  },
+  setup(s, { expose: p }) {
+    const o = r(
+      "radio-group-selected-value",
+      void 0
+    ), t = r(
+      "change-radio-button-value-handler",
+      void 0
+    ), a = r("radio-group-height", void 0), e = s, c = () => {
+      t && !e.disabled && t(e.value);
+    }, d = l(() => o?.value === e.value || e.checked), i = l(() => e.height || a?.value || "thin"), f = l(
+      () => g({
+        nmorph: [v[i.value]],
+        "nmorph-radio": [e.disabled && "disabled", d.value && "checked", e.styleType]
+      })
+    ), u = m(null);
+    p({ inputDOMRef: u });
+    const n = { groupSelectedValue: o, changeValue: t, groupHeight: a, props: e, changeHandler: c, checked: d, height: i, modifiers: f, inputDOMRef: u };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  q as default
+};

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

@@ -1,56 +1,42 @@
 import './NmorphRadioGroup.css';
-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")
+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")
         ])
       ])
-    ], 2));
-  }
-});
+    ],
+    2
+    /* CLASS */
+  );
+}
+const B = /* @__PURE__ */ h(i, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue"]]);
 export {
-  L as default
+  B as default
 };

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

@@ -0,0 +1,43 @@
+import './NmorphRadioGroup.css';
+import { defineComponent as h, ref as y, watch as g, computed as n, provide as a } from "vue";
+import { useModifiers as q } from "../../../utils/create-modifiers.js";
+import { useFormItemModel as v } from "../nmorph-form/use-form-item-input.js";
+import _ from "../nmorph-radio/NmorphRadio.vue.js";
+const x = /* @__PURE__ */ h({
+  __name: "NmorphRadioGroup",
+  props: {
+    modelValue: { type: String, required: !1, default: "" },
+    options: { type: Array, required: !1, default: () => [] },
+    styleType: { type: null, required: !1, default: "button" },
+    direction: { type: null, required: !1, default: "row" },
+    height: { type: null, required: !1, default: "thin" },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(s, { expose: m, emit: f }) {
+    m();
+    const e = s, i = f, { modelValue: o, updateModelValue: l } = v(
+      e,
+      (r) => i("update:model-value", r),
+      ""
+    ), t = y(o.value);
+    g(o, (r) => {
+      t.value = r;
+    });
+    const u = (r) => {
+      t.value = r, l(t.value);
+    }, c = n(() => q({ "nmorph-radio-group": [e.styleType, e.direction] })), d = n(() => e.height);
+    a("radio-group-selected-value", t), a("change-radio-button-value-handler", u), a("radio-group-height", d);
+    const p = { props: e, emit: i, modelValue: o, updateModelValue: l, initialValue: t, changeHandler: u, modifiers: c, height: d, get NmorphRadio() {
+      return _;
+    } };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  }
+});
+export {
+  x as default
+};