@topvisor/ui 0.9.26-dev → 0.9.27-dev

package/.chunks/forms-1ZAO_mt8.es.js

@@ -0,0 +1,1179 @@
+import { insertToPage as ie } from "../utils/css.js";
+import { reactive as Y, defineComponent as y, useCssVars as oe, computed as b, openBlock as u, createElementBlock as m, createElementVNode as _, createCommentVNode as g, createBlock as M, resolveDynamicComponent as le, normalizeClass as w, withCtx as D, renderSlot as k, createTextVNode as de, toDisplayString as W, mergeModels as C, useModel as se, withDirectives as T, vModelCheckbox as ne, onUnmounted as pe, ref as ue, unref as B, mergeProps as A, vModelRadio as ce, resolveDirective as me, vModelText as ae, watch as fe, Fragment as O, renderList as X, vModelSelect as he, withKeys as be, withModifiers as ge } from "vue";
+const re = ["../assets/forms.css"].map((t) => import.meta.resolve(t));
+await ie(re);
+function we() {
+  return "devicePixelRatio" in window && window.devicePixelRatio > 1;
+}
+function ve() {
+  return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
+}
+function ye() {
+  return navigator.userAgent.indexOf("Topvisor_App") != -1;
+}
+function _e() {
+  return navigator.userAgent.indexOf("Mac OS X") !== -1;
+}
+function eo() {
+  const t = /Chrome|Android/.test(navigator.userAgent);
+  let e = /Safari/.test(navigator.userAgent);
+  return t && e && (e = !1), e;
+}
+function to() {
+  return _e() ? "⌘" : "Ctrl";
+}
+const oo = () => $(document).scrollTop(), so = () => $(document), no = () => [document], $e = () => {
+  const t = [
+    ["iOS", /(iPhone|iPad)/i],
+    ["Android", /(Android)/i],
+    ["Windows Phone", /(IEMobile)/i],
+    ["Windows 3.11", /Win16/i],
+    ["Windows 95", /(Windows 95)|(Win95)|(Windows_95)/i],
+    ["Windows 98", /(Windows 98)|(Win98)/i],
+    ["Windows 2000", /(Windows NT 5.0)|(Windows 2000)/i],
+    ["Windows XP", /(Windows NT 5.1)|(Windows XP)/i],
+    ["Windows Server 2003", /(Windows NT 5.2)/i],
+    ["Windows Vista", /(Windows NT 6.0)/i],
+    ["Windows 7", /(Windows NT 6.1)/i],
+    ["Windows 8", /(Windows NT 6.[23])|(Windows 8)/i],
+    ["Windows 10", /(Windows NT 10)/i],
+    ["Windows NT 4.0", /(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)/i],
+    ["Windows ME", /Windows ME/i],
+    ["Windows", /Windows/i],
+    ["Open BSD", /OpenBSD/i],
+    ["Sun OS", /SunOS/i],
+    ["Linux", /(Linux)|(X11)/i],
+    ["Macintosh", /(Mac_PowerPC)|(Macintosh)|(Mac OS X 10.4)|(Mac OS X 10.5)|(Mac OS X 10.6)/i],
+    ["QNX", /QNX/i],
+    ["BeOS", /BeOS/i],
+    ["OS/2", /OS\/2/i]
+  ];
+  let e = "";
+  for (let s = 0; s < t.length; s++)
+    if (t[s][1].test(navigator.userAgent)) {
+      e = t[s][0];
+      break;
+    }
+  return e;
+}, ao = async () => {
+  var e;
+  let t = $e();
+  if (t === "Windows 10") {
+    const s = await ((e = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : e.getHighEntropyValues(["platformVersion"]));
+    s && s.platformVersion >= "13" && (t = "Windows 11");
+  }
+  return t;
+};
+class q {
+  /**
+   * Проверить скрыта страница или нет
+   */
+  static isHidden = () => document.hidden;
+}
+const Se = 100;
+let G;
+const I = /* @__PURE__ */ new Map(), R = {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function ke(t) {
+  I.set(t, t);
+}
+function Me(t) {
+  I.delete(t);
+}
+function Ve(t) {
+  clearTimeout(G), G = setTimeout(function() {
+    t.topEvent = {
+      widthDiff: R.width - window.innerWidth,
+      hightDiff: R.height - window.innerHeight
+    }, R.width = window.innerWidth, R.height = window.innerHeight, I.forEach((e) => e(t));
+  }, Se);
+}
+window.addEventListener("resize", Ve);
+const We = {
+  addOnReize: ke,
+  removeOnResize: Me
+};
+var ee;
+const Te = {
+  widthForMobile: 900,
+  dateFormat: "Y-m-d",
+  /**
+   * Для Москвы: +0300
+   */
+  gmt: (ee = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : ee[1]
+};
+var te;
+const Be = {
+  /**
+   * Device by size
+   * @see widthForMobile
+   */
+  isMobile: !1,
+  /**
+   * Device by user agent
+   */
+  isMobileUA: !1,
+  /**
+   * true, если плотность пикселей экрана больше 1
+   */
+  isRetina: !1,
+  /**
+   * true, елси это приложение
+   */
+  isApp: !1,
+  /**
+   * true при горизонтальном расположении устройства
+   */
+  isLandscape: !0,
+  /**
+   * true при вертикальном расположении устройства
+   */
+  isPortrait: !1,
+  size: 0,
+  // См. core.options
+  dateFormat: "Y-m-d",
+  // См. core.options
+  gmt: (te = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : te[1],
+  /**
+   * true, если страница скрыта
+   */
+  isHidden: !1
+}, H = (t) => {
+  var e, s;
+  if (!((s = (e = p.$) == null ? void 0 : e.ui) != null && s.tooltip)) {
+    console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");
+    return;
+  }
+  return p.$(t);
+}, K = (t, e) => {
+  var n;
+  const s = t.value ?? {};
+  return s.content ??= (n = e.props) == null ? void 0 : n.title, s.content = String(s.content).replace(/\r\n|\r|\n/g, "<br>"), s.position ??= {
+    my: "bottom-18px",
+    at: "top center"
+  }, s;
+}, Le = {
+  mounted(t, e, s) {
+    var n;
+    (n = H(t)) == null || n.tooltip(K(e, s));
+  },
+  updated(t, e, s, n) {
+    var i;
+    const a = K(e, s), o = (i = H(t)) == null ? void 0 : i.tooltip("instance");
+    o && (o.options = {
+      ...o.options,
+      ...a
+    });
+  },
+  unmounted(t, e, s) {
+    var n;
+    (n = H(t)) == null || n.tooltip("destroy");
+  }
+}, Ee = {
+  mounted: function(t, e) {
+    (e.value || e.value === void 0) && t.focus();
+  }
+};
+let E;
+const ze = {
+  mounted(t, e, s) {
+    const n = e.value || "top-sticky";
+    E = new IntersectionObserver((a) => {
+      let o = a[0].intersectionRatio < 1;
+      o && e.arg === "bottom" && a[0].intersectionRect.y === 0 && (o = !1), t.classList.toggle(n, o);
+    }, {
+      threshold: [1]
+    }), E.observe(t);
+  },
+  unmounted(t, e, s) {
+    E == null || E.disconnect();
+  }
+};
+let Q = !1, z, F;
+const P = /* @__PURE__ */ new Map(), De = (t, e) => {
+  const { distance: s, percent: n } = F, a = t.getBoundingClientRect().top, o = e * n / 100 / s, i = (e - a) / o;
+  i <= s ? t.style.transform = `translateY(${s - i}px)` : t.style.transform = "translateY(0px)";
+}, Ne = (t) => {
+  let e = window.innerHeight;
+  window.addEventListener("scroll", () => {
+    P.forEach((s) => De(s, e));
+  }, { passive: !0 }), z = new IntersectionObserver((s) => {
+    e = window.innerHeight, s.forEach((n) => {
+      const a = n.target;
+      if (n.intersectionRatio < 0.1 ? P.delete(a) : P.set(a, a), n.intersectionRatio === 0) {
+        const { distance: o, percent: i } = F;
+        a.style.transform = `translateY(${o}px)`;
+      }
+    });
+  }, {
+    threshold: 0.1
+  });
+}, Re = {
+  mounted(t, e, s) {
+    var i;
+    if (p.state.isMobileUA) return;
+    const n = (i = e.arg) == null ? void 0 : i.split(":");
+    let a = Number((n == null ? void 0 : n[0]) ?? 100), o = Number((n == null ? void 0 : n[1]) ?? 30);
+    F = {
+      distance: a,
+      percent: o
+    }, Q || (Ne(), Q = !0), z.observe(t);
+  },
+  unmounted(t, e, s) {
+    P.delete(t), z == null || z.unobserve(t);
+  }
+}, Pe = () => typeof window > "u" ? {} : window, J = Pe();
+class p {
+  /**
+   * Настройки словаря
+   */
+  static L = Y({
+    Not_date: "Not date"
+  });
+  static page = J.page ?? {};
+  static Page = q;
+  static options = Te;
+  static state = Y({ ...Be });
+  static matchMediaIsMobile;
+  static $ = J.$;
+  /**
+   * Добавить на страницу стили, используется для загрузки стилей из js
+   *
+   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
+   * @param style - css стили в строке
+   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
+   */
+  static appendStyle(e, s = "") {
+    let n = "all";
+    s === "m" && (n = "(max-width: " + this.options.widthForMobile + "px)"), s === "pc" && (n = "(min-width: " + this.options.widthForMobile + "px)");
+    const a = document.createElement("style");
+    a.innerHTML = e, a.media = n, document.head.append(a);
+  }
+  /**
+   * Установить как плагин в прилоежнии Vue
+   * Core.state является общим для всех приложений Vue на странице
+   * Core.options является общим для всех приложений Vue на странице
+   * @param app - Vue App
+   * @param {typeof options} options - параметры UI
+   */
+  static install(e, s) {
+    p.defineOptions(s), e.provide("top-core", p), this.installDirectives(e);
+  }
+  static installDirectives(e) {
+    e.directive("top-tooltip", Le), e.directive("top-focus", Ee), e.directive("top-sticky", ze), e.directive("top-swim-up", Re);
+  }
+  /**
+   * Установить конфигурацию UI
+   * @param {typeof options} options
+   */
+  static defineOptions(e) {
+    e != null && e.widthForMobile && (this.options.widthForMobile = e.widthForMobile), e != null && e.dateFormat && (this.options.dateFormat = e.dateFormat), e != null && e.gmt && (this.options.gmt = e.gmt), p.setState();
+  }
+  static setState() {
+    p.matchMediaIsMobile = window.matchMedia(`(max-width: ${p.options.widthForMobile}px)`), p.state.isMobileUA = ve(), p.state.isRetina = we(), p.state.isApp = ye(), p.state.dateFormat = this.options.dateFormat, p.state.gmt = this.options.gmt, p.state.isHidden = q.isHidden(), p.setStateByWindowSize(), We.addOnReize(p.onResize), p.onResize(), p.saveToCookie();
+  }
+  static onResize() {
+    p.setStateByWindowSize(), document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
+  }
+  static setStateByWindowSize() {
+    var e;
+    p.state.isMobile = !!((e = p.matchMediaIsMobile) != null && e.matches), p.state.isLandscape = window.innerWidth > window.innerHeight, p.state.isPortrait = !p.state.isLandscape, p.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight, p.saveToCookie();
+  }
+  /**
+   * Сохранить информацию об устройстве в cookie
+   */
+  static saveToCookie() {
+    const e = [
+      1,
+      window.innerWidth,
+      window.innerHeight,
+      window.devicePixelRatio,
+      Number(p.state.isMobile),
+      Number(p.state.isRetina)
+    ];
+    document.cookie = "device=" + e.join(",") + "; path=/;";
+  }
+}
+const V = window.L ?? {}, io = (t, e, s) => {
+  switch (new Date(t, e, s).getDay()) {
+    case 0:
+      return V.Vs + ".";
+    case 1:
+      return V.Pn + ".";
+    case 2:
+      return V.Vt + ".";
+    case 3:
+      return V.Sr + ".";
+    case 4:
+      return V.Ct + ".";
+    case 5:
+      return V.Pt + ".";
+    case 6:
+      return V.Sb + ".";
+    default:
+      return "";
+  }
+}, ro = (t, e = !0, s = 2) => {
+  let n = String(t.getFullYear()), a = String(t.getDate()).padStart(2, "0"), o = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getHours()).padStart(2, "0"), l = String(t.getMinutes()).padStart(2, "0"), f = String(t.getSeconds()).padStart(2, "0"), r = n + "-" + o + "-" + a;
+  return s >= 1 && (r += " " + i), s >= 2 && (r += ":" + l), s === 3 && (r += ":" + f), e && (r = L(r, s)), r;
+};
+function lo(t) {
+  return t.indexOf("T") === -1 && (t.length == 10 && (t += " 00:00:00"), t = t.replace(" ", "T") + p.state.gmt), new Date(t);
+}
+function Ae(t, e = !0, s = 0) {
+  let n;
+  t != null ? n = new Date(t) : n = /* @__PURE__ */ new Date();
+  const a = n.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), i = n.getDate().toString().padStart(2, "0"), l = n.getHours().toString().padStart(2, "0"), f = n.getMinutes().toString().padStart(2, "0"), r = n.getSeconds().toString().padStart(2, "0");
+  return n = a + "-" + o + "-" + i, s && (n += " "), s >= 1 && (n += l), s >= 2 && (n += ":" + f), s >= 3 && (n += ":" + r), e && (n = L(n, s)), n;
+}
+function po(t, e = !0) {
+  const n = (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60 * -1 * 60 * 60 * 1e3, a = 3 * 60 * 60 * 1e3;
+  let o;
+  t !== void 0 ? o = new Date(t) : o = /* @__PURE__ */ new Date(), o.setTime(o.getTime() - n + a);
+  let i = String(o.getFullYear()), l = String(o.getDate()).padStart(2, "0"), f = String(o.getMonth() + 1).padStart(2, "0"), r = String(o.getHours()).padStart(2, "0"), d = String(o.getMinutes()).padStart(2, "0"), c = String(o.getSeconds()).padStart(2, "0"), h = i + "-" + f + "-" + l + " " + r + ":" + d + ":" + c;
+  return e && (h = L(h)), h;
+}
+function L(t, e = 2, s, n = p.L.Not_date) {
+  if (typeof t == "string" && (!t || t.substring(0, 10) === "0000-00-00") && n && n !== "0000-00-00")
+    return n;
+  s || (s = p.state.dateFormat.toLowerCase().toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd"));
+  let a;
+  if (t instanceof Date)
+    a = t;
+  else {
+    let i = t.substring(0, 10);
+    if (i.length === 7 && (i += "-01"), i += " 00:00", i = i.replace(/-/g, "/"), a = new Date(i), isNaN(Number(a))) return n;
+  }
+  let o = "";
+  if (s && window.$ && (o = $.datepicker.formatDate(s, a)), e && typeof t == "string" && t.length > 10 || e && t instanceof Date) {
+    let i = "";
+    if (t instanceof Date)
+      i = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+        hour12: !1,
+        hour: "numeric",
+        minute: e >= 2 ? "numeric" : void 0,
+        second: e >= 3 ? "numeric" : void 0
+      });
+    else
+      switch (e) {
+        case 1:
+          i = t.substring(11, 13);
+          break;
+        case 2:
+          i = t.substring(11, 16);
+          break;
+        case 3:
+          i = t.substring(11, 19);
+          break;
+      }
+    o += " " + i;
+  }
+  return o = o.trim(), o;
+}
+function Z(t, e = p.L.Not_date) {
+  if (!t)
+    return e;
+  if (t.match(/\d\d\d\d-\d\d-\d\d/))
+    return t;
+  const s = p.state.dateFormat.toLowerCase(), n = t.split(/\W/), a = s.split(/\W/);
+  let o = "", i = "", l = "";
+  a.forEach((r, d) => {
+    switch (r) {
+      case "d":
+        o = n[d];
+        break;
+      case "m":
+        i = n[d];
+        break;
+      case "y":
+        l = n[d];
+        break;
+    }
+  });
+  let f = l + "-" + i + "-" + o;
+  return f.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + f), f = Ae((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), f;
+}
+const Oe = { class: "top-avatar" }, He = ["src", "title"], Ce = ["title"], Ie = /* @__PURE__ */ y({
+  __name: "avatar",
+  props: {
+    size: { default: 64 },
+    image: {},
+    nickname: {},
+    isOnline: { type: Boolean },
+    lastActiveTime: {},
+    i18n: { default: () => ({
+      Online: "Online",
+      LastSeen: "Last seen"
+    }) }
+  },
+  setup(t) {
+    oe((a) => ({
+      "5365dc30": a.size + "px"
+    }));
+    const e = t, s = b(() => {
+      var a, o;
+      if (e.isOnline)
+        return (a = e.i18n) == null ? void 0 : a.Online;
+      if (e.lastActiveTime)
+        return ((o = e.i18n) == null ? void 0 : o.LastSeen) + ": " + L(e.lastActiveTime, 2);
+    }), n = b(() => e.nickname ? e.nickname + (s.value ? `
+${s.value}` : "") : s.value);
+    return (a, o) => (u(), m("div", Oe, [
+      _("img", {
+        class: "top-avatar_image",
+        src: a.image,
+        title: n.value,
+        alt: ""
+      }, null, 8, He),
+      a.isOnline ? (u(), m("div", {
+        key: 0,
+        class: "top-avatar_status",
+        title: s.value
+      }, null, 8, Ce)) : g("", !0)
+    ]));
+  }
+}), Fe = {
+  "top-avatar": "top-avatar",
+  "top-avatar_image": "top-avatar_image",
+  "top-avatar_status": "top-avatar_status"
+}, v = (t, e) => {
+  const s = t.__vccOpts || t;
+  for (const [n, a] of e)
+    s[n] = a;
+  return s;
+}, Ue = {
+  $style: Fe
+}, uo = /* @__PURE__ */ v(Ie, [["__cssModules", Ue]]), Ye = {
+  key: 0,
+  class: "top-ellipsis"
+}, Xe = /* @__PURE__ */ y({
+  __name: "button",
+  props: {
+    color: { default: "blue" },
+    styling: { default: "" },
+    size: { default: "s" },
+    name: {},
+    title: {},
+    icon: {},
+    icon2: {},
+    href: {},
+    disabled: { type: Boolean },
+    isSubmit: { type: Boolean },
+    isActive: { type: Boolean },
+    isProgress: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, s = b(() => e.href ? "a" : "button"), n = b(() => e.isSubmit ? "submit" : void 0);
+    return (a, o) => (u(), M(le(s.value), {
+      class: w({
+        "top-active": a.isActive,
+        "top-disabled": a.disabled,
+        "top-forms-focusable": !a.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
+      }),
+      name: a.name,
+      title: a.title,
+      href: a.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
+    }, {
+      default: D(() => [
+        a.$slots.default ? (u(), m("span", Ye, [
+          k(a.$slots, "default", {}, () => [
+            de(W(a.icon ? "" : "Button"), 1)
+          ])
+        ])) : g("", !0),
+        k(a.$slots, "html")
+      ]),
+      _: 3
+    }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
+  }
+}), qe = "_progress_1hqxk_1", Ge = {
+  "top-button": "top-button",
+  "top-active": "top-active",
+  "top-button-progress": "top-button-progress",
+  progress: qe,
+  "top-button-withoutText": "top-button-withoutText",
+  "top-color_blue": "top-color_blue",
+  "top-color_green": "top-color_green",
+  "top-color_orange": "top-color_orange",
+  "top-color_red": "top-color_red",
+  "top-color_pink": "top-color_pink",
+  "top-color_theme": "top-color_theme",
+  "top-style_outline": "top-style_outline",
+  "top-style_soft": "top-style_soft",
+  "top-style_transparent": "top-style_transparent",
+  "top-size_l": "top-size_l",
+  "top-size_xl": "top-size_xl"
+}, Ke = {
+  $style: Ge
+}, co = /* @__PURE__ */ v(Xe, [["__cssModules", Ke]]), Qe = { class: "top-forms-optionLabel" }, Je = /* @__PURE__ */ y({
+  __name: "controlLabel",
+  props: {
+    description: {},
+    disabled: { type: Boolean }
+  },
+  setup(t) {
+    return (e, s) => (u(), m("div", Qe, [
+      _("div", {
+        class: w({
+          "top-forms-optionLabel_title": !0,
+          "top-forms-optionLabel_title-disabled": e.disabled
+        })
+      }, [
+        k(e.$slots, "default")
+      ], 2),
+      e.description ? (u(), m("div", {
+        key: 0,
+        class: w(["top-forms-optionLabel_description", { "top-forms-optionLabel_description-disabled": e.disabled }])
+      }, W(e.description), 3)) : g("", !0)
+    ]));
+  }
+}), Ze = {
+  "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"
+}, je = {
+  $style: Ze
+}, U = /* @__PURE__ */ v(Je, [["__cssModules", je]]), xe = ["name", "value", "indeterminate", "disabled"], et = /* @__PURE__ */ y({
+  __name: "checkbox",
+  props: /* @__PURE__ */ C({
+    modelValue: { type: [Boolean, Array, Set] },
+    name: {},
+    value: {},
+    description: {},
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean },
+    isError: { type: Boolean }
+  }, {
+    modelValue: { type: [Boolean, Array, Set] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = se(t, "modelValue");
+    return (s, n) => (u(), m("label", {
+      class: w({
+        "top-forms-optionWrapper": !0,
+        "top-checkbox": !0,
+        ["top-checkbox_" + s.name]: !!s.name,
+        "top-disabled": s.disabled,
+        "top-error": s.isError && !s.disabled
+      })
+    }, [
+      T(_("input", {
+        type: "checkbox",
+        class: w({
+          "top-forms-focusable": !s.disabled,
+          "top-forms-option": !0,
+          "top-checkbox_input": !0,
+          "top-error": s.isError && !s.disabled
+        }),
+        name: s.name,
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+        value: s.value,
+        indeterminate: s.indeterminate,
+        disabled: s.disabled
+      }, null, 10, xe), [
+        [ne, e.value]
+      ]),
+      s.$slots.default ? (u(), M(U, {
+        key: 0,
+        description: s.description,
+        disabled: s.disabled
+      }, {
+        default: D(() => [
+          k(s.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), tt = {
+  "top-checkbox": "top-checkbox",
+  "top-checkbox_input": "top-checkbox_input",
+  "top-error": "top-error"
+}, ot = {
+  $style: tt
+}, mo = /* @__PURE__ */ v(et, [["__cssModules", ot]]), st = ["title"], nt = /* @__PURE__ */ y({
+  __name: "hint",
+  props: {
+    hint: {}
+  },
+  setup(t) {
+    return (e, s) => (u(), m("span", {
+      class: "top-hint",
+      "data-top-icon": "",
+      title: e.hint
+    }, null, 8, st));
+  }
+}), at = {
+  "top-hint": "top-hint"
+}, it = {
+  $style: at
+}, rt = /* @__PURE__ */ v(nt, [["__cssModules", it]]), lt = ["modelValue"], dt = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+let j = (t) => {
+};
+const pt = /* @__PURE__ */ y({
+  __name: "inputDate",
+  props: {
+    modelValue: {},
+    name: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modificator: {},
+    size: {},
+    isError: { type: Boolean },
+    isLoading: { type: Boolean },
+    icon: {},
+    icon2: { default: "" },
+    addCleaner: { type: Boolean },
+    title: {},
+    captionType: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const s = t, n = e;
+    pe(() => {
+      o && o.datepicker("destroy");
+    });
+    const a = ue();
+    let o;
+    const i = b({
+      get() {
+        return L(s.modelValue, 2, void 0, "0000-00-00");
+      },
+      set(d) {
+        d = Z(d, "0000-00-00"), n("update:modelValue", d);
+      }
+    });
+    let l = (d) => {
+      j(d);
+    }, f = (d) => {
+      const c = Z(d.target.value), h = L(c);
+      if (!h || h === p.L.Not_date || d.target.value !== h) {
+        d.target.value = i.value;
+        return;
+      }
+      i.value = d.target.value;
+    };
+    async function r(d) {
+      const c = await import("./datepicker-DwZTG-k0.es.js");
+      j = c.oninput, o = c.connectDatepicker(d.target, {
+        onSelect: () => f(d)
+      }), o && o.datepicker("show");
+    }
+    return (d, c) => B(dt) ? (u(), M(B(x), A({ key: 0 }, d.$props, {
+      modelValue: i.value,
+      readonly: "",
+      onClick: c[1] || (c[1] = (h) => a.value.showPicker())
+    }), {
+      default: D(() => [
+        _("input", {
+          ref_key: "el",
+          ref: a,
+          type: "date",
+          class: "top-input_input-date",
+          modelValue: d.modelValue,
+          onChange: c[0] || (c[0] = (h) => i.value = h.target.value),
+          tabindex: "-1"
+        }, null, 40, lt)
+      ]),
+      _: 1
+    }, 16, ["modelValue"])) : (u(), M(B(x), A({ key: 1 }, d.$props, {
+      modelValue: i.value,
+      "onUpdate:modelValue": c[2] || (c[2] = (h) => h === "" ? i.value = "" : ""),
+      onInput: B(l),
+      onFocusOnce: r,
+      onChange: B(f),
+      modificator: "datepicker"
+    }), null, 16, ["modelValue", "onInput", "onChange"]));
+  }
+}), ut = {
+  "top-input-datepicker": "top-input-datepicker",
+  "top-input_input-date": "top-input_input-date"
+}, ct = {
+  $style: ut
+}, fo = /* @__PURE__ */ v(pt, [["__cssModules", ct]]), mt = { class: "top-inputRange" }, ft = /* @__PURE__ */ _("span", { class: "top-inputRange_dash" }, " — ", -1), ht = /* @__PURE__ */ y({
+  __name: "inputRange",
+  setup(t) {
+    return (e, s) => (u(), m("div", mt, [
+      k(e.$slots, "from"),
+      ft,
+      k(e.$slots, "to")
+    ]));
+  }
+}), bt = {
+  "top-inputRange": "top-inputRange",
+  "top-inputRange_dash": "top-inputRange_dash",
+  "top-input": "top-input"
+}, gt = {
+  $style: bt
+}, ho = /* @__PURE__ */ v(ht, [["__cssModules", gt]]), wt = ["name", "value", "disabled"], vt = /* @__PURE__ */ y({
+  __name: "radio",
+  props: {
+    modelValue: {},
+    value: {},
+    name: {},
+    description: {},
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const s = t, n = e, a = b({
+      get() {
+        return s.modelValue;
+      },
+      set(o) {
+        n("update:modelValue", o);
+      }
+    });
+    return (o, i) => (u(), m("label", {
+      class: w({
+        "top-forms-optionWrapper": !0,
+        "top-radio": !0,
+        ["top-radio_" + o.name]: o.name !== "",
+        "top-disabled": o.disabled,
+        "top-error": o.isError && !o.disabled
+      })
+    }, [
+      T(_("input", {
+        type: "radio",
+        class: w({
+          "top-forms-focusable": !o.disabled,
+          "top-forms-option": !0,
+          "top-radio_input": !0,
+          "top-error": o.isError && !o.disabled
+        }),
+        "onUpdate:modelValue": i[0] || (i[0] = (l) => a.value = l),
+        name: o.name,
+        value: o.value,
+        disabled: o.disabled
+      }, null, 10, wt), [
+        [ce, a.value]
+      ]),
+      o.$slots.default ? (u(), M(U, {
+        key: 0,
+        description: o.description,
+        disabled: o.disabled
+      }, {
+        default: D(() => [
+          k(o.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), yt = {
+  "top-radio": "top-radio",
+  "top-radio_input": "top-radio_input",
+  "top-error": "top-error"
+}, _t = {
+  $style: yt
+}, bo = /* @__PURE__ */ v(vt, [["__cssModules", _t]]), $t = ["name", "value", "disabled"], St = /* @__PURE__ */ y({
+  __name: "switcher",
+  props: {
+    modelValue: { type: [Boolean, Array, Set] },
+    name: {},
+    value: {},
+    description: {},
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const s = t, n = e, a = b({
+      get() {
+        return s.modelValue;
+      },
+      set(o) {
+        n("update:modelValue", o);
+      }
+    });
+    return (o, i) => (u(), m("label", {
+      class: w({
+        "top-forms-optionWrapper": !0,
+        "top-checkboxSwitcher": !0,
+        "top-disabled": o.disabled,
+        "top-error": o.isError && !o.disabled
+      })
+    }, [
+      T(_("input", {
+        type: "checkbox",
+        class: w({
+          "top-forms-focusable": !o.disabled,
+          "top-forms-option": !0,
+          "top-checkboxSwitcher_input": !0,
+          "top-error": o.isError && !o.disabled
+        }),
+        "onUpdate:modelValue": i[0] || (i[0] = (l) => a.value = l),
+        name: o.name,
+        value: o.value,
+        disabled: o.disabled
+      }, null, 10, $t), [
+        [ne, a.value]
+      ]),
+      o.$slots.default ? (u(), M(U, {
+        key: 0,
+        description: o.description,
+        disabled: o.disabled
+      }, {
+        default: D(() => [
+          k(o.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), kt = {
+  "top-checkboxSwitcher": "top-checkboxSwitcher",
+  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
+  "top-error": "top-error"
+}, Mt = {
+  $style: kt
+}, go = /* @__PURE__ */ v(St, [["__cssModules", Mt]]), Vt = ["name", "placeholder", "disabled", "readonly", "rows"], Wt = {
+  key: 0,
+  class: "top-textarea_pseudoContent"
+}, Tt = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "textarea",
+  props: {
+    modelValue: {},
+    name: {},
+    placeholder: {},
+    rows: { default: 5 },
+    minHeight: { default: 120 },
+    expandable: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    isError: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    oe((o) => ({
+      c35baa86: o.minHeight + "px"
+    }));
+    const s = t, n = e, a = b({
+      get() {
+        return s.modelValue;
+      },
+      set(o) {
+        n("update:modelValue", o);
+      }
+    });
+    return (o, i) => {
+      const l = me("top-tooltip");
+      return u(), m("label", {
+        class: w({
+          "top-textarea": !0,
+          ["top-textarea-" + o.name]: o.name,
+          "top-disabled": o.disabled
+        })
+      }, [
+        T(_("textarea", A({
+          type: "text",
+          class: {
+            "top-forms-focusable": !o.disabled,
+            "top-textarea_textarea": !0,
+            "top-textarea_textarea-expandable": o.expandable,
+            "top-error": o.isError
+          },
+          autocomplete: "off_always",
+          name: o.name,
+          placeholder: o.placeholder,
+          disabled: o.disabled,
+          readonly: o.readonly,
+          rows: o.expandable ? void 0 : o.rows
+        }, o.$attrs, {
+          "onUpdate:modelValue": i[0] || (i[0] = (f) => a.value = f)
+        }), null, 16, Vt), [
+          [ae, a.value]
+        ]),
+        o.expandable ? (u(), m("div", Wt, W(a.value + " "), 1)) : g("", !0),
+        o.hint ? T((u(), M(rt, {
+          key: 1,
+          class: "top-textarea_hint",
+          hint: o.hint
+        }, null, 8, ["hint"])), [
+          [l]
+        ]) : g("", !0)
+      ], 2);
+    };
+  }
+}), Bt = {
+  "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"
+}, Lt = {
+  $style: Bt
+}, wo = /* @__PURE__ */ v(Tt, [["__cssModules", Lt]]), Et = ["data-value", "data-top-icon", "data-top-icon2"], zt = ["name", "disabled"], Dt = ["label", "disabled"], Nt = ["value", "selected", "disabled"], Rt = ["value", "selected", "disabled"], Pt = {
+  key: 1,
+  class: "top-formsCaption"
+}, At = /* @__PURE__ */ y({
+  __name: "select",
+  props: /* @__PURE__ */ C({
+    modelValue: {},
+    options: {},
+    name: {},
+    disabled: { type: Boolean },
+    icon: {},
+    size: { default: "s" },
+    addChanger: { type: Boolean },
+    title: {},
+    isError: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["update:modelValue"], ["update:modelValue"]),
+  setup(t, { emit: e }) {
+    const s = t, n = se(t, "modelValue"), a = b(() => {
+      const r = /* @__PURE__ */ new Map();
+      return s.options.forEach((d, c) => {
+        if (typeof d == "string" && (d = i(c, d)), d.children) {
+          const h = /* @__PURE__ */ new Map();
+          d.children.forEach((S, N) => {
+            typeof S == "string" && (S = i(N, S)), h.set(S.value, S);
+          }), d = { ...d }, d.children = h, r.set(d.value, d);
+        } else
+          r.set(d.value, d);
+      }), r;
+    }), o = b(() => {
+      const r = /* @__PURE__ */ new Map();
+      return a.value.forEach((d) => {
+        if (!d.disabled) {
+          if (d.children) {
+            d.children.forEach((c) => {
+              c.disabled || r.set(c.value, c);
+            });
+            return;
+          }
+          r.set(d.value, d);
+        }
+      }), r;
+    }), i = (r, d) => ({
+      value: r,
+      title: d
+    });
+    fe([
+      () => s.modelValue,
+      o
+    ], () => {
+      (n.value === null || n.value === void 0) && o.value.size && (console.warn("Пожалуйста, не передавайте в компонент Select значения null и undefined"), n.value = o.value.keys().next().value);
+    }, { immediate: !0 });
+    const l = b(() => {
+      var r;
+      return (r = o.value.get(n.value)) == null ? void 0 : r.icon;
+    }), f = () => {
+      const r = [...o.value.keys()], c = (r.indexOf(n.value) + 1) % r.length;
+      n.value = r[c];
+    };
+    return (r, d) => (u(), m("label", {
+      class: w({
+        "top-select": !0,
+        ["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": r.icon,
+      "data-top-icon2": l.value
+    }, [
+      T(_("select", {
+        class: w({
+          "top-forms-focusable": !r.disabled,
+          "top-select_select": !0,
+          "top-select_arrow": !0,
+          "top-error": r.isError
+        }),
+        name: r.name,
+        disabled: r.disabled,
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => n.value = c)
+      }, [
+        (u(!0), m(O, null, X(a.value, ([c, h]) => (u(), m(O, null, [
+          h.children ? (u(), m("optgroup", {
+            key: "group_" + c,
+            label: h.title,
+            disabled: h.disabled
+          }, [
+            (u(!0), m(O, null, X(h.children, ([S, N]) => (u(), m("option", {
+              key: S,
+              value: S,
+              selected: S === n.value,
+              disabled: N.disabled
+            }, W(N.title), 9, Nt))), 128))
+          ], 8, Dt)) : (u(), m("option", {
+            key: c ?? void 0,
+            value: c,
+            selected: c === n.value,
+            disabled: h.disabled
+          }, W(h.title), 9, Rt))
+        ], 64))), 256))
+      ], 10, zt), [
+        [he, n.value]
+      ]),
+      r.addChanger && o.value.size && !r.disabled ? (u(), m("span", {
+        key: 0,
+        class: "top-changer",
+        onClick: f
+      })) : g("", !0),
+      r.title ? (u(), m("span", Pt, W(r.title), 1)) : g("", !0)
+    ], 10, Et));
+  }
+}), Ot = {
+  "top-select": "top-select",
+  "top-select-error": "top-select-error",
+  "top-select_select": "top-select_select",
+  "top-changer": "top-changer"
+}, Ht = {
+  $style: Ot
+}, vo = /* @__PURE__ */ v(At, [["__cssModules", Ht]]), Ct = {
+  "top-loadbar": "top-loadbar"
+}, It = {}, Ft = { class: "top-loadbar" };
+function Ut(t, e) {
+  return u(), m("div", Ft);
+}
+const Yt = {
+  $style: Ct
+}, Xt = /* @__PURE__ */ v(It, [["render", Ut], ["__cssModules", Yt]]), qt = ["data-top-icon", "data-top-icon2"], Gt = ["name", "title", "placeholder", "disabled", "readonly"], Kt = {
+  key: 2,
+  class: "top-formsCaption"
+}, Qt = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "input",
+  props: {
+    modelValue: {},
+    name: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modificator: {},
+    size: { default: "s" },
+    isError: { type: Boolean },
+    isLoading: { type: Boolean },
+    icon: {},
+    icon2: {},
+    addCleaner: { type: Boolean },
+    title: {},
+    captionType: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const s = t, n = e, a = b({
+      get() {
+        return s.modelValue;
+      },
+      set(l) {
+        n("update:modelValue", l);
+      }
+    }), o = b(() => s.addCleaner && !s.title || s.captionType !== "" ? "" : s.title), i = (l) => {
+      s.modelValue && l.stopPropagation(), n("update:modelValue", "");
+    };
+    return (l, f) => (u(), m("label", {
+      class: w({
+        "top-input": !0,
+        ["top-size_" + l.size]: !0,
+        "top-disabled": l.disabled,
+        ["top-input-" + l.modificator]: !!l.modificator,
+        "top-input-withCleaner": l.addCleaner && a.value && a.value !== "0000-00-00",
+        "top-formsCaptionWrapper": l.captionType !== "",
+        "top-formsCaptionWrapper-always": l.captionType === "top"
+      }),
+      "data-top-icon": l.icon,
+      "data-top-icon2": l.icon2
+    }, [
+      l.isLoading ? (u(), M(B(Xt), { key: 0 })) : g("", !0),
+      T(_("input", A({
+        type: "text",
+        class: {
+          "top-input_input": !0,
+          ["top-input_input-" + l.modificator]: !!l.modificator,
+          "top-forms-focusable": !l.disabled,
+          "top-error": l.isError
+        },
+        autocomplete: "off_always",
+        name: l.name,
+        "onUpdate:modelValue": f[0] || (f[0] = (r) => a.value = r),
+        title: l.title,
+        placeholder: o.value,
+        disabled: l.disabled,
+        readonly: l.readonly,
+        onKeydown: f[1] || (f[1] = be((r) => (l.addCleaner || !!l.$slots.btn) && i(r), ["esc"]))
+      }, l.$attrs), null, 16, Gt), [
+        [ae, a.value]
+      ]),
+      l.addCleaner && a.value && a.value !== "0000-00-00" ? (u(), m("span", {
+        key: 1,
+        class: "top-input_cleaner",
+        "data-top-icon": "",
+        onClick: ge(i, ["prevent"])
+      })) : g("", !0),
+      l.captionType !== "" ? (u(), m("span", Kt, W(l.title), 1)) : g("", !0),
+      k(l.$slots, "default")
+    ], 10, qt));
+  }
+}), Jt = {
+  "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"
+}, Zt = {
+  $style: Jt
+}, x = /* @__PURE__ */ v(Qt, [["__cssModules", Zt]]);
+export {
+  co as B,
+  p as C,
+  We as E,
+  rt as H,
+  x as I,
+  Xt as L,
+  wo as T,
+  J as _,
+  v as a,
+  we as b,
+  ve as c,
+  L as d,
+  ye as e,
+  _e as f,
+  to as g,
+  oo as h,
+  eo as i,
+  so as j,
+  no as k,
+  ao as l,
+  io as m,
+  ro as n,
+  Ae as o,
+  po as p,
+  Z as q,
+  uo as r,
+  lo as s,
+  mo as t,
+  U as u,
+  fo as v,
+  ho as w,
+  bo as x,
+  go as y,
+  vo as z
+};
+//# sourceMappingURL=forms-1ZAO_mt8.es.js.map