@topvisor/ui 0.9.35 → 0.9.36-colors-1

package/.chunks/{forms-CPEVHoks.es.js → forms-C7R2OMNd.es.js}

@@ -1,28 +1,25 @@
-import { insertToPage as x } from "../utils/css.js";
-import { reactive as I, defineComponent as w, useCssVars as q, computed as h, openBlock as p, createElementBlock as m, createElementVNode as S, createCommentVNode as g, createBlock as T, resolveDynamicComponent as te, normalizeClass as y, withCtx as L, renderSlot as k, createTextVNode as oe, toDisplayString as V, mergeModels as R, useModel as G, withDirectives as W, vModelCheckbox as Q, mergeProps as E, withKeys as se, vModelText as J, withModifiers as ae, onUnmounted as ne, ref as ie, unref as A, vModelRadio as re, resolveDirective as le, watch as de, Fragment as N, renderList as U, vModelSelect as pe } from "vue";
-const ee = ["../assets/forms.css"].map((t) => import.meta.resolve(t));
-x(ee, !0);
-function ue() {
+import { reactive as I, defineComponent as v, useCssVars as G, computed as b, openBlock as u, createElementBlock as f, createElementVNode as S, createCommentVNode as g, createBlock as M, resolveDynamicComponent as x, normalizeClass as w, withCtx as L, renderSlot as k, createTextVNode as ee, toDisplayString as V, mergeModels as N, useModel as K, withDirectives as W, vModelCheckbox as Q, mergeProps as D, withKeys as te, vModelText as J, withModifiers as oe, onUnmounted as se, ref as ae, unref as A, vModelRadio as ne, resolveDirective as ie, watch as re, Fragment as R, renderList as F, vModelSelect as le } from "vue";
+function de() {
   return "devicePixelRatio" in window && window.devicePixelRatio > 1;
 }
-function ce() {
+function pe() {
   return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
 }
-function me() {
+function ue() {
   return navigator.userAgent.indexOf("Topvisor_App") != -1;
 }
-function fe() {
+function ce() {
   return navigator.userAgent.indexOf("Mac OS X") !== -1;
 }
-function Kt() {
+function Xt() {
   const t = /Chrome|Android/.test(navigator.userAgent);
-  let s = /Safari/.test(navigator.userAgent);
-  return t && s && (s = !1), s;
+  let a = /Safari/.test(navigator.userAgent);
+  return t && a && (a = !1), a;
 }
-function qt() {
-  return fe() ? "⌘" : "Ctrl";
+function Yt() {
+  return ce() ? "⌘" : "Ctrl";
 }
-const Gt = () => $(document).scrollTop(), Qt = () => $(document), Jt = () => [document], be = () => {
+const qt = () => $(document).scrollTop(), Gt = () => $(document), Kt = () => [document], me = () => {
   const t = [
     ["iOS", /(iPhone|iPad)/i],
     ["Android", /(Android)/i],
@@ -48,48 +45,48 @@ const Gt = () => $(document).scrollTop(), Qt = () => $(document), Jt = () => [do
     ["BeOS", /BeOS/i],
     ["OS/2", /OS\/2/i]
   ];
-  let s = "";
+  let a = "";
   for (let o = 0; o < t.length; o++)
     if (t[o][1].test(navigator.userAgent)) {
-      s = t[o][0];
+      a = t[o][0];
       break;
     }
-  return s;
-}, Zt = async () => {
-  var s;
-  let t = be();
+  return a;
+}, Qt = async () => {
+  var a;
+  let t = me();
   if (t === "Windows 10") {
-    const o = await ((s = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : s.getHighEntropyValues(["platformVersion"]));
+    const o = await ((a = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : a.getHighEntropyValues(["platformVersion"]));
     o && o.platformVersion >= "13" && (t = "Windows 11");
   }
   return t;
-}, he = 100;
-let F;
-const H = /* @__PURE__ */ new Map(), D = {
+}, fe = 100;
+let U;
+const H = /* @__PURE__ */ new Map(), z = {
   width: window.innerWidth,
   height: window.innerHeight
 };
-function ge(t) {
+function he(t) {
   H.set(t, t);
 }
-function ye(t) {
+function be(t) {
   H.delete(t);
 }
-function ve(t) {
-  clearTimeout(F), F = setTimeout(function() {
+function ge(t) {
+  clearTimeout(U), U = setTimeout(function() {
     t.topEvent = {
-      widthDiff: D.width - window.innerWidth,
-      hightDiff: D.height - window.innerHeight
-    }, D.width = window.innerWidth, D.height = window.innerHeight, H.forEach((s) => s(t));
-  }, he);
+      widthDiff: z.width - window.innerWidth,
+      hightDiff: z.height - window.innerHeight
+    }, z.width = window.innerWidth, z.height = window.innerHeight, H.forEach((a) => a(t));
+  }, fe);
 }
-window.addEventListener("resize", ve);
+window.addEventListener("resize", ge);
 const we = {
-  addOnReize: ge,
-  removeOnResize: ye
+  addOnReize: he,
+  removeOnResize: be
 };
-var K;
-const P = {
+var q;
+const C = {
   /**
    * Базовая ширина страницы для отображения ПК / Мобильной версии сайта
    */
@@ -105,11 +102,11 @@ const P = {
   /**
    * Для Москвы: +0300
    */
-  gmt: (K = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : K[1]
-}, $e = {
-  dateFormat: P.dateFormat,
-  currency: P.currency,
-  gmt: P.gmt,
+  gmt: (q = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : q[1]
+}, ye = {
+  dateFormat: C.dateFormat,
+  currency: C.currency,
+  gmt: C.gmt,
   /**
    * Device by size
    * @see widthForMobile
@@ -153,25 +150,25 @@ class c {
   static L = I({
     Not_date: "Not date"
   });
-  static state = I({ ...$e });
+  static state = I({ ...ye });
   static widthForMobile = 900;
   static matchMediaIsMobile;
   static $ = window.$;
   static _setState() {
-    c.matchMediaIsMobile = window.matchMedia(`(max-width: ${c.widthForMobile}px)`), c.state.isMobileUA = ce(), c.state.isRetina = ue(), c.state.isApp = me(), c.setStateByWindowSize(), we.addOnReize(c.onResize), c.onResize(), c.saveToCookie();
+    c.matchMediaIsMobile = window.matchMedia(`(max-width: ${c.widthForMobile}px)`), c.state.isMobileUA = pe(), c.state.isRetina = de(), c.state.isApp = ue(), c.setStateByWindowSize(), we.addOnReize(c.onResize), c.onResize(), c.saveToCookie();
   }
   static onResize() {
     c.setStateByWindowSize(), document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
   }
   static setStateByWindowSize() {
-    var s;
-    c.state.isMobile = !!((s = c.matchMediaIsMobile) != null && s.matches), c.state.isLandscape = window.innerWidth > window.innerHeight, c.state.isPortrait = !c.state.isLandscape, c.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight, c.saveToCookie();
+    var a;
+    c.state.isMobile = !!((a = c.matchMediaIsMobile) != null && a.matches), c.state.isLandscape = window.innerWidth > window.innerHeight, c.state.isPortrait = !c.state.isLandscape, c.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight, c.saveToCookie();
   }
   /**
    * Сохранить информацию об устройстве в cookie
    */
   static saveToCookie() {
-    const s = [
+    const a = [
       1,
       window.innerWidth,
       window.innerHeight,
@@ -179,74 +176,152 @@ class c {
       Number(c.state.isMobile),
       Number(c.state.isRetina)
     ];
-    document.cookie = "device=" + s.join(",") + "; path=/;";
+    document.cookie = "device=" + a.join(",") + "; path=/;";
   }
   /**
    * Проверить скрыта страница или нет
    */
   static isHidden = () => document.hidden;
+  /**
+   * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media
+   *
+   * Правила media:
+   * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile
+   * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile
+   *
+   * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core
+   *
+   * @param fileNames - список ссылок на css файлы
+   * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от
+   * media
+   */
+  static insertCSSLinkToPage = (a, o = !1) => {
+    const n = /* @__PURE__ */ new Map();
+    n.set("::", []), a.forEach((e) => {
+      let d = !1, i = !1;
+      e.match(/\.m\./) && (d = !0), e.match(/\.pc\./) && (i = !0);
+      const m = `${d}:${i}`;
+      n.has(m) || n.set(`${d}:${i}`, []), n.get(`${d}:${i}`).push(e);
+    });
+    const s = [];
+    return n.forEach((e, d) => {
+      if (!e.length)
+        return;
+      const [i, m] = d.split(":").map((p) => p === "true");
+      let r = "all";
+      i && (r = "(max-width: " + c.widthForMobile + "px)"), m && (r = "(min-width: " + c.widthForMobile + "px)"), c._insertToPage(e, r, o).forEach((p) => s.push(p));
+    }), Promise.all(s);
+  };
+  static _insertToPage = (a, o, n) => {
+    const s = [];
+    return a.forEach((e) => {
+      if (n) {
+        const p = new XMLHttpRequest();
+        p.open("GET", e, !1), p.send();
+      }
+      const d = "topCSSLink-" + e.replace(/\W/g, "-");
+      if (window.hasOwnProperty(d)) return;
+      let i, m;
+      const r = new Promise((p, h) => {
+        i = p, m = h;
+      });
+      s.push(r);
+      const l = document.createElement("link");
+      l.id = d, l.rel = "stylesheet", l.media = o, l.href = e, l.onload = () => i(), l.onerror = () => m(), document.head.append(l);
+    }), s;
+  };
+  /**
+   * Вставить css стили на страницу с автоматическим добавлением правил media
+   *
+   * Загрузка с Vite:
+   *
+   * ```js
+   * import style from '/style.css?raw';
+   *
+   * insertToPageAsInine(style);
+   * ```
+   *
+   * Загрузка с fetch:
+   *
+   * ```js
+   * const style = await fetch('./style.css');
+   *
+   * insertToPageAsInine(style);
+   * ```
+   *
+   * @param style - css стили в строке
+   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile
+   *
+   * @see insertToPage
+   */
+  static insertStyleToPage = (a, o = "") => {
+    let n = "all";
+    o === "m" && (n = "(max-width: " + c.widthForMobile + "px)"), o === "pc" && (n = "(min-width: " + c.widthForMobile + "px)");
+    const s = document.createElement("style");
+    s.innerHTML = a, s.media = n, document.head.append(s);
+  };
 }
-const M = window.L ?? {}, jt = (t, s, o) => {
-  switch (new Date(t, s, o).getDay()) {
+const T = window.L ?? {}, Jt = (t, a, o) => {
+  switch (new Date(t, a, o).getDay()) {
     case 0:
-      return M.Vs + ".";
+      return T.Vs + ".";
     case 1:
-      return M.Pn + ".";
+      return T.Pn + ".";
     case 2:
-      return M.Vt + ".";
+      return T.Vt + ".";
     case 3:
-      return M.Sr + ".";
+      return T.Sr + ".";
     case 4:
-      return M.Ct + ".";
+      return T.Ct + ".";
     case 5:
-      return M.Pt + ".";
+      return T.Pt + ".";
     case 6:
-      return M.Sb + ".";
+      return T.Sb + ".";
     default:
       return "";
   }
-}, xt = (t, s = !0, o = 2) => {
-  let n = String(t.getFullYear()), a = String(t.getDate()).padStart(2, "0"), e = String(t.getMonth() + 1).padStart(2, "0"), d = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), f = String(t.getSeconds()).padStart(2, "0"), i = n + "-" + e + "-" + a;
-  return o >= 1 && (i += " " + d), o >= 2 && (i += ":" + r), o === 3 && (i += ":" + f), s && (i = B(i, o)), i;
+}, Zt = (t, a = !0, o = 2) => {
+  let n = String(t.getFullYear()), s = String(t.getDate()).padStart(2, "0"), e = String(t.getMonth() + 1).padStart(2, "0"), d = String(t.getHours()).padStart(2, "0"), i = String(t.getMinutes()).padStart(2, "0"), m = String(t.getSeconds()).padStart(2, "0"), r = n + "-" + e + "-" + s;
+  return o >= 1 && (r += " " + d), o >= 2 && (r += ":" + i), o === 3 && (r += ":" + m), a && (r = B(r, o)), r;
 };
-function eo(t) {
+function jt(t) {
   return t.indexOf("T") === -1 && (t.length == 10 && (t += " 00:00:00"), t = t.replace(" ", "T") + c.state.gmt), new Date(t);
 }
-function Se(t, s = !0, o = 0) {
+function ve(t, a = !0, o = 0) {
   let n;
   t != null ? n = new Date(t) : n = /* @__PURE__ */ new Date();
-  const a = n.getFullYear(), e = String(n.getMonth() + 1).padStart(2, "0"), d = n.getDate().toString().padStart(2, "0"), r = n.getHours().toString().padStart(2, "0"), f = n.getMinutes().toString().padStart(2, "0"), i = n.getSeconds().toString().padStart(2, "0");
-  return n = a + "-" + e + "-" + d, o && (n += " "), o >= 1 && (n += r), o >= 2 && (n += ":" + f), o >= 3 && (n += ":" + i), s && (n = B(n, o)), n;
+  const s = n.getFullYear(), e = String(n.getMonth() + 1).padStart(2, "0"), d = n.getDate().toString().padStart(2, "0"), i = n.getHours().toString().padStart(2, "0"), m = n.getMinutes().toString().padStart(2, "0"), r = n.getSeconds().toString().padStart(2, "0");
+  return n = s + "-" + e + "-" + d, o && (n += " "), o >= 1 && (n += i), o >= 2 && (n += ":" + m), o >= 3 && (n += ":" + r), a && (n = B(n, o)), n;
 }
-function to(t, s = !0) {
-  const n = (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60 * -1 * 60 * 60 * 1e3, a = 3 * 60 * 60 * 1e3;
+function xt(t, a = !0) {
+  const n = (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60 * -1 * 60 * 60 * 1e3, s = 3 * 60 * 60 * 1e3;
   let e;
-  t !== void 0 ? e = new Date(t) : e = /* @__PURE__ */ new Date(), e.setTime(e.getTime() - n + a);
-  let d = String(e.getFullYear()), r = String(e.getDate()).padStart(2, "0"), f = String(e.getMonth() + 1).padStart(2, "0"), i = String(e.getHours()).padStart(2, "0"), l = String(e.getMinutes()).padStart(2, "0"), u = String(e.getSeconds()).padStart(2, "0"), b = d + "-" + f + "-" + r + " " + i + ":" + l + ":" + u;
-  return s && (b = B(b)), b;
+  t !== void 0 ? e = new Date(t) : e = /* @__PURE__ */ new Date(), e.setTime(e.getTime() - n + s);
+  let d = String(e.getFullYear()), i = String(e.getDate()).padStart(2, "0"), m = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getHours()).padStart(2, "0"), l = String(e.getMinutes()).padStart(2, "0"), p = String(e.getSeconds()).padStart(2, "0"), h = d + "-" + m + "-" + i + " " + r + ":" + l + ":" + p;
+  return a && (h = B(h)), h;
 }
-function B(t, s = 2, o, n = c.L.Not_date) {
+function B(t, a = 2, o, n = c.L.Not_date) {
   if (typeof t == "string" && (!t || t.substring(0, 10) === "0000-00-00") && n && n !== "0000-00-00" || !t) return n;
   o || (o = c.state.dateFormat), o = o.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd");
-  let a;
+  let s;
   if (t instanceof Date)
-    a = t;
+    s = t;
   else {
     let d = t.substring(0, 10);
-    if (d.length === 7 && (d += "-01"), d += " 00:00", d = d.replace(/-/g, "/"), a = new Date(d), isNaN(Number(a))) return n;
+    if (d.length === 7 && (d += "-01"), d += " 00:00", d = d.replace(/-/g, "/"), s = new Date(d), isNaN(Number(s))) return n;
   }
   let e = "";
-  if (o && window.$ && (e = $.datepicker.formatDate(o, a)), s && typeof t == "string" && t.length > 10 || s && t instanceof Date) {
+  if (o && window.$ && (e = $.datepicker.formatDate(o, s)), a && typeof t == "string" && t.length > 10 || a && t instanceof Date) {
     let d = "";
     if (t instanceof Date)
       d = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
         hour12: !1,
         hour: "numeric",
-        minute: s >= 2 ? "numeric" : void 0,
-        second: s >= 3 ? "numeric" : void 0
+        minute: a >= 2 ? "numeric" : void 0,
+        second: a >= 3 ? "numeric" : void 0
       });
     else
-      switch (s) {
+      switch (a) {
         case 1:
           d = t.substring(11, 13);
           break;
@@ -261,15 +336,15 @@ function B(t, s = 2, o, n = c.L.Not_date) {
   }
   return e = e.trim(), e;
 }
-function X(t, s = c.L.Not_date) {
+function X(t, a = c.L.Not_date) {
   if (!t)
-    return s;
+    return a;
   if (t.match(/\d\d\d\d-\d\d-\d\d/))
     return t;
-  const o = c.state.dateFormat.toLowerCase(), n = t.split(/\W/), a = o.split(/\W/);
-  let e = "", d = "", r = "";
-  a.forEach((i, l) => {
-    switch (i) {
+  const o = c.state.dateFormat.toLowerCase(), n = t.split(/\W/), s = o.split(/\W/);
+  let e = "", d = "", i = "";
+  s.forEach((r, l) => {
+    switch (r) {
       case "d":
         e = n[l];
         break;
@@ -277,14 +352,14 @@ function X(t, s = c.L.Not_date) {
         d = n[l];
         break;
       case "y":
-        r = n[l];
+        i = n[l];
         break;
     }
   });
-  let f = r + "-" + d + "-" + e;
-  return f.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + f), f = Se((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), f;
+  let m = i + "-" + d + "-" + e;
+  return m.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + m), m = ve((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), m;
 }
-const _e = { class: "top-avatar" }, ke = ["src", "title"], Te = ["title"], Me = /* @__PURE__ */ w({
+const $e = { class: "top-avatar" }, Se = ["src", "title"], _e = ["title"], ke = /* @__PURE__ */ v({
   __name: "avatar",
   props: {
     size: { default: 64 },
@@ -298,46 +373,46 @@ const _e = { class: "top-avatar" }, ke = ["src", "title"], Te = ["title"], Me =
     }) }
   },
   setup(t) {
-    q((a) => ({
-      "2d3ea0e8": a.size + "px"
+    G((s) => ({
+      "32a7c02c": s.size + "px"
     }));
-    const s = t, o = h(() => {
-      var a, e;
-      if (s.isOnline)
-        return (a = s.i18n) == null ? void 0 : a.Online;
-      if (s.lastActiveTime)
-        return ((e = s.i18n) == null ? void 0 : e.LastSeen) + ": " + B(s.lastActiveTime, 2);
-    }), n = h(() => s.nickname ? s.nickname + (o.value ? `
+    const a = t, o = b(() => {
+      var s, e;
+      if (a.isOnline)
+        return (s = a.i18n) == null ? void 0 : s.Online;
+      if (a.lastActiveTime)
+        return ((e = a.i18n) == null ? void 0 : e.LastSeen) + ": " + B(a.lastActiveTime, 2);
+    }), n = b(() => a.nickname ? a.nickname + (o.value ? `
 ${o.value}` : "") : o.value);
-    return (a, e) => (p(), m("div", _e, [
+    return (s, e) => (u(), f("div", $e, [
       S("img", {
         class: "top-avatar_image",
-        src: a.image,
+        src: s.image,
         title: n.value,
         alt: ""
-      }, null, 8, ke),
-      a.isOnline ? (p(), m("div", {
+      }, null, 8, Se),
+      s.isOnline ? (u(), f("div", {
         key: 0,
         class: "top-avatar_status",
         title: o.value
-      }, null, 8, Te)) : g("", !0)
+      }, null, 8, _e)) : g("", !0)
     ]));
   }
-}), Ve = {
+}), Me = {
   "top-avatar": "top-avatar",
   "top-avatar_image": "top-avatar_image",
   "top-avatar_status": "top-avatar_status"
-}, v = (t, s) => {
+}, y = (t, a) => {
   const o = t.__vccOpts || t;
-  for (const [n, a] of s)
-    o[n] = a;
+  for (const [n, s] of a)
+    o[n] = s;
   return o;
-}, We = {
-  $style: Ve
-}, Be = /* @__PURE__ */ v(Me, [["__cssModules", We]]), Le = {
+}, Te = {
+  $style: Me
+}, Ve = /* @__PURE__ */ y(ke, [["__cssModules", Te]]), We = {
   key: 0,
   class: "top-ellipsis"
-}, ze = /* @__PURE__ */ w({
+}, Be = /* @__PURE__ */ v({
   __name: "button",
   props: {
     color: { default: "blue" },
@@ -354,44 +429,44 @@ ${o.value}` : "") : o.value);
     isProgress: { type: Boolean }
   },
   setup(t) {
-    const s = t, o = h(() => s.href ? "a" : "button"), n = h(() => s.isSubmit ? "submit" : void 0);
-    return (a, e) => (p(), T(te(o.value), {
-      class: y({
-        "top-active": a.isActive,
-        "top-disabled": a.disabled,
-        "top-forms-focusable": !a.disabled,
+    const a = t, o = b(() => a.href ? "a" : "button"), n = b(() => a.isSubmit ? "submit" : void 0);
+    return (s, e) => (u(), M(x(o.value), {
+      class: w({
+        "top-active": s.isActive,
+        "top-disabled": s.disabled,
+        "top-forms-focusable": !s.disabled,
         "top-button": !0,
-        "top-button-progress": a.isProgress,
-        [`top-size_${a.size}`]: !!a.size,
-        [`top-color_${a.color}`]: !0,
-        [`top-style_${a.styling}`]: !!a.styling,
-        "top-button-withoutText": !a.$slots.default
+        "top-button-progress": s.isProgress,
+        [`top-size_${s.size}`]: !!s.size,
+        [`top-color_${s.color}`]: !0,
+        [`top-style_${s.styling}`]: !!s.styling,
+        "top-button-withoutText": !s.$slots.default
       }),
-      name: a.name,
-      title: a.title,
-      href: a.href,
+      name: s.name,
+      title: s.title,
+      href: s.href,
       type: n.value,
-      "data-top-icon": a.icon || void 0,
-      "data-top-icon2": a.icon2 || void 0,
-      disabled: a.disabled || void 0,
-      inProgress: a.isProgress
+      "data-top-icon": s.icon || void 0,
+      "data-top-icon2": s.icon2 || void 0,
+      disabled: s.disabled || void 0,
+      inProgress: s.isProgress
     }, {
       default: L(() => [
-        a.$slots.default ? (p(), m("span", Le, [
-          k(a.$slots, "default", {}, () => [
-            oe(V(a.icon ? "" : "Button"), 1)
+        s.$slots.default ? (u(), f("span", We, [
+          k(s.$slots, "default", {}, () => [
+            ee(V(s.icon ? "" : "Button"), 1)
           ])
         ])) : g("", !0),
-        k(a.$slots, "html")
+        k(s.$slots, "html")
       ]),
       _: 3
     }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
   }
-}), De = "_progress_1f1nw_1", Ee = {
+}), Le = "_progress_1f1nw_1", Ee = "_hover_1f1nw_1", ze = {
   "top-button": "top-button",
   "top-active": "top-active",
   "top-button-progress": "top-button-progress",
-  progress: De,
+  progress: Le,
   "top-button-withoutText": "top-button-withoutText",
   "top-color_blue": "top-color_blue",
   "top-color_green": "top-color_green",
@@ -401,44 +476,45 @@ ${o.value}` : "") : o.value);
   "top-color_theme": "top-color_theme",
   "top-style_outline": "top-style_outline",
   "top-style_soft": "top-style_soft",
+  hover: Ee,
   "top-style_transparent": "top-style_transparent",
   "top-size_l": "top-size_l",
   "top-size_xl": "top-size_xl"
-}, Ce = {
-  $style: Ee
-}, Ae = /* @__PURE__ */ v(ze, [["__cssModules", Ce]]), Ne = { class: "top-forms-optionLabel" }, Pe = /* @__PURE__ */ w({
+}, De = {
+  $style: ze
+}, Pe = /* @__PURE__ */ y(Be, [["__cssModules", De]]), Ae = { class: "top-forms-optionLabel" }, Re = /* @__PURE__ */ v({
   __name: "controlLabel",
   props: {
     description: {},
     disabled: { type: Boolean }
   },
   setup(t) {
-    return (s, o) => (p(), m("div", Ne, [
+    return (a, o) => (u(), f("div", Ae, [
       S("div", {
-        class: y({
+        class: w({
           "top-forms-optionLabel_title": !0,
-          "top-forms-optionLabel_title-disabled": s.disabled
+          "top-forms-optionLabel_title-disabled": a.disabled
         })
       }, [
-        k(s.$slots, "default")
+        k(a.$slots, "default")
       ], 2),
-      s.description ? (p(), m("div", {
+      a.description ? (u(), f("div", {
         key: 0,
-        class: y(["top-forms-optionLabel_description", { "top-forms-optionLabel_description-disabled": s.disabled }])
-      }, V(s.description), 3)) : g("", !0)
+        class: w(["top-forms-optionLabel_description", { "top-forms-optionLabel_description-disabled": a.disabled }])
+      }, V(a.description), 3)) : g("", !0)
     ]));
   }
-}), Re = {
+}), Ce = {
   "top-forms-optionLabel": "top-forms-optionLabel",
   "top-forms-optionLabel_title": "top-forms-optionLabel_title",
   "top-forms-optionLabel_title-disabled": "top-forms-optionLabel_title-disabled",
   "top-forms-optionLabel_description": "top-forms-optionLabel_description",
   "top-forms-optionLabel_description-disabled": "top-forms-optionLabel_description-disabled"
-}, Oe = {
-  $style: Re
-}, C = /* @__PURE__ */ v(Pe, [["__cssModules", Oe]]), He = ["name", "value", "indeterminate", "disabled"], Ie = /* @__PURE__ */ w({
+}, Ne = {
+  $style: Ce
+}, P = /* @__PURE__ */ y(Re, [["__cssModules", Ne]]), Oe = ["name", "value", "indeterminate", "disabled"], He = /* @__PURE__ */ v({
   __name: "checkbox",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     modelValue: { type: [Boolean, Array, Set] },
     name: {},
     value: {},
@@ -452,9 +528,9 @@ ${o.value}` : "") : o.value);
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const s = G(t, "modelValue");
-    return (o, n) => (p(), m("label", {
-      class: y({
+    const a = K(t, "modelValue");
+    return (o, n) => (u(), f("label", {
+      class: w({
         "top-forms-optionWrapper": !0,
         "top-checkbox": !0,
         ["top-checkbox_" + o.name]: !!o.name,
@@ -464,21 +540,21 @@ ${o.value}` : "") : o.value);
     }, [
       W(S("input", {
         type: "checkbox",
-        class: y({
+        class: w({
           "top-forms-focusable": !o.disabled,
           "top-forms-option": !0,
           "top-checkbox_input": !0,
           "top-error": o.isError && !o.disabled
         }),
         name: o.name,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => s.value = a),
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => a.value = s),
         value: o.value,
         indeterminate: o.indeterminate,
         disabled: o.disabled
-      }, null, 10, He), [
-        [Q, s.value]
+      }, null, 10, Oe), [
+        [Q, a.value]
       ]),
-      o.$slots.default ? (p(), T(C, {
+      o.$slots.default ? (u(), M(P, {
         key: 0,
         description: o.description,
         disabled: o.disabled
@@ -490,40 +566,40 @@ ${o.value}` : "") : o.value);
       }, 8, ["description", "disabled"])) : g("", !0)
     ], 2));
   }
-}), Ue = {
+}), Ie = {
   "top-checkbox": "top-checkbox",
   "top-checkbox_input": "top-checkbox_input",
   "top-error": "top-error"
 }, Fe = {
-  $style: Ue
-}, Xe = /* @__PURE__ */ v(Ie, [["__cssModules", Fe]]), Ye = ["title"], Ke = /* @__PURE__ */ w({
+  $style: Ie
+}, Ue = /* @__PURE__ */ y(He, [["__cssModules", Fe]]), Xe = ["title"], Ye = /* @__PURE__ */ v({
   __name: "hint",
   props: {
     hint: {}
   },
   setup(t) {
-    return (s, o) => (p(), m("span", {
+    return (a, o) => (u(), f("span", {
       class: "top-hint",
       "data-top-icon": "",
-      title: s.hint
-    }, null, 8, Ye));
+      title: a.hint
+    }, null, 8, Xe));
   }
 }), qe = {
   "top-hint": "top-hint"
 }, Ge = {
   $style: qe
-}, Z = /* @__PURE__ */ v(Ke, [["__cssModules", Ge]]), Qe = {
+}, Z = /* @__PURE__ */ y(Ye, [["__cssModules", Ge]]), Ke = {
   "top-loadbar": "top-loadbar"
-}, Je = {}, Ze = { class: "top-loadbar" };
-function je(t, s) {
-  return p(), m("div", Ze);
+}, Qe = {}, Je = { class: "top-loadbar" };
+function Ze(t, a) {
+  return u(), f("div", Je);
 }
-const xe = {
-  $style: Qe
-}, j = /* @__PURE__ */ v(Je, [["render", je], ["__cssModules", xe]]), et = ["data-top-icon", "data-top-icon2"], tt = ["name", "title", "placeholder", "disabled", "readonly"], ot = {
+const je = {
+  $style: Ke
+}, j = /* @__PURE__ */ y(Qe, [["render", Ze], ["__cssModules", je]]), xe = ["data-top-icon", "data-top-icon2"], et = ["name", "title", "placeholder", "disabled", "readonly"], tt = {
   key: 2,
   class: "top-formsCaption"
-}, st = /* @__PURE__ */ w({
+}, ot = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "input",
   props: {
@@ -542,72 +618,72 @@ const xe = {
     captionType: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: s }) {
-    const o = t, n = s, a = h({
+  setup(t, { emit: a }) {
+    const o = t, n = a, s = b({
       get() {
         return o.modelValue;
       },
-      set(r) {
-        n("update:modelValue", r);
+      set(i) {
+        n("update:modelValue", i);
       }
-    }), e = h(() => o.addCleaner && !o.title || o.captionType !== "" ? "" : o.title), d = (r) => {
-      o.modelValue && r.stopPropagation(), n("update:modelValue", "");
+    }), e = b(() => o.addCleaner && !o.title || o.captionType !== "" ? "" : o.title), d = (i) => {
+      o.modelValue && i.stopPropagation(), n("update:modelValue", "");
     };
-    return (r, f) => (p(), m("label", {
-      class: y({
+    return (i, m) => (u(), f("label", {
+      class: w({
         "top-input": !0,
-        ["top-size_" + r.size]: !0,
-        "top-disabled": r.disabled,
-        ["top-input-" + r.modificator]: !!r.modificator,
-        "top-input-withCleaner": r.addCleaner && a.value && a.value !== "0000-00-00",
-        "top-formsCaptionWrapper": r.captionType !== "",
-        "top-formsCaptionWrapper-always": r.captionType === "top"
+        ["top-size_" + i.size]: !0,
+        "top-disabled": i.disabled,
+        ["top-input-" + i.modificator]: !!i.modificator,
+        "top-input-withCleaner": i.addCleaner && s.value && s.value !== "0000-00-00",
+        "top-formsCaptionWrapper": i.captionType !== "",
+        "top-formsCaptionWrapper-always": i.captionType === "top"
       }),
-      "data-top-icon": r.icon,
-      "data-top-icon2": r.icon2
+      "data-top-icon": i.icon,
+      "data-top-icon2": i.icon2
     }, [
-      r.isLoading ? (p(), T(j, { key: 0 })) : g("", !0),
-      W(S("input", E({
+      i.isLoading ? (u(), M(j, { key: 0 })) : g("", !0),
+      W(S("input", D({
         type: "text",
         class: {
           "top-input_input": !0,
-          ["top-input_input-" + r.modificator]: !!r.modificator,
-          "top-forms-focusable": !r.disabled,
-          "top-error": r.isError
+          ["top-input_input-" + i.modificator]: !!i.modificator,
+          "top-forms-focusable": !i.disabled,
+          "top-error": i.isError
         },
         autocomplete: "off_always",
-        name: r.name,
-        "onUpdate:modelValue": f[0] || (f[0] = (i) => a.value = i),
-        title: r.title,
+        name: i.name,
+        "onUpdate:modelValue": m[0] || (m[0] = (r) => s.value = r),
+        title: i.title,
         placeholder: e.value,
-        disabled: r.disabled,
-        readonly: r.readonly,
-        onKeydown: f[1] || (f[1] = se((i) => (r.addCleaner || !!r.$slots.btn) && d(i), ["esc"]))
-      }, r.$attrs), null, 16, tt), [
-        [J, a.value]
+        disabled: i.disabled,
+        readonly: i.readonly,
+        onKeydown: m[1] || (m[1] = te((r) => (i.addCleaner || !!i.$slots.btn) && d(r), ["esc"]))
+      }, i.$attrs), null, 16, et), [
+        [J, s.value]
       ]),
-      r.addCleaner && a.value && a.value !== "0000-00-00" ? (p(), m("span", {
+      i.addCleaner && s.value && s.value !== "0000-00-00" ? (u(), f("span", {
         key: 1,
         class: "top-input_cleaner",
         "data-top-icon": "",
-        onClick: ae(d, ["prevent"])
+        onClick: oe(d, ["prevent"])
       })) : g("", !0),
-      r.captionType !== "" ? (p(), m("span", ot, V(r.title), 1)) : g("", !0),
-      k(r.$slots, "default")
-    ], 10, et));
+      i.captionType !== "" ? (u(), f("span", tt, V(i.title), 1)) : g("", !0),
+      k(i.$slots, "default")
+    ], 10, xe));
   }
-}), at = {
+}), st = {
   "top-input": "top-input",
   "top-input_input": "top-input_input",
   "top-input-withCleaner": "top-input-withCleaner",
   "top-input_cleaner": "top-input_cleaner",
   "top-loadbar": "top-loadbar"
-}, nt = {
-  $style: at
-}, O = /* @__PURE__ */ v(st, [["__cssModules", nt]]), it = ["modelValue"], rt = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+}, at = {
+  $style: st
+}, O = /* @__PURE__ */ y(ot, [["__cssModules", at]]), nt = ["modelValue"], it = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
 let Y = (t) => {
 };
-const lt = /* @__PURE__ */ w({
+const rt = /* @__PURE__ */ v({
   __name: "inputDate",
   props: {
     modelValue: {},
@@ -625,14 +701,14 @@ const lt = /* @__PURE__ */ w({
     captionType: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: s }) {
-    const o = t, n = s;
-    ne(() => {
+  setup(t, { emit: a }) {
+    const o = t, n = a;
+    se(() => {
       e && e.datepicker("destroy");
     });
-    const a = ie();
+    const s = ae();
     let e;
-    const d = h({
+    const d = b({
       get() {
         return B(o.modelValue, 2, void 0, "0000-00-00");
       },
@@ -640,69 +716,69 @@ const lt = /* @__PURE__ */ w({
         l = X(l, "0000-00-00"), n("update:modelValue", l);
       }
     });
-    let r = (l) => {
+    let i = (l) => {
       Y(l);
-    }, f = (l) => {
-      const u = X(l.target.value), b = B(u);
-      if (!b || b === c.L.Not_date || l.target.value !== b) {
+    }, m = (l) => {
+      const p = X(l.target.value), h = B(p);
+      if (!h || h === c.L.Not_date || l.target.value !== h) {
         l.target.value = d.value;
         return;
       }
       d.value = l.target.value;
     };
-    async function i(l) {
-      const u = await import("./datepicker-Dmeojg66.es.js");
-      Y = u.oninput, e = u.connectDatepicker(l.target, {
-        onSelect: () => f(l)
+    async function r(l) {
+      const p = await import("./datepicker-DbeGplcq.es.js");
+      Y = p.oninput, e = p.connectDatepicker(l.target, {
+        onSelect: () => m(l)
       }), e && e.datepicker("show");
     }
-    return (l, u) => A(rt) ? (p(), T(O, E({ key: 0 }, l.$props, {
+    return (l, p) => A(it) ? (u(), M(O, D({ key: 0 }, l.$props, {
       modelValue: d.value,
       readonly: "",
-      onClick: u[1] || (u[1] = (b) => a.value.showPicker())
+      onClick: p[1] || (p[1] = (h) => s.value.showPicker())
     }), {
       default: L(() => [
         S("input", {
           ref_key: "el",
-          ref: a,
+          ref: s,
           type: "date",
           class: "top-input_input-date",
           modelValue: l.modelValue,
-          onChange: u[0] || (u[0] = (b) => d.value = b.target.value),
+          onChange: p[0] || (p[0] = (h) => d.value = h.target.value),
           tabindex: "-1"
-        }, null, 40, it)
+        }, null, 40, nt)
       ]),
       _: 1
-    }, 16, ["modelValue"])) : (p(), T(O, E({ key: 1 }, l.$props, {
+    }, 16, ["modelValue"])) : (u(), M(O, D({ key: 1 }, l.$props, {
       modelValue: d.value,
-      "onUpdate:modelValue": u[2] || (u[2] = (b) => b === "" ? d.value = "" : ""),
-      onInput: A(r),
-      onFocusOnce: i,
-      onChange: A(f),
+      "onUpdate:modelValue": p[2] || (p[2] = (h) => h === "" ? d.value = "" : ""),
+      onInput: A(i),
+      onFocusOnce: r,
+      onChange: A(m),
       modificator: "datepicker"
     }), null, 16, ["modelValue", "onInput", "onChange"]));
   }
-}), dt = {
+}), lt = {
   "top-input-datepicker": "top-input-datepicker",
   "top-input_input-date": "top-input_input-date"
-}, pt = {
-  $style: dt
-}, ut = /* @__PURE__ */ v(lt, [["__cssModules", pt]]), ct = { class: "top-inputRange" }, mt = /* @__PURE__ */ S("span", { class: "top-inputRange_dash" }, " — ", -1), ft = /* @__PURE__ */ w({
+}, dt = {
+  $style: lt
+}, pt = /* @__PURE__ */ y(rt, [["__cssModules", dt]]), ut = { class: "top-inputRange" }, ct = /* @__PURE__ */ S("span", { class: "top-inputRange_dash" }, " — ", -1), mt = /* @__PURE__ */ v({
   __name: "inputRange",
   setup(t) {
-    return (s, o) => (p(), m("div", ct, [
-      k(s.$slots, "from"),
-      mt,
-      k(s.$slots, "to")
+    return (a, o) => (u(), f("div", ut, [
+      k(a.$slots, "from"),
+      ct,
+      k(a.$slots, "to")
     ]));
   }
-}), bt = {
+}), ft = {
   "top-inputRange": "top-inputRange",
   "top-inputRange_dash": "top-inputRange_dash",
   "top-input": "top-input"
 }, ht = {
-  $style: bt
-}, gt = /* @__PURE__ */ v(ft, [["__cssModules", ht]]), yt = ["name", "value", "disabled"], vt = /* @__PURE__ */ w({
+  $style: ft
+}, bt = /* @__PURE__ */ y(mt, [["__cssModules", ht]]), gt = ["name", "value", "disabled"], wt = /* @__PURE__ */ v({
   __name: "radio",
   props: {
     modelValue: {},
@@ -713,8 +789,8 @@ const lt = /* @__PURE__ */ w({
     isError: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: s }) {
-    const o = t, n = s, a = h({
+  setup(t, { emit: a }) {
+    const o = t, n = a, s = b({
       get() {
         return o.modelValue;
       },
@@ -722,8 +798,8 @@ const lt = /* @__PURE__ */ w({
         n("update:modelValue", e);
       }
     });
-    return (e, d) => (p(), m("label", {
-      class: y({
+    return (e, d) => (u(), f("label", {
+      class: w({
         "top-forms-optionWrapper": !0,
         "top-radio": !0,
         ["top-radio_" + e.name]: e.name !== "",
@@ -733,20 +809,20 @@ const lt = /* @__PURE__ */ w({
     }, [
       W(S("input", {
         type: "radio",
-        class: y({
+        class: w({
           "top-forms-focusable": !e.disabled,
           "top-forms-option": !0,
           "top-radio_input": !0,
           "top-error": e.isError && !e.disabled
         }),
-        "onUpdate:modelValue": d[0] || (d[0] = (r) => a.value = r),
+        "onUpdate:modelValue": d[0] || (d[0] = (i) => s.value = i),
         name: e.name,
         value: e.value,
         disabled: e.disabled
-      }, null, 10, yt), [
-        [re, a.value]
+      }, null, 10, gt), [
+        [ne, s.value]
       ]),
-      e.$slots.default ? (p(), T(C, {
+      e.$slots.default ? (u(), M(P, {
         key: 0,
         description: e.description,
         disabled: e.disabled
@@ -758,13 +834,13 @@ const lt = /* @__PURE__ */ w({
       }, 8, ["description", "disabled"])) : g("", !0)
     ], 2));
   }
-}), wt = {
+}), yt = {
   "top-radio": "top-radio",
   "top-radio_input": "top-radio_input",
   "top-error": "top-error"
-}, $t = {
-  $style: wt
-}, St = /* @__PURE__ */ v(vt, [["__cssModules", $t]]), _t = ["name", "value", "disabled"], kt = /* @__PURE__ */ w({
+}, vt = {
+  $style: yt
+}, $t = /* @__PURE__ */ y(wt, [["__cssModules", vt]]), St = ["name", "value", "disabled"], _t = /* @__PURE__ */ v({
   __name: "switcher",
   props: {
     modelValue: { type: [Boolean, Array, Set] },
@@ -775,8 +851,8 @@ const lt = /* @__PURE__ */ w({
     isError: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: s }) {
-    const o = t, n = s, a = h({
+  setup(t, { emit: a }) {
+    const o = t, n = a, s = b({
       get() {
         return o.modelValue;
       },
@@ -784,8 +860,8 @@ const lt = /* @__PURE__ */ w({
         n("update:modelValue", e);
       }
     });
-    return (e, d) => (p(), m("label", {
-      class: y({
+    return (e, d) => (u(), f("label", {
+      class: w({
         "top-forms-optionWrapper": !0,
         "top-checkboxSwitcher": !0,
         "top-disabled": e.disabled,
@@ -794,20 +870,20 @@ const lt = /* @__PURE__ */ w({
     }, [
       W(S("input", {
         type: "checkbox",
-        class: y({
+        class: w({
           "top-forms-focusable": !e.disabled,
           "top-forms-option": !0,
           "top-checkboxSwitcher_input": !0,
           "top-error": e.isError && !e.disabled
         }),
-        "onUpdate:modelValue": d[0] || (d[0] = (r) => a.value = r),
+        "onUpdate:modelValue": d[0] || (d[0] = (i) => s.value = i),
         name: e.name,
         value: e.value,
         disabled: e.disabled
-      }, null, 10, _t), [
-        [Q, a.value]
+      }, null, 10, St), [
+        [Q, s.value]
       ]),
-      e.$slots.default ? (p(), T(C, {
+      e.$slots.default ? (u(), M(P, {
         key: 0,
         description: e.description,
         disabled: e.disabled
@@ -819,16 +895,16 @@ const lt = /* @__PURE__ */ w({
       }, 8, ["description", "disabled"])) : g("", !0)
     ], 2));
   }
-}), Tt = {
+}), kt = {
   "top-checkboxSwitcher": "top-checkboxSwitcher",
   "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
   "top-error": "top-error"
 }, Mt = {
-  $style: Tt
-}, Vt = /* @__PURE__ */ v(kt, [["__cssModules", Mt]]), Wt = ["name", "placeholder", "disabled", "readonly", "rows"], Bt = {
+  $style: kt
+}, Tt = /* @__PURE__ */ y(_t, [["__cssModules", Mt]]), Vt = ["name", "placeholder", "disabled", "readonly", "rows"], Wt = {
   key: 0,
   class: "top-textarea_pseudoContent"
-}, Lt = /* @__PURE__ */ w({
+}, Bt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "textarea",
   props: {
@@ -844,11 +920,11 @@ const lt = /* @__PURE__ */ w({
     hint: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: s }) {
-    q((e) => ({
-      bb7a0c5c: e.minHeight + "px"
+  setup(t, { emit: a }) {
+    G((e) => ({
+      "3a69e87d": e.minHeight + "px"
     }));
-    const o = t, n = s, a = h({
+    const o = t, n = a, s = b({
       get() {
         return o.modelValue;
       },
@@ -857,15 +933,15 @@ const lt = /* @__PURE__ */ w({
       }
     });
     return (e, d) => {
-      const r = le("top-tooltip");
-      return p(), m("label", {
-        class: y({
+      const i = ie("top-tooltip");
+      return u(), f("label", {
+        class: w({
           "top-textarea": !0,
           ["top-textarea-" + e.name]: e.name,
           "top-disabled": e.disabled
         })
       }, [
-        W(S("textarea", E({
+        W(S("textarea", D({
           type: "text",
           class: {
             "top-forms-focusable": !e.disabled,
@@ -880,35 +956,35 @@ const lt = /* @__PURE__ */ w({
           readonly: e.readonly,
           rows: e.expandable ? void 0 : e.rows
         }, e.$attrs, {
-          "onUpdate:modelValue": d[0] || (d[0] = (f) => a.value = f)
-        }), null, 16, Wt), [
-          [J, a.value]
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => s.value = m)
+        }), null, 16, Vt), [
+          [J, s.value]
         ]),
-        e.expandable ? (p(), m("div", Bt, V(a.value + " "), 1)) : g("", !0),
-        e.hint ? W((p(), T(Z, {
+        e.expandable ? (u(), f("div", Wt, V(s.value + " "), 1)) : g("", !0),
+        e.hint ? W((u(), M(Z, {
           key: 1,
           class: "top-textarea_hint",
           hint: e.hint
         }, null, 8, ["hint"])), [
-          [r]
+          [i]
         ]) : g("", !0)
       ], 2);
     };
   }
-}), zt = {
+}), Lt = {
   "top-textarea": "top-textarea",
   "top-textarea_textarea": "top-textarea_textarea",
   "top-textarea_textarea-expandable": "top-textarea_textarea-expandable",
   "top-textarea_pseudoContent": "top-textarea_pseudoContent",
   "top-textarea_hint": "top-textarea_hint"
-}, Dt = {
-  $style: zt
-}, Et = /* @__PURE__ */ v(Lt, [["__cssModules", Dt]]), Ct = ["data-value", "data-top-icon", "data-top-icon2"], At = ["name", "disabled"], Nt = ["label", "disabled"], Pt = ["value", "selected", "disabled"], Rt = ["value", "selected", "disabled"], Ot = {
+}, Et = {
+  $style: Lt
+}, zt = /* @__PURE__ */ y(Bt, [["__cssModules", Et]]), Dt = ["data-value", "data-top-icon", "data-top-icon2"], Pt = ["name", "disabled"], At = ["label", "disabled"], Rt = ["value", "selected", "disabled"], Ct = ["value", "selected", "disabled"], Nt = {
   key: 1,
   class: "top-formsCaption"
-}, Ht = /* @__PURE__ */ w({
+}, Ot = /* @__PURE__ */ v({
   __name: "select",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     modelValue: {},
     options: {},
     name: {},
@@ -924,149 +1000,149 @@ const lt = /* @__PURE__ */ w({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["update:modelValue"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const o = t, n = G(t, "modelValue"), a = h(() => {
-      const i = /* @__PURE__ */ new Map();
-      return o.options.forEach((l, u) => {
-        if (typeof l == "string" && (l = d(u, l)), l.children) {
-          const b = /* @__PURE__ */ new Map();
-          l.children.forEach((_, z) => {
-            typeof _ == "string" && (_ = d(z, _)), b.set(_.value, _);
-          }), l = { ...l }, l.children = b, i.set(l.value, l);
+  emits: /* @__PURE__ */ N(["update:modelValue"], ["update:modelValue"]),
+  setup(t, { emit: a }) {
+    const o = t, n = K(t, "modelValue"), s = b(() => {
+      const r = /* @__PURE__ */ new Map();
+      return o.options.forEach((l, p) => {
+        if (typeof l == "string" && (l = d(p, l)), l.children) {
+          const h = /* @__PURE__ */ new Map();
+          l.children.forEach((_, E) => {
+            typeof _ == "string" && (_ = d(E, _)), h.set(_.value, _);
+          }), l = { ...l }, l.children = h, r.set(l.value, l);
         } else
-          i.set(l.value, l);
-      }), i;
-    }), e = h(() => {
-      const i = /* @__PURE__ */ new Map();
-      return a.value.forEach((l) => {
+          r.set(l.value, l);
+      }), r;
+    }), e = b(() => {
+      const r = /* @__PURE__ */ new Map();
+      return s.value.forEach((l) => {
         if (!l.disabled) {
           if (l.children) {
-            l.children.forEach((u) => {
-              u.disabled || i.set(u.value, u);
+            l.children.forEach((p) => {
+              p.disabled || r.set(p.value, p);
             });
             return;
           }
-          i.set(l.value, l);
+          r.set(l.value, l);
         }
-      }), i;
-    }), d = (i, l) => ({
-      value: i,
+      }), r;
+    }), d = (r, l) => ({
+      value: r,
       title: l
     });
-    de([
+    re([
       () => o.modelValue,
       e
     ], () => {
       (n.value === null || n.value === void 0) && e.value.size && (console.warn("Пожалуйста, не передавайте в компонент Select значения null и undefined"), n.value = e.value.keys().next().value);
     }, { immediate: !0 });
-    const r = h(() => {
-      var i;
-      return (i = e.value.get(n.value)) == null ? void 0 : i.icon;
-    }), f = () => {
-      const i = [...e.value.keys()], u = (i.indexOf(n.value) + 1) % i.length;
-      n.value = i[u];
+    const i = b(() => {
+      var r;
+      return (r = e.value.get(n.value)) == null ? void 0 : r.icon;
+    }), m = () => {
+      const r = [...e.value.keys()], p = (r.indexOf(n.value) + 1) % r.length;
+      n.value = r[p];
     };
-    return (i, l) => (p(), m("label", {
-      class: y({
+    return (r, l) => (u(), f("label", {
+      class: w({
         "top-select": !0,
-        ["top-select-" + i.name]: i.name,
-        ["top-size_" + i.size]: !0,
-        "top-formsCaptionWrapper": !!i.title,
-        "top-select-error": i.isError,
-        "top-disabled": i.disabled
+        ["top-select-" + r.name]: r.name,
+        ["top-size_" + r.size]: !0,
+        "top-formsCaptionWrapper": !!r.title,
+        "top-select-error": r.isError,
+        "top-disabled": r.disabled
       }),
       "data-value": n.value,
-      "data-top-icon": i.icon,
-      "data-top-icon2": r.value
+      "data-top-icon": r.icon,
+      "data-top-icon2": i.value
     }, [
       W(S("select", {
-        class: y({
-          "top-forms-focusable": !i.disabled,
+        class: w({
+          "top-forms-focusable": !r.disabled,
           "top-select_select": !0,
           "top-select_arrow": !0,
-          "top-error": i.isError
+          "top-error": r.isError
         }),
-        name: i.name,
-        disabled: i.disabled,
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u)
+        name: r.name,
+        disabled: r.disabled,
+        "onUpdate:modelValue": l[0] || (l[0] = (p) => n.value = p)
       }, [
-        (p(!0), m(N, null, U(a.value, ([u, b]) => (p(), m(N, null, [
-          b.children ? (p(), m("optgroup", {
-            key: "group_" + u,
-            label: b.title,
-            disabled: b.disabled
+        (u(!0), f(R, null, F(s.value, ([p, h]) => (u(), f(R, null, [
+          h.children ? (u(), f("optgroup", {
+            key: "group_" + p,
+            label: h.title,
+            disabled: h.disabled
           }, [
-            (p(!0), m(N, null, U(b.children, ([_, z]) => (p(), m("option", {
+            (u(!0), f(R, null, F(h.children, ([_, E]) => (u(), f("option", {
               key: _,
               value: _,
               selected: _ === n.value,
-              disabled: z.disabled
-            }, V(z.title), 9, Pt))), 128))
-          ], 8, Nt)) : (p(), m("option", {
-            key: u ?? void 0,
-            value: u,
-            selected: u === n.value,
-            disabled: b.disabled
-          }, V(b.title), 9, Rt))
+              disabled: E.disabled
+            }, V(E.title), 9, Rt))), 128))
+          ], 8, At)) : (u(), f("option", {
+            key: p ?? void 0,
+            value: p,
+            selected: p === n.value,
+            disabled: h.disabled
+          }, V(h.title), 9, Ct))
         ], 64))), 256))
-      ], 10, At), [
-        [pe, n.value]
+      ], 10, Pt), [
+        [le, n.value]
       ]),
-      i.addChanger && e.value.size && !i.disabled ? (p(), m("span", {
+      r.addChanger && e.value.size && !r.disabled ? (u(), f("span", {
         key: 0,
         class: "top-changer",
-        onClick: f
+        onClick: m
       })) : g("", !0),
-      i.title ? (p(), m("span", Ot, V(i.title), 1)) : g("", !0)
-    ], 10, Ct));
+      r.title ? (u(), f("span", Nt, V(r.title), 1)) : g("", !0)
+    ], 10, Dt));
   }
-}), It = {
+}), Ht = {
   "top-select": "top-select",
   "top-select-error": "top-select-error",
   "top-select_select": "top-select_select",
   "top-changer": "top-changer"
-}, Ut = {
-  $style: It
-}, Ft = /* @__PURE__ */ v(Ht, [["__cssModules", Ut]]), oo = Be, so = Ae, ao = Xe, no = C, io = Z, ro = O, lo = ut, po = gt, uo = St, co = Vt, mo = Et, fo = Ft, bo = j;
+}, It = {
+  $style: Ht
+}, Ft = /* @__PURE__ */ y(Ot, [["__cssModules", It]]), eo = Ve, to = Pe, oo = Ue, so = P, ao = Z, no = O, io = pt, ro = bt, lo = $t, po = Tt, uo = zt, co = Ft, mo = j;
 export {
-  be as A,
-  Zt as B,
+  me as A,
+  Qt as B,
   c as C,
-  jt as D,
+  Jt as D,
   we as E,
-  xt as F,
-  eo as G,
-  Se as H,
-  to as I,
+  Zt as F,
+  jt as G,
+  ve as H,
+  xt as I,
   X as J,
-  Ae as T,
-  v as _,
+  Pe as T,
+  y as _,
   O as a,
-  oo as b,
-  so as c,
+  eo as b,
+  to as c,
   B as d,
-  ao as e,
-  no as f,
-  io as g,
-  ro as h,
-  Kt as i,
-  lo as j,
-  po as k,
-  bo as l,
-  uo as m,
-  fo as n,
-  co as o,
-  mo as p,
-  Et as q,
+  oo as e,
+  so as f,
+  ao as g,
+  no as h,
+  Xt as i,
+  io as j,
+  ro as k,
+  mo as l,
+  lo as m,
+  co as n,
+  po as o,
+  uo as p,
+  zt as q,
   j as r,
-  ue as s,
-  ce as t,
-  me as u,
-  fe as v,
-  qt as w,
-  Gt as x,
-  Qt as y,
-  Jt as z
+  de as s,
+  pe as t,
+  ue as u,
+  ce as v,
+  Yt as w,
+  qt as x,
+  Gt as y,
+  Kt as z
 };
-//# sourceMappingURL=forms-CPEVHoks.es.js.map
+//# sourceMappingURL=forms-C7R2OMNd.es.js.map