@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/basic/nmorph-link/NmorphLink.vue2.js

@@ -0,0 +1,56 @@
+import './NmorphLink.css';
+import { defineComponent as y, useSlots as g, computed as r } from "vue";
+import { useModifiers as q } from "../../../utils/create-modifiers.js";
+import { createCssVariables as v } from "../../../utils/common.js";
+import * as h from "../nmorph-icon/NmorphIcons.js";
+import { NmorphLinkTarget as S } from "./types.js";
+import { NmorphColor as N } from "../../../types/common.types.js";
+import _ from "../nmorph-icon/NmorphIcon.vue.js";
+const L = /* @__PURE__ */ y({
+  __name: "NmorphLink",
+  props: {
+    type: { type: null, required: !1, default: N.accent },
+    underline: { type: Boolean, required: !1, default: !1 },
+    href: { type: String, required: !1, default: "" },
+    text: { type: String, required: !1, default: "" },
+    target: { type: null, required: !1, default: "self" },
+    rel: { type: String, required: !1, default: void 0 },
+    referrerpolicy: { type: String, required: !1, default: void 0 },
+    referrerPolicy: { type: String, required: !1, default: void 0 },
+    download: { type: [String, Boolean], required: !1, default: void 0 },
+    ariaLabel: { type: String, required: !1, default: void 0 },
+    title: { type: String, required: !1, default: void 0 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    color: { type: String, required: !1, default: void 0 },
+    iconName: { type: String, required: !1, default: void 0 }
+  },
+  setup(n, { expose: d }) {
+    d();
+    const e = n, s = g(), t = h, o = (m) => m.split(/[-_\s]+/).filter(Boolean).map((a) => `${a.charAt(0).toUpperCase()}${a.slice(1)}`).join(""), f = r(() => {
+      if (e.iconName)
+        return e.iconName in t ? t[e.iconName] : t[`NmorphIcon${o(e.iconName)}`];
+    }), p = r(
+      () => q({
+        "nmorph-link": [e.type, e.underline && "underline", e.disabled && "disabled"]
+      })
+    ), u = r(
+      () => v({
+        "--link-color": e.color
+      })
+    ), l = r(() => S[e.target] ?? e.target), c = r(() => ({
+      href: e.href,
+      target: l.value,
+      rel: e.rel,
+      referrerpolicy: e.referrerpolicy ?? e.referrerPolicy,
+      download: e.download === !0 ? "" : e.download === !1 ? void 0 : e.download,
+      "aria-label": e.ariaLabel,
+      title: e.title
+    })), i = { props: e, slots: s, iconMap: t, toPascalCase: o, resolvedIcon: f, modifiers: p, styles: u, resolvedTarget: l, anchorAttrs: c, get NmorphIcon() {
+      return _;
+    } };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  L as default
+};

package/dist/components/basic/nmorph-scroll/NmorphScroll.vue.js

@@ -1,220 +1,87 @@
 import './NmorphScroll.css';
-import { defineComponent as Pe, ref as c, computed as n, inject as we, onUnmounted as He, onMounted as ze, nextTick as G, watch as N, openBlock as T, createElementBlock as W, normalizeStyle as h, normalizeClass as Be, createElementVNode as M, renderSlot as Te, createCommentVNode as U } from "vue";
-import { useModifiers as We } from "../../../utils/create-modifiers.js";
-const ke = /* @__PURE__ */ Pe({
-  __name: "NmorphScroll",
-  props: {
-    height: { default: "100%" },
-    maxHeight: { default: "none" },
-    modelValue: { default: () => ({
-      x: 0,
-      y: 0
-    }) },
-    scrollYProp: { default: "auto" },
-    scrollXProp: { default: "auto" },
-    cssScrollBehavior: { default: "smooth" },
-    scrollEndDelay: { default: 50 },
-    updateOnlyOnScrollEnd: { type: Boolean, default: !1 },
-    yBarWidthInPx: { default: 6 },
-    xBarWidthInPx: { default: 6 },
-    xGapInPx: { default: 0 },
-    yGapInPx: { default: 0 }
-  },
-  emits: ["on-scroll", "update:model-value", "on-scroll-end"],
-  setup(j, { expose: q, emit: A }) {
-    const l = j, F = c(null), s = c(null), J = n(() => l.scrollYProp), K = n(() => l.scrollXProp), f = c(!1), g = c(!1), i = c({
-      clientWidth: 0,
-      clientHeight: 0,
-      scrollWidth: 0,
-      scrollHeight: 0,
-      scrollLeft: 0,
-      scrollTop: 0
-    }), y = c(!1);
-    let b, a, _ = "";
-    const m = () => {
-      const e = s.value;
-      if (!e) {
-        f.value = !1, g.value = !1, i.value = {
-          clientWidth: 0,
-          clientHeight: 0,
-          scrollWidth: 0,
-          scrollHeight: 0,
-          scrollLeft: 0,
-          scrollTop: 0
-        };
-        return;
-      }
-      const t = {
-        clientWidth: e.clientWidth,
-        clientHeight: e.clientHeight,
-        scrollWidth: e.scrollWidth,
-        scrollHeight: e.scrollHeight,
-        scrollLeft: e.scrollLeft,
-        scrollTop: e.scrollTop
-      };
-      i.value = t, f.value = t.scrollHeight > t.clientHeight, g.value = t.scrollWidth > t.clientWidth;
-    }, Q = n(() => l.yBarWidthInPx + l.yGapInPx), Z = n(() => l.xBarWidthInPx + l.xGapInPx), ee = n(
-      () => l.scrollYProp === "hidden" || !f.value ? "0" : `${Q.value}px`
-    ), te = n(
-      () => l.scrollXProp === "hidden" || !g.value ? "0" : `${Z.value}px`
-    ), k = n(() => `${l.yBarWidthInPx}px`), E = n(() => `${l.xBarWidthInPx}px`), oe = n(() => B.value ? E.value : "0px"), le = n(() => z.value ? k.value : "0px"), ne = we("nmorph");
-    let v;
-    const P = A, I = () => {
-      const e = s.value;
-      if (!e) return;
-      const t = Math.trunc(e.scrollLeft), o = Math.trunc(e.scrollTop);
-      P("update:model-value", { x: t, y: o });
-    }, re = () => {
-      P("on-scroll-end");
-    }, ae = (e) => {
-      m(), P("on-scroll", e), s.value && (l.updateOnlyOnScrollEnd || I(), v !== void 0 && clearTimeout(v), v = setTimeout(() => {
-        l.updateOnlyOnScrollEnd && I(), re();
-      }, l.scrollEndDelay));
-    };
-    He(() => {
-      v !== void 0 && clearTimeout(v), b?.disconnect(), V();
-    });
-    const w = c(!1), ie = n(
-      () => We({
-        "nmorph-scroll": {
-          "show-bars": w.value || y.value,
-          dragging: y.value
-        }
-      })
-    ), H = (e) => {
-      const { x: t, y: o } = e;
-      s.value?.scrollTo({
-        left: t,
-        top: o,
-        behavior: "smooth"
-      });
-    };
-    ze(() => {
-      H(l.modelValue), G(m), typeof ResizeObserver < "u" && s.value && (b = new ResizeObserver(() => {
-        m();
-      }), b.observe(s.value));
-    }), N(
-      () => l.modelValue,
-      (e) => {
-        H(e);
-      },
-      { deep: !0, immediate: !0 }
-    ), N(
-      () => ne?.browser.dimensions,
-      () => {
-        G(m);
-      },
-      { deep: !0, immediate: !0 }
-    );
-    const se = n(() => l.cssScrollBehavior), ce = n(() => l.height), ue = n(() => l.maxHeight), de = n(() => ({
-      "--bar-width": k.value,
-      "--bar-height": E.value,
-      boxSizing: "border-box",
-      minWidth: "0",
-      minHeight: "0",
-      height: ce.value,
-      maxHeight: ue.value
-    })), he = n(() => ({
-      paddingRight: ee.value,
-      paddingBottom: te.value,
-      overflowX: K.value,
-      overflowY: J.value,
-      scrollBehavior: se.value
-    })), z = n(() => l.scrollYProp !== "hidden" && f.value), B = n(() => l.scrollXProp !== "hidden" && g.value), me = n(
-      () => Math.max(0, i.value.clientHeight - (B.value ? l.xBarWidthInPx : 0))
-    ), ve = n(
-      () => Math.max(0, i.value.clientWidth - (z.value ? l.yBarWidthInPx : 0))
-    ), p = (e) => e === "y" ? me.value : ve.value, L = (e) => e === "y" ? i.value.clientHeight : i.value.clientWidth, O = (e) => e === "y" ? i.value.scrollHeight : i.value.scrollWidth, D = (e) => e === "y" ? i.value.scrollTop : i.value.scrollLeft, pe = (e) => Math.min(p(e), Math.max(18, e === "y" ? l.yBarWidthInPx * 3 : l.xBarWidthInPx * 3)), S = (e) => Math.max(0, O(e) - L(e)), u = (e) => {
-      const t = p(e), o = O(e), r = L(e);
-      return t <= 0 || o <= r ? 0 : Math.min(t, Math.max(pe(e), r / o * t));
-    }, C = (e) => {
-      const t = S(e), o = Math.max(0, p(e) - u(e));
-      return !t || !o ? 0 : D(e) / t * o;
-    }, fe = n(() => ({
-      height: `${u("y")}px`,
-      transform: `translate3d(0, ${C("y")}px, 0)`
-    })), ge = n(() => ({
-      width: `${u("x")}px`,
-      transform: `translate3d(${C("x")}px, 0, 0)`
-    })), R = (e, t) => {
-      const o = s.value;
-      if (!o) return;
-      const r = Math.max(0, Math.min(S(e), t));
-      e === "y" ? o.scrollTop = r : o.scrollLeft = r, m();
-    }, V = () => {
-      a && (window.removeEventListener("pointermove", X), window.removeEventListener("pointerup", x), window.removeEventListener("pointercancel", x), a = void 0, y.value = !1, document.body && (document.body.style.userSelect = _));
-    }, X = (e) => {
-      if (!a) return;
-      const o = (a.axis === "y" ? e.clientY : e.clientX) - a.pointerStart, r = Math.max(1, a.trackSize - a.thumbSize), d = o / r * a.maxScroll;
-      R(a.axis, a.scrollStart + d);
-    }, x = () => {
-      V();
-    }, Y = (e, t) => {
-      t.preventDefault(), t.stopPropagation();
-      const o = p(e), r = u(e), d = S(e);
-      !o || !r || !d || (a = {
-        axis: e,
-        pointerStart: e === "y" ? t.clientY : t.clientX,
-        scrollStart: D(e),
-        trackSize: o,
-        thumbSize: r,
-        maxScroll: d
-      }, y.value = !0, _ = document.body?.style.userSelect ?? "", document.body && (document.body.style.userSelect = "none"), window.addEventListener("pointermove", X), window.addEventListener("pointerup", x), window.addEventListener("pointercancel", x));
-    }, $ = (e, t) => {
-      if (t.target.closest(".nmorph-scroll__thumb")) return;
-      const r = t.currentTarget.getBoundingClientRect(), d = e === "y" ? t.clientY - r.top : t.clientX - r.left, xe = Math.max(1, p(e) - u(e)), be = (d - u(e) / 2) / xe * S(e);
-      R(e, be);
-    };
-    q({ scrollDOMContainer: s, moveTo: H });
-    const ye = () => {
-      w.value = !0;
-    }, Se = () => {
-      w.value = !1;
-    };
-    return (e, t) => (T(), W("div", {
-      ref_key: "scrollRoot",
-      ref: F,
-      class: Be(ie.value),
-      style: h(de.value),
-      onMouseenter: ye,
-      onMouseleave: Se
-    }, [
-      M("div", {
-        ref_key: "scrollDOMContainer",
-        ref: s,
-        class: "nmorph-scroll__viewport",
-        style: h(he.value),
-        onScroll: ae
-      }, [
-        Te(e.$slots, "default")
-      ], 36),
-      z.value ? (T(), W("div", {
-        key: 0,
-        class: "nmorph-scroll__bar nmorph-scroll__bar--vertical",
-        style: h({ bottom: oe.value }),
-        onPointerdown: t[1] || (t[1] = (o) => $("y", o))
-      }, [
-        M("div", {
-          class: "nmorph-scroll__thumb nmorph-scroll__thumb--vertical",
-          style: h(fe.value),
-          onPointerdown: t[0] || (t[0] = (o) => Y("y", o))
-        }, null, 36)
-      ], 36)) : U("", !0),
-      B.value ? (T(), W("div", {
-        key: 1,
-        class: "nmorph-scroll__bar nmorph-scroll__bar--horizontal",
-        style: h({ right: le.value }),
-        onPointerdown: t[3] || (t[3] = (o) => $("x", o))
-      }, [
-        M("div", {
-          class: "nmorph-scroll__thumb nmorph-scroll__thumb--horizontal",
-          style: h(ge.value),
-          onPointerdown: t[2] || (t[2] = (o) => Y("x", o))
-        }, null, 36)
-      ], 36)) : U("", !0)
-    ], 38));
-  }
-});
+import s from "./NmorphScroll.vue2.js";
+import { openBlock as e, createElementBlock as t, normalizeStyle as n, normalizeClass as c, createElementVNode as i, renderSlot as d, createCommentVNode as a } from "vue";
+/* empty css                  */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+function v(m, r, _, o, b, y) {
+  return e(), t(
+    "div",
+    {
+      ref: "scrollRoot",
+      class: c(o.modifiers),
+      style: n(o.rootStyle),
+      onMouseenter: o.mouseEnterHandler,
+      onMouseleave: o.mouseLeaveHandler
+    },
+    [
+      i(
+        "div",
+        {
+          ref: "scrollDOMContainer",
+          class: "nmorph-scroll__viewport",
+          style: n(o.viewportStyle),
+          onScroll: o.scrollHandler
+        },
+        [
+          d(m.$slots, "default")
+        ],
+        36
+        /* STYLE, NEED_HYDRATION */
+      ),
+      o.visibleVerticalBar ? (e(), t(
+        "div",
+        {
+          key: 0,
+          class: "nmorph-scroll__bar nmorph-scroll__bar--vertical",
+          style: n({ bottom: o.verticalBarBottom }),
+          onPointerdown: r[1] || (r[1] = (l) => o.trackPointerDownHandler("y", l))
+        },
+        [
+          i(
+            "div",
+            {
+              class: "nmorph-scroll__thumb nmorph-scroll__thumb--vertical",
+              style: n(o.verticalThumbStyle),
+              onPointerdown: r[0] || (r[0] = (l) => o.thumbPointerDownHandler("y", l))
+            },
+            null,
+            36
+            /* STYLE, NEED_HYDRATION */
+          )
+        ],
+        36
+        /* STYLE, NEED_HYDRATION */
+      )) : a("v-if", !0),
+      o.visibleHorizontalBar ? (e(), t(
+        "div",
+        {
+          key: 1,
+          class: "nmorph-scroll__bar nmorph-scroll__bar--horizontal",
+          style: n({ right: o.horizontalBarRight }),
+          onPointerdown: r[3] || (r[3] = (l) => o.trackPointerDownHandler("x", l))
+        },
+        [
+          i(
+            "div",
+            {
+              class: "nmorph-scroll__thumb nmorph-scroll__thumb--horizontal",
+              style: n(o.horizontalThumbStyle),
+              onPointerdown: r[2] || (r[2] = (l) => o.thumbPointerDownHandler("x", l))
+            },
+            null,
+            36
+            /* STYLE, NEED_HYDRATION */
+          )
+        ],
+        36
+        /* STYLE, NEED_HYDRATION */
+      )) : a("v-if", !0)
+    ],
+    38
+    /* CLASS, STYLE, NEED_HYDRATION */
+  );
+}
+const H = /* @__PURE__ */ h(s, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-scroll/NmorphScroll.vue"]]);
 export {
-  ke as default
+  H as default
 };

package/dist/components/basic/nmorph-scroll/NmorphScroll.vue2.js

@@ -0,0 +1,195 @@
+import './NmorphScroll.css';
+import { defineComponent as fe, ref as d, computed as o, inject as ge, onUnmounted as ye, onMounted as Se, nextTick as Q, watch as Z } from "vue";
+import { useModifiers as be } from "../../../utils/create-modifiers.js";
+const Be = /* @__PURE__ */ fe({
+  __name: "NmorphScroll",
+  props: {
+    height: { type: String, required: !1, default: "100%" },
+    maxHeight: { type: String, required: !1, default: "none" },
+    modelValue: { type: Object, required: !1, default: () => ({
+      x: 0,
+      y: 0
+    }) },
+    scrollYProp: { type: null, required: !1, default: "auto" },
+    scrollXProp: { type: null, required: !1, default: "auto" },
+    cssScrollBehavior: { type: null, required: !1, default: "smooth" },
+    scrollEndDelay: { type: Number, required: !1, default: 50 },
+    updateOnlyOnScrollEnd: { type: Boolean, required: !1, default: !1 },
+    yBarWidthInPx: { type: Number, required: !1, default: 6 },
+    xBarWidthInPx: { type: Number, required: !1, default: 6 },
+    xGapInPx: { type: Number, required: !1, default: 0 },
+    yGapInPx: { type: Number, required: !1, default: 0 }
+  },
+  emits: ["on-scroll", "update:model-value", "on-scroll-end"],
+  setup(ee, { expose: te, emit: le }) {
+    const l = ee, oe = d(null), c = d(null), D = o(() => l.scrollYProp), X = o(() => l.scrollXProp), v = d(!1), f = d(!1), i = d({
+      clientWidth: 0,
+      clientHeight: 0,
+      scrollWidth: 0,
+      scrollHeight: 0,
+      scrollLeft: 0,
+      scrollTop: 0
+    }), g = d(!1);
+    let y, n, x = "";
+    const h = () => {
+      const e = c.value;
+      if (!e) {
+        v.value = !1, f.value = !1, i.value = {
+          clientWidth: 0,
+          clientHeight: 0,
+          scrollWidth: 0,
+          scrollHeight: 0,
+          scrollLeft: 0,
+          scrollTop: 0
+        };
+        return;
+      }
+      const t = {
+        clientWidth: e.clientWidth,
+        clientHeight: e.clientHeight,
+        scrollWidth: e.scrollWidth,
+        scrollHeight: e.scrollHeight,
+        scrollLeft: e.scrollLeft,
+        scrollTop: e.scrollTop
+      };
+      i.value = t, v.value = t.scrollHeight > t.clientHeight, f.value = t.scrollWidth > t.clientWidth;
+    }, Y = o(() => l.yBarWidthInPx + l.yGapInPx), R = o(() => l.xBarWidthInPx + l.xGapInPx), $ = o(
+      () => l.scrollYProp === "hidden" || !v.value ? "0" : `${Y.value}px`
+    ), V = o(
+      () => l.scrollXProp === "hidden" || !f.value ? "0" : `${R.value}px`
+    ), B = o(() => `${l.yBarWidthInPx}px`), w = o(() => `${l.xBarWidthInPx}px`), re = o(() => M.value ? w.value : "0px"), ne = o(() => W.value ? B.value : "0px"), C = ge("nmorph");
+    let s;
+    const P = le, z = () => {
+      const e = c.value;
+      if (!e) return;
+      const t = Math.trunc(e.scrollLeft), r = Math.trunc(e.scrollTop);
+      P("update:model-value", { x: t, y: r });
+    }, N = () => {
+      P("on-scroll-end");
+    }, ae = (e) => {
+      h(), P("on-scroll", e), c.value && (l.updateOnlyOnScrollEnd || z(), s !== void 0 && clearTimeout(s), s = setTimeout(() => {
+        l.updateOnlyOnScrollEnd && z(), N();
+      }, l.scrollEndDelay));
+    };
+    ye(() => {
+      s !== void 0 && clearTimeout(s), y?.disconnect(), _();
+    });
+    const H = d(!1), ie = o(
+      () => be({
+        "nmorph-scroll": {
+          "show-bars": H.value || g.value,
+          dragging: g.value
+        }
+      })
+    ), T = (e) => {
+      const { x: t, y: r } = e;
+      c.value?.scrollTo({
+        left: t,
+        top: r,
+        behavior: "smooth"
+      });
+    };
+    Se(() => {
+      T(l.modelValue), Q(h), typeof ResizeObserver < "u" && c.value && (y = new ResizeObserver(() => {
+        h();
+      }), y.observe(c.value));
+    }), Z(
+      () => l.modelValue,
+      (e) => {
+        T(e);
+      },
+      { deep: !0, immediate: !0 }
+    ), Z(
+      () => C?.browser.dimensions,
+      () => {
+        Q(h);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const U = o(() => l.cssScrollBehavior), G = o(() => l.height), j = o(() => l.maxHeight), ce = o(() => ({
+      "--bar-width": B.value,
+      "--bar-height": w.value,
+      boxSizing: "border-box",
+      minWidth: "0",
+      minHeight: "0",
+      height: G.value,
+      maxHeight: j.value
+    })), se = o(() => ({
+      paddingRight: $.value,
+      paddingBottom: V.value,
+      overflowX: X.value,
+      overflowY: D.value,
+      scrollBehavior: U.value
+    })), W = o(() => l.scrollYProp !== "hidden" && v.value), M = o(() => l.scrollXProp !== "hidden" && f.value), A = o(
+      () => Math.max(0, i.value.clientHeight - (M.value ? l.xBarWidthInPx : 0))
+    ), F = o(
+      () => Math.max(0, i.value.clientWidth - (W.value ? l.yBarWidthInPx : 0))
+    ), p = (e) => e === "y" ? A.value : F.value, E = (e) => e === "y" ? i.value.clientHeight : i.value.clientWidth, L = (e) => e === "y" ? i.value.scrollHeight : i.value.scrollWidth, O = (e) => e === "y" ? i.value.scrollTop : i.value.scrollLeft, J = (e) => Math.min(p(e), Math.max(18, e === "y" ? l.yBarWidthInPx * 3 : l.xBarWidthInPx * 3)), S = (e) => Math.max(0, L(e) - E(e)), u = (e) => {
+      const t = p(e), r = L(e), a = E(e);
+      return t <= 0 || r <= a ? 0 : Math.min(t, Math.max(J(e), a / r * t));
+    }, I = (e) => {
+      const t = S(e), r = Math.max(0, p(e) - u(e));
+      return !t || !r ? 0 : O(e) / t * r;
+    }, ue = o(() => ({
+      height: `${u("y")}px`,
+      transform: `translate3d(0, ${I("y")}px, 0)`
+    })), de = o(() => ({
+      width: `${u("x")}px`,
+      transform: `translate3d(${I("x")}px, 0, 0)`
+    })), q = (e, t) => {
+      const r = c.value;
+      if (!r) return;
+      const a = Math.max(0, Math.min(S(e), t));
+      e === "y" ? r.scrollTop = a : r.scrollLeft = a, h();
+    }, _ = () => {
+      n && (window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b), n = void 0, g.value = !1, document.body && (document.body.style.userSelect = x));
+    }, k = (e) => {
+      if (!n) return;
+      const r = (n.axis === "y" ? e.clientY : e.clientX) - n.pointerStart, a = Math.max(1, n.trackSize - n.thumbSize), m = r / a * n.maxScroll;
+      q(n.axis, n.scrollStart + m);
+    }, b = () => {
+      _();
+    }, he = (e, t) => {
+      t.preventDefault(), t.stopPropagation();
+      const r = p(e), a = u(e), m = S(e);
+      !r || !a || !m || (n = {
+        axis: e,
+        pointerStart: e === "y" ? t.clientY : t.clientX,
+        scrollStart: O(e),
+        trackSize: r,
+        thumbSize: a,
+        maxScroll: m
+      }, g.value = !0, x = document.body?.style.userSelect ?? "", document.body && (document.body.style.userSelect = "none"), window.addEventListener("pointermove", k), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b));
+    }, pe = (e, t) => {
+      if (t.target.closest(".nmorph-scroll__thumb")) return;
+      const a = t.currentTarget.getBoundingClientRect(), m = e === "y" ? t.clientY - a.top : t.clientX - a.left, me = Math.max(1, p(e) - u(e)), ve = (m - u(e) / 2) / me * S(e);
+      q(e, ve);
+    };
+    te({ scrollDOMContainer: c, moveTo: T });
+    const K = { props: l, scrollRoot: oe, scrollDOMContainer: c, overflowY: D, overflowX: X, hasVerticalScroll: v, hasHorizontalScroll: f, metrics: i, isDragging: g, get resizeObserver() {
+      return y;
+    }, set resizeObserver(e) {
+      y = e;
+    }, get dragState() {
+      return n;
+    }, set dragState(e) {
+      n = e;
+    }, get previousBodyUserSelect() {
+      return x;
+    }, set previousBodyUserSelect(e) {
+      x = e;
+    }, updateScrollableState: h, paddingRightCandidate: Y, paddingBottomCandidate: R, paddingRight: $, paddingBottom: V, barWidth: B, barHeight: w, verticalBarBottom: re, horizontalBarRight: ne, nmorph: C, get scrollEndTimeout() {
+      return s;
+    }, set scrollEndTimeout(e) {
+      s = e;
+    }, emit: P, updateValue: z, handleScrollEnd: N, scrollHandler: ae, show: H, modifiers: ie, moveTo: T, scrollBehavior: U, scrollHeight: G, maxHeight: j, rootStyle: ce, viewportStyle: se, visibleVerticalBar: W, visibleHorizontalBar: M, verticalTrackSize: A, horizontalTrackSize: F, getTrackSize: p, getClientSize: E, getScrollSize: L, getScrollPosition: O, getMinThumbSize: J, getMaxScroll: S, getThumbSize: u, getThumbOffset: I, verticalThumbStyle: ue, horizontalThumbStyle: de, setScrollPosition: q, stopThumbDrag: _, thumbPointerMoveHandler: k, thumbPointerUpHandler: b, thumbPointerDownHandler: he, trackPointerDownHandler: pe, mouseEnterHandler: () => {
+      H.value = !0;
+    }, mouseLeaveHandler: () => {
+      H.value = !1;
+    } };
+    return Object.defineProperty(K, "__isScriptSetup", { enumerable: !1, value: !0 }), K;
+  }
+});
+export {
+  Be as default
+};

package/dist/components/basic/nmorph-space/NmorphSpace.vue.js

@@ -1,48 +1,21 @@
 import './NmorphSpace.css';
-import { defineComponent as f, computed as a, openBlock as u, createBlock as c, resolveDynamicComponent as m, normalizeStyle as d, normalizeClass as y, withCtx as g, renderSlot as h } from "vue";
-import { useModifiers as j } from "../../../utils/create-modifiers.js";
-import { toCssSize as x } from "../../../utils/common.js";
-const _ = /* @__PURE__ */ f({
-  __name: "NmorphSpace",
-  props: {
-    tag: { default: "div" },
-    direction: { default: "row" },
-    size: { default: "medium" },
-    align: { default: "start" },
-    justify: { default: "start" },
-    wrap: { type: Boolean, default: !1 },
-    inline: { type: Boolean, default: !1 },
-    fill: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = l, s = {
-      small: "4px",
-      medium: "8px",
-      large: "16px"
-    }, n = a(
-      () => j({
-        "nmorph-space": [e.direction, e.wrap && "wrap", e.inline && "inline", e.fill && "fill"]
-      })
-    ), o = (t) => x(s[t] || t), i = a(
-      () => e.align === "start" || e.align === "end" ? `flex-${e.align}` : e.align
-    ), r = a(
-      () => e.justify === "start" || e.justify === "end" ? `flex-${e.justify}` : e.justify
-    ), p = a(() => ({
-      "--nmorph-space-gap": o(e.size),
-      "--nmorph-space-align": i.value,
-      "--nmorph-space-justify": r.value
-    }));
-    return (t, z) => (u(), c(m(e.tag), {
-      class: y(n.value),
-      style: d(p.value)
-    }, {
-      default: g(() => [
-        h(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
+import r from "./NmorphSpace.vue2.js";
+import { openBlock as s, createBlock as t, resolveDynamicComponent as a, normalizeStyle as l, normalizeClass as c, withCtx as n, renderSlot as p } from "vue";
+/* empty css                 */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function i(e, f, _, o, d, h) {
+  return s(), t(a(o.props.tag), {
+    class: c(o.modifiers),
+    style: l(o.styles)
+  }, {
+    default: n(() => [
+      p(e.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "style"]);
+}
+const k = /* @__PURE__ */ m(r, [["render", i], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-space/NmorphSpace.vue"]]);
 export {
-  _ as default
+  k as default
 };

package/dist/components/basic/nmorph-space/NmorphSpace.vue2.js

@@ -0,0 +1,41 @@
+import './NmorphSpace.css';
+import { defineComponent as d, computed as t } from "vue";
+import { useModifiers as m } from "../../../utils/create-modifiers.js";
+import { toCssSize as c } from "../../../utils/common.js";
+const _ = /* @__PURE__ */ d({
+  __name: "NmorphSpace",
+  props: {
+    tag: { type: String, required: !1, default: "div" },
+    direction: { type: String, required: !1, default: "row" },
+    size: { type: [String, Number], required: !1, default: "medium" },
+    align: { type: String, required: !1, default: "start" },
+    justify: { type: String, required: !1, default: "start" },
+    wrap: { type: Boolean, required: !1, default: !1 },
+    inline: { type: Boolean, required: !1, default: !1 },
+    fill: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(o, { expose: p }) {
+    p();
+    const e = o, r = {
+      small: "4px",
+      medium: "8px",
+      large: "16px"
+    }, f = t(
+      () => m({
+        "nmorph-space": [e.direction, e.wrap && "wrap", e.inline && "inline", e.fill && "fill"]
+      })
+    ), i = (n) => c(r[n] || n), s = t(
+      () => e.align === "start" || e.align === "end" ? `flex-${e.align}` : e.align
+    ), a = t(
+      () => e.justify === "start" || e.justify === "end" ? `flex-${e.justify}` : e.justify
+    ), u = t(() => ({
+      "--nmorph-space-gap": i(e.size),
+      "--nmorph-space-align": s.value,
+      "--nmorph-space-justify": a.value
+    })), l = { props: e, sizeMap: r, modifiers: f, resolveSpaceSize: i, alignItems: s, justifyContent: a, styles: u };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+export {
+  _ as default
+};