@nmorph/nmorph-ui-kit 2.2.35 → 2.2.37

package/dist/components/form/nmorph-textarea/NmorphTextarea.vue2.js

@@ -0,0 +1,67 @@
+import './NmorphTextarea.css';
+import { defineComponent as F, ref as h, computed as l, watch as B, onMounted as I, nextTick as T } from "vue";
+import { NmorphComponentHeight as O } from "../../../types/index.js";
+import { useModifiers as V } from "../../../utils/create-modifiers.js";
+import { useFormItemInput as j } from "../nmorph-form/use-form-item-input.js";
+const Y = /* @__PURE__ */ F({
+  __name: "NmorphTextarea",
+  props: {
+    placeholder: { type: String, required: !1, default: "" },
+    modelValue: { type: String, required: !1, default: "" },
+    rows: { type: Number, required: !1, default: 3 },
+    minRows: { type: Number, required: !1, default: 2 },
+    maxRows: { type: Number, required: !1, default: void 0 },
+    resize: { type: String, required: !1, default: "vertical" },
+    autoSize: { type: Boolean, required: !1, default: !1 },
+    indentation: { type: String, required: !1, default: "12px" },
+    textareaAttrs: { type: Object, required: !1, default: () => ({}) },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
+  setup(y, { expose: g, emit: x }) {
+    const e = y, n = x, { id: b, name: w, autocomplete: q, tabindex: v } = j(e), a = h(null), s = h(!1), S = l(
+      () => V({
+        nmorph: [O[e.height], s.value && "focused"],
+        "nmorph-textarea": [e.disabled && "disabled", e.autoSize && "auto-size"]
+      })
+    ), i = (t) => {
+      const o = window.getComputedStyle(t);
+      return parseFloat(o.paddingTop) + parseFloat(o.paddingBottom);
+    }, r = async () => {
+      if (!e.autoSize) return;
+      await T();
+      const t = a.value;
+      if (!t) return;
+      t.style.height = "auto";
+      const o = window.getComputedStyle(t), N = parseFloat(o.lineHeight) || 20, c = e.maxRows ? e.maxRows * N + i(t) : 1 / 0, C = Math.min(t.scrollHeight, c);
+      t.style.height = `${C}px`, t.style.overflowY = t.scrollHeight > c ? "auto" : "hidden";
+    }, _ = (t) => {
+      const o = t.target;
+      n("update:model-value", o.value), r();
+    }, z = () => {
+      n("focus"), s.value = !0;
+    }, H = () => {
+      n("blur"), s.value = !1;
+    }, u = () => {
+      a.value?.focus();
+    }, d = () => {
+      a.value?.blur();
+    }, p = () => {
+      a.value?.select();
+    };
+    B(() => e.modelValue, r), I(r), g({ textareaDOMRef: a, focus: u, blur: d, select: p, resizeToContent: r });
+    const f = l(() => Math.max(e.minRows, 1)), R = l(() => Math.max(e.rows, f.value)), M = l(() => ({
+      "--nmorph-textarea-resize": e.autoSize ? "none" : e.resize,
+      "--nmorph-textarea-indentation": e.indentation
+    })), m = { props: e, emit: n, id: b, name: w, autocomplete: q, tabindex: v, textareaDOMRef: a, focused: s, modifiers: S, getVerticalPadding: i, resizeToContent: r, handleInput: _, handleFocus: z, handleBlur: H, focus: u, blur: d, select: p, minRows: f, rows: R, styles: M };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
+export {
+  Y as default
+};

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.css

@@ -1 +1 @@
-.nmorph-time-picker{--width: 160px;position:relative;width:var(--width);height:var(--height)}.nmorph-time-picker .nmorph-time-picker__input{display:flex;align-items:center;height:100%;padding:0 var(--default-indentation-input);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);cursor:pointer}.nmorph-time-picker .nmorph-time-picker__native{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}.nmorph-time-picker .nmorph-time-picker__clock-icon{flex:0 0 auto;margin-right:6px}.nmorph-time-picker .nmorph-time-picker__selected-value{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-time-picker .nmorph-time-picker__clear{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:18px;height:18px;padding:0;color:var(--nmorph-text-color);background:transparent;border:0;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__panel{display:grid;grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);gap:4px;padding:8px}.nmorph-time-picker .nmorph-time-picker__panel--with-seconds{grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr) auto minmax(48px,1fr)}.nmorph-time-picker .nmorph-time-picker__column{display:grid;max-height:220px;overflow-y:auto}.nmorph-time-picker .nmorph-time-picker__separator{display:flex;justify-content:center;align-items:center;color:var(--nmorph-semi-contrast-text-color);font-weight:700}.nmorph-time-picker .nmorph-time-picker__option{padding:0 8px;color:var(--nmorph-text-color);background:transparent;border:0;border-radius:4px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__option:hover,.nmorph-time-picker .nmorph-time-picker__option--active{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color)}.nmorph-time-picker .nmorph-time-picker__option:disabled{cursor:not-allowed;opacity:.35}.nmorph-time-picker.nmorph-time-picker--open .nmorph-time-picker__input{box-shadow:var(--nmorph-shadow-inset)}.nmorph-time-picker.nmorph-time-picker--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-time-picker.nmorph-time-picker--placeholder .nmorph-time-picker__selected-value{color:var(--nmorph-placeholder-text-color)}.nmorph-time-picker.nmorph-time-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-time-picker.nmorph-time-picker--disabled .nmorph-time-picker__input{pointer-events:none}
+.nmorph-time-picker{--width: 160px;position:relative;width:var(--width);height:var(--height)}.nmorph-time-picker .nmorph-time-picker__input{display:flex;align-items:center;height:100%;padding:0 var(--default-indentation-input);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);cursor:pointer}.nmorph-time-picker .nmorph-time-picker__native{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}.nmorph-time-picker .nmorph-time-picker__clock-icon{flex:0 0 auto;margin-right:6px}.nmorph-time-picker .nmorph-time-picker__selected-value{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-time-picker .nmorph-time-picker__clear{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:18px;height:18px;padding:0;color:var(--nmorph-text-color);background:transparent;border:0;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__panel{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr);gap:6px;align-items:start;padding:8px;color:var(--nmorph-text-color)}.nmorph-time-picker .nmorph-time-picker__panel--with-seconds{grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)}.nmorph-time-picker .nmorph-time-picker__column{display:grid;grid-auto-flow:row;grid-auto-rows:var(--height);grid-template-columns:minmax(0,1fr);gap:4px;align-content:start;max-height:220px;padding:2px;overflow:hidden auto;scrollbar-gutter:stable}.nmorph-time-picker .nmorph-time-picker__separator{display:flex;justify-content:center;align-items:flex-start;min-width:8px;padding-top:calc((var(--height) - 1em) / 2 + 2px);color:var(--nmorph-semi-contrast-text-color);font-weight:700;line-height:1}.nmorph-time-picker .nmorph-time-picker__option{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;min-height:var(--height);margin:0;padding:0 8px;color:var(--nmorph-text-color);font:inherit;line-height:1;background:transparent;border:0;border-radius:4px;box-shadow:none;cursor:pointer;appearance:none}.nmorph-time-picker .nmorph-time-picker__option:hover:not(:disabled),.nmorph-time-picker .nmorph-time-picker__option--active{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color)}.nmorph-time-picker .nmorph-time-picker__option:focus-visible{outline:2px solid var(--nmorph-accent-color);outline-offset:1px}.nmorph-time-picker .nmorph-time-picker__option:disabled{cursor:not-allowed;opacity:.35}.nmorph-time-picker.nmorph-time-picker--open .nmorph-time-picker__input{box-shadow:var(--nmorph-shadow-inset)}.nmorph-time-picker.nmorph-time-picker--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-time-picker.nmorph-time-picker--placeholder .nmorph-time-picker__selected-value{color:var(--nmorph-placeholder-text-color)}.nmorph-time-picker.nmorph-time-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-time-picker.nmorph-time-picker--disabled .nmorph-time-picker__input{pointer-events:none}

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue2.js

@@ -1,14 +1,15 @@
 import './NmorphTimePicker.css';
-import { defineComponent as ee, ref as g, computed as n, watch as te } from "vue";
-import { NmorphComponentHeight as _ } from "../../../types/index.js";
-import { useI18n as oe } from "vue-i18n";
-import { useModifiers as $ } from "../../../utils/create-modifiers.js";
+import { defineComponent as Z, ref as v, computed as n, watch as ee } from "vue";
+import { NmorphComponentHeight as C } from "../../../types/index.js";
+import { useI18n as te } from "vue-i18n";
+import { useModifiers as _ } from "../../../utils/create-modifiers.js";
+import { toCssSize as oe } from "../../../utils/common.js";
 import { useFormItemInput as re } from "../nmorph-form/use-form-item-input.js";
 import ne from "../../../assets/icons/clock.svg.js";
 import le from "../../../assets/icons/circle-close.svg.js";
 import ue from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import se from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const Se = /* @__PURE__ */ ee({
+import ae from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
+const ve = /* @__PURE__ */ Z({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { type: [String, null], required: !1, default: null },
@@ -31,17 +32,17 @@ const Se = /* @__PURE__ */ ee({
   },
   emits: ["update:model-value", "focus", "blur"],
   setup(O, { expose: H, emit: k }) {
-    const t = O, s = k, { t: T } = oe(), { id: B, name: M, autocomplete: P, tabindex: z } = re(t), a = g(!1), c = g(!1), w = g(null), m = (e) => String(e).padStart(2, "0"), p = (e) => Math.max(1, Math.floor(Number.isFinite(e) ? e : 1)), i = (e) => {
+    const t = O, a = k, { t: T } = te(), { id: B, name: M, autocomplete: P, tabindex: $ } = re(t), s = v(!1), c = v(!1), w = v(null), m = (e) => String(e).padStart(2, "0"), p = (e) => Math.max(1, Math.floor(Number.isFinite(e) ? e : 1)), i = (e) => {
       if (!e) return null;
       const o = e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);
       if (!o) return null;
-      const r = Number(o[1]), S = Number(o[2]), d = Number(o[3] || 0);
-      return r > 23 || S > 59 || d > 59 ? null : { hour: r, minute: S, second: d };
-    }, v = (e) => {
+      const r = Number(o[1]), b = Number(o[2]), d = Number(o[3] || 0);
+      return r > 23 || b > 59 || d > 59 ? null : { hour: r, minute: b, second: d };
+    }, g = (e) => {
       const o = `${m(e.hour)}:${m(e.minute)}`;
       return t.showSeconds ? `${o}:${m(e.second)}` : o;
-    }, f = (e) => e.hour * 3600 + e.minute * 60 + e.second, y = n(() => i(t.minTime)), N = n(() => i(t.maxTime)), x = n(() => i(t.modelValue)), u = g(x.value || { hour: 0, minute: 0, second: 0 }), V = n(() => t.placeholder || T("pickATime"));
-    te(
+    }, f = (e) => e.hour * 3600 + e.minute * 60 + e.second, y = n(() => i(t.minTime)), N = n(() => i(t.maxTime)), V = n(() => i(t.modelValue)), u = v(V.value || { hour: 0, minute: 0, second: 0 }), x = n(() => t.placeholder || T("pickATime"));
+    ee(
       () => t.modelValue,
       (e) => {
         const o = i(e);
@@ -51,9 +52,9 @@ const Se = /* @__PURE__ */ ee({
     const h = (e) => {
       const o = f(e);
       return !!(y.value && o < f(y.value) || N.value && o > f(N.value));
-    }, b = (e, o, r) => {
-      const S = p(r), d = /* @__PURE__ */ new Set();
-      for (let l = 0; l <= o; l += S) d.add(l);
+    }, S = (e, o, r) => {
+      const b = p(r), d = /* @__PURE__ */ new Set();
+      for (let l = 0; l <= o; l += b) d.add(l);
       return d.add(u.value[e]), Array.from(d).filter((l) => l >= 0 && l <= o).sort((l, q) => l - q).map((l) => {
         const q = { ...u.value, [e]: l };
         return {
@@ -62,44 +63,44 @@ const Se = /* @__PURE__ */ ee({
           disabled: h(q)
         };
       });
-    }, D = n(() => b("hour", 23, t.hourStep)), A = n(() => b("minute", 59, t.minuteStep)), F = n(() => b("second", 59, t.secondStep)), R = (e, o) => {
+    }, z = n(() => S("hour", 23, t.hourStep)), D = n(() => S("minute", 59, t.minuteStep)), A = n(() => S("second", 59, t.secondStep)), F = (e, o) => {
       const r = { ...u.value, [e]: o };
-      h(r) || (u.value = r, s("update:model-value", v(r)));
+      h(r) || (u.value = r, a("update:model-value", g(r)));
+    }, R = () => {
+      a("update:model-value", null), s.value = !1;
     }, U = () => {
-      s("update:model-value", null), a.value = !1;
+      s.value = !1;
     }, j = () => {
-      a.value = !1;
+      t.disabled || (s.value = !s.value);
     }, E = () => {
-      t.disabled || (a.value = !a.value);
+      c.value = !0, a("focus");
     }, G = () => {
-      c.value = !0, s("focus");
-    }, J = () => {
-      c.value = !1, s("blur");
-    }, K = (e) => {
+      c.value = !1, a("blur");
+    }, J = (e) => {
       const o = e.target, r = i(o.value);
-      !r || h(r) || (u.value = r, s("update:model-value", v(r)));
-    }, L = n(() => t.modelValue || V.value), Q = n(
+      !r || h(r) || (u.value = r, a("update:model-value", g(r)));
+    }, K = n(() => t.modelValue || x.value), L = n(
       () => t.showSeconds ? p(t.secondStep) : p(t.minuteStep) * 60
-    ), W = n(() => t.clearable && !!t.modelValue && !t.disabled), X = n(
-      () => $({
-        nmorph: [_[t.height]],
+    ), Q = n(() => t.clearable && !!t.modelValue && !t.disabled), W = n(
+      () => _({
+        nmorph: [C[t.height]],
         "nmorph-time-picker": [
-          `${t.disabled && "disabled"}`,
-          `${a.value && "open"}`,
-          `${c.value && "focus"}`,
-          `${!t.modelValue && "placeholder"}`
+          t.disabled && "disabled",
+          s.value && "open",
+          c.value && "focus",
+          !t.modelValue && "placeholder"
         ]
       })
-    ), Y = n(
-      () => $({
-        nmorph: [_[t.height]]
+    ), X = n(
+      () => _({
+        nmorph: [C[t.height]]
       })
-    ), I = (e) => typeof e == "number" ? `${e}px` : e, Z = n(() => ({
-      ...t.width !== void 0 && { "--width": I(t.width) }
+    ), Y = n(() => ({
+      ...t.width !== void 0 && { "--width": oe(t.width) }
     }));
     H({ inputDOMRef: w });
-    const C = { props: t, emit: s, t: T, id: B, name: M, autocomplete: P, tabindex: z, open: a, focused: c, inputDOMRef: w, pad: m, normalizeStep: p, parseTime: i, formatTime: v, timeToSeconds: f, minTimeParts: y, maxTimeParts: N, modelTimeParts: x, pickerValue: u, placeholderText: V, isOutsideRange: h, getUnitOptions: b, hourOptions: D, minuteOptions: A, secondOptions: F, selectUnit: R, clearHandler: U, closeHandler: j, toggleOpen: E, focusHandler: G, blurHandler: J, nativeInputHandler: K, displayValue: L, inputStep: Q, showClearButton: W, modifiers: X, optionHeightModifiers: Y, getCssSize: I, styles: Z, get NmorphDropdown() {
-      return se;
+    const I = { props: t, emit: a, t: T, id: B, name: M, autocomplete: P, tabindex: $, open: s, focused: c, inputDOMRef: w, pad: m, normalizeStep: p, parseTime: i, formatTime: g, timeToSeconds: f, minTimeParts: y, maxTimeParts: N, modelTimeParts: V, pickerValue: u, placeholderText: x, isOutsideRange: h, getUnitOptions: S, hourOptions: z, minuteOptions: D, secondOptions: A, selectUnit: F, clearHandler: R, closeHandler: U, toggleOpen: j, focusHandler: E, blurHandler: G, nativeInputHandler: J, displayValue: K, inputStep: L, showClearButton: Q, modifiers: W, optionHeightModifiers: X, styles: Y, get NmorphDropdown() {
+      return ae;
     }, get NmorphIcon() {
       return ue;
     }, get NmorphIconCircleClose() {
@@ -107,9 +108,9 @@ const Se = /* @__PURE__ */ ee({
     }, get NmorphIconClock() {
       return ne;
     } };
-    return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
 });
 export {
-  Se as default
+  ve as default
 };

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

@@ -1,10 +1,10 @@
 import './NmorphBacktop.css';
-import { defineComponent as y, computed as m, ref as o, onMounted as N, onUnmounted as _ } from "vue";
-import { useModifiers as k } from "../../../utils/create-modifiers.js";
-import q from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import x from "../../basic/nmorph-button/NmorphButton.vue.js";
-import E from "../../../assets/icons/chevron-down.svg.js";
-const M = /* @__PURE__ */ y({
+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 },
@@ -16,42 +16,52 @@ const M = /* @__PURE__ */ y({
     teleportDisabled: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["click"],
-  setup(c, { expose: d, emit: f }) {
-    d();
-    const t = c, n = f, h = m(
-      () => k({
-        "nmorph-backtop": [`${r.value && "show"}`, t.design]
+  setup(b, { expose: w, emit: y }) {
+    w();
+    const t = b, s = y, g = v(
+      () => q({
+        "nmorph-backtop": [n.value && "show", t.design]
       })
-    ), v = m(() => ({
+    ), N = v(() => ({
       "--nmorph-backtop-right": `${t.right}px`,
       "--nmorph-backtop-bottom": `${t.bottom}px`,
       "--nmorph-backtop-z-index": t.zIndex
-    })), e = o(null), i = o(null), s = o(null), r = o(!1), u = o(!1), l = (p) => {
-      if (!p) return;
-      const g = p.target;
-      r.value = g.scrollTop > t.visibilityHeight;
-    }, b = () => {
-      n("click"), e.value && e.value.scrollTo({
+    })), 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"
       });
     };
-    N(() => {
-      e.value = i.value?.parentElement ?? s.value?.parentElement?.parentElement ?? null, e.value?.addEventListener("scroll", l), r.value = (e.value?.scrollTop ?? 0) > t.visibilityHeight, u.value = !0;
-    }), _(() => {
-      e.value && e.value?.removeEventListener("scroll", l);
+    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 a = { props: t, emit: n, modifiers: h, styles: v, container: e, placeholderDOMEl: i, selfDOMEl: s, showButton: r, isMounted: u, scrollHandler: l, scrollToTopHandler: b, get NmorphButton() {
-      return x;
+    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 q;
+      return x;
     }, get NmorphIconChevronDown() {
-      return E;
+      return B;
     } };
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
 });
 export {
-  M as default
+  Y as default
 };

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js

@@ -1,9 +1,10 @@
 import './NmorphDropdown.css';
-import { defineComponent as w, ref as q, toRef as r, computed as n, watch as b } from "vue";
-import { useModifiers as v } from "../../../utils/create-modifiers.js";
+import { defineComponent as w, ref as q, toRef as t, computed as l, watch as v } from "vue";
+import { useModifiers as b } from "../../../utils/create-modifiers.js";
+import { toCssSize as d } from "../../../utils/common.js";
 import { usePlacement as x } from "../../../hooks/use-placement.js";
 import O from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-const k = /* @__PURE__ */ w({
+const B = /* @__PURE__ */ w({
   __name: "NmorphDropdown",
   props: {
     open: { type: Boolean, required: !0 },
@@ -25,46 +26,46 @@ const k = /* @__PURE__ */ w({
     hideShadow: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["on-outside-click", "on-escape-keydown"],
-  setup(f, { expose: m, emit: c }) {
-    m();
-    const e = f, l = c, i = q(null), { placementCoords: d, placementReady: a, adjustPlacement: s } = x({
-      initialPlacement: r(e, "placement"),
+  setup(p, { expose: f, emit: m }) {
+    f();
+    const e = p, r = m, i = q(null), { placementCoords: o, placementReady: n, adjustPlacement: a } = x({
+      initialPlacement: t(e, "placement"),
       contentDOMElement: i,
-      relativeElement: r(e, "relativeElement"),
-      yOffset: r(e, "yOffset"),
-      xOffset: r(e, "xOffset"),
-      enabled: r(e, "open")
-    }), y = n(
-      () => v({
-        "nmorph-dropdown": [`${!e.open && "closed"}`, `${e.hideShadow && "hide-shadow"}`]
+      relativeElement: t(e, "relativeElement"),
+      yOffset: t(e, "yOffset"),
+      xOffset: t(e, "xOffset"),
+      enabled: t(e, "open")
+    }), c = l(
+      () => b({
+        "nmorph-dropdown": [!e.open && "closed", e.hideShadow && "hide-shadow"]
       })
-    ), o = (t) => typeof t == "number" ? `${t}px` : t, u = n(
-      () => e.fillWidth && e.relativeElement ? `${e.relativeElement.clientWidth}px` : o(e.width)
-    ), h = n(() => ({
-      "--nmorph-dropdown-width": u.value,
-      "--nmorph-dropdown-min-width": o(e.minWidth) || "auto",
-      "--nmorph-dropdown-max-width": o(e.maxWidth) || "none",
-      left: d.value.x,
-      top: d.value.y,
-      visibility: e.open && a.value ? "visible" : "hidden"
+    ), s = l(
+      () => e.fillWidth && e.relativeElement ? `${e.relativeElement.clientWidth}px` : d(e.width)
+    ), h = l(() => ({
+      "--nmorph-dropdown-width": s.value,
+      "--nmorph-dropdown-min-width": d(e.minWidth) || "auto",
+      "--nmorph-dropdown-max-width": d(e.maxWidth) || "none",
+      left: o.value.x,
+      top: o.value.y,
+      visibility: e.open && n.value ? "visible" : "hidden"
     }));
-    b(
+    v(
       () => e.open,
-      (t) => {
-        t && s();
+      (y) => {
+        y && a();
       },
       { flush: "post" }
     );
-    const p = { props: e, emit: l, dropdownDOMRef: i, placementCoords: d, placementReady: a, adjustPlacement: s, modifiers: y, getCssSize: o, width: u, dropdownStyle: h, outsideClickHandler: () => {
-      l("on-outside-click");
+    const u = { props: e, emit: r, dropdownDOMRef: i, placementCoords: o, placementReady: n, adjustPlacement: a, modifiers: c, width: s, dropdownStyle: h, outsideClickHandler: () => {
+      r("on-outside-click");
     }, escapeHandler: () => {
-      l("on-escape-keydown");
+      r("on-escape-keydown");
     }, get NmorphOverlay() {
       return O;
     } };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
 });
 export {
-  k as default
+  B as default
 };

package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue2.js

@@ -15,7 +15,7 @@ const D = /* @__PURE__ */ b({
     d();
     const e = u, t = i, l = p(
       () => I({
-        "nmorph-tabs": [`${e.stretch && "stretch"}`]
+        "nmorph-tabs": [e.stretch && "stretch"]
       })
     ), m = (n) => {
       if (n.disabled) return;

package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js

@@ -22,7 +22,7 @@ const L = /* @__PURE__ */ _({
       () => t.zIndex
     ), w = i(
       () => F({
-        "nmorph-overlay": [`${t.show && "show"}`, `${t.transparent && "transparent"}`]
+        "nmorph-overlay": [t.show && "show", t.transparent && "transparent"]
       })
     ), k = i(() => t.disabledTeleport || !t.show || typeof document > "u"), x = () => {
       s("on-outside-click");