@nmorph/nmorph-ui-kit 0.2.21 → 0.2.23

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as _, ref as x, openBlock as a, createElementBlock as s, normalizeClass as z, createElementVNode as n, createBlock as P, unref as p, renderSlot as A, toDisplayString as E, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as O2, createStaticVNode as Ye, createTextVNode as ee, onUnmounted as pe, onMounted as Y, watch as G, withDirectives as Ge, vShow as Ke, reactive as le, createVNode as b, withCtx as R, Fragment as L, renderList as U, provide as J, nextTick as Ve, inject as Q, Teleport as ie, withModifiers as ne, useSlots as Xe, readonly as q2, TransitionGroup as de, mergeProps as ye, withKeys as P2, resolveComponent as Je, pushScopeId as R2, popScopeId as E2 } from "vue";
+import { defineComponent as T, computed as _, ref as x, openBlock as a, createElementBlock as s, normalizeClass as z, createElementVNode as n, createBlock as P, unref as p, renderSlot as A, toDisplayString as E, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as O2, createStaticVNode as Ye, createTextVNode as ee, onUnmounted as pe, onMounted as G, watch as Y, withDirectives as Ge, vShow as Ke, reactive as le, createVNode as b, withCtx as R, Fragment as L, renderList as U, provide as J, nextTick as Ve, inject as Q, Teleport as ie, withModifiers as ne, useSlots as Xe, readonly as q2, TransitionGroup as de, mergeProps as ye, withKeys as P2, resolveComponent as Je, pushScopeId as R2, popScopeId as E2 } from "vue";
 import { createI18n as F2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), j2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(j2 || {}), W2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(W2 || {}), Qe = /* @__PURE__ */ ((e) => (e.inset = "inset", e.outset = "outset", e.combined = "combined", e))(Qe || {}), Ze = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(Ze || {}), c = /* @__PURE__ */ ((e) => (e["add-location"] = "add-location", e.aim = "aim", e["alarm-clock"] = "alarm-clock", e.apple = "apple", e.archive = "archive", e["arrow-down"] = "arrow-down", e["arrow-left"] = "arrow-left", e["arrow-right"] = "arrow-right", e["arrow-up"] = "arrow-up", e.audio = "audio", e.avatar = "avatar", e.back = "back", e["bell-filled"] = "bell-filled", e.bell = "bell", e.bicycle = "bicycle", e["bottom-left"] = "bottom-left", e["bottom-right"] = "bottom-right", e.bottom = "bottom", e.burger = "burger", e.calendar = "calendar", e.camera = "camera", e["caret-bottom"] = "caret-bottom", e["caret-left"] = "caret-left", e["caret-right"] = "caret-right", e["caret-top"] = "caret-top", e.cellphone = "cellphone", e["chat-dot-round"] = "chat-dot-round", e["chat-dot-square"] = "chat-dot-square", e["chat-line-round"] = "chat-line-round", e["chat-line-square"] = "chat-line-square", e["chat-round"] = "chat-round", e["chat-square"] = "chat-square", e.check = "check", e.checked = "checked", e.cherry = "cherry", e["chevron-double-down"] = "chevron-double-down", e["chevron-down"] = "chevron-down", e["chrome-filled"] = "chrome-filled", e["circle-check-filled"] = "circle-check-filled", e["circle-check"] = "circle-check", e["circle-close-filled"] = "circle-close-filled", e["circle-close"] = "circle-close", e["circle-plus-filled"] = "circle-plus-filled", e["circle-plus"] = "circle-plus", e.clock = "clock", e.close = "close", e.cloudy = "cloudy", e.code = "code", e["coffee-cup"] = "coffee-cup", e.coffee = "coffee", e.coin = "coin", e["collection-tag"] = "collection-tag", e.collection = "collection", e.compass = "compass", e.connection = "connection", e.coordinate = "coordinate", e["copy-document"] = "copy-document", e.copy = "copy", e.cpu = "cpu", e["credit-card"] = "credit-card", e.crop = "crop", e.cross = "cross", e["delete-filled"] = "delete-filled", e.delete = "delete", e.dessert = "dessert", e.discount = "discount", e.doc = "doc", e["document-add"] = "document-add", e["document-checked"] = "document-checked", e["document-copy"] = "document-copy", e["document-delete"] = "document-delete", e["document-remove"] = "document-remove", e.document = "document", e.download = "download", e["edit-pen"] = "edit-pen", e.edit = "edit", e.enlarge = "enlarge", e.error = "error", e.expand = "expand", e["eye-blocked"] = "eye-blocked", e.eye = "eye", e.failed = "failed", e.files = "files", e.film = "film", e.filter = "filter", e.finished = "finished", e.flag = "flag", e.fold = "fold", e["folder-add"] = "folder-add", e["folder-checked"] = "folder-checked", e["folder-delete"] = "folder-delete", e["folder-opened"] = "folder-opened", e.folder = "folder", e.food = "food", e["fork-spoon"] = "fork-spoon", e["full-screen"] = "full-screen", e.goblet = "goblet", e["gold-medal"] = "gold-medal", e["goods-filled"] = "goods-filled", e.goods = "goods", e.grape = "grape", e.grid = "grid", e.guide = "guide", e.handbag = "handbag", e.headset = "headset", e.histogram = "histogram", e["hot-water"] = "hot-water", e.house = "house", e["ice-cream-round"] = "ice-cream-round", e["ice-drink"] = "ice-drink", e["info-filled"] = "info-filled", e.info = "info", e.image = "image", e.key = "key", e["knife-fork"] = "knife-fork", e.lightning = "lightning", e.link = "link", e.list = "list", e.loader = "loader", e.loading = "loading", e["location-filled"] = "location-filled", e["location-information"] = "location-information", e.location = "location", e.lock = "lock", e.logo = "logo", e.lollipop = "lollipop", e["magic-stick"] = "magic-stick", e.magnet = "magnet", e.male = "male", e.management = "management", e["map-location"] = "map-location", e.medal = "medal", e.memo = "memo", e.menu = "menu", e["message-box"] = "message-box", e.message = "message", e.mic = "mic", e.microphone = "microphone", e.minus = "minus", e.money = "money", e.monitor = "monitor", e.moon = "moon", e["more-filled"] = "more-filled", e.more = "more", e["mostly-cloudy"] = "mostly-cloudy", e.mouse = "mouse", e.mug = "mug", e["mute-notification"] = "mute-notification", e.mute = "mute", e["no-smoking"] = "no-smoking", e.notebook = "notebook", e.notification = "notification", e["office-building"] = "office-building", e.operation = "operation", e.opportunity = "opportunity", e.orange = "orange", e.paperclip = "paperclip", e["partly-cloudy"] = "partly-cloudy", e.pear = "pear", e["phone-filled"] = "phone-filled", e.phone = "phone", e.picture = "picture", e["pie-chart"] = "pie-chart", e.place = "place", e.platform = "platform", e.plus = "plus", e.pointer = "pointer", e.position = "position", e["post-card"] = "post-card", e.pouring = "pouring", e.present = "present", e["price-tag"] = "price-tag", e.printer = "printer", e.promotion = "promotion", e["quartz-watch"] = "quartz-watch", e["question-filled"] = "question-filled", e.rank = "rank", e["reading-lamp"] = "reading-lamp", e.reading = "reading", e["refresh-left"] = "refresh-left", e["refresh-right"] = "refresh-right", e.refresh = "refresh", e.refrigerator = "refrigerator", e["remove-filled"] = "remove-filled", e.remove = "remove", e["rotate-left"] = "rotate-left", e["rotate-right"] = "rotate-right", e["scale-to-original"] = "scale-to-original", e.school = "school", e.scissor = "scissor", e.search = "search", e.select = "select", e.sell = "sell", e["semi-select"] = "semi-select", e.service = "service", e.setting = "setting", e.share = "share", e.ship = "ship", e.shop = "shop", e["shopping-bag"] = "shopping-bag", e["shopping-cart-full"] = "shopping-cart-full", e["shopping-cart"] = "shopping-cart", e.shrink = "shrink", e.smoking = "smoking", e.soccer = "soccer", e["sold-out"] = "sold-out", e["sort-down"] = "sort-down", e["sort-up"] = "sort-up", e.sort = "sort", e.stamp = "stamp", e["star-filled"] = "star-filled", e.star = "star", e["success-filled"] = "success-filled", e.success = "success", e.sugar = "sugar", e.sunny = "sunny", e.sunrise = "sunrise", e.sunset = "sunset", e["switch-button"] = "switch-button", e["switch-filled"] = "switch-filled", e.switch = "switch", e["takeaway-box"] = "takeaway-box", e.ticket = "ticket", e.tickets = "tickets", e.time = "time", e.timer = "timer", e["toilet-paper"] = "toilet-paper", e.tools = "tools", e["top-left"] = "top-left", e["top-right"] = "top-right", e.top = "top", e["trend-charts"] = "trend-charts", e["triangle-down"] = "triangle-down", e["trophy-base"] = "trophy-base", e.trophy = "trophy", e["turn-off"] = "turn-off", e.umbrella = "umbrella", e.unlock = "unlock", e["upload-filled"] = "upload-filled", e.upload = "upload", e["user-filled"] = "user-filled", e.user = "user", e.van = "van", e["video-camera"] = "video-camera", e["video-pause"] = "video-pause", e["video-play"] = "video-play", e.video = "video", e.view = "view", e["wallet-filled"] = "wallet-filled", e.wallet = "wallet", e["warn-triangle-filled"] = "warn-triangle-filled", e.warning = "warning", e.watch = "watch", e["wind-power"] = "wind-power", e["zoom-in"] = "zoom-in", e["zoom-out"] = "zoom-out", e))(c || {}), L2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(L2 || {}), U2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(U2 || {}), oe = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(oe || {});
 const Y2 = (e, t) => {
@@ -2855,13 +2855,13 @@ const Bf = /* @__PURE__ */ T({
   emits: ["on-scroll", "update:modelValue", "on-scroll-end"],
   setup(e, { emit: t }) {
     I((f) => ({
-      "4a68bfd5": m.value,
-      "2ef175ca": $.value,
-      "96ce3be8": i.value,
-      "78df0f8a": h.value,
-      "3797bab5": r.value,
-      "3797bab6": l.value,
-      "3c242500": w.value
+      "7964e2c9": m.value,
+      "429d5756": $.value,
+      "38d5f600": i.value,
+      "7418b3c7": h.value,
+      "4b439c41": r.value,
+      "4b439c42": l.value,
+      "426d2374": w.value
     }));
     const o = e, l = _(() => o.scrollYProp), r = _(() => o.scrollXProp), i = _(() => o.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), h = _(() => o.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
     let d;
@@ -2870,7 +2870,7 @@ const Bf = /* @__PURE__ */ T({
     }, g = (f) => {
       if (u("on-scroll", f), !y.value)
         return;
-      const H = y.value.scrollLeft, V = y.value.scrollTop;
+      const H = Math.ceil(y.value.scrollLeft), V = Math.ceil(y.value.scrollTop);
       u("update:modelValue", { x: H, y: V }), d !== void 0 && clearTimeout(d), d = setTimeout(() => {
         v();
       }, o.scrollEndDelay);
@@ -2890,21 +2890,21 @@ const Bf = /* @__PURE__ */ T({
         behavior: "smooth"
       });
     };
-    Y(() => {
+    G(() => {
       k(o.modelValue);
-    }), G(
+    }), Y(
       () => o.modelValue,
       (f) => {
         k(f);
       },
       { deep: !0, immediate: !0 }
     );
-    const w = _(() => o.cssScrollBehavior), m = _(() => o.height), $ = _(() => o.height);
+    const w = _(() => o.cssScrollBehavior), m = _(() => o.height), $ = _(() => o.maxHeight);
     return (f, H) => (a(), s("div", {
       ref_key: "scrollDOMContainer",
       ref: y,
       class: z(M.value),
-      onWheelPassive: g
+      onScroll: g
     }, [
       A(f.$slots, "default")
     ], 34));
@@ -2995,7 +2995,7 @@ const Df = {
         y: g
       };
     }), h = x(null), d = x(0), u = x(0);
-    return Y(() => {
+    return G(() => {
       h.value && (d.value = h.value.clientWidth, u.value = h.value.clientHeight);
     }), (v, g) => (a(), s("div", {
       class: z(o.value)
@@ -3039,9 +3039,9 @@ const qf = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
         }), u.push(B);
       });
     };
-    v(), G(i, () => {
+    v(), Y(i, () => {
       v(), l("update-initial-date", i.value);
-    }), G(
+    }), Y(
       () => o.initialDate,
       (C) => {
         i.value = C;
@@ -3319,9 +3319,9 @@ const Uf = ["id"], Yf = { class: "nmorph-carousel__elements-indicator" }, Gf = [
     }, k = () => {
       o.value === 0 && (o.value = Object.keys(M).length, $.value = !1), o.value > Object.keys(M).length && (o.value = 1, $.value = !1);
     };
-    Y(() => {
+    G(() => {
       i.loop && o.value === 0 && (Ve(() => y()), g.value?.addEventListener("transitionend", k));
-    }), G(o, (V) => {
+    }), Y(o, (V) => {
       h("change", o.value), (V === 1 || V === Object.keys(M).length) && setTimeout(() => {
         $.value = !0;
       });
@@ -3387,7 +3387,7 @@ const Xf = /* @__PURE__ */ T({
         "nmorph-carousel-item": []
       })
     ), l = Q("carousel-data", void 0), r = x(!1);
-    return Y(() => {
+    return G(() => {
       r.value = !0, l && l.data.value.push(t.name);
     }), (i, h) => r.value ? (a(), s("div", {
       key: 0,
@@ -3409,7 +3409,7 @@ const Xf = /* @__PURE__ */ T({
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const o = e, l = x(o.modelValue);
-    G(
+    Y(
       () => o.modelValue,
       (d) => {
         l.value = d;
@@ -3460,15 +3460,15 @@ const Xf = /* @__PURE__ */ T({
     ), d = Q("collapse-data", void 0), u = Q("update-model", void 0), v = x(null), g = x(0), M = () => {
       o.block || (r.value = !r.value, u && (u(o.name, r.value), l("click-item", { id: o.name, isOpen: r.value })));
     };
-    return Y(() => {
+    return G(() => {
       Array.isArray(d?.value) ? r.value = d.value.includes(o.name) : r.value = d?.value === o.name;
-    }), G(
+    }), Y(
       () => d?.value,
       (y) => {
         Array.isArray(y) ? r.value = y.includes(o.name) : r.value = y === o.name;
       },
       { deep: !0 }
-    ), G(r, () => {
+    ), Y(r, () => {
       g.value = r.value && v.value ? v.value?.clientHeight : 0;
     }), (y, k) => (a(), s("div", {
       class: z(i.value),
@@ -3722,9 +3722,9 @@ const sg = /* @__PURE__ */ T({
       const m = o.total / o.pagerCount + 1, $ = m % 1 === 0 ? -1 : 0;
       return Array.from({ length: m + $ }, (f, H) => ({ value: String(H + 1), label: String(H + 1) }));
     }), g = _(() => o.hideOnSinglePage || o.total / o.pagerCount > 1);
-    G(u, (m) => {
+    Y(u, (m) => {
       l("update:modelValue", Number(m)), w();
-    }), G(
+    }), Y(
       () => o.pagerCount,
       () => {
         w();
@@ -3736,7 +3736,7 @@ const sg = /* @__PURE__ */ T({
       const m = Number(u.value) * o.pagerCount, $ = m - o.pagerCount;
       r.value = [$, m], l("update:range", r.value);
     };
-    return Y(() => {
+    return G(() => {
       w();
     }), (m, $) => g.value ? (a(), s("div", {
       key: 0,
@@ -3815,7 +3815,7 @@ const lg = {
         "nmorph-progress": []
       })
     ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((y) => y.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = _(() => t.indeterminate ? "var(--animation)" : "none"), h = x(null), d = x(1), u = _(() => `${d.value} ${d.value}`), v = _(() => d.value - t.percentage / 100 * d.value);
-    Y(() => {
+    G(() => {
       h.value && (d.value = 2 * Math.PI * h.value.r.baseVal.value);
     });
     const g = _(() => `${t.circleSize}px`), M = _(() => `${t.percentage}%`);
@@ -3992,7 +3992,7 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
       const k = d.value.map((H) => H.width).filter((H) => !!H), w = k.length, m = k.reduce((H, V) => (H += Number(V), H), 0), $ = d.value.length - w;
       return h.value?.clientWidth ? (h.value?.clientWidth - m) / $ : 0;
     }), v = (k) => k !== "" ? k : u.value, g = x(0);
-    G(
+    Y(
       () => t.data,
       () => {
         g.value = g.value + 1, l.value = t.data, d.value = [];
@@ -4094,7 +4094,7 @@ const m2 = /* @__PURE__ */ T({
         "nmorph-table-cell": []
       })
     ), i = _(() => `#table-cell-${o}-${l.row}-${t}`), h = x(!1);
-    return Y(async () => {
+    return G(async () => {
       await Ve();
       const d = document.querySelector(i.value);
       d && (d.innerHTML = ""), h.value = !0;
@@ -4121,7 +4121,7 @@ const m2 = /* @__PURE__ */ T({
         "nmorph-table-column": []
       })
     ), i = x(0);
-    J("column-property", l.prop), J("table-identifier", o), Y(() => {
+    J("column-property", l.prop), J("table-identifier", o), G(() => {
       h();
     });
     const h = () => {
@@ -4286,7 +4286,7 @@ const Fg = { class: "nmorph-dialog__header" }, jg = { class: "nmorph-dialog__tit
       })
     ), i = _(() => o.width), h = _(() => o.zIndex), d = x(o.modelValue);
     let u = null, v = null;
-    G(
+    Y(
       () => o.modelValue,
       (M) => {
         M ? (v && clearTimeout(v), u = setTimeout(() => {
@@ -4400,7 +4400,7 @@ const Fe = (e) => {
     const M = d[g] ? JSON.stringify(d[g]) : null, y = JSON.stringify(u[g]);
     return M !== y;
   });
-  return G(e, (d) => {
+  return Y(e, (d) => {
     i(l, d).forEach((v) => {
       const g = d[v];
       o[v] = Fe({ inputValue: g.value, rules: g.rules }), o[v].validate();
@@ -4410,7 +4410,7 @@ const Fe = (e) => {
   };
 }, $2 = (e) => {
   const { initialPlacement: t, relativeElement: o, contentDOMElement: l, yOffset: r = 0, xOffset: i = 0 } = e, h = x(t), d = x({ x: "0px", y: "0px" });
-  Y(() => {
+  G(() => {
     u();
   });
   const u = () => {
@@ -4430,7 +4430,7 @@ const Fe = (e) => {
   };
   return { placement: h, placementCoords: d };
 }, Tx = () => {
-}, Xg = "@nmorph/nmorph-ui-kit", Jg = "module", Qg = "0.2.21", Zg = "MIT", Ng = {
+}, Xg = "@nmorph/nmorph-ui-kit", Jg = "module", Qg = "0.2.23", Zg = "MIT", Ng = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Ig = "./dist/index.d.ts", ew = "./dist/index.umd.js", tw = "./dist/index.es.js", nw = "./dist/style.css", ow = [
@@ -4805,7 +4805,7 @@ const kw = {
       "change-checkbox-value-handler",
       void 0
     ), r = e;
-    Y(() => {
+    G(() => {
       v("inputDOMRef", i);
     });
     const i = x(null), h = o !== void 0, d = h ? x(o.value) : x(r.modelValue), u = _(() => h ? o.value.includes(r.id) : r.modelValue), v = t, g = () => {
@@ -4931,7 +4931,7 @@ const Ew = { class: "nmorph-autocomplete__input-content" }, Fw = {
     }, d = x(!1), u = x(null), v = () => {
       d.value = !1;
     }, g = _(() => o.list.filter((w) => Object.keys(w).some((m) => String(w[m]).toLowerCase().includes(l.value.toLowerCase()))));
-    G(g, (w) => {
+    Y(g, (w) => {
       d.value = w.length > 0;
     });
     const M = (w) => {
@@ -4941,9 +4941,9 @@ const Ew = { class: "nmorph-autocomplete__input-content" }, Fw = {
     }, y = () => {
       d.value = g.value.length > 0;
     }, k = x(!1);
-    return G(l, async (w) => {
+    return Y(l, async (w) => {
       w !== "" && o.actionCallback && (k.value = !0, await o.actionCallback(), k.value = !1);
-    }), G(k, (w) => {
+    }), Y(k, (w) => {
       w && (d.value = !0);
     }), (w, m) => (a(), s("div", {
       class: z(i.value)
@@ -5192,7 +5192,7 @@ const a$ = { class: "nmorph-year-month-picker__header" }, s$ = { class: "nmorph-
       const $ = l.currentDate.getFullYear(), f = r2($).map((H) => ({ label: String(H), value: String(H) }));
       r.value = f;
     };
-    G(
+    Y(
       () => l.currentDate,
       () => {
         l.type === "year" && (d(), i.value = String(l.currentDate.getFullYear()));
@@ -5477,7 +5477,7 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
       const w = i.findIndex((m) => m.data.name === k);
       w !== -1 && (URL.revokeObjectURL(i[w].previewUrl), i.splice(w, 1), v());
     };
-    Y(() => {
+    G(() => {
       M("inputDOMRef", h);
     });
     const M = t, y = _(
@@ -5565,7 +5565,7 @@ const f$ = {
         "nmorph-form": []
       })
     ), r = Kg(o.value, o.validateImmediately), i = t;
-    return Y(() => {
+    return G(() => {
       i("formValidator", r);
     }), J("form-data", r), (h, d) => (a(), s("form", {
       class: z(l.value)
@@ -5734,9 +5734,9 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
       let f = Number($.value);
       r.value = f;
     };
-    G(r, (m) => {
+    Y(r, (m) => {
       m > o.max && (r.value = o.max, w.value?.blur()), r.value < o.min && (r.value = o.min, w.value?.blur()), y("update:modelValue", m);
-    }), Y(() => {
+    }), G(() => {
       y("inputDOMRef", w);
     });
     const w = x(null);
@@ -5876,13 +5876,13 @@ const T$ = { class: "nmorph-select__content" }, O$ = {
     ), M = () => {
       i.value = !i.value;
     };
-    G(i, (f) => {
+    Y(i, (f) => {
       f && (u.value = !1);
     });
     const y = () => {
       i.value = !1;
     };
-    Y(() => {
+    G(() => {
       h.value && (d.value = `${h.value.clientHeight}px`, document.addEventListener("click", y));
     }), pe(() => {
       document.removeEventListener("click", y);
@@ -5996,7 +5996,7 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     I((V) => ({
-      ad126306: r
+      "1a58be4a": r
     }));
     const o = e, l = _(
       () => D({
@@ -6004,8 +6004,10 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
         "nmorph-slider": [`${o.disabled && "disabled"}`]
       })
     ), r = `${Ue}px`, i = x(o.showTooltip), h = t, d = x(o.modelValue), u = x(null);
-    G(d, () => {
+    Y(d, () => {
       h("update:modelValue", d.value);
+    }), Y(() => o.modelValue, (V) => {
+      d.value = V;
     });
     const v = _(() => {
       const V = g.value - g.value, C = o.max - o.min + V, S = (d.value - o.min) / C * 100, B = u.value?.clientWidth || 0, F = Ue / B * 100, j = F / 2;
@@ -6018,7 +6020,7 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
     }), g = x(0), M = x(0), y = () => {
       g.value = window.innerWidth, M.value = window.innerHeight;
     };
-    Y(() => {
+    G(() => {
       typeof window < "u" && (g.value = window.innerWidth, M.value = window.innerHeight, window.addEventListener("resize", y));
     }), pe(() => {
       typeof window < "u" && (document.removeEventListener("mouseup", w), window.removeEventListener("resize", y));
@@ -6099,9 +6101,9 @@ const L$ = ["value", "disabled"], U$ = { class: "nmorph-switch-thumb" }, Y$ = /*
       const u = i.value ? o.activeValue : o.inactiveValue;
       r("update:modelValue", u);
     }, d = x(null);
-    return Y(() => {
+    return G(() => {
       r("inputDOMRef", d);
-    }), G(
+    }), Y(
       () => o.modelValue,
       (u) => {
         i.value = u === o.activeValue;
@@ -6172,7 +6174,7 @@ const G$ = { class: "nmorph-text-input__input-side" }, K$ = {
     }, g = () => {
       y("blur"), u.value = !1;
     }, M = x(null), y = t;
-    Y(() => {
+    G(() => {
       y("inputDOMRef", M);
     });
     const k = _(() => o.clearable ? "error" : i.value ? "eye-blocked" : "eye"), w = _(() => m["prepend-icon"] ? "28px" : "8px"), m = Xe();
@@ -6231,7 +6233,7 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
       "139069aa": V.value
     }));
     const o = e, l = t, r = x(null), i = x(null), h = x(o.open), d = x([0, 0, 0]), u = x(o.initWithoutValue);
-    Y(() => {
+    G(() => {
       l("inputDOMRef", i);
     });
     const v = () => {
@@ -6255,7 +6257,7 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
     }, f = () => {
       h.value = !1;
     };
-    G(h, (S) => {
+    Y(h, (S) => {
       l("on-change-open-close", S);
     }), (() => {
       if (u.value)
@@ -6373,7 +6375,7 @@ const ke = (e) => {
         "nmorph-radio": [`${r.disabled && "disabled"}`, `${h.value && "checked"}`, r.styleType]
       })
     ), u = t, v = x(null);
-    return Y(() => {
+    return G(() => {
       u("inputDOMRef", v);
     }), (g, M) => (a(), s("label", {
       class: z(d.value),
@@ -6431,7 +6433,7 @@ const ux = { class: "nmorph-radio-group__wrapper" }, _x = { class: "nmorph-radio
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const o = e, l = x(o.modelValue);
-    G(
+    Y(
       () => o.modelValue,
       (d) => {
         l.value = d;
@@ -6489,7 +6491,7 @@ const vx = /* @__PURE__ */ T({
         behavior: "smooth"
       });
     };
-    return Y(() => {
+    return G(() => {
       u.value && (d.value = u.value.parentElement, d.value?.addEventListener("scroll", g));
     }), pe(() => {
       d.value && d.value?.removeEventListener("scroll", g);
@@ -6561,7 +6563,7 @@ const gx = /* @__PURE__ */ T({
         "nmorph-breadcrumb-item": []
       })
     ), l = Q("breadcrumb-data", void 0), r = x(!1), i = he();
-    return Y(() => {
+    return G(() => {
       r.value = !0, l && l.breadcrumbs.value.push({ ...t, itemId: i });
     }), (h, d) => {
       const u = Je("router-link");
@@ -6702,7 +6704,7 @@ const Ae = (e, t) => {
         "nmorph-tab-pane": []
       })
     ), l = Q("nmorph-tabs-data", void 0), r = x(!1);
-    return Y(() => {
+    return G(() => {
       r.value = !0, l && l.tabsData.value.push(t);
     }), (i, h) => r.value ? (a(), s("div", {
       key: 0,