@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js

@@ -1,30 +1,23 @@
-import { defineComponent as m, inject as r, computed as n, ref as p, onMounted as d, nextTick as f, openBlock as l, createElementBlock as v, normalizeClass as b, createBlock as k, Teleport as y, renderSlot as _, createCommentVNode as C } from "vue";
-import { useModifiers as M } from "../../../../../utils/create-modifiers.js";
-const w = /* @__PURE__ */ m({
-  __name: "NmorphTableCell",
-  props: {
-    row: {}
-  },
-  setup(a) {
-    const c = r("column-property"), s = r("table-identifier"), i = a, u = n(
-      () => M({
-        "nmorph-table-cell": []
-      })
-    ), t = n(() => `#table-cell-${s}-${i.row}-${c}`), o = p(!1);
-    return d(async () => {
-      await f();
-      const e = document.querySelector(t.value);
-      e && (e.innerHTML = ""), o.value = !0;
-    }), (e, T) => o.value ? (l(), v("div", {
+import t from "./NmorphTableCell.vue2.js";
+import { openBlock as o, createElementBlock as l, normalizeClass as a, createBlock as n, Teleport as m, renderSlot as c, createCommentVNode as s } from "vue";
+import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function p(r, d, f, e, _, b) {
+  return e.isMounted ? (o(), l(
+    "div",
+    {
       key: 0,
-      class: b(u.value)
-    }, [
-      (l(), k(y, { to: t.value }, [
-        _(e.$slots, "default")
+      class: a(e.modifiers)
+    },
+    [
+      (o(), n(m, { to: e.targetId }, [
+        c(r.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : C("", !0);
-  }
-});
+    ],
+    2
+    /* CLASS */
+  )) : s("v-if", !0);
+}
+const C = /* @__PURE__ */ i(t, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue"]]);
 export {
-  w as default
+  C as default
 };

package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue2.js

@@ -1,4 +1,26 @@
-import f from "./NmorphTableCell.vue.js";
+import { defineComponent as m, inject as c, computed as l, ref as d, onMounted as f, nextTick as _ } from "vue";
+import { useModifiers as b } from "../../../../../utils/create-modifiers.js";
+const v = /* @__PURE__ */ m({
+  __name: "NmorphTableCell",
+  props: {
+    row: { type: Number, required: !0 }
+  },
+  setup(u, { expose: a }) {
+    a();
+    const e = c("column-property"), t = c("table-identifier"), r = u, p = l(
+      () => b({
+        "nmorph-table-cell": []
+      })
+    ), o = l(() => `#table-cell-${t}-${r.row}-${e}`), n = d(!1);
+    f(async () => {
+      await _();
+      const s = document.querySelector(o.value);
+      s && (s.innerHTML = ""), n.value = !0;
+    });
+    const i = { columnProperty: e, tableIdentifier: t, props: r, modifiers: p, targetId: o, isMounted: n };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
 export {
-  f as default
+  v as default
 };

package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js

@@ -1,39 +1,19 @@
-import { defineComponent as p, inject as r, computed as f, ref as u, provide as s, onMounted as v, openBlock as b, createElementBlock as _, normalizeClass as h, renderSlot as M, unref as l } from "vue";
-import { useModifiers as k } from "../../../../../utils/create-modifiers.js";
-const w = ["data-id"], g = /* @__PURE__ */ p({
-  __name: "NmorphTableColumn",
-  props: {
-    label: { default: "" },
-    width: { default: "" },
-    alignment: { default: "center" },
-    prop: {}
-  },
-  setup(c) {
-    const e = r("table-data"), n = r("table-identifier"), a = c, d = f(
-      () => k({
-        "nmorph-table-column": []
-      })
-    ), o = u(0);
-    s("column-property", a.prop), s("table-identifier", n), v(() => {
-      i();
-    });
-    const i = () => {
-      if (!e?.columns.value) return;
-      const { columns: t } = e;
-      o.value = t.value.length + 1, e.columns.value = [...t.value, { ...a, id: o.value }];
-    }, m = u(null);
-    return (t, C) => (b(), _("div", {
-      ref_key: "columnDOMEl",
-      ref: m,
-      "data-id": o.value,
-      class: h(d.value)
-    }, [
-      M(t.$slots, "default", {
-        scope: { columns: l(e)?.columns.value, rows: l(e)?.rows.value, tableId: l(n) }
-      })
-    ], 10, w));
-  }
-});
+import r from "./NmorphTableColumn.vue2.js";
+import { openBlock as a, createElementBlock as l, normalizeClass as n, renderSlot as t } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = ["data-id"];
+function c(e, d, i, o, f, p) {
+  return a(), l("div", {
+    ref: "columnDOMEl",
+    "data-id": o.id,
+    class: n(o.modifiers)
+  }, [
+    t(e.$slots, "default", {
+      scope: { columns: o.data?.columns.value, rows: o.data?.rows.value, tableId: o.tableIdentifier }
+    })
+  ], 10, s);
+}
+const h = /* @__PURE__ */ m(r, [["render", c], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue"]]);
 export {
-  g as default
+  h as default
 };

package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue2.js

@@ -1,4 +1,31 @@
-import f from "./NmorphTableColumn.vue.js";
+import { defineComponent as m, inject as u, computed as b, ref as i, provide as p, onMounted as _ } from "vue";
+import { useModifiers as v } from "../../../../../utils/create-modifiers.js";
+const S = /* @__PURE__ */ m({
+  __name: "NmorphTableColumn",
+  props: {
+    label: { type: String, required: !1, default: "" },
+    width: { type: String, required: !1, default: "" },
+    alignment: { type: String, required: !1, default: "center" },
+    prop: { type: String, required: !0 }
+  },
+  setup(s, { expose: d }) {
+    d();
+    const e = u("table-data"), n = u("table-identifier"), t = s, c = b(
+      () => v({
+        "nmorph-table-column": []
+      })
+    ), r = i(0);
+    p("column-property", t.prop), p("table-identifier", n), _(() => {
+      o();
+    });
+    const o = () => {
+      if (!e?.columns.value) return;
+      const { columns: a } = e;
+      r.value = a.value.length + 1, e.columns.value = [...a.value, { ...t, id: r.value }];
+    }, f = i(null), l = { data: e, tableIdentifier: n, props: t, modifiers: c, id: r, updateTableData: o, columnDOMEl: f };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
 export {
-  f as default
+  S as default
 };

package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.js

@@ -1,61 +1,53 @@
 import './NmorphSortButton.css';
-import { defineComponent as d, computed as _, openBlock as f, createElementBlock as h, normalizeClass as g, createVNode as t, unref as o, withCtx as n } from "vue";
-import { useModifiers as v } from "../../../../../utils/create-modifiers.js";
-import w from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-/* empty css                                                */
-import s from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                            */
-import c from "../../../../../assets/icons/triangle-down.svg.js";
-const e = "10px", y = /* @__PURE__ */ d({
-  __name: "NmorphSortButton",
-  props: {
-    value: {}
-  },
-  emits: ["sort"],
-  setup(m, { emit: a }) {
-    const r = m, p = a, l = _(
-      () => v({
-        "nmorph-sort-button": [`${r.value}`]
-      })
-    ), u = () => {
-      const i = r.value === "ascending" ? "descending" : "ascending";
-      p("sort", i);
-    };
-    return (i, x) => (f(), h("div", {
-      class: g(l.value)
-    }, [
-      t(o(w), {
+import t from "./NmorphSortButton.vue2.js";
+import { openBlock as i, createElementBlock as e, normalizeClass as c, createVNode as n, withCtx as r } from "vue";
+/* empty css                      */
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function a(h, l, p, o, _, d) {
+  return i(), e(
+    "div",
+    {
+      class: c(o.modifiers)
+    },
+    [
+      n(o.NmorphButton, {
         height: "thin",
         "style-type": "transparent",
-        onClick: u
+        onClick: o.toggleSort
       }, {
-        default: n(() => [
-          t(o(s), {
+        default: r(() => [
+          n(o.NmorphIcon, {
             class: "nmorph-sort-button__icon-up",
-            width: e,
-            height: e
+            width: o.iconSize,
+            height: o.iconSize
           }, {
-            default: n(() => [
-              t(o(c))
+            default: r(() => [
+              n(o.NmorphIconTriangleDown)
             ]),
             _: 1
+            /* STABLE */
           }),
-          t(o(s), {
+          n(o.NmorphIcon, {
             class: "nmorph-sort-button__icon-down",
-            width: e,
-            height: e
+            width: o.iconSize,
+            height: o.iconSize
           }, {
-            default: n(() => [
-              t(o(c))
+            default: r(() => [
+              n(o.NmorphIconTriangleDown)
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       })
-    ], 2));
-  }
-});
+    ],
+    2
+    /* CLASS */
+  );
+}
+const S = /* @__PURE__ */ m(t, [["render", a], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue"]]);
 export {
-  y as default
+  S as default
 };

package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue2.js

@@ -0,0 +1,34 @@
+import './NmorphSortButton.css';
+import { defineComponent as i, computed as u } from "vue";
+import { useModifiers as c } from "../../../../../utils/create-modifiers.js";
+import a from "../../../../../assets/icons/triangle-down.svg.js";
+import l from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+import d from "../../../../basic/nmorph-button/NmorphButton.vue.js";
+const f = "10px", I = /* @__PURE__ */ i({
+  __name: "NmorphSortButton",
+  props: {
+    value: { type: null, required: !0 }
+  },
+  emits: ["sort"],
+  setup(r, { expose: n, emit: m }) {
+    n();
+    const o = r, e = m, p = u(
+      () => c({
+        "nmorph-sort-button": [`${o.value}`]
+      })
+    ), t = { props: o, emit: e, modifiers: p, toggleSort: () => {
+      const s = o.value === "ascending" ? "descending" : "ascending";
+      e("sort", s);
+    }, iconSize: f, get NmorphButton() {
+      return d;
+    }, get NmorphIcon() {
+      return l;
+    }, get NmorphIconTriangleDown() {
+      return a;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  I as default
+};

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js

@@ -1,83 +1,70 @@
 import './NmorphTagList.css';
-import { defineComponent as V, computed as u, shallowRef as T, watch as I, openBlock as r, createElementBlock as c, normalizeClass as L, Fragment as d, renderList as P, createBlock as a, unref as p, mergeProps as f, withCtx as w, renderSlot as x } from "vue";
-import { useModifiers as y } from "../../../utils/create-modifiers.js";
-import v from "./components/nmorph-tag-item/NmorphTagItem.vue.js";
-/* empty css                                              */
-const R = /* @__PURE__ */ V({
-  __name: "NmorphTagList",
-  props: {
-    modelValue: {},
-    selectedValue: {},
-    design: { default: "nmorph" },
-    color: {}
-  },
-  emits: ["click", "close", "update:model-value", "update:selected-value", "update:selectedValue"],
-  setup(g, { emit: h }) {
-    const l = g, t = h, k = u(
-      () => y({
-        "nmorph-list": [l.design]
-      })
-    ), s = T(l.modelValue), _ = (e) => ({
-      ...e,
-      design: e.design ?? l.design,
-      color: e.color ?? l.color
-    }), C = u(
-      () => s.value.map((e) => {
-        const o = _(e);
-        return {
-          item: o,
-          tagItemProps: {
-            value: e.value,
-            text: e.text,
-            removable: e.removable,
-            height: e.height,
-            design: o.design,
-            color: o.color
-          }
-        };
-      })
-    );
-    I(
-      () => l.modelValue,
-      (e) => {
-        s.value = e;
-      }
-    );
-    const i = (e) => {
-      s.value = s.value.filter((o) => o.value !== e), t("close", e), t("update:model-value", s.value);
-    }, m = (e) => {
-      t("click", e), t("update:selected-value", e), t("update:selectedValue", e);
-    };
-    return (e, o) => (r(), c("div", {
-      class: L(k.value)
-    }, [
-      (r(!0), c(d, null, P(C.value, (n) => (r(), c(d, {
-        key: n.item.value
-      }, [
-        e.$slots.item ? (r(), a(p(v), f({
-          key: 0,
-          ref_for: !0
-        }, n.tagItemProps, {
-          onClick: m,
-          onClose: i
-        }), {
-          default: w(() => [
-            x(e.$slots, "item", {
-              item: n.item
-            })
-          ]),
-          _: 2
-        }, 1040)) : (r(), a(p(v), f({
-          key: 1,
-          ref_for: !0
-        }, n.tagItemProps, {
-          onClick: m,
-          onClose: i
-        }), null, 16))
-      ], 64))), 128))
-    ], 2));
-  }
-});
+import s from "./NmorphTagList.vue2.js";
+import { openBlock as r, createElementBlock as l, normalizeClass as a, Fragment as i, renderList as c, createBlock as m, mergeProps as n, withCtx as d, renderSlot as f } from "vue";
+/* empty css                   */
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+function g(t, k, _, e, T, h) {
+  return r(), l(
+    "div",
+    {
+      class: a(e.modifiers)
+    },
+    [
+      (r(!0), l(
+        i,
+        null,
+        c(e.resolvedTagList, (o) => (r(), l(
+          i,
+          {
+            key: o.item.value
+          },
+          [
+            t.$slots.item ? (r(), m(
+              e.NmorphTagItem,
+              n({
+                key: 0,
+                ref_for: !0
+              }, o.tagItemProps, {
+                onClick: e.clickTagHandler,
+                onClose: e.closeTagHandler
+              }),
+              {
+                default: d(() => [
+                  f(t.$slots, "item", {
+                    item: o.item
+                  })
+                ]),
+                _: 2
+                /* DYNAMIC */
+              },
+              1040
+              /* FULL_PROPS, DYNAMIC_SLOTS */
+            )) : (r(), m(
+              e.NmorphTagItem,
+              n({
+                key: 1,
+                ref_for: !0
+              }, o.tagItemProps, {
+                onClick: e.clickTagHandler,
+                onClose: e.closeTagHandler
+              }),
+              null,
+              16
+              /* FULL_PROPS */
+            ))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+const H = /* @__PURE__ */ p(s, [["render", g], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-tag-list/NmorphTagList.vue"]]);
 export {
-  R as default
+  H as default
 };

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue2.js

@@ -0,0 +1,58 @@
+import './NmorphTagList.css';
+import { defineComponent as p, computed as i, shallowRef as g, watch as f } from "vue";
+import { useModifiers as v } from "../../../utils/create-modifiers.js";
+import h from "./components/nmorph-tag-item/NmorphTagItem.vue.js";
+const b = /* @__PURE__ */ p({
+  __name: "NmorphTagList",
+  props: {
+    modelValue: { type: Array, required: !0 },
+    selectedValue: { type: [String, null], required: !1 },
+    design: { type: String, required: !1, default: "nmorph" },
+    color: { type: String, required: !1 }
+  },
+  emits: ["click", "close", "update:model-value", "update:selected-value", "update:selectedValue"],
+  setup(u, { expose: c, emit: n }) {
+    c();
+    const l = u, t = n, a = i(
+      () => v({
+        "nmorph-list": [l.design]
+      })
+    ), o = g(l.modelValue), s = (e) => ({
+      ...e,
+      design: e.design ?? l.design,
+      color: e.color ?? l.color
+    }), m = i(
+      () => o.value.map((e) => {
+        const r = s(e);
+        return {
+          item: r,
+          tagItemProps: {
+            value: e.value,
+            text: e.text,
+            removable: e.removable,
+            height: e.height,
+            design: r.design,
+            color: r.color
+          }
+        };
+      })
+    );
+    f(
+      () => l.modelValue,
+      (e) => {
+        o.value = e;
+      }
+    );
+    const d = { props: l, emit: t, modifiers: a, tagList: o, getResolvedTagItem: s, resolvedTagList: m, closeTagHandler: (e) => {
+      o.value = o.value.filter((r) => r.value !== e), t("close", e), t("update:model-value", o.value);
+    }, clickTagHandler: (e) => {
+      t("click", e), t("update:selected-value", e), t("update:selectedValue", e);
+    }, get NmorphTagItem() {
+      return h;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+export {
+  b as default
+};