@nmorph/nmorph-ui-kit 0.2.9 → 0.2.10

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as T, computed as p, ref as x, openBlock as o, createElementBlock as s, normalizeClass as H, createElementVNode as n, createBlock as q, unref as _, renderSlot as A, toDisplayString as R, createCommentVNode as O, useCssVars as N, normalizeStyle as I, resolveDynamicComponent as A2, createStaticVNode as We, createTextVNode as ee, onUnmounted as ve, onMounted as U, watch as K, withDirectives as Ue, vShow as Ye, reactive as re, createVNode as M, withCtx as E, Fragment as Y, renderList as L, provide as J, nextTick as Le, inject as Q, Teleport as ce, withModifiers as ne, useSlots as Ge, readonly as D2, TransitionGroup as _e, mergeProps as Se, withKeys as T2, resolveComponent as Ke, pushScopeId as O2, popScopeId as P2 } from "vue";
+import { defineComponent as T, computed as p, ref as x, openBlock as o, createElementBlock as s, normalizeClass as H, createElementVNode as n, createBlock as q, unref as _, renderSlot as A, toDisplayString as R, createCommentVNode as O, useCssVars as N, normalizeStyle as I, resolveDynamicComponent as A2, createStaticVNode as Ue, createTextVNode as ee, onUnmounted as ve, onMounted as U, watch as K, withDirectives as Ye, vShow as Le, reactive as re, createVNode as M, withCtx as E, Fragment as Y, renderList as L, provide as J, nextTick as be, inject as Q, Teleport as ce, withModifiers as ne, useSlots as Ge, readonly as D2, TransitionGroup as _e, mergeProps as Ae, withKeys as T2, resolveComponent as Ke, pushScopeId as O2, popScopeId as P2 } from "vue";
 import { createI18n as q2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), R2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(R2 || {}), E2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(E2 || {}), Xe = /* @__PURE__ */ ((e) => (e.inset = "inset", e.outset = "outset", e.combined = "combined", e))(Xe || {}), Je = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(Je || {}), 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 || {}), F2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(F2 || {}), j2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(j2 || {}), oe = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(oe || {});
 const W2 = (e, t) => {
   const a = t.filter((l) => l !== "false" && l && l !== "undefined").map((l) => `${e}--${l}`);
   return a.push(e), a.join(" ").trim().replace(/\s+/g, " ");
-}, D = (e) => Object.entries(e).map(([t, a]) => W2(t, a)).join(" ").trim().replace(/\s+/g, " "), Ae = (e) => JSON.parse(JSON.stringify(e)), Vx = (e) => {
+}, D = (e) => Object.entries(e).map(([t, a]) => W2(t, a)).join(" ").trim().replace(/\s+/g, " "), De = (e) => JSON.parse(JSON.stringify(e)), Vx = (e) => {
   if (!e)
     return !1;
   const t = new DOMParser().parseFromString(e, "text/html");
@@ -12,7 +12,7 @@ const W2 = (e, t) => {
 }, ie = () => {
   const e = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${e()}${e()}-${e()}-4${e().substr(0, 3)}-${e().substr(0, 1)}${e().substr(1, 3)}-${e()}${e()}${e()}`;
-}, Hx = (e) => e.charAt(0).toUpperCase() + e.slice(1), De = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Te = {
+}, Hx = (e) => e.charAt(0).toUpperCase() + e.slice(1), Te = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Oe = {
   error: {
     bg: "#000000",
     text: "red"
@@ -26,7 +26,7 @@ const W2 = (e, t) => {
     text: "orange"
   }
 }, U2 = (e, t) => {
-  console.log(`%c ${t} `, `background: ${Te[e].bg}; color: ${Te[e].text}`);
+  console.log(`%c ${t} `, `background: ${Oe[e].bg}; color: ${Oe[e].text}`);
 }, Y2 = ["disabled", "loading", "type"], L2 = { key: 1 }, G2 = { key: 0 }, W = /* @__PURE__ */ T({
   __name: "NmorphButton",
   props: {
@@ -267,7 +267,7 @@ function m0(e, t) {
 const f0 = { render: m0 }, g0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, w0 = /* @__PURE__ */ We('<path d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32"></path><path d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384z"></path><path d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5), $0 = [
+}, w0 = /* @__PURE__ */ Ue('<path d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32"></path><path d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384z"></path><path d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5), $0 = [
   w0
 ];
 function x0(e, t) {
@@ -1238,7 +1238,7 @@ const Dr = { render: Ar }, Tr = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 100 100"
-}, Or = /* @__PURE__ */ We('<g transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1), Pr = [
+}, Or = /* @__PURE__ */ Ue('<g transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1), Pr = [
   Or
 ];
 function qr(e, t) {
@@ -2441,7 +2441,7 @@ const hm = { render: dm }, um = {
 function pm(e, t) {
   return o(), s("svg", um, [...vm]);
 }
-const Oe = { render: pm }, mm = {
+const Pe = { render: pm }, mm = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, fm = /* @__PURE__ */ n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32m192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32" }, null, -1), gm = [
@@ -2786,11 +2786,11 @@ const Mf = { render: yf }, e2 = {
   [c["user-filled"]]: tm,
   [c.user]: lm,
   [c.van]: hm,
-  [c["video-camera"]]: Oe,
+  [c["video-camera"]]: Pe,
   [c["video-pause"]]: $m,
   [c["video-play"]]: km,
   [c.video]: Sm,
-  [c.view]: Oe,
+  [c.view]: Pe,
   [c["wallet-filled"]]: Pm,
   [c.wallet]: Um,
   [c["warn-triangle-filled"]]: Xm,
@@ -2947,10 +2947,10 @@ const Hf = ["src", "srcset", "alt"], zf = { class: "nmorph-avatar__fallback" },
         onLoad: u,
         onError: d
       }, null, 42, Hf),
-      Ue(n("div", zf, [
+      Ye(n("div", zf, [
         A(g.$slots, "default")
       ], 512), [
-        [Ye, r.value]
+        [Le, r.value]
       ])
     ], 2));
   }
@@ -3138,7 +3138,7 @@ const Df = ["data-date", "onClick"], a2 = /* @__PURE__ */ T({
     ], 2));
   }
 });
-const be = [
+const ke = [
   "January",
   "February",
   "March",
@@ -3171,10 +3171,10 @@ const be = [
     return !0;
   const a = e && e[0], l = e && e[1];
   return t >= a && t <= l;
-}, ke = (e) => be[e], Tf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, Pe = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : Tf(e) ? 29 : 28, i2 = (e, t) => {
-  const a = (G) => t ? G < t[0] || G > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), h = new Date(l, r, 1).getDay() + 1, d = Pe(l, r), u = 7 + h - 8;
+}, Ve = (e) => ke[e], Tf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, qe = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : Tf(e) ? 29 : 28, i2 = (e, t) => {
+  const a = (G) => t ? G < t[0] || G > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), h = new Date(l, r, 1).getDay() + 1, d = qe(l, r), u = 7 + h - 8;
   let k = 7 - (new Date(l, r, d).getDay() + 1);
-  const y = /* @__PURE__ */ new Date(), b = y.getDate(), w = y.getMonth(), v = r - 1, $ = Pe(l, v);
+  const y = /* @__PURE__ */ new Date(), b = y.getDate(), w = y.getMonth(), v = r - 1, $ = qe(l, v);
   let f = $ - u;
   const z = [];
   for (; f < $; ) {
@@ -3206,13 +3206,13 @@ const be = [
   for (; B < d; ) {
     const G = y.getDate();
     B++;
-    const Z = w === r && G === B, Ce = new Date(l, r, B);
+    const Z = w === r && G === B, Se = new Date(l, r, B);
     F.push({
       value: B,
       monthType: "current",
       isToday: Z,
-      date: Ce,
-      hidden: a(Ce)
+      date: Se,
+      hidden: a(Se)
     });
   }
   const j = [...z, ...F, ...C], X = [];
@@ -3241,7 +3241,7 @@ const be = [
       class: H(r.value)
     }, [
       A(i.$slots, "default", {}, () => [
-        n("h2", Of, R(a.year) + " " + R(_(ke)(a.month)), 1),
+        n("h2", Of, R(a.year) + " " + R(_(Ve)(a.month)), 1),
         n("div", Pf, [
           i.showPreviousMonthButton ? (o(), q(_(W), {
             key: 0,
@@ -3316,7 +3316,7 @@ const jf = ["id"], Wf = { class: "nmorph-carousel__elements-indicator" }, Uf = [
       a.value === 0 && (a.value = Object.keys(k).length, $.value = !1), a.value > Object.keys(k).length && (a.value = 1, $.value = !1);
     };
     U(() => {
-      i.loop && a.value === 0 && (Le(() => y()), g.value?.addEventListener("transitionend", b));
+      i.loop && a.value === 0 && (be(() => y()), g.value?.addEventListener("transitionend", b));
     }), K(a, (V) => {
       h("change", a.value), (V === 1 || V === Object.keys(k).length) && setTimeout(() => {
         $.value = !0;
@@ -3751,7 +3751,7 @@ const ng = /* @__PURE__ */ T({
         ]),
         _: 1
       }, 8, ["disabled"]),
-      M(_(He), {
+      M(_(ze), {
         "model-value": u.value,
         options: m.value,
         class: "nmorph-pagination__page",
@@ -4090,8 +4090,10 @@ const v2 = /* @__PURE__ */ T({
         "nmorph-table-cell": []
       })
     ), i = p(() => `#table-cell-${a}-${l.row}-${t}`), h = x(!1);
-    return U(() => {
-      h.value = !0;
+    return U(async () => {
+      await be();
+      const d = document.querySelector(i.value);
+      d && (d.innerHTML = ""), h.value = !0;
     }), (d, u) => h.value ? (o(), s("div", {
       key: 0,
       class: H(r.value)
@@ -4282,7 +4284,7 @@ const Og = { class: "nmorph-dialog__header" }, Pg = { class: "nmorph-dialog__tit
   }
 });
 var Eg = /* @__PURE__ */ ((e) => (e["contains-one"] = "contains-one", e["not-contains"] = "not-contains", e["full-eq"] = "full-eq", e))(Eg || {}), Fg = /* @__PURE__ */ ((e) => (e.eq = "eq", e.gte = "gte", e.lte = "lte", e.gt = "gt", e.lt = "lt", e))(Fg || {}), jg = /* @__PURE__ */ ((e) => (e.eq = "eq", e["not-eq"] = "not-eq", e))(jg || {});
-const qe = (e) => {
+const Re = (e) => {
   const { inputValue: t, rules: a } = e, l = x([]), r = p(() => l.value.length === 0), i = x(!1);
   return {
     touched: i,
@@ -4342,9 +4344,9 @@ const qe = (e) => {
     }
   };
 }, Wg = (e, t = !1) => {
-  const a = re({}), l = re(Ae(e)), r = () => {
+  const a = re({}), l = re(De(e)), r = () => {
     Object.entries(e).forEach(([d, u]) => {
-      a[d] = qe({ inputValue: u.value, rules: u.rules }), a[d].validate();
+      a[d] = Re({ inputValue: u.value, rules: u.rules }), a[d].validate();
     });
   }, i = (d, u) => Object.keys(u).filter((g) => {
     const k = d[g] ? JSON.stringify(d[g]) : null, y = JSON.stringify(u[g]);
@@ -4353,8 +4355,8 @@ const qe = (e) => {
   return K(e, (d) => {
     i(l, d).forEach((m) => {
       const g = d[m];
-      a[m] = qe({ inputValue: g.value, rules: g.rules }), a[m].validate();
-    }), Object.assign(l, Ae(d));
+      a[m] = Re({ inputValue: g.value, rules: g.rules }), a[m].validate();
+    }), Object.assign(l, De(d));
   }, { deep: !0 }), t && r(), {
     fields: a
   };
@@ -4364,7 +4366,7 @@ const qe = (e) => {
     u();
   });
   const u = () => {
-    Le(() => {
+    be(() => {
       if (!l.value || !a) {
         console.warn("There is no relative element or content DOM element");
         return;
@@ -4380,7 +4382,7 @@ const qe = (e) => {
   };
   return { placement: h, placementCoords: d };
 }, zx = () => {
-}, Ug = "@nmorph/nmorph-ui-kit", Yg = "module", Lg = "0.2.8", Gg = "MIT", Kg = {
+}, Ug = "@nmorph/nmorph-ui-kit", Yg = "module", Lg = "0.2.10", Gg = "MIT", Kg = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Xg = "./dist/index.d.ts", Jg = "./dist/index.umd.js", Qg = "./dist/index.es.js", Zg = "./dist/style.css", Ng = [
@@ -4535,7 +4537,7 @@ const qe = (e) => {
   }), t.forEach(({ name: l, color: r }) => {
     a[l] = r;
   }), Object.entries(a).map(([l, r]) => ({ name: l, color: r }));
-}, Re = (e, t) => {
+}, Ee = (e, t) => {
   let a = parseInt(e.substring(1, 3), 16), l = parseInt(e.substring(3, 5), 16), r = parseInt(e.substring(5, 7), 16);
   a = Math.round(a * (1 + t / 100)), l = Math.round(l * (1 + t / 100)), r = Math.round(r * (1 + t / 100)), a = Math.min(255, Math.max(0, a)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r));
   const i = a.toString(16).padStart(2, "0"), h = l.toString(16).padStart(2, "0"), d = r.toString(16).padStart(2, "0");
@@ -4544,7 +4546,7 @@ const qe = (e) => {
   U2("warn", `NMORPH(v${aw.version})`);
   const a = { ...cw, ...e }, l = (w) => {
     try {
-      const v = dw(w), $ = Re(v, a.darkShadeGeneratorCoefficient), f = Re(v, a.lightShadeGeneratorCoefficient);
+      const v = dw(w), $ = Ee(v, a.darkShadeGeneratorCoefficient), f = Ee(v, a.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: $ },
         { name: "--nmorph-light-shade-color", color: f }
@@ -4553,10 +4555,10 @@ const qe = (e) => {
       console.error(v.message);
     }
   }, r = (w) => Object.entries(w).map(([v, $]) => ({
-    name: `--nmorph-${De(v)}-color`,
+    name: `--nmorph-${Te(v)}-color`,
     color: $
   })), i = (w, v) => {
-    const $ = (V) => V.map((C) => `${C.name}: ${C.color};`).join(" "), f = Object.entries(v).map(([V, C]) => `--${De(V)}: ${C};`).join(" "), z = [];
+    const $ = (V) => V.map((C) => `${C.name}: ${C.color};`).join(" "), f = Object.entries(v).map(([V, C]) => `--${Te(V)}: ${C};`).join(" "), z = [];
     return Object.entries(w).forEach(([V, C]) => {
       if (V === "common")
         z.push($(hw(w2, C)));
@@ -4601,12 +4603,12 @@ const qe = (e) => {
     on: "Вкл",
     off: "Выкл"
   }
-}, Ee = {
+}, Fe = {
   NmorphSwitch: $2[oe.en]
 }, Bx = {
   NmorphSwitch: $2[oe.ru]
 }, _w = (e) => {
-  const t = e && e.messages ? { ...e.messages, en: Ee } : { en: Ee }, a = e && e.locale ? e.locale : oe.en;
+  const t = e && e.messages ? { ...e.messages, en: Fe } : { en: Fe }, a = e && e.locale ? e.locale : oe.en;
   return q2({
     locale: a,
     fallbackLocale: oe.en,
@@ -4924,7 +4926,7 @@ const Tw = { class: "nmorph-autocomplete__input-content" }, Ow = {
     ], 2));
   }
 });
-const Fe = /* @__PURE__ */ T({
+const je = /* @__PURE__ */ T({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(e, { emit: t }) {
@@ -5021,7 +5023,7 @@ const Fe = /* @__PURE__ */ T({
           }),
           n("div", jw, R(y.value), 1),
           n("div", Ww, [
-            $.value ? (o(), q(Fe, {
+            $.value ? (o(), q(je, {
               key: 0,
               onClear: w
             })) : O("", !0)
@@ -5066,7 +5068,7 @@ const Fe = /* @__PURE__ */ T({
             n("div", Jw, R(b.value.to), 1)
           ]),
           n("div", Qw, [
-            $.value ? (o(), q(Fe, {
+            $.value ? (o(), q(je, {
               key: 0,
               onClear: w
             })) : O("", !0)
@@ -5112,7 +5114,7 @@ const Iw = { class: "nmorph-year-month-picker__header" }, e$ = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(e, { emit: t }) {
-    const a = be.map(($, f) => ({
+    const a = ke.map(($, f) => ({
       label: $.substring(0, 3),
       value: String(f)
     })), l = e, r = x(a), i = x(String(l.currentDate.getMonth())), h = x(l.currentDate.getFullYear()), d = () => {
@@ -5189,7 +5191,7 @@ const Iw = { class: "nmorph-year-month-picker__header" }, e$ = { class: "nmorph-
         })
       ]),
       n("div", t$, [
-        M(_(He), {
+        M(_(ze), {
           "model-value": i.value,
           options: r.value,
           fill: "",
@@ -5325,7 +5327,7 @@ const ue = /* @__PURE__ */ T({
           onClick: h[2] || (h[2] = (d) => l("change-year"))
         }, null, 8, ["text"]),
         M(_(W), {
-          text: _(ke)(a.date.getMonth()),
+          text: _(Ve)(a.date.getMonth()),
           "style-type": "transparent",
           fill: "",
           onClick: h[3] || (h[3] = (d) => l("change-month"))
@@ -5472,12 +5474,12 @@ const s$ = { class: "nmorph-file-upload__trigger" }, l$ = ["multiple"], r$ = { c
     ], 2));
   }
 });
-var pe = /* @__PURE__ */ ((e) => (e.jpeg = "image/jpeg", e.jpg = "image/jpg", e.png = "image/png", e.gif = "image/gif", e["svg-xml"] = "image/svg+xml", e.webp = "image/webp", e))(pe || {}), me = /* @__PURE__ */ ((e) => (e.mp4 = "video/mp4", e.webm = "video/webm", e["wideo-ogg"] = "video/ogg", e))(me || {}), fe = /* @__PURE__ */ ((e) => (e.mpeg = "audio/mpeg", e["audio-ogg"] = "audio/ogg", e.wav = "audio/wav", e))(fe || {}), Ve = /* @__PURE__ */ ((e) => (e.pdf = "application/pdf", e.msword = "application/msword", e.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.json = "application/json", e.xml = "application/xml", e))(Ve || {}), ge = /* @__PURE__ */ ((e) => (e.zip = "application/zip", e.rar = "application/x-rar-compressed", e["7z"] = "application/x-7z-compressed", e))(ge || {});
+var pe = /* @__PURE__ */ ((e) => (e.jpeg = "image/jpeg", e.jpg = "image/jpg", e.png = "image/png", e.gif = "image/gif", e["svg-xml"] = "image/svg+xml", e.webp = "image/webp", e))(pe || {}), me = /* @__PURE__ */ ((e) => (e.mp4 = "video/mp4", e.webm = "video/webm", e["wideo-ogg"] = "video/ogg", e))(me || {}), fe = /* @__PURE__ */ ((e) => (e.mpeg = "audio/mpeg", e["audio-ogg"] = "audio/ogg", e.wav = "audio/wav", e))(fe || {}), He = /* @__PURE__ */ ((e) => (e.pdf = "application/pdf", e.msword = "application/msword", e.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.json = "application/json", e.xml = "application/xml", e))(He || {}), ge = /* @__PURE__ */ ((e) => (e.zip = "application/zip", e.rar = "application/x-rar-compressed", e["7z"] = "application/x-7z-compressed", e))(ge || {});
 const u$ = {
   ...pe,
   ...me,
   ...fe,
-  ...Ve,
+  ...He,
   ...ge
 }, _$ = { class: "nmorph-form__content" }, v$ = /* @__PURE__ */ T({
   __name: "NmorphForm",
@@ -5829,7 +5831,7 @@ const B$ = { class: "nmorph-select__content" }, C$ = {
         }, [
           typeof r.value == "string" ? (o(), s("div", C$, R(b.value), 1)) : O("", !0),
           r.value.length <= 0 ? (o(), s("div", S$, R(a.noElementPlaceholder), 1)) : (o(), s("div", A$, [
-            (o(!0), s(Y, null, L(v.value, (V) => (o(), q(_(m2), Se({
+            (o(!0), s(Y, null, L(v.value, (V) => (o(), q(_(m2), Ae({
               key: V.value,
               ref_for: !0
             }, V, {
@@ -5857,7 +5859,7 @@ const B$ = { class: "nmorph-select__content" }, C$ = {
             ref: h,
             class: "nmorph-select__options"
           }, [
-            (o(!0), s(Y, null, L(f.options, (V) => (o(), q(_(V2), Se({
+            (o(!0), s(Y, null, L(f.options, (V) => (o(), q(_(V2), Ae({
               key: V.value,
               ref_for: !0
             }, V, {
@@ -5909,7 +5911,7 @@ const T$ = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ T({
     ], 2));
   }
 });
-const O$ = { class: "nmorph-slider__content" }, P$ = { class: "nmorph-slider__input-wrapper" }, je = 40, q$ = /* @__PURE__ */ T({
+const O$ = { class: "nmorph-slider__content" }, P$ = { class: "nmorph-slider__input-wrapper" }, We = 40, q$ = /* @__PURE__ */ T({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -5930,12 +5932,12 @@ const O$ = { class: "nmorph-slider__content" }, P$ = { class: "nmorph-slider__in
         nmorph: [`${a.fill && "fill"}`],
         "nmorph-slider": [`${a.disabled && "disabled"}`]
       })
-    ), r = `${je}px`, i = x(a.showTooltip), h = t, d = x(a.modelValue), u = x(null);
+    ), r = `${We}px`, i = x(a.showTooltip), h = t, d = x(a.modelValue), u = x(null);
     K(d, () => {
       h("update:modelValue", d.value);
     });
     const m = p(() => {
-      const V = g.value - g.value, C = a.max - a.min + V, S = (d.value - a.min) / C * 100, B = u.value?.clientWidth || 0, F = je / B * 100, j = F / 2;
+      const V = g.value - g.value, C = a.max - a.min + V, S = (d.value - a.min) / C * 100, B = u.value?.clientWidth || 0, F = We / B * 100, j = F / 2;
       let X = S - j;
       const G = `${Math.max(0, Math.min(100 - F, X))}%`, Z = `${X + j}%`;
       return {
@@ -6349,7 +6351,7 @@ const rx = (e, t) => {
   return a;
 }, B2 = /* @__PURE__ */ rx(lx, [["__scopeId", "data-v-f83ee78c"]]);
 var C2 = /* @__PURE__ */ ((e) => (e["radio-style"] = "radio-style", e["button-style"] = "button-style", e))(C2 || {});
-const cx = { class: "nmorph-radio-group__wrapper" }, ix = { class: "nmorph-radio-group__content" }, He = /* @__PURE__ */ T({
+const cx = { class: "nmorph-radio-group__wrapper" }, ix = { class: "nmorph-radio-group__content" }, ze = /* @__PURE__ */ T({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6593,7 +6595,7 @@ const px = { class: "nmorph-tabs__label-list" }, mx = ["id", "onClick"], fx = {
       A(u.$slots, "default"),
       n("div", px, [
         (o(!0), s(Y, null, L(h.value, (g) => (o(), s("div", {
-          id: _(ze)(_(d), g.name),
+          id: _(Be)(_(d), g.name),
           key: g.name,
           class: H(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": g.name === a.modelValue },
@@ -6604,21 +6606,21 @@ const px = { class: "nmorph-tabs__label-list" }, mx = ["id", "onClick"], fx = {
       ]),
       n("div", fx, [
         n("div", gx, [
-          (o(!0), s(Y, null, L(h.value, (g) => Ue((o(), s("div", {
-            id: _(Be)(_(d), g.name),
+          (o(!0), s(Y, null, L(h.value, (g) => Ye((o(), s("div", {
+            id: _(Ce)(_(d), g.name),
             key: g.name
           }, null, 8, wx)), [
-            [Ye, g.name === a.modelValue]
+            [Le, g.name === a.modelValue]
           ])), 128))
         ])
       ])
     ], 2));
   }
 });
-const ze = (e, t) => {
+const Be = (e, t) => {
   if (e)
     return `nmorph-tabs-label-${e}-${t}`;
-}, Be = (e, t) => {
+}, Ce = (e, t) => {
   if (e)
     return `nmorph-tabs-content-${e}-${t}`;
 }, xx = /* @__PURE__ */ T({
@@ -6641,12 +6643,12 @@ const ze = (e, t) => {
       class: H(a.value)
     }, [
       (o(), q(ce, {
-        to: `#${_(ze)(_(l)?.tabsIdentifier, t.name)}`
+        to: `#${_(Be)(_(l)?.tabsIdentifier, t.name)}`
       }, [
         A(i.$slots, "label")
       ], 8, ["to"])),
       (o(), q(ce, {
-        to: `#${_(Be)(_(l)?.tabsIdentifier, t.name)}`
+        to: `#${_(Ce)(_(l)?.tabsIdentifier, t.name)}`
       }, [
         A(i.$slots, "default")
       ], 8, ["to"]))
@@ -6733,7 +6735,7 @@ const yx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphDatePickerHeader: k2,
   NmorphDialog: Rg,
   NmorphDivider: S2,
-  NmorphDocResolution: Ve,
+  NmorphDocResolution: He,
   NmorphDropdown: se,
   NmorphFileUpload: h$,
   NmorphForm: v$,
@@ -6752,7 +6754,7 @@ const yx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphPagination: ng,
   NmorphProgress: ug,
   NmorphRadio: B2,
-  NmorphRadioGroup: He,
+  NmorphRadioGroup: ze,
   NmorphRadioStyleType: C2,
   NmorphScroll: Vf,
   NmorphScrollBehavior: o2,
@@ -6778,13 +6780,13 @@ const yx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   formatTimestampToTime: Me,
   getDecadeYears: s2,
   getMonthDaysByWeek: i2,
-  getMonthName: ke,
-  getTabContentId: Be,
-  getTabLabelId: ze,
+  getMonthName: Ve,
+  getTabContentId: Ce,
+  getTabLabelId: Be,
   hasAnyRangeDateInNextMonth: r2,
   hasAnyRangeDateInPrevMonth: l2,
   isTodayInRange: c2,
-  monthNames: be,
+  monthNames: ke,
   resolution: u$,
   timeArrayToTimestamp: z2
 }, Symbol.toStringTag, { value: "Module" })), Cx = {
@@ -6842,7 +6844,7 @@ export {
   k2 as NmorphDatePickerHeader,
   Rg as NmorphDialog,
   S2 as NmorphDivider,
-  Ve as NmorphDocResolution,
+  He as NmorphDocResolution,
   se as NmorphDropdown,
   h$ as NmorphFileUpload,
   v$ as NmorphForm,
@@ -6864,7 +6866,7 @@ export {
   ng as NmorphPagination,
   ug as NmorphProgress,
   B2 as NmorphRadio,
-  He as NmorphRadioGroup,
+  ze as NmorphRadioGroup,
   C2 as NmorphRadioStyleType,
   Vf as NmorphScroll,
   o2 as NmorphScrollBehavior,
@@ -6888,31 +6890,31 @@ export {
   x2 as NmorphTooltip,
   me as NmorphVideoResolution,
   ye as NmorphYearMonthPicker,
-  De as camelToKebab,
+  Te as camelToKebab,
   Hx as capitalizeFirstChar,
   W2 as createBlockModifiers,
-  Ae as deepClone,
+  De as deepClone,
   Cx as default,
-  Ee as en,
+  Fe as en,
   le as formatDateIntl,
   Me as formatTimestampToTime,
   ie as generateUUID,
   s2 as getDecadeYears,
   i2 as getMonthDaysByWeek,
-  ke as getMonthName,
-  Be as getTabContentId,
-  ze as getTabLabelId,
+  Ve as getMonthName,
+  Ce as getTabContentId,
+  Be as getTabLabelId,
   r2 as hasAnyRangeDateInNextMonth,
   l2 as hasAnyRangeDateInPrevMonth,
   Vx as isStringHtml,
   c2 as isTodayInRange,
   U2 as log,
-  be as monthNames,
+  ke as monthNames,
   u$ as resolution,
   Bx as ru,
   z2 as timeArrayToTimestamp,
   zx as useEventManager,
-  qe as useFieldValidation,
+  Re as useFieldValidation,
   Wg as useFormValidation,
   D as useModifiers,
   uw as useNmorphTheme,