@nmorph/nmorph-ui-kit 2.2.53 → 2.2.54

package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue2.js

@@ -1,58 +0,0 @@
-import './NmorphSelectButton.css';
-import { defineComponent as S, ref as b, watch as g, computed as s, provide as u } from "vue";
-import { useModifiers as y } from "../../../utils/create-modifiers.js";
-import { createCssVariables as h, createCssSizeVariables as q } from "../../../utils/common.js";
-import { useFormItemModel as v } from "../nmorph-form/use-form-item-input.js";
-import _ from "./components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js";
-const x = /* @__PURE__ */ S({
-  __name: "NmorphSelectButton",
-  props: {
-    modelValue: { type: String, required: !1, default: "" },
-    options: { type: Array, required: !1, default: () => [] },
-    fill: { type: Boolean, required: !1, default: !1 },
-    trackPadding: { type: [Number, String], required: !1, default: void 0 },
-    itemSize: { type: [Number, String], required: !1, default: void 0 },
-    itemFontSize: { type: String, required: !1, default: void 0 },
-    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"],
-  setup(n, { expose: m, emit: f }) {
-    m();
-    const e = n, a = f, { modelValue: i, updateModelValue: l } = v(
-      e,
-      (t) => a("update:model-value", t),
-      ""
-    ), r = b(i.value);
-    g(i, (t) => {
-      r.value = t;
-    });
-    const p = s(
-      () => y({
-        "nmorph-select-button": [e.disabled && "disabled", e.fill && "fill", e.height]
-      })
-    ), c = s(() => ({
-      ...q({
-        "--track-padding": e.trackPadding,
-        "--item-size": e.itemSize
-      }),
-      ...h({
-        "--item-font-size": e.itemFontSize
-      })
-    })), o = (t) => {
-      e.disabled || (r.value = t, l(t));
-    };
-    u("select-button-selected-value", r), u("select-button-change-handler", o);
-    const d = { props: e, emit: a, modelValue: i, updateModelValue: l, initialValue: r, modifiers: p, styles: c, changeHandler: o, get NmorphSelectButtonItem() {
-      return _;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
-  }
-});
-export {
-  x as default
-};

package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue2.js

@@ -1,35 +0,0 @@
-import './NmorphSelectButtonItem.css';
-import { defineComponent as c, inject as i, ref as p, computed as d } from "vue";
-import { useModifiers as f } from "../../../../../utils/create-modifiers.js";
-const v = /* @__PURE__ */ c({
-  __name: "NmorphSelectButtonItem",
-  props: {
-    value: { type: String, required: !0 },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1, default: 0 }
-  },
-  setup(o, { expose: s }) {
-    const r = i(
-      "select-button-selected-value",
-      void 0
-    ), t = i(
-      "select-button-change-handler",
-      void 0
-    ), e = o, n = p(null);
-    s({ inputDOMRef: n });
-    const l = d(() => r?.value === e.value), u = d(
-      () => f({
-        "nmorph-select-button-item": [l.value && "checked", e.disabled && "disabled"]
-      })
-    ), a = { selectedValue: r, changeHandler: t, props: e, inputDOMRef: n, checked: l, modifiers: u, clickHandler: () => {
-      e.disabled || t && t(e.value);
-    } };
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
-  }
-});
-export {
-  v as default
-};

package/dist/components/form/nmorph-slider/NmorphSlider.vue2.js

@@ -1,95 +0,0 @@
-import './NmorphSlider.css';
-import { defineComponent as A, computed as m, ref as o, watch as E, onMounted as G, onUnmounted as J } from "vue";
-import { useModifiers as K } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as Q } from "../../../utils/common.js";
-import { useFormItemInput as Y, useFormItemModel as Z } from "../nmorph-form/use-form-item-input.js";
-import ee from "../../feedback/nmorph-tooltip/NmorphTooltip.vue.js";
-const de = /* @__PURE__ */ A({
-  __name: "NmorphSlider",
-  props: {
-    modelValue: { type: Number, required: !1, default: 0 },
-    max: { type: Number, required: !1, default: 100 },
-    min: { type: Number, required: !1, default: 0 },
-    step: { type: Number, required: !1, default: 1 },
-    fill: { type: Boolean, required: !1, default: !0 },
-    showTooltip: { type: Boolean, required: !1, default: !0 },
-    thumbWidth: { type: Number, required: !1, default: 50 },
-    sliderHeight: { type: [Number, String], required: !1, default: void 0 },
-    valueFixedContainerHeight: { type: [Number, String], required: !1, default: void 0 },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["update:model-value"],
-  setup(L, { expose: N, emit: T }) {
-    N();
-    const e = L, { id: S, name: H, tabindex: _ } = Y(e), C = m(
-      () => K({
-        nmorph: [],
-        "nmorph-slider": [e.disabled && "disabled"]
-      })
-    ), g = m(() => `${e.thumbWidth}px`), p = o(e.showTooltip), x = T, { modelValue: c, updateModelValue: y } = Z(
-      e,
-      (t) => x("update:model-value", t),
-      0
-    ), n = o(c.value), f = o(null);
-    E(n, () => {
-      y(n.value);
-    }), E(c, (t) => {
-      n.value = t;
-    });
-    const P = o(null), V = m(() => {
-      const t = s.value - s.value, r = e.max - e.min + t, u = (n.value - e.min) / r * 100, a = f.value?.clientWidth || 0, d = e.thumbWidth / a * 100, X = d / 2;
-      let $ = u - X;
-      const q = `${Math.max(0, Math.min(100 - d, $))}%`, I = a / 100, j = e.thumbWidth / 2 / I, M = (P.value?.tooltipBody.clientWidth ?? 24) / 2 / I, U = M === 1 / 0 ? 1.714 : M, k = `${parseFloat(q) + j - U}%`;
-      return {
-        thumb: q,
-        tooltip: k
-      };
-    }), s = o(0), h = o(0), v = () => {
-      s.value = window.innerWidth, h.value = window.innerHeight;
-    };
-    G(() => {
-      typeof window < "u" && (s.value = window.innerWidth, h.value = window.innerHeight, window.addEventListener("resize", v));
-    }), J(() => {
-      typeof window < "u" && (document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", i), document.removeEventListener("pointercancel", i), window.removeEventListener("resize", v));
-    });
-    const b = (t) => {
-      w.value = !1;
-      const r = f.value?.getBoundingClientRect();
-      let u = 0;
-      if (r) {
-        const a = t - r.left, d = r.width;
-        u = Math.max(0, Math.min(1, a / d)), n.value = e.min + u * (e.max - e.min);
-      }
-      n.value = Math.round(n.value / e.step) * e.step, n.value = Math.max(e.min, Math.min(e.max, n.value));
-    }, l = (t) => {
-      t.preventDefault(), b(t.clientX);
-    }, i = () => {
-      document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", i), document.removeEventListener("pointercancel", i), w.value = !0;
-    }, z = (t) => {
-      e.disabled || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), b(t.clientX), document.addEventListener("pointermove", l), document.addEventListener("pointerup", i), document.addEventListener("pointercancel", i));
-    }, F = o(null), O = () => {
-      e.showTooltip && (p.value = !0);
-    }, B = () => {
-      e.showTooltip && (p.value = !1);
-    }, R = (t) => {
-      const r = t.target;
-      n.value = Number(r.value);
-    }, w = o(!0), D = m(() => ({
-      "--nmorph-slider-thumb-width": g.value,
-      ...Q({
-        "--slider-height": e.sliderHeight,
-        "--value-fixed-container-height": e.valueFixedContainerHeight
-      })
-    })), W = { props: e, id: S, name: H, tabindex: _, modifiers: C, thumbWidthCss: g, tooltipVisible: p, emit: x, modelValue: c, updateModelValue: y, thumbValue: n, sliderContainer: f, tooltipRootRef: P, thumbXPercentPosition: V, windowWidth: s, windowHeight: h, resizeWindowHandler: v, updateThumbValue: b, pointerMove: l, pointerUp: i, pointerDownHandler: z, sliderFirst: F, handleMouseEnter: O, handleMouseLeave: B, nativeInputHandler: R, transitionEnabled: w, styles: D, get NmorphTooltip() {
-      return ee;
-    } };
-    return Object.defineProperty(W, "__isScriptSetup", { enumerable: !1, value: !0 }), W;
-  }
-});
-export {
-  de as default
-};

package/dist/components/form/nmorph-switch/NmorphSwitch.vue2.js

@@ -1,72 +0,0 @@
-import './NmorphSwitch.css';
-import { defineComponent as N, ref as l, computed as n, watch as V } from "vue";
-import { useModifiers as _ } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as I } from "../../../utils/common.js";
-import { useFormItemInput as w, useFormItemModel as B } from "../nmorph-form/use-form-item-input.js";
-import H from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import x from "../../../assets/icons/loader.svg.js";
-const j = /* @__PURE__ */ N({
-  __name: "NmorphSwitch",
-  props: {
-    modelValue: { type: [Boolean, String, Number], required: !1, default: !1 },
-    loading: { type: Boolean, required: !1, default: !1 },
-    activeValue: { type: [Boolean, String, Number], required: !1, default: !0 },
-    inactiveValue: { type: [Boolean, String, Number], required: !1, default: !1 },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    height: { type: [Number, String], required: !1, default: void 0 },
-    offset: { type: [Number, String], required: !1, default: void 0 },
-    thumbHeight: { type: [Number, String], required: !1, default: void 0 },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["update:model-value"],
-  setup(f, { expose: m, emit: p }) {
-    const e = f, { id: c, name: h, tabindex: v } = w(e), u = p, { modelValue: o, updateModelValue: i } = B(
-      e,
-      (a) => u("update:model-value", a),
-      !1
-    ), r = l(!1), g = () => {
-      r.value = !0;
-    }, b = () => {
-      r.value = !1;
-    }, y = n(
-      () => _({
-        "nmorph-switch": [
-          e.disabled && "disabled",
-          t.value ? "on" : "off",
-          e.loading && "loading",
-          r.value && "focus"
-        ]
-      })
-    ), t = l(o.value === e.activeValue), S = () => {
-      if (e.disabled) return;
-      t.value = !t.value;
-      const a = t.value ? e.activeValue : e.inactiveValue;
-      i(a);
-    }, s = l(null);
-    m({ inputDOMRef: s });
-    const q = n(
-      () => I({
-        "--width": e.width,
-        "--height": e.height,
-        "--offset": e.offset,
-        "--thumb-height": e.thumbHeight
-      })
-    );
-    V(o, (a) => {
-      t.value = a === e.activeValue;
-    });
-    const d = { props: e, id: c, name: h, tabindex: v, emit: u, modelValue: o, updateModelValue: i, focus: r, focusHandler: g, blurHandler: b, modifiers: y, initialValue: t, changeHandler: S, inputDOMRef: s, styles: q, get NmorphIcon() {
-      return H;
-    }, get NmorphIconLoaderDots() {
-      return x;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
-  }
-});
-export {
-  j as default
-};

package/dist/components/form/nmorph-text-input/NmorphTextInput.vue2.js

@@ -1,67 +0,0 @@
-import './NmorphTextInput.css';
-import { defineComponent as k, useSlots as C, computed as o, ref as E } from "vue";
-import { useModifiers as O } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as V } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as j, useFormItemModel as H } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as R } from "../../../types/common.types.js";
-import A from "../../../assets/icons/eye-blocked.svg.js";
-import D from "../../basic/nmorph-button/NmorphButton.vue.js";
-import T from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import z from "../../../assets/icons/error.svg.js";
-import G from "../../../assets/icons/eye.svg.js";
-const ee = /* @__PURE__ */ k({
-  __name: "NmorphTextInput",
-  props: {
-    placeholder: { type: String, required: !1, default: "" },
-    typePassword: { type: Boolean, required: !1, default: !1 },
-    modelValue: { type: String, required: !1, default: "" },
-    clearable: { type: Boolean, required: !1, default: !1 },
-    indentation: { type: String, required: !1, default: "" },
-    inputAttrs: { 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(f, { expose: h, emit: y }) {
-    const l = C(), e = f, r = y, { id: b, name: g, autocomplete: q, tabindex: I } = j(e), { modelValue: v, updateModelValue: n } = H(
-      e,
-      (a) => r("update:model-value", a),
-      ""
-    ), w = o(
-      () => O({
-        nmorph: [R[e.height], u.value && "focused"],
-        "nmorph-text-input": [e.typePassword && "password", (e.typePassword || e.clearable) && "with-action"]
-      })
-    ), x = (a) => {
-      const M = a.target;
-      n(M.value);
-    }, t = E(!1), N = () => {
-      e.clearable ? n("") : t.value = !t.value;
-    }, _ = o(() => e.typePassword && !t.value && !e.clearable ? "password" : "text"), {
-      elementRef: s,
-      focused: u,
-      handleFocus: B,
-      handleBlur: S,
-      focus: p,
-      blur: i,
-      select: d
-    } = V({
-      onFocus: () => r("focus"),
-      onBlur: () => r("blur")
-    });
-    h({ inputDOMRef: s, focus: p, blur: i, select: d });
-    const P = o(() => e.clearable ? z : t.value ? A : G), m = o(() => e.indentation || (l["prepend-icon"] ? "28px" : "8px")), F = o(() => ({ "--nmorph-text-input-indentation": m.value })), c = { slots: l, props: e, emit: r, id: b, name: g, autocomplete: q, tabindex: I, modelValue: v, updateModelValue: n, modifiers: w, handleInput: x, showPassword: t, actionButtonClickHandler: N, type: _, inputDOMRef: s, focused: u, handleFocus: B, handleBlur: S, focus: p, blur: i, select: d, actionIcon: P, indentation: m, styles: F, get NmorphIcon() {
-      return T;
-    }, get NmorphButton() {
-      return D;
-    } };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-});
-export {
-  ee as default
-};

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

@@ -1,73 +0,0 @@
-import './NmorphTextarea.css';
-import { defineComponent as B, computed as n, watch as C, onMounted as T, nextTick as V } from "vue";
-import { useModifiers as O } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as j } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as k, useFormItemModel as P } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as A } from "../../../types/common.types.js";
-const J = /* @__PURE__ */ B({
-  __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(g, { expose: x, emit: b }) {
-    const e = g, r = b, { id: w, name: q, autocomplete: S, tabindex: v } = k(e), { modelValue: s, updateModelValue: l } = P(
-      e,
-      (t) => r("update:model-value", t),
-      ""
-    ), {
-      elementRef: i,
-      focused: u,
-      handleFocus: _,
-      handleBlur: z,
-      focus: d,
-      blur: p,
-      select: m
-    } = j({
-      onFocus: () => r("focus"),
-      onBlur: () => r("blur")
-    }), F = n(
-      () => O({
-        nmorph: [A[e.height], u.value && "focused"],
-        "nmorph-textarea": [e.disabled && "disabled", e.autoSize && "auto-size"]
-      })
-    ), f = (t) => {
-      const o = window.getComputedStyle(t);
-      return parseFloat(o.paddingTop) + parseFloat(o.paddingBottom);
-    }, a = async () => {
-      if (!e.autoSize) return;
-      await V();
-      const t = i.value;
-      if (!t) return;
-      t.style.height = "auto";
-      const o = window.getComputedStyle(t), I = parseFloat(o.lineHeight) || 20, y = e.maxRows ? e.maxRows * I + f(t) : 1 / 0, N = Math.min(t.scrollHeight, y);
-      t.style.height = `${N}px`, t.style.overflowY = t.scrollHeight > y ? "auto" : "hidden";
-    }, M = (t) => {
-      const o = t.target;
-      l(o.value), a();
-    };
-    C(s, a), T(a), x({ textareaDOMRef: i, focus: d, blur: p, select: m, resizeToContent: a });
-    const c = n(() => Math.max(e.minRows, 1)), R = n(() => Math.max(e.rows, c.value)), H = n(() => ({
-      "--nmorph-textarea-resize": e.autoSize ? "none" : e.resize,
-      "--nmorph-textarea-indentation": e.indentation
-    })), h = { props: e, emit: r, id: w, name: q, autocomplete: S, tabindex: v, modelValue: s, updateModelValue: l, textareaDOMRef: i, focused: u, handleFocus: _, handleBlur: z, focus: d, blur: p, select: m, modifiers: F, getVerticalPadding: f, resizeToContent: a, handleInput: M, minRows: c, rows: R, styles: H };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
-  }
-});
-export {
-  J as default
-};

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

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

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

@@ -1,67 +0,0 @@
-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.vue2.js

@@ -1,24 +0,0 @@
-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
-};