@nmorph/nmorph-ui-kit 2.2.53 → 2.2.55

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

@@ -1,23 +1,30 @@
-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",
-    {
+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", {
       key: 0,
-      class: a(e.modifiers)
-    },
-    [
-      (o(), n(m, { to: e.targetId }, [
-        c(r.$slots, "default")
+      class: b(u.value)
+    }, [
+      (l(), k(y, { to: t.value }, [
+        _(e.$slots, "default")
       ], 8, ["to"]))
-    ],
-    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"]]);
+    ], 2)) : C("", !0);
+  }
+});
 export {
-  C as default
+  w as default
 };

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

@@ -1,26 +1,4 @@
-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;
-  }
-});
+import f from "./NmorphTableCell.vue.js";
 export {
-  v as default
+  f as default
 };

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

@@ -1,19 +1,39 @@
-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"]]);
+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));
+  }
+});
 export {
-  h as default
+  g as default
 };

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

@@ -1,31 +1,4 @@
-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;
-  }
-});
+import f from "./NmorphTableColumn.vue.js";
 export {
-  S as default
+  f as default
 };

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

@@ -1,53 +1,61 @@
 import './NmorphSortButton.css';
-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, {
+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), {
         height: "thin",
         "style-type": "transparent",
-        onClick: o.toggleSort
+        onClick: u
       }, {
-        default: r(() => [
-          n(o.NmorphIcon, {
+        default: n(() => [
+          t(o(s), {
             class: "nmorph-sort-button__icon-up",
-            width: o.iconSize,
-            height: o.iconSize
+            width: e,
+            height: e
           }, {
-            default: r(() => [
-              n(o.NmorphIconTriangleDown)
+            default: n(() => [
+              t(o(c))
             ]),
             _: 1
-            /* STABLE */
           }),
-          n(o.NmorphIcon, {
+          t(o(s), {
             class: "nmorph-sort-button__icon-down",
-            width: o.iconSize,
-            height: o.iconSize
+            width: e,
+            height: e
           }, {
-            default: r(() => [
-              n(o.NmorphIconTriangleDown)
+            default: n(() => [
+              t(o(c))
             ]),
             _: 1
-            /* STABLE */
           })
         ]),
         _: 1
-        /* STABLE */
       })
-    ],
-    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"]]);
+    ], 2));
+  }
+});
 export {
-  S as default
+  y as default
 };

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

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

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

@@ -1,70 +1,83 @@
 import './NmorphTagList.css';
-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"]]);
+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));
+  }
+});
 export {
-  H as default
+  R as default
 };

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

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

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

@@ -1,46 +1,112 @@
 import './NmorphTagItem.css';
-import n from "./NmorphTagItem.vue2.js";
-import { openBlock as e, createElementBlock as t, normalizeStyle as c, normalizeClass as a, createElementVNode as i, renderSlot as m, toDisplayString as s, createBlock as d, withModifiers as f, withCtx as p, createVNode as _, createCommentVNode as h } from "vue";
-/* empty css                   */
-import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "nmorph-tag-item__content" }, y = { key: 1 };
-function N(r, C, l, o, v, I) {
-  return e(), t(
-    "div",
-    {
-      ref: "tagRef",
-      class: a(o.modifiers),
-      style: c(o.styles),
-      onClick: o.clickHandler
-    },
-    [
-      i("div", g, [
-        r.$slots.default ? m(r.$slots, "default", { key: 0 }) : (e(), t(
-          "span",
-          y,
-          s(l.text),
-          1
-          /* TEXT */
-        )),
-        o.props.removable ? (e(), d(o.NmorphIcon, {
+import { defineComponent as I, ref as b, computed as m, onMounted as S, onBeforeUnmount as $, watch as z, openBlock as h, createElementBlock as _, normalizeStyle as H, normalizeClass as F, createElementVNode as U, renderSlot as G, toDisplayString as P, createBlock as K, unref as k, withModifiers as j, withCtx as Z, createVNode as q, createCommentVNode as J, nextTick as Q } from "vue";
+import { useModifiers as W } from "../../../../../utils/create-modifiers.js";
+import { createCssVariables as X } from "../../../../../utils/common.js";
+import { NmorphComponentHeight as Y } from "../../../../../types/common.types.js";
+import ee from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+/* empty css                                            */
+import te from "../../../../../assets/icons/error.svg.js";
+const oe = { class: "nmorph-tag-item__content" }, re = { key: 1 }, ne = "var(--nmorph-gray-color)", y = "var(--nmorph-black-color)", le = "var(--nmorph-white-color)", de = /* @__PURE__ */ I({
+  __name: "NmorphTagItem",
+  props: {
+    value: {},
+    text: { default: "" },
+    removable: { type: Boolean, default: !0 },
+    height: { default: "basic" },
+    design: { default: "nmorph" },
+    color: { default: ne }
+  },
+  emits: ["click", "close"],
+  setup(g, { emit: O }) {
+    const N = { r: 201, g: 210, b: 222 }, l = g, i = b(null), u = b(y);
+    let p = null;
+    const R = m(
+      () => W({
+        nmorph: [Y[l.height]],
+        "nmorph-tag-item": [l.design]
+      })
+    ), d = m(() => l.design === "common"), w = m(
+      () => d.value ? u.value : "var(--nmorph-contrast-text-color)"
+    ), V = m(() => d.value ? X({
+      "--tag-item-background-color": l.color,
+      "--tag-item-content-color": u.value
+    }) : {}), C = O, D = () => {
+      C("close", l.value);
+    }, L = () => {
+      C("click", l.value);
+    }, T = (o) => {
+      const t = o.trim().replace("#", "");
+      if (![3, 4, 6, 8].includes(t.length)) return null;
+      const e = t.length <= 4 ? t.split("").map((r) => `${r}${r}`).join("") : t;
+      return {
+        r: parseInt(e.slice(0, 2), 16),
+        g: parseInt(e.slice(2, 4), 16),
+        b: parseInt(e.slice(4, 6), 16)
+      };
+    }, M = (o) => {
+      const t = o.match(/^rgba?\((.+)\)$/);
+      if (!t) return null;
+      const e = t[1].split("/")[0], r = e.includes(",") ? e.split(",") : e.trim().split(/\s+/), [n, a, c] = r.map((s) => Number.parseFloat(s));
+      return [n, a, c].some((s) => Number.isNaN(s)) ? null : { r: n, g: a, b: c };
+    }, x = (o, t) => {
+      const e = o.trim().match(/^var\(\s*(--[A-Za-z0-9-_]+)(?:\s*,\s*(.+))?\)$/);
+      if (!e) return o;
+      const [, r, n] = e, a = t.ownerDocument, c = getComputedStyle(t).getPropertyValue(r).trim(), s = getComputedStyle(a.documentElement).getPropertyValue(r).trim();
+      return c || s || n || o;
+    }, A = (o, t) => {
+      let e = o;
+      for (let r = 0; r < 4; r += 1) {
+        const n = x(e, t);
+        if (n === e) break;
+        e = n;
+      }
+      return T(e) || M(e) || N;
+    }, B = ({ r: o, g: t, b: e }) => {
+      const [r, n, a] = [o, t, e].map((c) => {
+        const s = c / 255;
+        return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+      });
+      return 0.2126 * r + 0.7152 * n + 0.0722 * a;
+    }, v = (o, t) => {
+      const [e, r] = [o, t].sort((n, a) => a - n);
+      return (e + 0.05) / (r + 0.05);
+    }, E = (o) => {
+      const t = B(o), e = v(t, 1), r = v(t, 0);
+      return e > r ? le : y;
+    }, f = async () => {
+      await Q(), !(!d.value || !i.value) && (u.value = E(A(l.color, i.value)));
+    };
+    return S(() => {
+      f(), !(typeof MutationObserver > "u" || !i.value) && (p = new MutationObserver(() => f()), p.observe(i.value.ownerDocument.documentElement, {
+        attributes: !0,
+        attributeFilter: ["nmorph-data-theme", "class", "style"]
+      }));
+    }), $(() => {
+      p?.disconnect();
+    }), z(() => [l.color, l.design], f, { flush: "post" }), (o, t) => (h(), _("div", {
+      ref_key: "tagRef",
+      ref: i,
+      class: F(R.value),
+      style: H(V.value),
+      onClick: L
+    }, [
+      U("div", oe, [
+        o.$slots.default ? G(o.$slots, "default", { key: 0 }) : (h(), _("span", re, P(g.text), 1)),
+        l.removable ? (h(), K(k(ee), {
           key: 2,
           class: "nmorph-tag-item__close-icon",
-          color: o.closeIconColor,
-          onClick: f(o.closeHandler, ["stop"])
+          color: w.value,
+          onClick: j(D, ["stop"])
         }, {
-          default: p(() => [
-            _(o.NmorphIconError)
+          default: Z(() => [
+            q(k(te))
           ]),
           _: 1
-          /* STABLE */
-        }, 8, ["color"])) : h("v-if", !0)
+        }, 8, ["color"])) : J("", !0)
       ])
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const S = /* @__PURE__ */ k(n, [["render", N], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue"]]);
+    ], 6));
+  }
+});
 export {
-  S as default
+  de as default
 };

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue3.js

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