@topvisor/ui 0.9.34-utils-components-4 → 0.9.34-utils-components-5

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

@@ -0,0 +1,1089 @@
+import { insertToPage as x } from "../utils/css.js";
+import { reactive as I, defineComponent as v, useCssVars as q, computed as h, openBlock as p, createElementBlock as m, createElementVNode as S, createCommentVNode as g, createBlock as M, resolveDynamicComponent as te, normalizeClass as w, withCtx as L, renderSlot as k, createTextVNode as oe, toDisplayString as V, mergeModels as C, useModel as G, withDirectives as W, vModelCheckbox as Q, mergeProps as E, withKeys as se, vModelText as J, withModifiers as ae, onUnmounted as ne, ref as ie, unref as N, vModelRadio as re, resolveDirective as le, watch as de, Fragment as P, renderList as F, vModelSelect as pe } from "vue";
+const ee = ["../assets/forms.css"].map((t) => import.meta.resolve(t));
+x(ee, !0);
+function ue() {
+  return "devicePixelRatio" in window && window.devicePixelRatio > 1;
+}
+function ce() {
+  return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
+}
+function me() {
+  return navigator.userAgent.indexOf("Topvisor_App") != -1;
+}
+function fe() {
+  return navigator.userAgent.indexOf("Mac OS X") !== -1;
+}
+function Gt() {
+  const t = /Chrome|Android/.test(navigator.userAgent);
+  let o = /Safari/.test(navigator.userAgent);
+  return t && o && (o = !1), o;
+}
+function Qt() {
+  return fe() ? "⌘" : "Ctrl";
+}
+const Jt = () => $(document).scrollTop(), Zt = () => $(document), jt = () => [document], be = () => {
+  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 o = "";
+  for (let s = 0; s < t.length; s++)
+    if (t[s][1].test(navigator.userAgent)) {
+      o = t[s][0];
+      break;
+    }
+  return o;
+}, xt = async () => {
+  var o;
+  let t = be();
+  if (t === "Windows 10") {
+    const s = await ((o = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : o.getHighEntropyValues(["platformVersion"]));
+    s && s.platformVersion >= "13" && (t = "Windows 11");
+  }
+  return t;
+}, he = 100;
+let U;
+const H = /* @__PURE__ */ new Map(), D = {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function ge(t) {
+  H.set(t, t);
+}
+function we(t) {
+  H.delete(t);
+}
+function ye(t) {
+  clearTimeout(U), U = setTimeout(function() {
+    t.topEvent = {
+      widthDiff: D.width - window.innerWidth,
+      hightDiff: D.height - window.innerHeight
+    }, D.width = window.innerWidth, D.height = window.innerHeight, H.forEach((o) => o(t));
+  }, he);
+}
+window.addEventListener("resize", ye);
+const ve = {
+  addOnReize: ge,
+  removeOnResize: we
+};
+var K;
+const R = {
+  /**
+   * Базовая ширина страницы для отображения ПК / Мобильной версии сайта
+   */
+  widthForMobile: 900,
+  /**
+   * Формат даты, который будет испоьзоваться по умолчанию для вывода даты, как правило, завсит от текущего пользователя
+   */
+  dateFormat: "Y-m-d",
+  /**
+   * Валюта, которая будет испоьзоваться по умолчанию, как правило, завсит от текущего пользователя
+   */
+  currency: "USD",
+  /**
+   * Для Москвы: +0300
+   */
+  gmt: (K = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : K[1]
+}, Se = {
+  dateFormat: R.dateFormat,
+  currency: R.currency,
+  gmt: R.gmt,
+  /**
+   * 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,
+  /**
+   * true, если страница скрыта
+   */
+  isHidden: !1
+}, $e = () => typeof window > "u" ? {} : window, _e = $e();
+class u {
+  /**
+   * Настройки словаря
+   *
+   * @deprecated - используйте useI18n() и $i18n;
+   */
+  static L = I({
+    Not_date: "Not date"
+  });
+  static state = I({ ...Se });
+  static widthForMobile = 900;
+  static matchMediaIsMobile;
+  static $ = _e.$;
+  /**
+   * Добавить на страницу стили, используется для загрузки стилей из js
+   *
+   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
+   * @param style - css стили в строке
+   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile
+   */
+  static appendStyle(o, s = "") {
+    let n = "all";
+    s === "m" && (n = "(max-width: " + this.widthForMobile + "px)"), s === "pc" && (n = "(min-width: " + this.widthForMobile + "px)");
+    const a = document.createElement("style");
+    a.innerHTML = o, a.media = n, document.head.append(a);
+  }
+  /**
+   * Установить конфигурацию UI
+   */
+  static setOptions(o) {
+    u.widthForMobile = o.widthForMobile, u.state.dateFormat = o.dateFormat, u.state.currency = o.currency, o != null && o.gmt && (u.state.gmt = o.gmt), u.setState();
+  }
+  static setState() {
+    u.matchMediaIsMobile = window.matchMedia(`(max-width: ${u.widthForMobile}px)`), u.state.isMobileUA = ce(), u.state.isRetina = ue(), u.state.isApp = me(), u.state.isHidden = this.isHidden(), u.setStateByWindowSize(), ve.addOnReize(u.onResize), u.onResize(), u.saveToCookie();
+  }
+  static onResize() {
+    u.setStateByWindowSize(), document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
+  }
+  static setStateByWindowSize() {
+    var o;
+    u.state.isMobile = !!((o = u.matchMediaIsMobile) != null && o.matches), u.state.isLandscape = window.innerWidth > window.innerHeight, u.state.isPortrait = !u.state.isLandscape, u.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight, u.saveToCookie();
+  }
+  /**
+   * Сохранить информацию об устройстве в cookie
+   */
+  static saveToCookie() {
+    const o = [
+      1,
+      window.innerWidth,
+      window.innerHeight,
+      window.devicePixelRatio,
+      Number(u.state.isMobile),
+      Number(u.state.isRetina)
+    ];
+    document.cookie = "device=" + o.join(",") + "; path=/;";
+  }
+  /**
+   * Проверить скрыта страница или нет
+   */
+  static isHidden = () => document.hidden;
+}
+const T = window.L ?? {}, eo = (t, o, s) => {
+  switch (new Date(t, o, s).getDay()) {
+    case 0:
+      return T.Vs + ".";
+    case 1:
+      return T.Pn + ".";
+    case 2:
+      return T.Vt + ".";
+    case 3:
+      return T.Sr + ".";
+    case 4:
+      return T.Ct + ".";
+    case 5:
+      return T.Pt + ".";
+    case 6:
+      return T.Sb + ".";
+    default:
+      return "";
+  }
+}, to = (t, o = !0, s = 2) => {
+  let n = String(t.getFullYear()), a = String(t.getDate()).padStart(2, "0"), e = String(t.getMonth() + 1).padStart(2, "0"), d = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), f = String(t.getSeconds()).padStart(2, "0"), i = n + "-" + e + "-" + a;
+  return s >= 1 && (i += " " + d), s >= 2 && (i += ":" + r), s === 3 && (i += ":" + f), o && (i = B(i, s)), i;
+};
+function oo(t) {
+  return t.indexOf("T") === -1 && (t.length == 10 && (t += " 00:00:00"), t = t.replace(" ", "T") + u.state.gmt), new Date(t);
+}
+function ke(t, o = !0, s = 0) {
+  let n;
+  t != null ? n = new Date(t) : n = /* @__PURE__ */ new Date();
+  const a = n.getFullYear(), e = String(n.getMonth() + 1).padStart(2, "0"), d = n.getDate().toString().padStart(2, "0"), r = n.getHours().toString().padStart(2, "0"), f = n.getMinutes().toString().padStart(2, "0"), i = n.getSeconds().toString().padStart(2, "0");
+  return n = a + "-" + e + "-" + d, s && (n += " "), s >= 1 && (n += r), s >= 2 && (n += ":" + f), s >= 3 && (n += ":" + i), o && (n = B(n, s)), n;
+}
+function so(t, o = !0) {
+  const n = (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60 * -1 * 60 * 60 * 1e3, a = 3 * 60 * 60 * 1e3;
+  let e;
+  t !== void 0 ? e = new Date(t) : e = /* @__PURE__ */ new Date(), e.setTime(e.getTime() - n + a);
+  let d = String(e.getFullYear()), r = String(e.getDate()).padStart(2, "0"), f = String(e.getMonth() + 1).padStart(2, "0"), i = String(e.getHours()).padStart(2, "0"), l = String(e.getMinutes()).padStart(2, "0"), c = String(e.getSeconds()).padStart(2, "0"), b = d + "-" + f + "-" + r + " " + i + ":" + l + ":" + c;
+  return o && (b = B(b)), b;
+}
+function B(t, o = 2, s, n = u.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 = u.state.dateFormat), s = s.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd");
+  let a;
+  if (t instanceof Date)
+    a = t;
+  else {
+    let d = t.substring(0, 10);
+    if (d.length === 7 && (d += "-01"), d += " 00:00", d = d.replace(/-/g, "/"), a = new Date(d), isNaN(Number(a))) return n;
+  }
+  let e = "";
+  if (s && window.$ && (e = $.datepicker.formatDate(s, a)), o && typeof t == "string" && t.length > 10 || o && t instanceof Date) {
+    let d = "";
+    if (t instanceof Date)
+      d = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+        hour12: !1,
+        hour: "numeric",
+        minute: o >= 2 ? "numeric" : void 0,
+        second: o >= 3 ? "numeric" : void 0
+      });
+    else
+      switch (o) {
+        case 1:
+          d = t.substring(11, 13);
+          break;
+        case 2:
+          d = t.substring(11, 16);
+          break;
+        case 3:
+          d = t.substring(11, 19);
+          break;
+      }
+    e += " " + d;
+  }
+  return e = e.trim(), e;
+}
+function X(t, o = u.L.Not_date) {
+  if (!t)
+    return o;
+  if (t.match(/\d\d\d\d-\d\d-\d\d/))
+    return t;
+  const s = u.state.dateFormat.toLowerCase(), n = t.split(/\W/), a = s.split(/\W/);
+  let e = "", d = "", r = "";
+  a.forEach((i, l) => {
+    switch (i) {
+      case "d":
+        e = n[l];
+        break;
+      case "m":
+        d = n[l];
+        break;
+      case "y":
+        r = n[l];
+        break;
+    }
+  });
+  let f = r + "-" + d + "-" + e;
+  return f.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + f), f = ke((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), f;
+}
+const Me = { class: "top-avatar" }, Te = ["src", "title"], Ve = ["title"], We = /* @__PURE__ */ v({
+  __name: "avatar",
+  props: {
+    size: { default: 64 },
+    image: {},
+    nickname: {},
+    isOnline: { type: Boolean },
+    lastActiveTime: {},
+    i18n: { default: () => ({
+      Online: "Online",
+      LastSeen: "Last seen"
+    }) }
+  },
+  setup(t) {
+    q((a) => ({
+      "15bd2dfc": a.size + "px"
+    }));
+    const o = t, s = h(() => {
+      var a, e;
+      if (o.isOnline)
+        return (a = o.i18n) == null ? void 0 : a.Online;
+      if (o.lastActiveTime)
+        return ((e = o.i18n) == null ? void 0 : e.LastSeen) + ": " + B(o.lastActiveTime, 2);
+    }), n = h(() => o.nickname ? o.nickname + (s.value ? `
+${s.value}` : "") : s.value);
+    return (a, e) => (p(), m("div", Me, [
+      S("img", {
+        class: "top-avatar_image",
+        src: a.image,
+        title: n.value,
+        alt: ""
+      }, null, 8, Te),
+      a.isOnline ? (p(), m("div", {
+        key: 0,
+        class: "top-avatar_status",
+        title: s.value
+      }, null, 8, Ve)) : g("", !0)
+    ]));
+  }
+}), Be = {
+  "top-avatar": "top-avatar",
+  "top-avatar_image": "top-avatar_image",
+  "top-avatar_status": "top-avatar_status"
+}, y = (t, o) => {
+  const s = t.__vccOpts || t;
+  for (const [n, a] of o)
+    s[n] = a;
+  return s;
+}, Le = {
+  $style: Be
+}, ze = /* @__PURE__ */ y(We, [["__cssModules", Le]]), De = {
+  key: 0,
+  class: "top-ellipsis"
+}, Ee = /* @__PURE__ */ v({
+  __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 o = t, s = h(() => o.href ? "a" : "button"), n = h(() => o.isSubmit ? "submit" : void 0);
+    return (a, e) => (p(), M(te(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: L(() => [
+        a.$slots.default ? (p(), m("span", De, [
+          k(a.$slots, "default", {}, () => [
+            oe(V(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"]));
+  }
+}), Ae = "_progress_1f1nw_1", Ne = {
+  "top-button": "top-button",
+  "top-active": "top-active",
+  "top-button-progress": "top-button-progress",
+  progress: Ae,
+  "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"
+}, Pe = {
+  $style: Ne
+}, Re = /* @__PURE__ */ y(Ee, [["__cssModules", Pe]]), Ce = { class: "top-forms-optionLabel" }, Oe = /* @__PURE__ */ v({
+  __name: "controlLabel",
+  props: {
+    description: {},
+    disabled: { type: Boolean }
+  },
+  setup(t) {
+    return (o, s) => (p(), m("div", Ce, [
+      S("div", {
+        class: w({
+          "top-forms-optionLabel_title": !0,
+          "top-forms-optionLabel_title-disabled": o.disabled
+        })
+      }, [
+        k(o.$slots, "default")
+      ], 2),
+      o.description ? (p(), m("div", {
+        key: 0,
+        class: w(["top-forms-optionLabel_description", { "top-forms-optionLabel_description-disabled": o.disabled }])
+      }, V(o.description), 3)) : g("", !0)
+    ]));
+  }
+}), He = {
+  "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"
+}, Ie = {
+  $style: He
+}, A = /* @__PURE__ */ y(Oe, [["__cssModules", Ie]]), Fe = ["name", "value", "indeterminate", "disabled"], Ue = /* @__PURE__ */ v({
+  __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 o = G(t, "modelValue");
+    return (s, n) => (p(), 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
+      })
+    }, [
+      W(S("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) => o.value = a),
+        value: s.value,
+        indeterminate: s.indeterminate,
+        disabled: s.disabled
+      }, null, 10, Fe), [
+        [Q, o.value]
+      ]),
+      s.$slots.default ? (p(), M(A, {
+        key: 0,
+        description: s.description,
+        disabled: s.disabled
+      }, {
+        default: L(() => [
+          k(s.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), Xe = {
+  "top-checkbox": "top-checkbox",
+  "top-checkbox_input": "top-checkbox_input",
+  "top-error": "top-error"
+}, Ye = {
+  $style: Xe
+}, Ke = /* @__PURE__ */ y(Ue, [["__cssModules", Ye]]), qe = ["title"], Ge = /* @__PURE__ */ v({
+  __name: "hint",
+  props: {
+    hint: {}
+  },
+  setup(t) {
+    return (o, s) => (p(), m("span", {
+      class: "top-hint",
+      "data-top-icon": "",
+      title: o.hint
+    }, null, 8, qe));
+  }
+}), Qe = {
+  "top-hint": "top-hint"
+}, Je = {
+  $style: Qe
+}, Z = /* @__PURE__ */ y(Ge, [["__cssModules", Je]]), Ze = {
+  "top-loadbar": "top-loadbar"
+}, je = {}, xe = { class: "top-loadbar" };
+function et(t, o) {
+  return p(), m("div", xe);
+}
+const tt = {
+  $style: Ze
+}, j = /* @__PURE__ */ y(je, [["render", et], ["__cssModules", tt]]), ot = ["data-top-icon", "data-top-icon2"], st = ["name", "title", "placeholder", "disabled", "readonly"], at = {
+  key: 2,
+  class: "top-formsCaption"
+}, nt = /* @__PURE__ */ v({
+  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: o }) {
+    const s = t, n = o, a = h({
+      get() {
+        return s.modelValue;
+      },
+      set(r) {
+        n("update:modelValue", r);
+      }
+    }), e = h(() => s.addCleaner && !s.title || s.captionType !== "" ? "" : s.title), d = (r) => {
+      s.modelValue && r.stopPropagation(), n("update:modelValue", "");
+    };
+    return (r, f) => (p(), m("label", {
+      class: w({
+        "top-input": !0,
+        ["top-size_" + r.size]: !0,
+        "top-disabled": r.disabled,
+        ["top-input-" + r.modificator]: !!r.modificator,
+        "top-input-withCleaner": r.addCleaner && a.value && a.value !== "0000-00-00",
+        "top-formsCaptionWrapper": r.captionType !== "",
+        "top-formsCaptionWrapper-always": r.captionType === "top"
+      }),
+      "data-top-icon": r.icon,
+      "data-top-icon2": r.icon2
+    }, [
+      r.isLoading ? (p(), M(j, { key: 0 })) : g("", !0),
+      W(S("input", E({
+        type: "text",
+        class: {
+          "top-input_input": !0,
+          ["top-input_input-" + r.modificator]: !!r.modificator,
+          "top-forms-focusable": !r.disabled,
+          "top-error": r.isError
+        },
+        autocomplete: "off_always",
+        name: r.name,
+        "onUpdate:modelValue": f[0] || (f[0] = (i) => a.value = i),
+        title: r.title,
+        placeholder: e.value,
+        disabled: r.disabled,
+        readonly: r.readonly,
+        onKeydown: f[1] || (f[1] = se((i) => (r.addCleaner || !!r.$slots.btn) && d(i), ["esc"]))
+      }, r.$attrs), null, 16, st), [
+        [J, a.value]
+      ]),
+      r.addCleaner && a.value && a.value !== "0000-00-00" ? (p(), m("span", {
+        key: 1,
+        class: "top-input_cleaner",
+        "data-top-icon": "",
+        onClick: ae(d, ["prevent"])
+      })) : g("", !0),
+      r.captionType !== "" ? (p(), m("span", at, V(r.title), 1)) : g("", !0),
+      k(r.$slots, "default")
+    ], 10, ot));
+  }
+}), it = {
+  "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"
+}, rt = {
+  $style: it
+}, O = /* @__PURE__ */ y(nt, [["__cssModules", rt]]), lt = ["modelValue"], dt = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+let Y = (t) => {
+};
+const pt = /* @__PURE__ */ v({
+  __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: o }) {
+    const s = t, n = o;
+    ne(() => {
+      e && e.datepicker("destroy");
+    });
+    const a = ie();
+    let e;
+    const d = h({
+      get() {
+        return B(s.modelValue, 2, void 0, "0000-00-00");
+      },
+      set(l) {
+        l = X(l, "0000-00-00"), n("update:modelValue", l);
+      }
+    });
+    let r = (l) => {
+      Y(l);
+    }, f = (l) => {
+      const c = X(l.target.value), b = B(c);
+      if (!b || b === u.L.Not_date || l.target.value !== b) {
+        l.target.value = d.value;
+        return;
+      }
+      d.value = l.target.value;
+    };
+    async function i(l) {
+      const c = await import("./datepicker-Bh_DAFqD.es.js");
+      Y = c.oninput, e = c.connectDatepicker(l.target, {
+        onSelect: () => f(l)
+      }), e && e.datepicker("show");
+    }
+    return (l, c) => N(dt) ? (p(), M(O, E({ key: 0 }, l.$props, {
+      modelValue: d.value,
+      readonly: "",
+      onClick: c[1] || (c[1] = (b) => a.value.showPicker())
+    }), {
+      default: L(() => [
+        S("input", {
+          ref_key: "el",
+          ref: a,
+          type: "date",
+          class: "top-input_input-date",
+          modelValue: l.modelValue,
+          onChange: c[0] || (c[0] = (b) => d.value = b.target.value),
+          tabindex: "-1"
+        }, null, 40, lt)
+      ]),
+      _: 1
+    }, 16, ["modelValue"])) : (p(), M(O, E({ key: 1 }, l.$props, {
+      modelValue: d.value,
+      "onUpdate:modelValue": c[2] || (c[2] = (b) => b === "" ? d.value = "" : ""),
+      onInput: N(r),
+      onFocusOnce: i,
+      onChange: N(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
+}, mt = /* @__PURE__ */ y(pt, [["__cssModules", ct]]), ft = { class: "top-inputRange" }, bt = /* @__PURE__ */ S("span", { class: "top-inputRange_dash" }, " — ", -1), ht = /* @__PURE__ */ v({
+  __name: "inputRange",
+  setup(t) {
+    return (o, s) => (p(), m("div", ft, [
+      k(o.$slots, "from"),
+      bt,
+      k(o.$slots, "to")
+    ]));
+  }
+}), gt = {
+  "top-inputRange": "top-inputRange",
+  "top-inputRange_dash": "top-inputRange_dash",
+  "top-input": "top-input"
+}, wt = {
+  $style: gt
+}, yt = /* @__PURE__ */ y(ht, [["__cssModules", wt]]), vt = ["name", "value", "disabled"], St = /* @__PURE__ */ v({
+  __name: "radio",
+  props: {
+    modelValue: {},
+    value: {},
+    name: {},
+    description: {},
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: o }) {
+    const s = t, n = o, a = h({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        n("update:modelValue", e);
+      }
+    });
+    return (e, d) => (p(), m("label", {
+      class: w({
+        "top-forms-optionWrapper": !0,
+        "top-radio": !0,
+        ["top-radio_" + e.name]: e.name !== "",
+        "top-disabled": e.disabled,
+        "top-error": e.isError && !e.disabled
+      })
+    }, [
+      W(S("input", {
+        type: "radio",
+        class: w({
+          "top-forms-focusable": !e.disabled,
+          "top-forms-option": !0,
+          "top-radio_input": !0,
+          "top-error": e.isError && !e.disabled
+        }),
+        "onUpdate:modelValue": d[0] || (d[0] = (r) => a.value = r),
+        name: e.name,
+        value: e.value,
+        disabled: e.disabled
+      }, null, 10, vt), [
+        [re, a.value]
+      ]),
+      e.$slots.default ? (p(), M(A, {
+        key: 0,
+        description: e.description,
+        disabled: e.disabled
+      }, {
+        default: L(() => [
+          k(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), $t = {
+  "top-radio": "top-radio",
+  "top-radio_input": "top-radio_input",
+  "top-error": "top-error"
+}, _t = {
+  $style: $t
+}, kt = /* @__PURE__ */ y(St, [["__cssModules", _t]]), Mt = ["name", "value", "disabled"], Tt = /* @__PURE__ */ v({
+  __name: "switcher",
+  props: {
+    modelValue: { type: [Boolean, Array, Set] },
+    name: {},
+    value: {},
+    description: {},
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: o }) {
+    const s = t, n = o, a = h({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        n("update:modelValue", e);
+      }
+    });
+    return (e, d) => (p(), m("label", {
+      class: w({
+        "top-forms-optionWrapper": !0,
+        "top-checkboxSwitcher": !0,
+        "top-disabled": e.disabled,
+        "top-error": e.isError && !e.disabled
+      })
+    }, [
+      W(S("input", {
+        type: "checkbox",
+        class: w({
+          "top-forms-focusable": !e.disabled,
+          "top-forms-option": !0,
+          "top-checkboxSwitcher_input": !0,
+          "top-error": e.isError && !e.disabled
+        }),
+        "onUpdate:modelValue": d[0] || (d[0] = (r) => a.value = r),
+        name: e.name,
+        value: e.value,
+        disabled: e.disabled
+      }, null, 10, Mt), [
+        [Q, a.value]
+      ]),
+      e.$slots.default ? (p(), M(A, {
+        key: 0,
+        description: e.description,
+        disabled: e.disabled
+      }, {
+        default: L(() => [
+          k(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), Vt = {
+  "top-checkboxSwitcher": "top-checkboxSwitcher",
+  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
+  "top-error": "top-error"
+}, Wt = {
+  $style: Vt
+}, Bt = /* @__PURE__ */ y(Tt, [["__cssModules", Wt]]), Lt = ["name", "placeholder", "disabled", "readonly", "rows"], zt = {
+  key: 0,
+  class: "top-textarea_pseudoContent"
+}, Dt = /* @__PURE__ */ v({
+  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: o }) {
+    q((e) => ({
+      "6e3fbb58": e.minHeight + "px"
+    }));
+    const s = t, n = o, a = h({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        n("update:modelValue", e);
+      }
+    });
+    return (e, d) => {
+      const r = le("top-tooltip");
+      return p(), m("label", {
+        class: w({
+          "top-textarea": !0,
+          ["top-textarea-" + e.name]: e.name,
+          "top-disabled": e.disabled
+        })
+      }, [
+        W(S("textarea", E({
+          type: "text",
+          class: {
+            "top-forms-focusable": !e.disabled,
+            "top-textarea_textarea": !0,
+            "top-textarea_textarea-expandable": e.expandable,
+            "top-error": e.isError
+          },
+          autocomplete: "off_always",
+          name: e.name,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          rows: e.expandable ? void 0 : e.rows
+        }, e.$attrs, {
+          "onUpdate:modelValue": d[0] || (d[0] = (f) => a.value = f)
+        }), null, 16, Lt), [
+          [J, a.value]
+        ]),
+        e.expandable ? (p(), m("div", zt, V(a.value + " "), 1)) : g("", !0),
+        e.hint ? W((p(), M(Z, {
+          key: 1,
+          class: "top-textarea_hint",
+          hint: e.hint
+        }, null, 8, ["hint"])), [
+          [r]
+        ]) : g("", !0)
+      ], 2);
+    };
+  }
+}), Et = {
+  "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"
+}, At = {
+  $style: Et
+}, Nt = /* @__PURE__ */ y(Dt, [["__cssModules", At]]), Pt = ["data-value", "data-top-icon", "data-top-icon2"], Rt = ["name", "disabled"], Ct = ["label", "disabled"], Ot = ["value", "selected", "disabled"], Ht = ["value", "selected", "disabled"], It = {
+  key: 1,
+  class: "top-formsCaption"
+}, Ft = /* @__PURE__ */ v({
+  __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: o }) {
+    const s = t, n = G(t, "modelValue"), a = h(() => {
+      const i = /* @__PURE__ */ new Map();
+      return s.options.forEach((l, c) => {
+        if (typeof l == "string" && (l = d(c, l)), l.children) {
+          const b = /* @__PURE__ */ new Map();
+          l.children.forEach((_, z) => {
+            typeof _ == "string" && (_ = d(z, _)), b.set(_.value, _);
+          }), l = { ...l }, l.children = b, i.set(l.value, l);
+        } else
+          i.set(l.value, l);
+      }), i;
+    }), e = h(() => {
+      const i = /* @__PURE__ */ new Map();
+      return a.value.forEach((l) => {
+        if (!l.disabled) {
+          if (l.children) {
+            l.children.forEach((c) => {
+              c.disabled || i.set(c.value, c);
+            });
+            return;
+          }
+          i.set(l.value, l);
+        }
+      }), i;
+    }), d = (i, l) => ({
+      value: i,
+      title: l
+    });
+    de([
+      () => s.modelValue,
+      e
+    ], () => {
+      (n.value === null || n.value === void 0) && e.value.size && (console.warn("Пожалуйста, не передавайте в компонент Select значения null и undefined"), n.value = e.value.keys().next().value);
+    }, { immediate: !0 });
+    const r = h(() => {
+      var i;
+      return (i = e.value.get(n.value)) == null ? void 0 : i.icon;
+    }), f = () => {
+      const i = [...e.value.keys()], c = (i.indexOf(n.value) + 1) % i.length;
+      n.value = i[c];
+    };
+    return (i, l) => (p(), m("label", {
+      class: w({
+        "top-select": !0,
+        ["top-select-" + i.name]: i.name,
+        ["top-size_" + i.size]: !0,
+        "top-formsCaptionWrapper": !!i.title,
+        "top-select-error": i.isError,
+        "top-disabled": i.disabled
+      }),
+      "data-value": n.value,
+      "data-top-icon": i.icon,
+      "data-top-icon2": r.value
+    }, [
+      W(S("select", {
+        class: w({
+          "top-forms-focusable": !i.disabled,
+          "top-select_select": !0,
+          "top-select_arrow": !0,
+          "top-error": i.isError
+        }),
+        name: i.name,
+        disabled: i.disabled,
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value = c)
+      }, [
+        (p(!0), m(P, null, F(a.value, ([c, b]) => (p(), m(P, null, [
+          b.children ? (p(), m("optgroup", {
+            key: "group_" + c,
+            label: b.title,
+            disabled: b.disabled
+          }, [
+            (p(!0), m(P, null, F(b.children, ([_, z]) => (p(), m("option", {
+              key: _,
+              value: _,
+              selected: _ === n.value,
+              disabled: z.disabled
+            }, V(z.title), 9, Ot))), 128))
+          ], 8, Ct)) : (p(), m("option", {
+            key: c ?? void 0,
+            value: c,
+            selected: c === n.value,
+            disabled: b.disabled
+          }, V(b.title), 9, Ht))
+        ], 64))), 256))
+      ], 10, Rt), [
+        [pe, n.value]
+      ]),
+      i.addChanger && e.value.size && !i.disabled ? (p(), m("span", {
+        key: 0,
+        class: "top-changer",
+        onClick: f
+      })) : g("", !0),
+      i.title ? (p(), m("span", It, V(i.title), 1)) : g("", !0)
+    ], 10, Pt));
+  }
+}), Ut = {
+  "top-select": "top-select",
+  "top-select-error": "top-select-error",
+  "top-select_select": "top-select_select",
+  "top-changer": "top-changer"
+}, Xt = {
+  $style: Ut
+}, Yt = /* @__PURE__ */ y(Ft, [["__cssModules", Xt]]), ao = ze, no = Re, io = Ke, ro = A, lo = Z, po = O, uo = mt, co = yt, mo = kt, fo = Bt, bo = Nt, ho = Yt, go = j;
+export {
+  jt as A,
+  be as B,
+  u as C,
+  xt as D,
+  ve as E,
+  eo as F,
+  to as G,
+  oo as H,
+  ke as I,
+  so as J,
+  X as K,
+  Re as T,
+  _e as _,
+  y as a,
+  O as b,
+  ao as c,
+  B as d,
+  no as e,
+  io as f,
+  ro as g,
+  lo as h,
+  Gt as i,
+  po as j,
+  uo as k,
+  co as l,
+  go as m,
+  mo as n,
+  ho as o,
+  fo as p,
+  bo as q,
+  Nt as r,
+  j as s,
+  ue as t,
+  ce as u,
+  me as v,
+  fe as w,
+  Qt as x,
+  Jt as y,
+  Zt as z
+};
+//# sourceMappingURL=forms-BfIXIMY_.es.js.map