@nmorph/nmorph-ui-kit 2.2.35 → 2.2.37

package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue.js

@@ -0,0 +1,86 @@
+import './NmorphVirtualList.css';
+import a from "./NmorphVirtualList.vue2.js";
+import { openBlock as t, createElementBlock as o, normalizeStyle as l, normalizeClass as m, createElementVNode as c, Fragment as d, renderList as p, createBlock as _, resolveDynamicComponent as f, withCtx as y, renderSlot as n, createTextVNode as h, toDisplayString as k } from "vue";
+/* empty css                       */
+import x from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
+  key: 1,
+  class: "nmorph-virtual-list__empty"
+};
+function S(i, g, u, e, N, V) {
+  return t(), o(
+    "div",
+    {
+      ref: "containerRef",
+      class: m(e.modifiers),
+      style: l(e.styles),
+      onScroll: e.scrollHandler
+    },
+    [
+      e.props.items.length ? (t(), o(
+        "div",
+        {
+          key: 0,
+          class: "nmorph-virtual-list__spacer",
+          style: l(e.spacerStyle)
+        },
+        [
+          c(
+            "div",
+            {
+              class: "nmorph-virtual-list__content",
+              style: l(e.contentStyle)
+            },
+            [
+              (t(!0), o(
+                d,
+                null,
+                p(e.renderedItems, (r) => (t(), _(
+                  f(e.props.itemTag),
+                  {
+                    key: e.getItemKey(r.item, r.index),
+                    ref_for: !0,
+                    ref: (s) => e.setItemRef(s, r.index),
+                    class: "nmorph-virtual-list__item"
+                  },
+                  {
+                    default: y(() => [
+                      n(i.$slots, "default", {
+                        item: r.item,
+                        index: r.index
+                      }, () => [
+                        h(
+                          k(r.item),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1024
+                  /* DYNAMIC_SLOTS */
+                ))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        4
+        /* STYLE */
+      )) : (t(), o("div", v, [
+        n(i.$slots, "empty")
+      ]))
+    ],
+    38
+    /* CLASS, STYLE, NEED_HYDRATION */
+  );
+}
+const z = /* @__PURE__ */ x(a, [["render", S], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-virtual-list/NmorphVirtualList.vue"]]);
+export {
+  z as default
+};

package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue2.js

@@ -0,0 +1,61 @@
+import './NmorphVirtualList.css';
+import { defineComponent as K, computed as t } from "vue";
+import { useModifiers as N } from "../../../utils/create-modifiers.js";
+import { toCssSize as p } from "../../../utils/common.js";
+import { useVirtualList as T } from "../../../hooks/use-virtual-list.js";
+const B = /* @__PURE__ */ K({
+  __name: "NmorphVirtualList",
+  props: {
+    items: { type: Array, required: !1, default: () => [] },
+    height: { type: [Number, String], required: !1, default: "320px" },
+    maxHeight: { type: [Number, String], required: !1, default: "none" },
+    itemHeight: { type: Number, required: !1, default: 40 },
+    overscan: { type: Number, required: !1, default: 5 },
+    dynamic: { type: Boolean, required: !1, default: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    itemKey: { type: [String, Function], required: !1, default: void 0 },
+    itemTag: { type: String, required: !1, default: "div" }
+  },
+  emits: ["on-scroll"],
+  setup(y, { expose: h, emit: g }) {
+    const e = y, n = g, a = t(() => e.items), o = t(() => !e.disabled), l = t(() => e.itemHeight), u = t(() => e.overscan), m = t(() => e.dynamic), r = T(a, {
+      enabled: o,
+      itemHeight: l,
+      overscan: u,
+      dynamic: m
+    }), d = r.containerRef, v = t(
+      () => N({
+        "nmorph-virtual-list": [e.disabled && "disabled", e.dynamic && "dynamic"]
+      })
+    ), b = t(() => ({
+      "--nmorph-virtual-list-height": p(e.height),
+      "--nmorph-virtual-list-max-height": p(e.maxHeight),
+      "--nmorph-virtual-list-item-height": `${e.itemHeight}px`
+    })), S = t(() => ({
+      transform: o.value ? `translateY(${r.offsetTop.value}px)` : void 0
+    })), _ = t(() => ({
+      height: o.value ? `${r.totalHeight.value}px` : void 0
+    })), q = t(() => r.virtualItems.value), x = (i, s) => {
+      if (typeof e.itemKey == "function") return e.itemKey(i, s);
+      if (typeof e.itemKey == "string" && i && typeof i == "object") {
+        const f = i[e.itemKey];
+        return f === void 0 ? s : String(f);
+      }
+      return s;
+    }, H = (i) => {
+      r.scrollHandler(), n("on-scroll", i);
+    }, I = (i, s) => {
+      r.measureElement(s, i);
+    };
+    h({
+      containerRef: d,
+      refresh: r.refresh,
+      scrollToIndex: r.scrollToIndex
+    });
+    const c = { props: e, emit: n, items: a, enabled: o, itemHeight: l, overscan: u, dynamic: m, virtualList: r, containerRef: d, modifiers: v, styles: b, contentStyle: S, spacerStyle: _, renderedItems: q, getItemKey: x, scrollHandler: H, setItemRef: I };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+  }
+});
+export {
+  B as default
+};

package/dist/components/feedback/nmorph-alert/NmorphAlert.vue2.js

@@ -28,7 +28,7 @@ const x = /* @__PURE__ */ u({
     i();
     const e = n, r = s, a = l(
       () => y({
-        "nmorph-alert": [e.type, `${e.bordered && "bordered"}`, `${e.fill && "fill"}`]
+        "nmorph-alert": [e.type, e.bordered && "bordered", e.fill && "fill"]
       })
     ), d = l(() => ({
       "--nmorph-alert-close-align": e.closeIconPosition,

package/dist/components/feedback/nmorph-callout/NmorphCallout.vue2.js

@@ -1,6 +1,7 @@
 import './NmorphCallout.css';
-import { defineComponent as l, computed as d } from "vue";
-const s = /* @__PURE__ */ l({
+import { defineComponent as o, computed as l } from "vue";
+import { toCssSize as t } from "../../../utils/common.js";
+const s = /* @__PURE__ */ o({
   __name: "NmorphCallout",
   props: {
     type: { type: String, required: !1, default: "info" },
@@ -14,9 +15,9 @@ const s = /* @__PURE__ */ l({
     titleFontSize: { type: [Number, String], required: !1, default: "var(--font-size-medium)" },
     contentFontSize: { type: [Number, String], required: !1, default: "var(--font-size-extra-small)" }
   },
-  setup(n, { expose: a }) {
+  setup(i, { expose: a }) {
     a();
-    const e = n, t = (r) => typeof r == "number" ? `${r}px` : r, o = d(() => ({
+    const e = i, n = l(() => ({
       "--callout-padding": t(e.padding),
       "--callout-border-radius": t(e.borderRadius),
       "--callout-accent-width": t(e.accentWidth),
@@ -24,8 +25,8 @@ const s = /* @__PURE__ */ l({
       "--callout-title-font-size": t(e.titleFontSize),
       "--callout-content-font-size": t(e.contentFontSize),
       ...e.color !== void 0 && { "--callout-color": e.color }
-    })), i = { props: e, getCssSize: t, styles: o };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    })), r = { props: e, styles: n };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 export {

package/dist/components/feedback/nmorph-dialog/NmorphDialog.css

@@ -1 +1 @@
-.nmorph-dialog{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;box-sizing:border-box;width:var(--width);max-width:var(--nmorph-dialog-max-width, calc(100vw - 32px) );max-height:var(--nmorph-dialog-max-height, var(--nmorph-dialog-default-max-height));padding:var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);transform:translate(-50%,-50%);--width: var(--nmorph-dialog-width);--nmorph-dialog-default-max-height: calc(100vh - 32px) }@supports (height: 100dvh){.nmorph-dialog{--nmorph-dialog-default-max-height: calc(100dvh - 32px) }}.nmorph-dialog .nmorph-dialog__header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--indentation-02);font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-loose)}.nmorph-dialog .nmorph-dialog__close-icon{flex:0 0 auto;cursor:pointer}.nmorph-dialog .nmorph-dialog__content{flex:1 1 auto;box-sizing:border-box;min-height:0;padding:var(--indentation-02);overflow:hidden auto}
+.nmorph-dialog{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;box-sizing:border-box;width:var(--width);max-width:var(--nmorph-dialog-max-width, calc(100vw - 32px) );max-height:var(--nmorph-dialog-max-height, var(--nmorph-dialog-default-max-height));padding:var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);transform:translate(-50%,-50%);--width: var(--nmorph-dialog-width);--nmorph-dialog-default-max-height: calc(100vh - 32px) }@supports (height: 100dvh){.nmorph-dialog{--nmorph-dialog-default-max-height: calc(100dvh - 32px) }}.nmorph-dialog .nmorph-dialog__header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--indentation-02);font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-loose)}.nmorph-dialog .nmorph-dialog__close-icon{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:32px;height:32px;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.nmorph-dialog .nmorph-dialog__content{flex:1 1 auto;box-sizing:border-box;min-height:0;padding:var(--indentation-02);overflow:hidden auto}

package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js

@@ -1,38 +1,43 @@
 import './NmorphDialog.css';
-import s from "./NmorphDialog.vue2.js";
-import { openBlock as r, createBlock as c, withCtx as a, createElementVNode as e, normalizeStyle as d, normalizeClass as t, renderSlot as i, toDisplayString as m, createElementBlock as _, createVNode as n, createCommentVNode as p } from "vue";
+import c from "./NmorphDialog.vue2.js";
+import { openBlock as e, createBlock as d, withCtx as a, createElementVNode as l, normalizeStyle as m, normalizeClass as _, createElementBlock as i, renderSlot as s, toDisplayString as p, createVNode as n, createCommentVNode as t } from "vue";
 /* empty css                  */
 import h from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = ["aria-label"], g = { class: "nmorph-dialog__header" }, v = { class: "nmorph-dialog__title" }, k = { class: "nmorph-dialog__content" };
-function y(l, N, C, o, O, b) {
-  return r(), c(o.NmorphOverlay, {
+const f = ["aria-label"], g = {
+  key: 0,
+  class: "nmorph-dialog__header"
+}, y = { class: "nmorph-dialog__title" }, b = ["aria-label"], k = { class: "nmorph-dialog__content" };
+function v(r, C, N, o, w, x) {
+  return e(), d(o.NmorphOverlay, {
     show: o.isVisible,
     "z-index": o.props.zIndex,
     "close-on-escape": o.props.closeOnEscape,
     "trap-focus": "",
-    onOnOutsideClick: o.clickOnOverlay,
+    onOnOutsideClick: o.overlayClickHandler,
     onOnEscapeKeydown: o.closeHandler
   }, {
     default: a(() => [
-      e("div", {
-        class: t(o.modifiers),
-        style: d(o.dialogStyle),
+      l("div", {
+        class: _(o.modifiers),
+        style: m(o.dialogStyle),
         role: "dialog",
         "aria-modal": "true",
         "aria-label": o.props.title || void 0
       }, [
-        e("div", g, [
-          i(l.$slots, "header", {}, () => [
-            e(
+        o.hasHeader ? (e(), i("div", g, [
+          s(r.$slots, "header", {}, () => [
+            l(
               "div",
-              v,
-              m(o.props.title),
+              y,
+              p(o.props.title),
               1
               /* TEXT */
             ),
-            o.props.showClose ? (r(), _("div", {
+            o.props.showClose ? (e(), i("button", {
               key: 0,
               class: "nmorph-dialog__close-icon",
+              type: "button",
+              "aria-label": o.props.title ? `Close ${o.props.title}` : "Close dialog",
               onClick: o.closeHandler
             }, [
               n(o.NmorphIcon, null, {
@@ -42,11 +47,11 @@ function y(l, N, C, o, O, b) {
                 _: 1
                 /* STABLE */
               })
-            ])) : p("v-if", !0)
+            ], 8, b)) : t("v-if", !0)
           ])
-        ]),
-        e("div", k, [
-          i(l.$slots, "default")
+        ])) : t("v-if", !0),
+        l("div", k, [
+          s(r.$slots, "default")
         ])
       ], 14, f)
     ]),
@@ -54,7 +59,7 @@ function y(l, N, C, o, O, b) {
     /* FORWARDED */
   }, 8, ["show", "z-index", "close-on-escape"]);
 }
-const S = /* @__PURE__ */ h(s, [["render", y], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-dialog/NmorphDialog.vue"]]);
+const S = /* @__PURE__ */ h(c, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-dialog/NmorphDialog.vue"]]);
 export {
   S as default
 };

package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphDialog.css';
-import { defineComponent as c, computed as s, ref as y, watch as h } from "vue";
-import { useModifiers as g } from "../../../utils/create-modifiers.js";
-import v from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import O from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-import T from "../../../assets/icons/cross.svg.js";
-const C = /* @__PURE__ */ c({
+import { defineComponent as g, useSlots as v, computed as r, ref as O, watch as T } from "vue";
+import { useModifiers as q } from "../../../utils/create-modifiers.js";
+import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import N from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+import _ from "../../../assets/icons/cross.svg.js";
+const B = /* @__PURE__ */ g({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, required: !1, default: !1 },
@@ -20,54 +20,54 @@ const C = /* @__PURE__ */ c({
     closeOnEscape: { type: Boolean, required: !1, default: !0 }
   },
   emits: ["on-close", "update:model-value"],
-  setup(n, { expose: m, emit: d }) {
-    m();
-    const e = n, r = d, p = s(
-      () => g({
+  setup(d, { expose: p, emit: c }) {
+    p();
+    const e = d, a = c, i = v(), f = r(
+      () => q({
         "nmorph-dialog": []
       })
-    ), f = s(() => ({
+    ), y = r(() => ({
       "--nmorph-dialog-width": e.width,
       ...e.maxHeight && { "--nmorph-dialog-max-height": e.maxHeight }
-    })), a = y(e.modelValue);
-    let o = null, l = null;
-    h(
+    })), h = r(() => !!(i.header || e.title || e.showClose)), u = r(() => e.closeOnOverlay && e.closeOnClickModal), s = O(e.modelValue);
+    let t = null, l = null;
+    T(
       () => e.modelValue,
-      (t) => {
-        t ? (l && clearTimeout(l), o = setTimeout(() => {
-          a.value = !0;
-        }, e.openDelay)) : (o && clearTimeout(o), l = setTimeout(() => {
-          a.value = !1;
+      (o) => {
+        o ? (l && clearTimeout(l), t = setTimeout(() => {
+          s.value = !0;
+        }, e.openDelay)) : (t && clearTimeout(t), l = setTimeout(() => {
+          s.value = !1;
         }, e.closeDelay));
       },
       { immediate: !0 }
     );
-    const i = () => {
-      r("on-close"), o && clearTimeout(o);
-      const t = () => {
-        r("update:model-value", !1);
+    const n = () => {
+      a("on-close"), t && clearTimeout(t);
+      const o = () => {
+        a("update:model-value", !1);
       };
-      e.closeDelay <= 0 ? t() : l = setTimeout(t, e.closeDelay);
-    }, u = { props: e, emit: r, modifiers: p, dialogStyle: f, isVisible: a, get openTimeout() {
-      return o;
-    }, set openTimeout(t) {
-      o = t;
+      e.closeDelay <= 0 ? o() : l = setTimeout(o, e.closeDelay);
+    }, m = { props: e, emit: a, slots: i, modifiers: f, dialogStyle: y, hasHeader: h, shouldCloseOnOverlay: u, isVisible: s, get openTimeout() {
+      return t;
+    }, set openTimeout(o) {
+      t = o;
     }, get closeTimeout() {
       return l;
-    }, set closeTimeout(t) {
-      l = t;
-    }, closeHandler: i, clickOnOverlay: () => {
-      e.closeOnOverlay && i();
+    }, set closeTimeout(o) {
+      l = o;
+    }, closeHandler: n, overlayClickHandler: () => {
+      u.value && n();
     }, get NmorphOverlay() {
-      return O;
+      return N;
     }, get NmorphIcon() {
-      return v;
+      return C;
     }, get NmorphIconCross() {
-      return T;
+      return _;
     } };
-    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
 export {
-  C as default
+  B as default
 };

package/dist/components/feedback/nmorph-drawer/NmorphDrawer.css

@@ -0,0 +1 @@
+.nmorph-drawer{position:fixed;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;color:var(--nmorph-text-color);background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-outset);transition:transform var(--transition-02) ease}.nmorph-drawer--left,.nmorph-drawer--right{top:0;width:min(var(--nmorph-drawer-size),100vw);height:100vh}.nmorph-drawer--top,.nmorph-drawer--bottom{left:0;width:100vw;height:min(var(--nmorph-drawer-size),100vh)}.nmorph-drawer--left{left:0;transform:translate(-110%)}.nmorph-drawer--right{right:0;transform:translate(110%)}.nmorph-drawer--top{top:0;transform:translateY(-110%)}.nmorph-drawer--bottom{bottom:0;transform:translateY(110%)}.nmorph-drawer--open{transform:translate(0)}.nmorph-drawer .nmorph-drawer__header,.nmorph-drawer .nmorph-drawer__footer{flex:0 0 auto;box-sizing:border-box;padding:var(--indentation-04)}.nmorph-drawer .nmorph-drawer__header{display:flex;gap:var(--indentation-03);justify-content:space-between;align-items:center;font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-loose)}.nmorph-drawer .nmorph-drawer__title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-drawer .nmorph-drawer__close{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:32px;height:32px;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.nmorph-drawer .nmorph-drawer__content{flex:1 1 auto;box-sizing:border-box;min-width:0;min-height:0;padding:0 var(--indentation-04) var(--indentation-04);overflow:hidden auto}

package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue.js

@@ -0,0 +1,81 @@
+import './NmorphDrawer.css';
+import c from "./NmorphDrawer.vue2.js";
+import { openBlock as e, createBlock as p, withCtx as n, createElementVNode as l, normalizeStyle as m, normalizeClass as d, createElementBlock as a, renderSlot as t, toDisplayString as _, createVNode as i, createCommentVNode as s } from "vue";
+/* empty css                  */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["aria-label"], w = {
+  key: 0,
+  class: "nmorph-drawer__header"
+}, b = { class: "nmorph-drawer__title" }, y = ["aria-label"], k = {
+  key: 1,
+  class: "nmorph-drawer__footer"
+};
+function v(r, C, N, o, z, O) {
+  return e(), p(o.NmorphOverlay, {
+    show: o.props.modelValue,
+    "z-index": o.props.zIndex,
+    "teleport-to": o.props.teleportTo,
+    "disabled-teleport": o.props.disabledTeleport,
+    "close-on-escape": o.props.closeOnEscape,
+    "trap-focus": "",
+    onOnOutsideClick: o.overlayClickHandler,
+    onOnEscapeKeydown: o.closeHandler
+  }, {
+    default: n(() => [
+      l("aside", {
+        class: d(o.modifiers),
+        style: m(o.drawerStyle),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": o.props.title || void 0
+      }, [
+        o.hasHeader ? (e(), a("div", w, [
+          t(r.$slots, "header", {}, () => [
+            l(
+              "div",
+              b,
+              _(o.props.title),
+              1
+              /* TEXT */
+            ),
+            o.props.showClose ? (e(), a("button", {
+              key: 0,
+              class: "nmorph-drawer__close",
+              type: "button",
+              "aria-label": o.props.title ? `Close ${o.props.title}` : "Close drawer",
+              onClick: o.closeHandler
+            }, [
+              i(o.NmorphIcon, null, {
+                default: n(() => [
+                  i(o.NmorphIconCross)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ], 8, y)) : s("v-if", !0)
+          ])
+        ])) : s("v-if", !0),
+        l(
+          "div",
+          {
+            class: d(["nmorph-drawer__content", o.props.contentClass])
+          },
+          [
+            t(r.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        ),
+        o.slots.footer ? (e(), a("div", k, [
+          t(r.$slots, "footer")
+        ])) : s("v-if", !0)
+      ], 14, f)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["show", "z-index", "teleport-to", "disabled-teleport", "close-on-escape"]);
+}
+const V = /* @__PURE__ */ h(c, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-drawer/NmorphDrawer.vue"]]);
+export {
+  V as default
+};

package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue2.js

@@ -0,0 +1,48 @@
+import './NmorphDrawer.css';
+import { defineComponent as m, useSlots as c, computed as o } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { toCssSize as h } from "../../../utils/common.js";
+import q from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+import _ from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import v from "../../../assets/icons/cross.svg.js";
+const w = /* @__PURE__ */ m({
+  __name: "NmorphDrawer",
+  props: {
+    modelValue: { type: Boolean, required: !1, default: !1 },
+    title: { type: String, required: !1, default: "" },
+    placement: { type: String, required: !1, default: "right" },
+    size: { type: [Number, String], required: !1, default: "360px" },
+    showClose: { type: Boolean, required: !1, default: !0 },
+    closeOnOverlay: { type: Boolean, required: !1, default: !0 },
+    closeOnEscape: { type: Boolean, required: !1, default: !0 },
+    zIndex: { type: Number, required: !1, default: void 0 },
+    teleportTo: { type: null, required: !1, default: "body" },
+    disabledTeleport: { type: Boolean, required: !1, default: !1 },
+    contentClass: { type: String, required: !1, default: "" }
+  },
+  emits: ["on-close", "update:model-value"],
+  setup(a, { expose: n, emit: u }) {
+    n();
+    const e = a, r = u, t = c(), d = o(
+      () => y({
+        "nmorph-drawer": [e.placement, e.modelValue && "open"]
+      })
+    ), p = o(() => ({
+      "--nmorph-drawer-size": h(e.size)
+    })), l = () => {
+      r("on-close"), r("update:model-value", !1);
+    }, i = () => {
+      e.closeOnOverlay && l();
+    }, f = o(() => !!(t.header || e.title || e.showClose)), s = { props: e, emit: r, slots: t, modifiers: d, drawerStyle: p, closeHandler: l, overlayClickHandler: i, hasHeader: f, get NmorphIcon() {
+      return _;
+    }, get NmorphIconCross() {
+      return v;
+    }, get NmorphOverlay() {
+      return q;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+export {
+  w as default
+};

package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue2.js

@@ -1,9 +1,10 @@
 import './NmorphTooltip.css';
-import { defineComponent as w, ref as r, computed as n } from "vue";
-import { useModifiers as S } from "../../../utils/create-modifiers.js";
-import { usePlacement as _ } from "../../../hooks/use-placement.js";
-import { useZIndex as g } from "../../../hooks/use-z-index.js";
-const z = /* @__PURE__ */ w({
+import { defineComponent as y, ref as o, computed as r } from "vue";
+import { useModifiers as w } from "../../../utils/create-modifiers.js";
+import { toCssSize as i } from "../../../utils/common.js";
+import { usePlacement as S } from "../../../hooks/use-placement.js";
+import { useZIndex as _ } from "../../../hooks/use-z-index.js";
+const z = /* @__PURE__ */ y({
   __name: "NmorphTooltip",
   props: {
     text: { type: String, required: !1, default: "" },
@@ -15,35 +16,35 @@ const z = /* @__PURE__ */ w({
     maxWidth: { type: [Number, String], required: !1, default: void 0 },
     height: { type: [Number, String], required: !1, default: void 0 }
   },
-  setup(c, { expose: m }) {
-    const e = c, t = r(e.forceShow), l = r(null), d = r(null), { placement: a } = _({
+  setup(p, { expose: m }) {
+    const e = p, t = o(e.forceShow), n = o(null), l = o(null), { placement: d } = S({
       initialPlacement: e.position,
-      contentDOMElement: l,
-      relativeElement: d
-    }), h = n(
-      () => S({
+      contentDOMElement: n,
+      relativeElement: l
+    }), c = r(
+      () => w({
         "nmorph-tooltip": [
-          a.value,
-          `${!!e.forceCoordinate?.x && !!e.forceCoordinate?.y && "force-coords"}`
+          d.value,
+          !!e.forceCoordinate?.x && !!e.forceCoordinate?.y && "force-coords"
         ]
       })
-    ), v = () => {
+    ), h = () => {
       t.value = !0;
-    }, x = () => {
+    }, v = () => {
       e.forceShow || (t.value = !1);
-    }, o = (i) => typeof i == "number" ? `${i}px` : i, s = n(() => e.forceCoordinate ? "100%" : "auto"), u = g(
+    }, a = r(() => e.forceCoordinate ? "100%" : "auto"), u = _(
       () => t.value,
       () => e.zIndex
-    ), y = n(() => ({
-      "--nmorph-tooltip-width": s.value,
+    ), x = r(() => ({
+      "--nmorph-tooltip-width": a.value,
       "--nmorph-tooltip-z-index": u.value,
-      ...e.width !== void 0 && { "--width": o(e.width) },
-      ...e.maxWidth !== void 0 && { "--max-width": o(e.maxWidth) },
-      ...e.height !== void 0 && { "--height": o(e.height) }
-    })), f = r(null);
-    m({ tooltipBody: f });
-    const p = { props: e, showTooltip: t, tooltipDOMRef: l, slotDOMRef: d, placement: a, modifiers: h, handleMouseEnter: v, handleMouseLeave: x, getCssSize: o, rootWidth: s, zIndex: u, styles: y, tooltipBody: f };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+      ...e.width !== void 0 && { "--width": i(e.width) },
+      ...e.maxWidth !== void 0 && { "--max-width": i(e.maxWidth) },
+      ...e.height !== void 0 && { "--height": i(e.height) }
+    })), s = o(null);
+    m({ tooltipBody: s });
+    const f = { props: e, showTooltip: t, tooltipDOMRef: n, slotDOMRef: l, placement: d, modifiers: c, handleMouseEnter: h, handleMouseLeave: v, rootWidth: a, zIndex: u, styles: x, tooltipBody: s };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
 });
 export {