@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js

@@ -1,98 +1,61 @@
 import './NmorphBacktop.css';
-import { defineComponent as S, computed as m, ref as r, onMounted as D, onUnmounted as B, openBlock as f, createElementBlock as C, createBlock as z, Teleport as H, createElementVNode as v, normalizeStyle as $, normalizeClass as N, withModifiers as O, renderSlot as I, createVNode as i, unref as a, withCtx as h } from "vue";
-import { useModifiers as V } from "../../../utils/create-modifiers.js";
-import Y from "../../basic/nmorph-button/NmorphButton.vue.js";
-/* empty css                                          */
-import L from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import A from "../../../assets/icons/chevron-down.svg.js";
-const P = /* @__PURE__ */ S({
-  __name: "NmorphBacktop",
-  props: {
-    right: { default: 40 },
-    bottom: { default: 40 },
-    visibilityHeight: { default: 200 },
-    design: { default: "nmorph" },
-    zIndex: { default: 10 },
-    teleportTo: { default: "body" },
-    teleportDisabled: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(b, { emit: w }) {
-    const e = b, y = w, _ = m(
-      () => V({
-        "nmorph-backtop": [n.value && "show", e.design]
-      })
-    ), k = m(() => ({
-      "--nmorph-backtop-right": `${e.right}px`,
-      "--nmorph-backtop-bottom": `${e.bottom}px`,
-      "--nmorph-backtop-z-index": e.zIndex
-    })), g = (t) => t === window, E = (t) => g(t) ? window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0 : t.scrollTop, T = (t) => {
-      let l = t?.parentElement ?? null;
-      for (; l; ) {
-        const p = window.getComputedStyle(l), M = p.overflowY || p.overflow;
-        if (["auto", "scroll", "overlay"].includes(M) && l.scrollHeight > l.clientHeight) return l;
-        l = l.parentElement;
-      }
-      return window;
-    }, o = r(null), c = r(null), u = r(null), n = r(!1), d = r(!1), s = () => {
-      if (!o.value) {
-        n.value = !1;
-        return;
-      }
-      n.value = E(o.value) > e.visibilityHeight;
-    }, x = () => {
-      y("click"), o.value && o.value.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: "smooth"
-      });
-    };
-    return D(() => {
-      o.value = T(c.value ?? u.value), o.value.addEventListener("scroll", s), s(), d.value = !0;
-    }), B(() => {
-      o.value && o.value.removeEventListener("scroll", s);
-    }), (t, l) => (f(), C("div", {
-      ref_key: "placeholderDOMEl",
-      ref: c
-    }, [
-      (f(), z(H, {
-        to: e.teleportTo,
-        disabled: !d.value || e.teleportDisabled
+import a from "./NmorphBacktop.vue2.js";
+import { openBlock as e, createElementBlock as p, createBlock as c, Teleport as i, createElementVNode as t, normalizeStyle as s, normalizeClass as d, withModifiers as m, renderSlot as f, createVNode as r, withCtx as l } from "vue";
+/* empty css                   */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = { ref: "placeholderDOMEl" };
+function k(n, v, y, o, b, N) {
+  return e(), p(
+    "div",
+    _,
+    [
+      (e(), c(i, {
+        to: o.props.teleportTo,
+        disabled: !o.isMounted || o.props.teleportDisabled
       }, [
-        v("div", {
-          ref_key: "selfDOMEl",
-          ref: u,
-          class: N(_.value),
-          style: $(k.value)
-        }, [
-          v("div", {
-            onClick: O(x, ["stop"])
-          }, [
-            I(t.$slots, "default", {}, () => [
-              i(a(Y), {
-                "style-type": e.design === "nmorph" ? "default" : "transparent"
-              }, {
-                default: h(() => [
-                  i(a(L), {
-                    class: "nmorph-backtop__up-icon",
-                    color: e.design === "nmorph" ? void 0 : "var(--nmorph-contrast-text-color)"
-                  }, {
-                    default: h(() => [
-                      i(a(A))
-                    ]),
-                    _: 1
-                  }, 8, ["color"])
-                ]),
-                _: 1
-              }, 8, ["style-type"])
+        t(
+          "div",
+          {
+            ref: "selfDOMEl",
+            class: d(o.modifiers),
+            style: s(o.styles)
+          },
+          [
+            t("div", {
+              onClick: m(o.scrollToTopHandler, ["stop"])
+            }, [
+              f(n.$slots, "default", {}, () => [
+                r(o.NmorphButton, {
+                  "style-type": o.props.design === "nmorph" ? "default" : "transparent"
+                }, {
+                  default: l(() => [
+                    r(o.NmorphIcon, {
+                      class: "nmorph-backtop__up-icon",
+                      color: o.props.design === "nmorph" ? void 0 : "var(--nmorph-contrast-text-color)"
+                    }, {
+                      default: l(() => [
+                        r(o.NmorphIconChevronDown)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["color"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["style-type"])
+              ])
             ])
-          ])
-        ], 6)
+          ],
+          6
+          /* CLASS, STYLE */
+        )
       ], 8, ["to", "disabled"]))
-    ], 512));
-  }
-});
+    ],
+    512
+    /* NEED_PATCH */
+  );
+}
+const E = /* @__PURE__ */ h(a, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
 export {
-  P as default
+  E as default
 };

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js

@@ -0,0 +1,67 @@
+import './NmorphBacktop.css';
+import { defineComponent as E, computed as v, ref as l, onMounted as T, onUnmounted as k } from "vue";
+import { useModifiers as q } from "../../../utils/create-modifiers.js";
+import x from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import I from "../../basic/nmorph-button/NmorphButton.vue.js";
+import B from "../../../assets/icons/chevron-down.svg.js";
+const Y = /* @__PURE__ */ E({
+  __name: "NmorphBacktop",
+  props: {
+    right: { type: Number, required: !1, default: 40 },
+    bottom: { type: Number, required: !1, default: 40 },
+    visibilityHeight: { type: Number, required: !1, default: 200 },
+    design: { type: String, required: !1, default: "nmorph" },
+    zIndex: { type: Number, required: !1, default: 10 },
+    teleportTo: { type: String, required: !1, default: "body" },
+    teleportDisabled: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["click"],
+  setup(b, { expose: w, emit: y }) {
+    w();
+    const t = b, s = y, g = v(
+      () => q({
+        "nmorph-backtop": [n.value && "show", t.design]
+      })
+    ), N = v(() => ({
+      "--nmorph-backtop-right": `${t.right}px`,
+      "--nmorph-backtop-bottom": `${t.bottom}px`,
+      "--nmorph-backtop-z-index": t.zIndex
+    })), u = (r) => r === window, c = (r) => u(r) ? window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0 : r.scrollTop, a = (r) => {
+      let o = r?.parentElement ?? null;
+      for (; o; ) {
+        const h = window.getComputedStyle(o), _ = h.overflowY || h.overflow;
+        if (["auto", "scroll", "overlay"].includes(_) && o.scrollHeight > o.clientHeight) return o;
+        o = o.parentElement;
+      }
+      return window;
+    }, e = l(null), p = l(null), m = l(null), n = l(!1), d = l(!1), i = () => {
+      if (!e.value) {
+        n.value = !1;
+        return;
+      }
+      n.value = c(e.value) > t.visibilityHeight;
+    }, S = () => {
+      s("click"), e.value && e.value.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth"
+      });
+    };
+    T(() => {
+      e.value = a(p.value ?? m.value), e.value.addEventListener("scroll", i), i(), d.value = !0;
+    }), k(() => {
+      e.value && e.value.removeEventListener("scroll", i);
+    });
+    const f = { props: t, emit: s, modifiers: g, styles: N, isWindow: u, getScrollTop: c, findScrollableAncestor: a, container: e, placeholderDOMEl: p, selfDOMEl: m, showButton: n, isMounted: d, updateVisibility: i, scrollToTopHandler: S, get NmorphButton() {
+      return I;
+    }, get NmorphIcon() {
+      return x;
+    }, get NmorphIconChevronDown() {
+      return B;
+    } };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+  }
+});
+export {
+  Y as default
+};

package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.js

@@ -1,40 +1,48 @@
 import './NmorphBreadcrumb.css';
-import { defineComponent as l, ref as u, provide as p, computed as i, openBlock as e, createElementBlock as r, normalizeClass as b, renderSlot as _, Fragment as f, renderList as h, createElementVNode as v, unref as g, toDisplayString as k, createCommentVNode as y } from "vue";
-import { useModifiers as B } from "../../../utils/create-modifiers.js";
-import { generateUUID as C } from "../../../utils/common.js";
-const I = ["id"], N = {
+import a from "./NmorphBreadcrumb.vue2.js";
+import { openBlock as e, createElementBlock as o, normalizeClass as c, renderSlot as d, Fragment as s, renderList as i, createElementVNode as l, toDisplayString as b, createCommentVNode as p } from "vue";
+/* empty css                      */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = ["id"], f = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, U = /* @__PURE__ */ l({
-  __name: "NmorphBreadcrumb",
-  props: {
-    separator: { default: "/" }
-  },
-  setup(n) {
-    const m = n, t = u([]), o = C();
-    p("breadcrumb-data", { breadcrumbs: t, breadcrumbId: o });
-    const s = i(
-      () => B({
-        "nmorph-breadcrumb": []
-      })
-    );
-    return (d, $) => (e(), r("div", {
-      class: b(s.value)
-    }, [
-      _(d.$slots, "default"),
-      (e(!0), r(f, null, h(t.value, (c, a) => (e(), r("div", {
-        key: a,
-        class: "nmorph-breadcrumb__content"
-      }, [
-        v("div", {
-          id: `nmorph-breadcrumb-${g(o)}-${c.itemId}-element`,
-          class: "nmorph-breadcrumb__element"
-        }, null, 8, I),
-        a < t.value.length - 1 ? (e(), r("div", N, k(m.separator), 1)) : y("", !0)
-      ]))), 128))
-    ], 2));
-  }
-});
+};
+function h(m, v, k, r, g, y) {
+  return e(), o(
+    "div",
+    {
+      class: c(r.modifiers)
+    },
+    [
+      d(m.$slots, "default"),
+      (e(!0), o(
+        s,
+        null,
+        i(r.breadcrumbs, (n, t) => (e(), o("div", {
+          key: t,
+          class: "nmorph-breadcrumb__content"
+        }, [
+          l("div", {
+            id: `nmorph-breadcrumb-${r.breadcrumbId}-${n.itemId}-element`,
+            class: "nmorph-breadcrumb__element"
+          }, null, 8, u),
+          t < r.breadcrumbs.length - 1 ? (e(), o(
+            "div",
+            f,
+            b(r.props.separator),
+            1
+            /* TEXT */
+          )) : p("v-if", !0)
+        ]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+const I = /* @__PURE__ */ _(a, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue"]]);
 export {
-  U as default
+  I as default
 };

package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue2.js

@@ -0,0 +1,24 @@
+import './NmorphBreadcrumb.css';
+import { defineComponent as m, ref as n, provide as d, computed as u } from "vue";
+import { useModifiers as c } from "../../../utils/create-modifiers.js";
+import { generateUUID as i } from "../../../utils/common.js";
+const l = /* @__PURE__ */ m({
+  __name: "NmorphBreadcrumb",
+  props: {
+    separator: { type: String, required: !1, default: "/" }
+  },
+  setup(o, { expose: p }) {
+    p();
+    const s = o, e = n([]), r = i();
+    d("breadcrumb-data", { breadcrumbs: e, breadcrumbId: r });
+    const a = u(
+      () => c({
+        "nmorph-breadcrumb": []
+      })
+    ), t = { props: s, breadcrumbs: e, breadcrumbId: r, modifiers: a };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  l as default
+};

package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.js

@@ -1,44 +1,36 @@
-import { defineComponent as s, computed as d, inject as i, ref as p, onMounted as f, resolveComponent as b, unref as r, openBlock as n, createElementBlock as h, normalizeClass as k, createBlock as v, Teleport as B, createVNode as C, withCtx as _, renderSlot as I, createCommentVNode as M } from "vue";
-import { useModifiers as N } from "../../../../../utils/create-modifiers.js";
-import { generateUUID as $ } from "../../../../../utils/common.js";
-const U = /* @__PURE__ */ s({
-  __name: "NmorphBreadcrumbItem",
-  props: {
-    to: { default: "" },
-    replace: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const c = e, l = d(
-      () => N({
-        "nmorph-breadcrumb-item": []
-      })
-    ), o = i("breadcrumb-data"), a = p(!1), t = $();
-    return f(() => {
-      a.value = !0;
-    }), o.breadcrumbs.value.push({ ...c, itemId: t }), (m, g) => {
-      const u = b("router-link");
-      return a.value && r(t) ? (n(), h("div", {
-        key: 0,
-        class: k(l.value)
+import n from "./NmorphBreadcrumbItem.vue2.js";
+import { resolveComponent as a, openBlock as o, createElementBlock as c, normalizeClass as l, createBlock as i, Teleport as d, createVNode as s, withCtx as p, renderSlot as b, createCommentVNode as f } from "vue";
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _(t, h, r, e, k, v) {
+  const m = a("router-link");
+  return e.isMounted && e.itemId ? (o(), c(
+    "div",
+    {
+      key: 0,
+      class: l(e.modifiers)
+    },
+    [
+      (o(), i(d, {
+        to: `#nmorph-breadcrumb-${e.breadcrumbData?.breadcrumbId}-${e.itemId}-element`
       }, [
-        (n(), v(B, {
-          to: `#nmorph-breadcrumb-${r(o)?.breadcrumbId}-${r(t)}-element`
-        }, [
-          C(u, {
-            to: e.to,
-            replace: e.replace,
-            class: "fill-height"
-          }, {
-            default: _(() => [
-              I(m.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["to", "replace"])
-        ], 8, ["to"]))
-      ], 2)) : M("", !0);
-    };
-  }
-});
+        s(m, {
+          to: r.to,
+          replace: r.replace,
+          class: "fill-height"
+        }, {
+          default: p(() => [
+            b(t.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["to", "replace"])
+      ], 8, ["to"]))
+    ],
+    2
+    /* CLASS */
+  )) : f("v-if", !0);
+}
+const N = /* @__PURE__ */ u(n, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue"]]);
 export {
-  U as default
+  N as default
 };

package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue2.js

@@ -1,4 +1,26 @@
-import f from "./NmorphBreadcrumbItem.vue.js";
+import { defineComponent as m, computed as p, inject as d, ref as c, onMounted as i } from "vue";
+import { useModifiers as f } from "../../../../../utils/create-modifiers.js";
+import { generateUUID as l } from "../../../../../utils/common.js";
+const j = /* @__PURE__ */ m({
+  __name: "NmorphBreadcrumbItem",
+  props: {
+    to: { type: [String, Object], required: !1, default: "" },
+    replace: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(s, { expose: u }) {
+    u();
+    const e = s, n = p(
+      () => f({
+        "nmorph-breadcrumb-item": []
+      })
+    ), r = d("breadcrumb-data"), t = c(!1), o = l();
+    i(() => {
+      t.value = !0;
+    }), r.breadcrumbs.value.push({ ...e, itemId: o });
+    const a = { props: e, modifiers: n, breadcrumbData: r, isMounted: t, itemId: o };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
 export {
-  f as default
+  j as default
 };