@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/form/nmorph-select/NmorphSelect.vue2.js

@@ -0,0 +1,176 @@
+import './NmorphSelect.css';
+import { defineComponent as de, computed as a, ref as s, watch as c, nextTick as W, onMounted as ve, onUnmounted as ce, provide as V, toRef as fe } from "vue";
+import { useModifiers as pe } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as me, getNmorphOptionHeight as he, toCssSize as ge, resolveDomElement as ye } from "../../../utils/common.js";
+import { useVirtualList as He } from "../../../hooks/use-virtual-list.js";
+import { useI18n as be } from "vue-i18n";
+import { useFormItemModel as qe, useFormItemInput as Ie } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as Ae } from "../../../types/common.types.js";
+import xe from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
+import Ne from "./components/nmorph-select-option/NmorphSelectOption.vue.js";
+import Se from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import Oe from "../../data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js";
+import Me from "../../../assets/icons/chevron-down.svg.js";
+import we from "../../../assets/icons/loader.svg.js";
+const Xe = /* @__PURE__ */ de({
+  __name: "NmorphSelect",
+  props: {
+    noElementPlaceholder: { type: String, required: !1, default: "" },
+    valueRequired: { type: Boolean, required: !1, default: !1 },
+    options: { type: Array, required: !1, default: () => [] },
+    optionsMap: { type: Array, required: !1, default: () => [] },
+    modelValue: { type: null, required: !1, default: "" },
+    multiple: { type: null, required: !1, default: void 0 },
+    nullable: { type: Boolean, required: !1, default: !1 },
+    loading: { type: Boolean, required: !1, default: !1 },
+    open: { type: Boolean, required: !1, default: !1 },
+    fill: { type: Boolean, required: !1, default: !1 },
+    optionsWidth: { type: String, required: !1, default: "truncate" },
+    zIndex: { type: Number, required: !1, default: void 0 },
+    virtual: { type: Boolean, required: !1, default: !1 },
+    virtualItemHeight: { type: Number, required: !1, default: 0 },
+    virtualMaxHeight: { type: [Number, String], required: !1, default: 240 },
+    virtualOverscan: { type: Number, required: !1, default: 5 },
+    virtualDynamicHeight: { type: Boolean, required: !1, default: !1 },
+    width: { type: [Number, String], required: !1, default: void 0 },
+    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(k, { expose: z, emit: $ }) {
+    z();
+    const { t: E } = be(), t = k, g = a(
+      () => t.noElementPlaceholder ? t.noElementPlaceholder : E("noElementPlaceholder")
+    ), _ = $, { modelValue: f, updateModelValue: y } = qe(
+      t,
+      (e) => _("update:model-value", e),
+      ""
+    ), m = () => t.nullable ? null : "", H = a(() => t.multiple ?? Array.isArray(f.value)), b = (e) => H.value ? Array.isArray(e) ? e : e ? [e] : [] : Array.isArray(e) ? e[0] ?? m() : e ?? m(), l = s(b(f.value)), r = s(t.open), d = a(() => t.disabled || t.loading), q = a(() => t.optionsWidth === "auto"), I = s(!0), { id: A, name: F, autocomplete: U, tabindex: j } = Ie(t), x = (e) => {
+      if (d.value) return;
+      if (r.value = !1, !H.value) {
+        !t.valueRequired && l.value === e ? l.value = m() : l.value = e, y(l.value);
+        return;
+      }
+      const n = Array.isArray(l.value) ? l.value : [], T = n.includes(e), ie = n.length === 1 && T;
+      t.valueRequired && ie || (T ? l.value = n.filter((se) => se !== e) : l.value = [...n, e], y(l.value));
+    }, h = s(!1), G = () => {
+      h.value = !0;
+    }, J = () => {
+      h.value = !1;
+    }, K = a(
+      () => pe({
+        nmorph: [Ae[t.height]],
+        "nmorph-select": [
+          t.disabled && "disabled",
+          f.value ? "on" : "off",
+          t.loading && "loading",
+          r.value && !d.value && "open",
+          t.fill && "fill",
+          q.value && "options-auto-width",
+          I.value ? "selected-line-outset" : "selected-line-inset",
+          h.value && "focus"
+        ]
+      })
+    ), Q = a(
+      () => me({
+        "--base-width": t.width
+      })
+    ), X = () => {
+      d.value || (r.value = !r.value);
+    };
+    c(
+      r,
+      (e) => {
+        e && (I.value = !1);
+      },
+      { immediate: !0 }
+    );
+    const N = () => {
+      r.value = !1;
+    };
+    c(
+      () => t.loading,
+      (e) => {
+        e && (r.value = !1);
+      }
+    ), c(
+      f,
+      (e) => {
+        l.value = b(e);
+      },
+      { deep: !0 }
+    );
+    const v = a(() => t.options.length > 0 ? t.options : t.optionsMap), S = s(null), O = s([]), M = a(() => t.options), p = a(() => t.virtual && M.value.length > 0), B = a(() => t.virtualItemHeight || he(t.height)), L = a(() => t.virtualOverscan), R = a(() => t.virtualDynamicHeight), i = He(M, {
+      enabled: p,
+      itemHeight: B,
+      overscan: L,
+      dynamic: R
+    }), Y = a(() => i.virtualItems.value), Z = i.spacerStyle, ee = i.contentStyle, te = a(() => ge(t.virtualMaxHeight)), w = () => {
+      v.value.length > 0 || !S.value || (O.value = Array.from(S.value.querySelectorAll(".nmorph-select-option")).map((e) => e.getAttribute("value")).filter((e) => !!e));
+    }, o = a(
+      () => v.value.length > 0 ? v.value.map((e) => e.value) : O.value
+    ), le = a(() => p.value ? Array.isArray(l.value) ? l.value : l.value ? [l.value] : [] : o.value), u = s(0), D = a(() => o.value[u.value] || ""), ae = a(() => `${A.value}-listbox`), re = (e) => `${A.value}-option-${e.replace(/\s+/g, "-")}`;
+    c(u, (e) => {
+      r.value && p.value && i.scrollToIndex(e);
+    }), c(
+      o,
+      (e) => {
+        u.value >= e.length && (u.value = Math.max(e.length - 1, 0));
+      },
+      { immediate: !0 }
+    ), c(r, async (e) => {
+      if (e) {
+        if (await W(), w(), !Array.isArray(l.value) && l.value) {
+          const n = o.value.indexOf(l.value);
+          n !== -1 && (u.value = n);
+        }
+        i.refresh(), p.value && i.scrollToIndex(u.value);
+      }
+    }), ve(async () => {
+      await W(), w(), document.addEventListener("click", N);
+    }), ce(() => {
+      document.removeEventListener("click", N);
+    });
+    const ne = a(() => Array.isArray(l.value) ? g.value : l.value ? v.value.find((e) => e.value === l.value)?.label : g.value), ue = a(() => v.value.length > 0 ? v.value.filter((n) => Array.isArray(l.value) && l.value.includes(n.value)).map((n) => ({ text: n.label, value: n.value })) : Array.isArray(l.value) ? l.value.map((n) => ({ text: n, value: n })) : l.value ? [{ text: l.value, value: l.value }] : []);
+    V("select-selected-value", l), V("select-change-selected-value", x), V("select-height", fe(t, "height"));
+    const C = s(null), oe = a(
+      () => q.value ? `${C.value?.clientWidth || 0}px` : void 0
+    ), P = { t: E, props: t, computedNoElementPlaceholder: g, emit: _, modelValue: f, updateModelValue: y, getEmptySingleValue: m, isMultiple: H, normalizeModelValue: b, initialValue: l, open: r, disabledInput: d, autoOptionsWidth: q, selectedLineOutset: I, id: A, name: F, autocomplete: U, tabindex: j, changeHandler: x, focus: h, focusHandler: G, blurHandler: J, modifiers: K, styles: Q, clickHandler: X, closeHandler: N, optionsMap: v, optionsDOMRef: S, slotDomOptions: O, renderedOptions: M, virtualEnabled: p, virtualItemHeight: B, virtualOverscan: L, virtualDynamicHeight: R, virtualList: i, virtualOptions: Y, virtualSpacerStyle: Z, virtualContentStyle: ee, virtualMaxHeight: te, refreshDomOptions: w, domOptions: o, nativeOptions: le, currentIndex: u, currentFocusedEl: D, listboxId: ae, getOptionId: re, selectedValueTitle: ne, tags: ue, nmorphSelectDOMRef: C, optionsMinWidth: oe, spaceHandler: () => {
+      d.value || (r.value = !r.value);
+    }, arrowDownHandler: () => {
+      d.value || o.value.length !== 0 && (r.value || (r.value = !0), u.value = (u.value + 1) % o.value.length);
+    }, arrowUpHandler: () => {
+      d.value || o.value.length !== 0 && (r.value || (r.value = !0), u.value = (u.value - 1 + o.value.length) % o.value.length);
+    }, enterHandler: () => {
+      r.value && D.value && x(D.value);
+    }, setVirtualOptionRef: (e, n) => {
+      i.measureElement(n, ye(e));
+    }, escapeHandler: () => {
+      r.value = !1;
+    }, homeHandler: () => {
+      u.value = 0;
+    }, endHandler: () => {
+      u.value = Math.max(o.value.length - 1, 0);
+    }, get NmorphTagItem() {
+      return Oe;
+    }, get NmorphIcon() {
+      return Se;
+    }, get NmorphSelectOption() {
+      return Ne;
+    }, get NmorphDropdown() {
+      return xe;
+    }, get NmorphIconLoaderDots() {
+      return we;
+    }, get NmorphIconChevronDown() {
+      return Me;
+    } };
+    return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
+  }
+});
+export {
+  Xe as default
+};

package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js

@@ -1,74 +1,42 @@
 import './NmorphSelectOption.css';
-import { defineComponent as b, inject as r, computed as o, openBlock as c, createElementBlock as g, normalizeStyle as k, normalizeClass as y, createElementVNode as i, toDisplayString as C, renderSlot as B, createBlock as S, unref as n, withCtx as N, createVNode as V, createCommentVNode as x } from "vue";
-import { useModifiers as H } from "../../../../../utils/create-modifiers.js";
-import { createCssVariables as w } from "../../../../../utils/common.js";
-import { NmorphComponentHeight as z } from "../../../../../types/common.types.js";
-import A from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                            */
-import E from "../../../../../assets/icons/success.svg.js";
-const $ = ["value", "aria-selected", "aria-disabled"], j = { class: "nmorph-select-option__content" }, K = /* @__PURE__ */ b({
-  __name: "NmorphSelectOption",
-  props: {
-    value: {},
-    label: { default: "" },
-    focused: { type: Boolean, default: !1 },
-    hoverBackground: { default: void 0 },
-    hoverColor: { default: void 0 },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: {},
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["change-value"],
-  setup(d, { emit: u }) {
-    const t = r("select-selected-value"), s = r("select-change-selected-value"), m = r(
-      "select-height",
-      void 0
-    ), e = d, h = u, p = () => {
-      e.disabled || (h("change-value", e.value), s && s(e.value));
-    }, l = o(() => typeof t?.value == "string" ? t.value === e.value : Array.isArray(t?.value) ? t.value.some((a) => a === e.value) : !1), v = o(() => e.height || m?.value || "basic"), f = o(
-      () => H({
-        nmorph: [z[v.value]],
-        "nmorph-select-option": [
-          e.disabled && "disabled",
-          e.label && "with-label",
-          l.value && "checked",
-          e.focused && "focused"
-        ]
-      })
-    ), _ = o(
-      () => w({
-        "--hover-bg": e.hoverBackground,
-        "--hover-color": e.hoverColor
-      })
-    );
-    return (a, D) => (c(), g("div", {
-      class: y(f.value),
-      style: k(_.value),
-      value: e.value,
-      role: "option",
-      "aria-selected": l.value,
-      "aria-disabled": e.disabled,
-      onClick: p
-    }, [
-      i("div", j, [
-        i("span", null, C(e.label), 1),
-        B(a.$slots, "default")
+import c from "./NmorphSelectOption.vue2.js";
+import { openBlock as o, createElementBlock as l, normalizeStyle as n, normalizeClass as a, createElementVNode as r, toDisplayString as i, renderSlot as s, createBlock as d, withCtx as m, createVNode as p, createCommentVNode as _ } from "vue";
+/* empty css                        */
+import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["value", "aria-selected", "aria-disabled"], k = { class: "nmorph-select-option__content" };
+function v(t, N, b, e, y, S) {
+  return o(), l("div", {
+    class: a(e.modifiers),
+    style: n(e.styles),
+    value: e.props.value,
+    role: "option",
+    "aria-selected": e.checked,
+    "aria-disabled": e.props.disabled,
+    onClick: e.clickHandler
+  }, [
+    r("div", k, [
+      r(
+        "span",
+        null,
+        i(e.props.label),
+        1
+        /* TEXT */
+      ),
+      s(t.$slots, "default")
+    ]),
+    e.checked ? (o(), d(e.NmorphIcon, {
+      key: 0,
+      class: "nmorph-select-option__checked"
+    }, {
+      default: m(() => [
+        p(e.NmorphIconSuccess)
       ]),
-      l.value ? (c(), S(n(A), {
-        key: 0,
-        class: "nmorph-select-option__checked"
-      }, {
-        default: N(() => [
-          V(n(E))
-        ]),
-        _: 1
-      })) : x("", !0)
-    ], 14, $));
-  }
-});
+      _: 1
+      /* STABLE */
+    })) : _("v-if", !0)
+  ], 14, f);
+}
+const V = /* @__PURE__ */ h(c, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue"]]);
 export {
-  K as default
+  V as default
 };

package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue2.js

@@ -0,0 +1,56 @@
+import './NmorphSelectOption.css';
+import { defineComponent as g, inject as l, computed as t } from "vue";
+import { useModifiers as y } from "../../../../../utils/create-modifiers.js";
+import { createCssVariables as b } from "../../../../../utils/common.js";
+import { NmorphComponentHeight as S } from "../../../../../types/common.types.js";
+import q from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+import _ from "../../../../../assets/icons/success.svg.js";
+const H = /* @__PURE__ */ g({
+  __name: "NmorphSelectOption",
+  props: {
+    value: { type: String, required: !0 },
+    label: { type: String, required: !0, default: "" },
+    focused: { type: Boolean, required: !1, default: !1 },
+    hoverBackground: { type: String, required: !1, default: void 0 },
+    hoverColor: { type: String, required: !1, default: void 0 },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["change-value"],
+  setup(c, { expose: d, emit: p }) {
+    d();
+    const r = l("select-selected-value"), o = l("select-change-selected-value"), a = l(
+      "select-height",
+      void 0
+    ), e = c, s = p, f = () => {
+      e.disabled || (s("change-value", e.value), o && o(e.value));
+    }, i = t(() => typeof r?.value == "string" ? r.value === e.value : Array.isArray(r?.value) ? r.value.some((v) => v === e.value) : !1), u = t(() => e.height || a?.value || "basic"), m = t(
+      () => y({
+        nmorph: [S[u.value]],
+        "nmorph-select-option": [
+          e.disabled && "disabled",
+          e.label && "with-label",
+          i.value && "checked",
+          e.focused && "focused"
+        ]
+      })
+    ), h = t(
+      () => b({
+        "--hover-bg": e.hoverBackground,
+        "--hover-color": e.hoverColor
+      })
+    ), n = { selectSelectedValue: r, selectChangeSelectedValue: o, selectHeight: a, props: e, emit: s, clickHandler: f, checked: i, height: u, modifiers: m, styles: h, get NmorphIcon() {
+      return q;
+    }, get NmorphIconSuccess() {
+      return _;
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  H as default
+};

package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue.js

@@ -1,69 +1,44 @@
 import './NmorphSelectButton.css';
-import { defineComponent as b, ref as h, watch as g, computed as s, provide as r, openBlock as i, createElementBlock as n, normalizeStyle as z, normalizeClass as S, Fragment as k, renderList as y, createBlock as V, unref as B, withCtx as _, createTextVNode as C, toDisplayString as x, renderSlot as F } from "vue";
-import { useModifiers as M } from "../../../utils/create-modifiers.js";
-import { createCssVariables as w, createCssSizeVariables as N } from "../../../utils/common.js";
-import { useFormItemModel as P } from "../nmorph-form/use-form-item-input.js";
-import $ from "./components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js";
-/* empty css                                                                 */
-const q = /* @__PURE__ */ b({
-  __name: "NmorphSelectButton",
-  props: {
-    modelValue: { default: "" },
-    options: { default: () => [] },
-    fill: { type: Boolean, default: !1 },
-    trackPadding: { default: void 0 },
-    itemSize: { default: void 0 },
-    itemFontSize: { default: void 0 },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: { default: "basic" },
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["update:model-value"],
-  setup(o, { emit: u }) {
-    const e = o, m = u, { modelValue: d, updateModelValue: c } = P(
-      e,
-      (t) => m("update:model-value", t),
-      ""
-    ), a = h(d.value);
-    g(d, (t) => {
-      a.value = t;
-    });
-    const f = s(
-      () => M({
-        "nmorph-select-button": [e.disabled && "disabled", e.fill && "fill", e.height]
-      })
-    ), p = s(() => ({
-      ...N({
-        "--track-padding": e.trackPadding,
-        "--item-size": e.itemSize
-      }),
-      ...w({
-        "--item-font-size": e.itemFontSize
-      })
-    })), v = (t) => {
-      e.disabled || (a.value = t, c(t));
-    };
-    return r("select-button-selected-value", a), r("select-button-change-handler", v), (t, D) => (i(), n("div", {
-      class: S(f.value),
-      style: z(p.value)
-    }, [
-      (i(!0), n(k, null, y(o.options, (l) => (i(), V(B($), {
-        key: l.value,
-        value: l.value,
-        disabled: l.disabled
-      }, {
-        default: _(() => [
-          C(x(l.label), 1)
-        ]),
-        _: 2
-      }, 1032, ["value", "disabled"]))), 128)),
-      F(t.$slots, "default")
-    ], 6));
-  }
-});
+import n from "./NmorphSelectButton.vue2.js";
+import { openBlock as r, createElementBlock as l, normalizeStyle as s, normalizeClass as m, Fragment as c, renderList as i, createBlock as d, withCtx as u, createTextVNode as f, toDisplayString as p, renderSlot as _ } from "vue";
+/* empty css                        */
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
+function h(o, v, a, t, y, B) {
+  return r(), l(
+    "div",
+    {
+      class: m(t.modifiers),
+      style: s(t.styles)
+    },
+    [
+      (r(!0), l(
+        c,
+        null,
+        i(a.options, (e) => (r(), d(t.NmorphSelectButtonItem, {
+          key: e.value,
+          value: e.value,
+          disabled: e.disabled
+        }, {
+          default: u(() => [
+            f(
+              p(e.label),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, 1032, ["value", "disabled"]))),
+        128
+        /* KEYED_FRAGMENT */
+      )),
+      _(o.$slots, "default")
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const g = /* @__PURE__ */ b(n, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-select-button/NmorphSelectButton.vue"]]);
 export {
-  q as default
+  g as default
 };

package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue2.js

@@ -0,0 +1,58 @@
+import './NmorphSelectButton.css';
+import { defineComponent as S, ref as b, watch as g, computed as s, provide as u } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { createCssVariables as h, createCssSizeVariables as q } from "../../../utils/common.js";
+import { useFormItemModel as v } from "../nmorph-form/use-form-item-input.js";
+import _ from "./components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js";
+const x = /* @__PURE__ */ S({
+  __name: "NmorphSelectButton",
+  props: {
+    modelValue: { type: String, required: !1, default: "" },
+    options: { type: Array, required: !1, default: () => [] },
+    fill: { type: Boolean, required: !1, default: !1 },
+    trackPadding: { type: [Number, String], required: !1, default: void 0 },
+    itemSize: { type: [Number, String], required: !1, default: void 0 },
+    itemFontSize: { type: String, required: !1, default: void 0 },
+    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(n, { expose: m, emit: f }) {
+    m();
+    const e = n, a = f, { modelValue: i, updateModelValue: l } = v(
+      e,
+      (t) => a("update:model-value", t),
+      ""
+    ), r = b(i.value);
+    g(i, (t) => {
+      r.value = t;
+    });
+    const p = s(
+      () => y({
+        "nmorph-select-button": [e.disabled && "disabled", e.fill && "fill", e.height]
+      })
+    ), c = s(() => ({
+      ...q({
+        "--track-padding": e.trackPadding,
+        "--item-size": e.itemSize
+      }),
+      ...h({
+        "--item-font-size": e.itemFontSize
+      })
+    })), o = (t) => {
+      e.disabled || (r.value = t, l(t));
+    };
+    u("select-button-selected-value", r), u("select-button-change-handler", o);
+    const d = { props: e, emit: a, modelValue: i, updateModelValue: l, initialValue: r, modifiers: p, styles: c, changeHandler: o, get NmorphSelectButtonItem() {
+      return _;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+export {
+  x as default
+};

package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js

@@ -1,55 +1,32 @@
 import './NmorphSelectButtonItem.css';
-import { defineComponent as m, inject as d, ref as v, computed as s, openBlock as b, createElementBlock as h, withKeys as c, withModifiers as n, normalizeClass as _, createElementVNode as k, renderSlot as x } from "vue";
-import { useModifiers as y } from "../../../../../utils/create-modifiers.js";
-const w = ["tabindex", "onKeydown"], B = ["value", "checked", "disabled"], g = /* @__PURE__ */ m({
-  __name: "NmorphSelectButtonItem",
-  props: {
-    value: {},
-    id: {},
-    name: {},
-    autocomplete: {},
-    disabled: { type: Boolean, default: !1 },
-    tabindex: { default: 0 }
-  },
-  setup(i, { expose: r }) {
-    const u = d(
-      "select-button-selected-value",
-      void 0
-    ), l = d(
-      "select-button-change-handler",
-      void 0
-    ), e = i, o = v(null);
-    r({ inputDOMRef: o });
-    const a = s(() => u?.value === e.value), p = s(
-      () => y({
-        "nmorph-select-button-item": [a.value && "checked", e.disabled && "disabled"]
-      })
-    ), t = () => {
-      e.disabled || l && l(e.value);
-    };
-    return (f, M) => (b(), h("label", {
-      class: _(p.value),
-      tabindex: e.tabindex,
-      onClick: n(t, ["prevent"]),
-      onKeydown: [
-        c(n(t, ["prevent"]), ["space"]),
-        c(n(t, ["prevent"]), ["enter"])
-      ]
-    }, [
-      k("input", {
-        ref_key: "inputDOMRef",
-        ref: o,
-        type: "radio",
-        value: e.value,
-        checked: a.value,
-        disabled: e.disabled,
-        tabindex: "-1",
-        class: "nmorph-native-input"
-      }, null, 8, B),
-      x(f.$slots, "default")
-    ], 42, w));
-  }
-});
+import r from "./NmorphSelectButtonItem.vue2.js";
+import { openBlock as c, createElementBlock as i, withKeys as t, withModifiers as o, normalizeClass as l, createElementVNode as a, renderSlot as d } from "vue";
+/* empty css                            */
+import s from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = ["tabindex", "onKeydown"], m = ["value", "checked", "disabled"];
+function f(n, h, _, e, b, k) {
+  return c(), i("label", {
+    class: l(e.modifiers),
+    tabindex: e.props.tabindex,
+    onClick: o(e.clickHandler, ["prevent"]),
+    onKeydown: [
+      t(o(e.clickHandler, ["prevent"]), ["space"]),
+      t(o(e.clickHandler, ["prevent"]), ["enter"])
+    ]
+  }, [
+    a("input", {
+      ref: "inputDOMRef",
+      type: "radio",
+      value: e.props.value,
+      checked: e.checked,
+      disabled: e.props.disabled,
+      tabindex: "-1",
+      class: "nmorph-native-input"
+    }, null, 8, m),
+    d(n.$slots, "default")
+  ], 42, p);
+}
+const w = /* @__PURE__ */ s(r, [["render", f], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue"]]);
 export {
-  g as default
+  w as default
 };

package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue2.js

@@ -0,0 +1,35 @@
+import './NmorphSelectButtonItem.css';
+import { defineComponent as c, inject as i, ref as p, computed as d } from "vue";
+import { useModifiers as f } from "../../../../../utils/create-modifiers.js";
+const v = /* @__PURE__ */ c({
+  __name: "NmorphSelectButtonItem",
+  props: {
+    value: { type: String, required: !0 },
+    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, default: 0 }
+  },
+  setup(o, { expose: s }) {
+    const r = i(
+      "select-button-selected-value",
+      void 0
+    ), t = i(
+      "select-button-change-handler",
+      void 0
+    ), e = o, n = p(null);
+    s({ inputDOMRef: n });
+    const l = d(() => r?.value === e.value), u = d(
+      () => f({
+        "nmorph-select-button-item": [l.value && "checked", e.disabled && "disabled"]
+      })
+    ), a = { selectedValue: r, changeHandler: t, props: e, inputDOMRef: n, checked: l, modifiers: u, clickHandler: () => {
+      e.disabled || t && t(e.value);
+    } };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+export {
+  v as default
+};