@topvisor/ui 0.9.32 → 0.9.33-dev

package/.chunks/forms-S36M7cBH.es.js

@@ -1,1170 +0,0 @@
-import { insertToPage as ae } from "../utils/css.js";
-import { reactive as Y, defineComponent as y, useCssVars as te, computed as h, openBlock as u, createElementBlock as m, createElementVNode as _, createCommentVNode as g, createBlock as M, resolveDynamicComponent as re, normalizeClass as w, withCtx as D, renderSlot as k, createTextVNode as le, toDisplayString as W, mergeModels as H, useModel as oe, withDirectives as T, vModelCheckbox as se, onUnmounted as de, ref as pe, unref as B, mergeProps as A, vModelRadio as ue, resolveDirective as ce, vModelText as ne, watch as me, Fragment as O, renderList as X, vModelSelect as fe, withKeys as be, withModifiers as he } from "vue";
-const ie = ["../assets/forms.css"].map((t) => import.meta.resolve(t));
-ae(ie, !0);
-function ge() {
-  return "devicePixelRatio" in window && window.devicePixelRatio > 1;
-}
-function we() {
-  return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
-}
-function ve() {
-  return navigator.userAgent.indexOf("Topvisor_App") != -1;
-}
-function ye() {
-  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 ye() ? "⌘" : "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 $e {
-}
-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 x;
-const Te = {
-  widthForMobile: 900,
-  dateFormat: "Y-m-d",
-  /**
-   * Для Москвы: +0300
-   */
-  gmt: (x = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : x[1]
-};
-var ee;
-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: (ee = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : ee[1]
-}, C = (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 = C(t)) == null || n.tooltip(K(e, s));
-  },
-  updated(t, e, s, n) {
-    var i;
-    const a = K(e, s), o = (i = C(t)) == null ? void 0 : i.tooltip("instance");
-    o && (o.options = {
-      ...o.options,
-      ...a
-    });
-  },
-  unmounted(t, e, s) {
-    var n;
-    (n = C(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, q = Pe();
-class p {
-  /**
-   * Настройки словаря
-   */
-  static L = Y({
-    Not_date: "Not date"
-  });
-  static page = q.page ?? {};
-  static Page = $e;
-  static options = Te;
-  static state = Y({ ...Be });
-  static matchMediaIsMobile;
-  static $ = q.$;
-  /**
-   * Добавить на страницу стили, используется для загрузки стилей из 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 = we(), p.state.isRetina = ge(), p.state.isApp = ve(), p.state.dateFormat = this.options.dateFormat, p.state.gmt = this.options.gmt, 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"), b = i + "-" + f + "-" + l + " " + r + ":" + d + ":" + c;
-  return e && (b = L(b)), b;
-}
-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" || !t) 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 J(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" }, Ce = ["src", "title"], He = ["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) {
-    te((a) => ({
-      "15bd2dfc": a.size + "px"
-    }));
-    const e = t, s = h(() => {
-      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 = h(() => 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, Ce),
-      a.isOnline ? (u(), m("div", {
-        key: 0,
-        class: "top-avatar_status",
-        title: s.value
-      }, null, 8, He)) : 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 = h(() => e.href ? "a" : "button"), n = h(() => e.isSubmit ? "submit" : void 0);
-    return (a, o) => (u(), M(re(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", {}, () => [
-            le(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"]));
-  }
-}), Ge = "_progress_1f1nw_1", Ke = {
-  "top-button": "top-button",
-  "top-active": "top-active",
-  "top-button-progress": "top-button-progress",
-  progress: Ge,
-  "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"
-}, Qe = {
-  $style: Ke
-}, co = /* @__PURE__ */ v(Xe, [["__cssModules", Qe]]), 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__ */ H({
-    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 = oe(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), [
-        [se, 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 Z = (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;
-    de(() => {
-      o && o.datepicker("destroy");
-    });
-    const a = pe();
-    let o;
-    const i = h({
-      get() {
-        return L(s.modelValue, 2, void 0, "0000-00-00");
-      },
-      set(d) {
-        d = J(d, "0000-00-00"), n("update:modelValue", d);
-      }
-    });
-    let l = (d) => {
-      Z(d);
-    }, f = (d) => {
-      const c = J(d.target.value), b = L(c);
-      if (!b || b === p.L.Not_date || d.target.value !== b) {
-        d.target.value = i.value;
-        return;
-      }
-      i.value = d.target.value;
-    };
-    async function r(d) {
-      const c = await import("./datepicker-D1JLNEmV.es.js");
-      Z = c.oninput, o = c.connectDatepicker(d.target, {
-        onSelect: () => f(d)
-      }), o && o.datepicker("show");
-    }
-    return (d, c) => B(dt) ? (u(), M(B(j), A({ key: 0 }, d.$props, {
-      modelValue: i.value,
-      readonly: "",
-      onClick: c[1] || (c[1] = (b) => 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] = (b) => i.value = b.target.value),
-          tabindex: "-1"
-        }, null, 40, lt)
-      ]),
-      _: 1
-    }, 16, ["modelValue"])) : (u(), M(B(j), A({ key: 1 }, d.$props, {
-      modelValue: i.value,
-      "onUpdate:modelValue": c[2] || (c[2] = (b) => b === "" ? 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), bt = /* @__PURE__ */ y({
-  __name: "inputRange",
-  setup(t) {
-    return (e, s) => (u(), m("div", mt, [
-      k(e.$slots, "from"),
-      ft,
-      k(e.$slots, "to")
-    ]));
-  }
-}), ht = {
-  "top-inputRange": "top-inputRange",
-  "top-inputRange_dash": "top-inputRange_dash",
-  "top-input": "top-input"
-}, gt = {
-  $style: ht
-}, bo = /* @__PURE__ */ v(bt, [["__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 = h({
-      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), [
-        [ue, 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
-}, ho = /* @__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 = h({
-      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), [
-        [se, 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 }) {
-    te((o) => ({
-      "6e3fbb58": o.minHeight + "px"
-    }));
-    const s = t, n = e, a = h({
-      get() {
-        return s.modelValue;
-      },
-      set(o) {
-        n("update:modelValue", o);
-      }
-    });
-    return (o, i) => {
-      const l = ce("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), [
-          [ne, 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__ */ H({
-    modelValue: {},
-    options: {},
-    name: {},
-    disabled: { type: Boolean },
-    icon: {},
-    size: { default: "s" },
-    addChanger: { type: Boolean },
-    title: {},
-    isError: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ H(["update:modelValue"], ["update:modelValue"]),
-  setup(t, { emit: e }) {
-    const s = t, n = oe(t, "modelValue"), a = h(() => {
-      const r = /* @__PURE__ */ new Map();
-      return s.options.forEach((d, c) => {
-        if (typeof d == "string" && (d = i(c, d)), d.children) {
-          const b = /* @__PURE__ */ new Map();
-          d.children.forEach((S, N) => {
-            typeof S == "string" && (S = i(N, S)), b.set(S.value, S);
-          }), d = { ...d }, d.children = b, r.set(d.value, d);
-        } else
-          r.set(d.value, d);
-      }), r;
-    }), o = h(() => {
-      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
-    });
-    me([
-      () => 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 = h(() => {
-      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, b]) => (u(), m(O, null, [
-          b.children ? (u(), m("optgroup", {
-            key: "group_" + c,
-            label: b.title,
-            disabled: b.disabled
-          }, [
-            (u(!0), m(O, null, X(b.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: b.disabled
-          }, W(b.title), 9, Rt))
-        ], 64))), 256))
-      ], 10, zt), [
-        [fe, 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"
-}, Ct = {
-  $style: Ot
-}, vo = /* @__PURE__ */ v(At, [["__cssModules", Ct]]), Ht = {
-  "top-loadbar": "top-loadbar"
-}, It = {}, Ft = { class: "top-loadbar" };
-function Ut(t, e) {
-  return u(), m("div", Ft);
-}
-const Yt = {
-  $style: Ht
-}, Xt = /* @__PURE__ */ v(It, [["render", Ut], ["__cssModules", Yt]]), Gt = ["data-top-icon", "data-top-icon2"], Kt = ["name", "title", "placeholder", "disabled", "readonly"], Qt = {
-  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 = h({
-      get() {
-        return s.modelValue;
-      },
-      set(l) {
-        n("update:modelValue", l);
-      }
-    }), o = h(() => 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, Kt), [
-        [ne, a.value]
-      ]),
-      l.addCleaner && a.value && a.value !== "0000-00-00" ? (u(), m("span", {
-        key: 1,
-        class: "top-input_cleaner",
-        "data-top-icon": "",
-        onClick: he(i, ["prevent"])
-      })) : g("", !0),
-      l.captionType !== "" ? (u(), m("span", Qt, W(l.title), 1)) : g("", !0),
-      k(l.$slots, "default")
-    ], 10, Gt));
-  }
-}), 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
-}, j = /* @__PURE__ */ v(qt, [["__cssModules", Zt]]);
-export {
-  co as B,
-  p as C,
-  We as E,
-  rt as H,
-  j as I,
-  Xt as L,
-  wo as T,
-  q as _,
-  v as a,
-  ge as b,
-  we as c,
-  L as d,
-  ve as e,
-  ye 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,
-  J as q,
-  uo as r,
-  lo as s,
-  mo as t,
-  U as u,
-  fo as v,
-  bo as w,
-  ho as x,
-  go as y,
-  vo as z
-};
-//# sourceMappingURL=forms-S36M7cBH.es.js.map