@topvisor/ui 0.0.33 → 0.0.34

package/.chunks/{forms-6c397f5a.es.js → forms-eb00d0c1.es.js}

@@ -1,5 +1,5 @@
-import { reactive as R, defineComponent as y, computed as b, openBlock as u, createBlock as k, resolveDynamicComponent as X, normalizeClass as h, withCtx as Y, renderSlot as G, createTextVNode as q, toDisplayString as g, createElementBlock as m, createElementVNode as w, createCommentVNode as f, withDirectives as $, vModelCheckbox as K, mergeProps as z, withKeys as J, withModifiers as W, vModelText as Q, ref as Z, unref as V, onUnmounted as x, vModelRadio as ee, useCssVars as te, resolveDirective as oe, watch as ae, toRef as se, Fragment as F, renderList as P, vModelSelect as ie } from "vue";
-class L {
+import { reactive as P, defineComponent as v, computed as b, openBlock as u, createBlock as $, resolveDynamicComponent as X, normalizeClass as h, withCtx as S, renderSlot as M, createTextVNode as q, toDisplayString as w, createElementBlock as m, createElementVNode as g, createCommentVNode as f, withDirectives as k, vModelCheckbox as K, mergeProps as L, withKeys as J, withModifiers as U, vModelText as Q, ref as Z, unref as V, onUnmounted as x, vModelRadio as ee, useCssVars as te, resolveDirective as oe, watch as ae, toRef as se, Fragment as D, renderList as N, vModelSelect as ie } from "vue";
+class T {
   static isRetina() {
     return "devicePixelRatio" in window && window.devicePixelRatio > 1;
   }
@@ -30,23 +30,23 @@ class L {
   }
 }
 const ne = 100;
-let U;
-const C = /* @__PURE__ */ new Map(), S = {
+let H;
+const R = /* @__PURE__ */ new Map(), z = {
   width: window.innerWidth,
   height: window.innerHeight
 };
 function le(n) {
-  C.set(n, n);
+  R.set(n, n);
 }
 function re(n) {
-  C.delete(n);
+  R.delete(n);
 }
 function de(n) {
-  clearTimeout(U), U = setTimeout(function() {
+  clearTimeout(H), H = setTimeout(function() {
     n.topEvent = {
-      widthDiff: S.width - window.innerWidth,
-      hightDiff: S.height - window.innerHeight
-    }, S.width = window.innerWidth, S.height = window.innerHeight, C.forEach((t) => t(n));
+      widthDiff: z.width - window.innerWidth,
+      hightDiff: z.height - window.innerHeight
+    }, z.width = window.innerWidth, z.height = window.innerHeight, R.forEach((t) => t(n));
   }, ne);
 }
 window.addEventListener("resize", de);
@@ -54,16 +54,16 @@ const pe = {
   addOnReize: le,
   removeOnResize: re
 };
-var O;
+var Y;
 const ue = {
   widthForMobile: 900,
   dateFormat: "Y-m-d",
   /**
    * Для Москвы: +0300
    */
-  gmt: (O = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : O[1]
+  gmt: (Y = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : Y[1]
 };
-var j;
+var G;
 const ce = {
   /**
    * Device by size
@@ -94,15 +94,15 @@ const ce = {
   // См. core.options
   dateFormat: "Y-m-d",
   // См. core.options
-  gmt: (j = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : j[1]
-}, _ = window, D = (n) => {
+  gmt: (G = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : G[1]
+}, E = window, C = (n) => {
   var t, a;
-  if (!((a = (t = _ == null ? void 0 : _.jQuery) == null ? void 0 : t.ui) != null && a.tooltip)) {
+  if (!((a = (t = E == null ? void 0 : E.jQuery) == null ? void 0 : t.ui) != null && a.tooltip)) {
     console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");
     return;
   }
-  return _.jQuery(n);
-}, N = (n, t) => {
+  return E.jQuery(n);
+}, I = (n, t) => {
   var o;
   const a = n.value ?? {};
   return a.content ??= (o = t.props) == null ? void 0 : o.title, a.content = String(a.content).replace(/\r\n|\r|\n/g, "<br>"), a.position ??= {
@@ -112,11 +112,11 @@ const ce = {
 }, me = {
   mounted(n, t, a) {
     var o;
-    (o = D(n)) == null || o.tooltip(N(t, a));
+    (o = C(n)) == null || o.tooltip(I(t, a));
   },
   updated(n, t, a, o) {
     var s;
-    const e = N(t, a), l = (s = D(n)) == null ? void 0 : s.tooltip("instance");
+    const e = I(t, a), l = (s = C(n)) == null ? void 0 : s.tooltip("instance");
     l && (l.options = {
       ...l.options,
       ...e
@@ -124,19 +124,19 @@ const ce = {
   },
   unmounted(n, t, a) {
     var o;
-    (o = D(n)) == null || o.tooltip("destroy");
+    (o = C(n)) == null || o.tooltip("destroy");
   }
-}, T = window;
+}, A = window;
 class d {
   /**
    * Настройки словаря
    */
-  static L = R({
+  static L = P({
     Not_date: "Not date"
   });
-  static page = (T == null ? void 0 : T.page) || {};
+  static page = (A == null ? void 0 : A.page) || {};
   static options = ue;
-  static state = R({ ...ce });
+  static state = P({ ...ce });
   static matchMediaIsMobile;
   /**
    * Добавить на страницу стили, используется для загрузки стилей из js
@@ -172,7 +172,7 @@ class d {
     t != null && t.widthForMobile && (this.options.widthForMobile = t.widthForMobile), t != null && t.dateFormat && (this.options.dateFormat = t.dateFormat), t != null && t.gmt && (this.options.gmt = t.gmt), d.setState();
   }
   static setState() {
-    d.matchMediaIsMobile = window.matchMedia(`(max-width: ${d.options.widthForMobile}px)`), d.state.isMobileUA = L.isMobile(), d.state.isRetina = L.isRetina(), d.state.isApp = L.isApp(), d.state.dateFormat = this.options.dateFormat, d.state.gmt = this.options.gmt, d.setStateByWindowSize(), pe.addOnReize(d.onResize), d.onResize(), d.saveToCookie();
+    d.matchMediaIsMobile = window.matchMedia(`(max-width: ${d.options.widthForMobile}px)`), d.state.isMobileUA = T.isMobile(), d.state.isRetina = T.isRetina(), d.state.isApp = T.isApp(), d.state.dateFormat = this.options.dateFormat, d.state.gmt = this.options.gmt, d.setStateByWindowSize(), pe.addOnReize(d.onResize), d.onResize(), d.saveToCookie();
   }
   static onResize() {
     d.setStateByWindowSize(), document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
@@ -196,7 +196,7 @@ class d {
     document.cookie = "device=" + t.join(",") + "; path=/;";
   }
 }
-class B {
+class F {
   /**
    * Получить объект Date из строки
    * @param date - строка с датой
@@ -256,16 +256,16 @@ class B {
       return t;
     const o = d.state.dateFormat.toLowerCase(), e = t.split(/\W/), l = o.split(/\W/);
     let s = "", i = "", r = "";
-    l.forEach((c, M) => {
+    l.forEach((c, _) => {
       switch (c) {
         case "d":
-          s = e[M];
+          s = e[_];
           break;
         case "m":
-          i = e[M];
+          i = e[_];
           break;
         case "y":
-          r = e[M];
+          r = e[_];
           break;
       }
     });
@@ -273,7 +273,7 @@ class B {
     return p.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + p), p = this.ms2Date((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), p;
   }
 }
-const be = /* @__PURE__ */ y({
+const be = /* @__PURE__ */ v({
   __name: "button",
   props: {
     color: { default: "blue" },
@@ -291,7 +291,7 @@ const be = /* @__PURE__ */ y({
   },
   setup(n) {
     const t = n, a = b(() => t.href ? "a" : "button"), o = b(() => t.isSubmit ? "submit" : void 0);
-    return (e, l) => (u(), k(X(a.value), {
+    return (e, l) => (u(), $(X(a.value), {
       class: h({
         "top-active": e.isActive,
         "top-disabled": e.disabled,
@@ -311,9 +311,9 @@ const be = /* @__PURE__ */ y({
       disabled: e.disabled || void 0,
       inProgress: e.isProgress
     }, {
-      default: Y(() => [
-        G(e.$slots, "default", {}, () => [
-          q(g(e.icon ? "" : "Button"), 1)
+      default: S(() => [
+        M(e.$slots, "default", {}, () => [
+          q(w(e.icon ? "" : "Button"), 1)
         ])
       ]),
       _: 3
@@ -335,48 +335,48 @@ const be = /* @__PURE__ */ y({
   "top-style_transparent": "top-style_transparent",
   "top-size_l": "top-size_l",
   "top-size_xl": "top-size_xl"
-}, v = (n, t) => {
+}, y = (n, t) => {
   const a = n.__vccOpts || n;
   for (const [o, e] of t)
     a[o] = e;
   return a;
-}, ye = {
+}, ve = {
   $style: fe
-}, mt = /* @__PURE__ */ v(be, [["__cssModules", ye]]), ve = { class: "top-forms-optionLabel" }, ge = {
+}, mt = /* @__PURE__ */ y(be, [["__cssModules", ve]]), ye = { class: "top-forms-optionLabel" }, ge = {
   key: 0,
   class: "top-forms-optionLabel_description"
-}, we = /* @__PURE__ */ y({
+}, we = /* @__PURE__ */ v({
   __name: "controlLabel",
   props: {
-    title: {},
     description: {},
     disabled: { type: Boolean }
   },
   setup(n) {
-    return (t, a) => (u(), m("div", ve, [
-      w("div", {
+    return (t, a) => (u(), m("div", ye, [
+      g("div", {
         class: h({
           "top-forms-optionLabel_title": !0,
           "top-forms-optionLabel_title-disabled": t.disabled
         })
-      }, g(t.title), 3),
-      t.description ? (u(), m("div", ge, g(t.description), 1)) : f("", !0)
+      }, [
+        M(t.$slots, "default")
+      ], 2),
+      t.description ? (u(), m("div", ge, w(t.description), 1)) : f("", !0)
     ]));
   }
-}), ke = {
+}), $e = {
   "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"
-}, $e = {
-  $style: ke
-}, A = /* @__PURE__ */ v(we, [["__cssModules", $e]]), Me = ["name", "value", "indeterminate", "disabled"], Ve = /* @__PURE__ */ y({
+}, ke = {
+  $style: $e
+}, W = /* @__PURE__ */ y(we, [["__cssModules", ke]]), Me = ["name", "value", "indeterminate", "disabled"], Ve = /* @__PURE__ */ v({
   __name: "checkbox",
   props: {
     modelValue: { type: [Boolean, Array, Set] },
     name: {},
     value: {},
-    title: {},
     description: {},
     disabled: { type: Boolean },
     indeterminate: { type: Boolean },
@@ -401,7 +401,7 @@ const be = /* @__PURE__ */ y({
         "top-error": e.isError && !e.disabled
       })
     }, [
-      $(w("input", {
+      k(g("input", {
         type: "checkbox",
         class: h({
           "top-forms-focusable": !e.disabled,
@@ -417,12 +417,16 @@ const be = /* @__PURE__ */ y({
       }, null, 10, Me), [
         [K, o.value]
       ]),
-      e.title ? (u(), k(A, {
+      e.$slots.default ? (u(), $(W, {
         key: 0,
-        title: e.title,
         description: e.description,
         disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : f("", !0)
+      }, {
+        default: S(() => [
+          M(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : f("", !0)
     ], 2));
   }
 }), Se = {
@@ -431,7 +435,7 @@ const be = /* @__PURE__ */ y({
   "top-error": "top-error"
 }, _e = {
   $style: Se
-}, bt = /* @__PURE__ */ v(Ve, [["__cssModules", _e]]), Be = ["title"], ze = /* @__PURE__ */ y({
+}, bt = /* @__PURE__ */ y(Ve, [["__cssModules", _e]]), Be = ["title"], ze = /* @__PURE__ */ v({
   __name: "hint",
   props: {
     hint: {}
@@ -447,10 +451,10 @@ const be = /* @__PURE__ */ y({
   "top-hint": "top-hint"
 }, Fe = {
   $style: Ee
-}, Le = /* @__PURE__ */ v(ze, [["__cssModules", Fe]]), De = ["data-top-icon", "data-top-icon2"], Te = ["name", "title", "placeholder", "disabled", "readonly"], Ce = ["onClick"], Ae = {
+}, Le = /* @__PURE__ */ y(ze, [["__cssModules", Fe]]), De = ["data-top-icon", "data-top-icon2"], Te = ["name", "title", "placeholder", "disabled", "readonly"], Ce = ["onClick"], Ae = {
   key: 1,
   class: "top-formsCaption"
-}, Re = /* @__PURE__ */ y({
+}, Re = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "input",
   props: {
@@ -492,7 +496,7 @@ const be = /* @__PURE__ */ y({
       "data-top-icon": s.icon,
       "data-top-icon2": s.icon2
     }, [
-      $(w("input", z({
+      k(g("input", L({
         type: "text",
         class: {
           "top-input_input": !0,
@@ -507,7 +511,7 @@ const be = /* @__PURE__ */ y({
         placeholder: e.value,
         disabled: s.disabled,
         readonly: s.readonly,
-        onKeydown: i[1] || (i[1] = J(W(() => (s.addCleaner || !!s.$slots.btn) && l(), ["stop"]), ["esc"]))
+        onKeydown: i[1] || (i[1] = J(U(() => (s.addCleaner || !!s.$slots.btn) && l(), ["stop"]), ["esc"]))
       }, s.$attrs), null, 16, Te), [
         [Q, o.value]
       ]),
@@ -515,10 +519,10 @@ const be = /* @__PURE__ */ y({
         key: 0,
         class: "top-input_cleaner",
         "data-top-icon": "",
-        onClick: W(l, ["prevent"])
+        onClick: U(l, ["prevent"])
       }, null, 8, Ce)) : f("", !0),
-      s.captionType !== "" ? (u(), m("span", Ae, g(s.title), 1)) : f("", !0),
-      G(s.$slots, "default")
+      s.captionType !== "" ? (u(), m("span", Ae, w(s.title), 1)) : f("", !0),
+      M(s.$slots, "default")
     ], 10, De));
   }
 }), We = {
@@ -528,10 +532,10 @@ const be = /* @__PURE__ */ y({
   "top-input_cleaner": "top-input_cleaner"
 }, Pe = {
   $style: We
-}, H = /* @__PURE__ */ v(Re, [["__cssModules", Pe]]), Ue = ["modelValue"], Ne = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
-let I = (n) => {
+}, O = /* @__PURE__ */ y(Re, [["__cssModules", Pe]]), Ue = ["modelValue"], Ne = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+let j = (n) => {
 };
-const He = /* @__PURE__ */ y({
+const He = /* @__PURE__ */ v({
   __name: "inputDate",
   props: {
     modelValue: {},
@@ -551,16 +555,16 @@ const He = /* @__PURE__ */ y({
   setup(n, { emit: t }) {
     const a = n, o = Z(), e = b({
       get() {
-        return B.dateFormat(a.modelValue, 2, "0000-00-00");
+        return F.dateFormat(a.modelValue, 2, "0000-00-00");
       },
       set(r) {
-        r = B.dateUnformat(r, "0000-00-00"), t("update:modelValue", r);
+        r = F.dateUnformat(r, "0000-00-00"), t("update:modelValue", r);
       }
     });
     let l = (r) => {
-      I(r);
+      j(r);
     }, s = (r) => {
-      const p = B.dateUnformat(r.target.value), c = B.dateFormat(p);
+      const p = F.dateUnformat(r.target.value), c = F.dateFormat(p);
       if (!c || c === d.L.Not_date || r.target.value !== c) {
         r.target.value = e.value;
         return;
@@ -568,20 +572,20 @@ const He = /* @__PURE__ */ y({
       e.value = r.target.value;
     };
     async function i(r) {
-      const p = await import("./datepicker-48f2fa8d.es.js");
-      I = p.oninput;
+      const p = await import("./datepicker-0b648b9f.es.js");
+      j = p.oninput;
       const c = p.connectDatepicker(r.target, {
         onSelect: () => s(r)
       });
       c && (c.datepicker("show"), x(() => c.datepicker("destroy")));
     }
-    return (r, p) => V(Ne) ? (u(), k(V(H), z({ key: 0 }, r.$props, {
+    return (r, p) => V(Ne) ? (u(), $(V(O), L({ key: 0 }, r.$props, {
       modelValue: e.value,
       readonly: "",
       onClick: p[1] || (p[1] = (c) => o.value.showPicker())
     }), {
-      default: Y(() => [
-        w("input", {
+      default: S(() => [
+        g("input", {
           ref_key: "el",
           ref: o,
           type: "date",
@@ -592,7 +596,7 @@ const He = /* @__PURE__ */ y({
         }, null, 40, Ue)
       ]),
       _: 1
-    }, 16, ["modelValue"])) : (u(), k(V(H), z({ key: 1 }, r.$props, {
+    }, 16, ["modelValue"])) : (u(), $(V(O), L({ key: 1 }, r.$props, {
       modelValue: e.value,
       "onUpdate:modelValue": p[2] || (p[2] = (c) => c === "" ? e.value = "" : ""),
       onInput: V(l),
@@ -606,13 +610,12 @@ const He = /* @__PURE__ */ y({
   "top-input_input-date": "top-input_input-date"
 }, Oe = {
   $style: Ie
-}, ht = /* @__PURE__ */ v(He, [["__cssModules", Oe]]), je = ["name", "value", "disabled"], Ye = /* @__PURE__ */ y({
+}, ht = /* @__PURE__ */ y(He, [["__cssModules", Oe]]), je = ["name", "value", "disabled"], Ye = /* @__PURE__ */ v({
   __name: "radio",
   props: {
     modelValue: {},
     value: {},
     name: {},
-    title: {},
     description: {},
     disabled: { type: Boolean },
     isError: { type: Boolean }
@@ -636,7 +639,7 @@ const He = /* @__PURE__ */ y({
         "top-error": e.isError && !e.disabled
       })
     }, [
-      $(w("input", {
+      k(g("input", {
         type: "radio",
         class: h({
           "top-forms-focusable": !e.disabled,
@@ -651,12 +654,16 @@ const He = /* @__PURE__ */ y({
       }, null, 10, je), [
         [ee, o.value]
       ]),
-      e.title ? (u(), k(A, {
+      e.$slots.default ? (u(), $(W, {
         key: 0,
-        title: e.title,
         description: e.description,
         disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : f("", !0)
+      }, {
+        default: S(() => [
+          M(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : f("", !0)
     ], 2));
   }
 }), Ge = {
@@ -665,13 +672,12 @@ const He = /* @__PURE__ */ y({
   "top-error": "top-error"
 }, Ke = {
   $style: Ge
-}, ft = /* @__PURE__ */ v(Ye, [["__cssModules", Ke]]), Qe = ["name", "value", "disabled"], Xe = /* @__PURE__ */ y({
+}, ft = /* @__PURE__ */ y(Ye, [["__cssModules", Ke]]), Qe = ["name", "value", "disabled"], Xe = /* @__PURE__ */ v({
   __name: "switcher",
   props: {
     modelValue: { type: [Boolean, Array, Set] },
     name: {},
     value: {},
-    title: {},
     description: {},
     disabled: { type: Boolean },
     isError: { type: Boolean }
@@ -694,7 +700,7 @@ const He = /* @__PURE__ */ y({
         "top-error": e.isError && !e.disabled
       })
     }, [
-      $(w("input", {
+      k(g("input", {
         type: "checkbox",
         class: h({
           "top-forms-focusable": !e.disabled,
@@ -709,12 +715,16 @@ const He = /* @__PURE__ */ y({
       }, null, 10, Qe), [
         [K, o.value]
       ]),
-      e.title ? (u(), k(A, {
+      e.$slots.default ? (u(), $(W, {
         key: 0,
-        title: e.title,
         description: e.description,
         disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : f("", !0)
+      }, {
+        default: S(() => [
+          M(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : f("", !0)
     ], 2));
   }
 }), qe = {
@@ -723,10 +733,10 @@ const He = /* @__PURE__ */ y({
   "top-error": "top-error"
 }, Je = {
   $style: qe
-}, yt = /* @__PURE__ */ v(Xe, [["__cssModules", Je]]), Ze = ["name", "placeholder", "disabled", "readonly", "rows"], xe = {
+}, vt = /* @__PURE__ */ y(Xe, [["__cssModules", Je]]), Ze = ["name", "placeholder", "disabled", "readonly", "rows"], xe = {
   key: 0,
   class: "top-textarea_pseudoContent"
-}, et = /* @__PURE__ */ y({
+}, et = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "textarea",
   props: {
@@ -764,7 +774,7 @@ const He = /* @__PURE__ */ y({
           "top-disabled": e.disabled
         })
       }, [
-        $(w("textarea", z({
+        k(g("textarea", L({
           type: "text",
           class: {
             "top-forms-focusable": !e.disabled,
@@ -783,8 +793,8 @@ const He = /* @__PURE__ */ y({
         }), null, 16, Ze), [
           [Q, o.value]
         ]),
-        e.expandable ? (u(), m("div", xe, g(o.value + " "), 1)) : f("", !0),
-        e.hint ? $((u(), k(Le, {
+        e.expandable ? (u(), m("div", xe, w(o.value + " "), 1)) : f("", !0),
+        e.hint ? k((u(), $(Le, {
           key: 1,
           class: "top-textarea_hint",
           hint: e.hint
@@ -802,10 +812,10 @@ const He = /* @__PURE__ */ y({
   "top-textarea_hint": "top-textarea_hint"
 }, ot = {
   $style: tt
-}, vt = /* @__PURE__ */ v(et, [["__cssModules", ot]]), at = ["data-value", "data-top-icon", "data-top-icon2"], st = ["name", "disabled"], it = ["label", "disabled"], nt = ["value", "disabled"], lt = ["value", "disabled", "selected"], rt = {
+}, yt = /* @__PURE__ */ y(et, [["__cssModules", ot]]), at = ["data-value", "data-top-icon", "data-top-icon2"], st = ["name", "disabled"], it = ["label", "disabled"], nt = ["value", "selected", "disabled"], lt = ["value", "selected", "disabled"], rt = {
   key: 1,
   class: "top-formsCaption"
-}, dt = /* @__PURE__ */ y({
+}, dt = /* @__PURE__ */ v({
   __name: "select",
   props: {
     modelValue: {},
@@ -867,7 +877,7 @@ const He = /* @__PURE__ */ y({
       "data-top-icon": i.icon,
       "data-top-icon2": e.value
     }, [
-      $(w("select", {
+      k(g("select", {
         class: h({
           "top-forms-focusable": !i.disabled,
           "top-select_select": !0,
@@ -878,58 +888,59 @@ const He = /* @__PURE__ */ y({
         disabled: i.disabled,
         "onUpdate:modelValue": r[0] || (r[0] = (p) => o.value = p)
       }, [
-        (u(!0), m(F, null, P(i.options, ([p, c]) => (u(), m(F, null, [
+        (u(!0), m(D, null, N(i.options.entries(), ([p, c]) => (u(), m(D, null, [
           c.children ? (u(), m("optgroup", {
             key: "group_" + c.value,
             label: c.title,
             disabled: c.disabled
           }, [
-            (u(!0), m(F, null, P(c.children, ([M, E]) => (u(), m("option", {
-              key: M,
-              value: E.value,
-              disabled: E.disabled
-            }, g(E.title), 9, nt))), 128))
+            (u(!0), m(D, null, N(c.children.entries(), ([_, B]) => (u(), m("option", {
+              key: c.value,
+              value: B.value,
+              selected: B.value === o.value,
+              disabled: B.disabled
+            }, w(B.title), 9, nt))), 128))
           ], 8, it)) : (u(), m("option", {
-            key: p,
+            key: c.value,
             value: c.value,
-            disabled: c.disabled,
-            selected: c.value === o.value
-          }, g(c.title), 9, lt))
+            selected: c.value === o.value,
+            disabled: c.disabled
+          }, w(c.title), 9, lt))
         ], 64))), 256))
       ], 10, st), [
         [ie, o.value]
       ]),
       i.addChanger && l.value.size && !i.disabled ? (u(), m("span", {
         key: 0,
-        class: "top-select_changer",
+        class: "top-changer",
         onClick: s
       })) : f("", !0),
-      i.title ? (u(), m("span", rt, g(i.title), 1)) : f("", !0)
+      i.title ? (u(), m("span", rt, w(i.title), 1)) : f("", !0)
     ], 10, at));
   }
 }), pt = {
   "top-select": "top-select",
   "top-select-error": "top-select-error",
   "top-select_select": "top-select_select",
-  "top-select_changer": "top-select_changer"
+  "top-changer": "top-changer"
 }, ut = {
   $style: pt
-}, gt = /* @__PURE__ */ v(dt, [["__cssModules", ut]]);
+}, gt = /* @__PURE__ */ y(dt, [["__cssModules", ut]]);
 export {
   mt as B,
   d as C,
-  L as D,
+  T as D,
   pe as E,
   Le as H,
-  H as I,
-  vt as T,
-  B as U,
-  v as _,
-  A as a,
+  O as I,
+  yt as T,
+  F as U,
+  y as _,
+  W as a,
   gt as b,
   bt as c,
   ht as i,
   ft as r,
-  yt as s
+  vt as s
 };
-//# sourceMappingURL=forms-6c397f5a.es.js.map
+//# sourceMappingURL=forms-eb00d0c1.es.js.map