@topvisor/ui 0.9.33-dev → 0.9.34-utils-components-1

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

@@ -0,0 +1,1186 @@
+import { insertToPage as re } from "../utils/css.js";
+import { reactive as Y, defineComponent as y, useCssVars as oe, computed as h, openBlock as u, createElementBlock as m, createElementVNode as S, createCommentVNode as g, createBlock as M, resolveDynamicComponent as de, normalizeClass as w, withCtx as D, renderSlot as k, createTextVNode as pe, toDisplayString as V, mergeModels as I, useModel as se, withDirectives as W, vModelCheckbox as ne, unref as B, mergeProps as P, withKeys as ue, vModelText as ae, withModifiers as ce, onUnmounted as me, ref as fe, vModelRadio as be, resolveDirective as he, watch as ge, Fragment as H, renderList as X, vModelSelect as we } from "vue";
+const le = ["../assets/forms.css"].map((t) => import.meta.resolve(t));
+re(le, !0);
+function ve() {
+  return "devicePixelRatio" in window && window.devicePixelRatio > 1;
+}
+function ye() {
+  return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
+}
+function Se() {
+  return navigator.userAgent.indexOf("Topvisor_App") != -1;
+}
+function $e() {
+  return navigator.userAgent.indexOf("Mac OS X") !== -1;
+}
+function co() {
+  const t = /Chrome|Android/.test(navigator.userAgent);
+  let e = /Safari/.test(navigator.userAgent);
+  return t && e && (e = !1), e;
+}
+function mo() {
+  return $e() ? "⌘" : "Ctrl";
+}
+const fo = () => $(document).scrollTop(), bo = () => $(document), ho = () => [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;
+}, go = 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 G {
+  /**
+   * Проверить скрыта страница или нет
+   */
+  static isHidden = () => document.hidden;
+}
+const ke = 100;
+let K;
+const F = /* @__PURE__ */ new Map(), R = {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function Me(t) {
+  F.set(t, t);
+}
+function Te(t) {
+  F.delete(t);
+}
+function Ve(t) {
+  clearTimeout(K), K = setTimeout(function() {
+    t.topEvent = {
+      widthDiff: R.width - window.innerWidth,
+      hightDiff: R.height - window.innerHeight
+    }, R.width = window.innerWidth, R.height = window.innerHeight, F.forEach((e) => e(t));
+  }, ke);
+}
+window.addEventListener("resize", Ve);
+const We = {
+  addOnReize: Me,
+  removeOnResize: Te
+};
+var ee;
+const Be = {
+  widthForMobile: 900,
+  dateFormat: "Y-m-d",
+  /**
+   * Для Москвы: +0300
+   */
+  gmt: (ee = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : ee[1]
+};
+var te;
+const Le = {
+  /**
+   * 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
+}, O = (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);
+}, Q = (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;
+}, Ee = {
+  mounted(t, e, s) {
+    var n;
+    (n = O(t)) == null || n.tooltip(Q(e, s));
+  },
+  updated(t, e, s, n) {
+    var i;
+    const a = Q(e, s), o = (i = O(t)) == null ? void 0 : i.tooltip("instance");
+    o && (o.options = {
+      ...o.options,
+      ...a
+    });
+  },
+  unmounted(t, e, s) {
+    var n;
+    (n = O(t)) == null || n.tooltip("destroy");
+  }
+}, ze = {
+  mounted: function(t, e) {
+    (e.value || e.value === void 0) && t.focus();
+  }
+};
+let E;
+const De = {
+  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, U;
+const A = /* @__PURE__ */ new Map(), Ne = (t, e) => {
+  const { distance: s, percent: n } = U, 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)";
+}, Re = (t) => {
+  let e = window.innerHeight;
+  window.addEventListener("scroll", () => {
+    A.forEach((s) => Ne(s, e));
+  }, { passive: !0 }), z = new IntersectionObserver((s) => {
+    e = window.innerHeight, s.forEach((n) => {
+      const a = n.target;
+      if (n.intersectionRatio < 0.1 ? A.delete(a) : A.set(a, a), n.intersectionRatio === 0) {
+        const { distance: o, percent: i } = U;
+        a.style.transform = `translateY(${o}px)`;
+      }
+    });
+  }, {
+    threshold: 0.1
+  });
+}, Ae = {
+  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);
+    U = {
+      distance: a,
+      percent: o
+    }, q || (Re(), q = !0), z.observe(t);
+  },
+  unmounted(t, e, s) {
+    A.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 = G;
+  static options = Be;
+  static state = Y({ ...Le });
+  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", Ee), e.directive("top-focus", ze), e.directive("top-sticky", De), e.directive("top-swim-up", Ae);
+  }
+  /**
+   * Установить конфигурацию 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 = ye(), p.state.isRetina = ve(), p.state.isApp = Se(), p.state.dateFormat = this.options.dateFormat, p.state.gmt = this.options.gmt, p.state.isHidden = G.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 T = window.L ?? {}, wo = (t, e, s) => {
+  switch (new Date(t, e, 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 "";
+  }
+}, vo = (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 yo(t) {
+  return t.indexOf("T") === -1 && (t.length == 10 && (t += " 00:00:00"), t = t.replace(" ", "T") + p.state.gmt), new Date(t);
+}
+function Ce(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 So(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 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 = Ce((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), f;
+}
+const He = { class: "top-avatar" }, Oe = ["src", "title"], Ie = ["title"], Fe = /* @__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) => ({
+      "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", He, [
+      S("img", {
+        class: "top-avatar_image",
+        src: a.image,
+        title: n.value,
+        alt: ""
+      }, null, 8, Oe),
+      a.isOnline ? (u(), m("div", {
+        key: 0,
+        class: "top-avatar_status",
+        title: s.value
+      }, null, 8, Ie)) : g("", !0)
+    ]));
+  }
+}), Ue = {
+  "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;
+}, Ye = {
+  $style: Ue
+}, Xe = /* @__PURE__ */ v(Fe, [["__cssModules", Ye]]), Ge = {
+  key: 0,
+  class: "top-ellipsis"
+}, Ke = /* @__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(de(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", Ge, [
+          k(a.$slots, "default", {}, () => [
+            pe(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"]));
+  }
+}), Qe = "_progress_1f1nw_1", qe = {
+  "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"
+}, Je = {
+  $style: qe
+}, Ze = /* @__PURE__ */ v(Ke, [["__cssModules", Je]]), je = { class: "top-forms-optionLabel" }, xe = /* @__PURE__ */ y({
+  __name: "controlLabel",
+  props: {
+    description: {},
+    disabled: { type: Boolean }
+  },
+  setup(t) {
+    return (e, s) => (u(), m("div", je, [
+      S("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 }])
+      }, V(e.description), 3)) : g("", !0)
+    ]));
+  }
+}), et = {
+  "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"
+}, tt = {
+  $style: et
+}, C = /* @__PURE__ */ v(xe, [["__cssModules", tt]]), ot = ["name", "value", "indeterminate", "disabled"], st = /* @__PURE__ */ y({
+  __name: "checkbox",
+  props: /* @__PURE__ */ I({
+    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
+      })
+    }, [
+      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) => e.value = a),
+        value: s.value,
+        indeterminate: s.indeterminate,
+        disabled: s.disabled
+      }, null, 10, ot), [
+        [ne, e.value]
+      ]),
+      s.$slots.default ? (u(), M(C, {
+        key: 0,
+        description: s.description,
+        disabled: s.disabled
+      }, {
+        default: D(() => [
+          k(s.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), nt = {
+  "top-checkbox": "top-checkbox",
+  "top-checkbox_input": "top-checkbox_input",
+  "top-error": "top-error"
+}, at = {
+  $style: nt
+}, it = /* @__PURE__ */ v(st, [["__cssModules", at]]), rt = ["title"], lt = /* @__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, rt));
+  }
+}), dt = {
+  "top-hint": "top-hint"
+}, pt = {
+  $style: dt
+}, ie = /* @__PURE__ */ v(lt, [["__cssModules", pt]]), ut = ["data-top-icon", "data-top-icon2"], ct = ["name", "title", "placeholder", "disabled", "readonly"], mt = {
+  key: 2,
+  class: "top-formsCaption"
+}, ft = /* @__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(lo), { key: 0 })) : g("", !0),
+      W(S("input", P({
+        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] = ue((r) => (l.addCleaner || !!l.$slots.btn) && i(r), ["esc"]))
+      }, l.$attrs), null, 16, ct), [
+        [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: ce(i, ["prevent"])
+      })) : g("", !0),
+      l.captionType !== "" ? (u(), m("span", mt, V(l.title), 1)) : g("", !0),
+      k(l.$slots, "default")
+    ], 10, ut));
+  }
+}), bt = {
+  "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"
+}, ht = {
+  $style: bt
+}, gt = /* @__PURE__ */ v(ft, [["__cssModules", ht]]), wt = ["modelValue"], vt = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+let j = (t) => {
+};
+const yt = /* @__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;
+    me(() => {
+      o && o.datepicker("destroy");
+    });
+    const a = fe();
+    let o;
+    const i = h({
+      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), 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-BGhDjLcn.es.js");
+      j = c.oninput, o = c.connectDatepicker(d.target, {
+        onSelect: () => f(d)
+      }), o && o.datepicker("show");
+    }
+    return (d, c) => B(vt) ? (u(), M(B(x), P({ key: 0 }, d.$props, {
+      modelValue: i.value,
+      readonly: "",
+      onClick: c[1] || (c[1] = (b) => a.value.showPicker())
+    }), {
+      default: D(() => [
+        S("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, wt)
+      ]),
+      _: 1
+    }, 16, ["modelValue"])) : (u(), M(B(x), P({ 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"]));
+  }
+}), St = {
+  "top-input-datepicker": "top-input-datepicker",
+  "top-input_input-date": "top-input_input-date"
+}, $t = {
+  $style: St
+}, _t = /* @__PURE__ */ v(yt, [["__cssModules", $t]]), kt = { class: "top-inputRange" }, Mt = /* @__PURE__ */ S("span", { class: "top-inputRange_dash" }, " — ", -1), Tt = /* @__PURE__ */ y({
+  __name: "inputRange",
+  setup(t) {
+    return (e, s) => (u(), m("div", kt, [
+      k(e.$slots, "from"),
+      Mt,
+      k(e.$slots, "to")
+    ]));
+  }
+}), Vt = {
+  "top-inputRange": "top-inputRange",
+  "top-inputRange_dash": "top-inputRange_dash",
+  "top-input": "top-input"
+}, Wt = {
+  $style: Vt
+}, Bt = /* @__PURE__ */ v(Tt, [["__cssModules", Wt]]), Lt = ["name", "value", "disabled"], Et = /* @__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
+      })
+    }, [
+      W(S("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, Lt), [
+        [be, a.value]
+      ]),
+      o.$slots.default ? (u(), M(C, {
+        key: 0,
+        description: o.description,
+        disabled: o.disabled
+      }, {
+        default: D(() => [
+          k(o.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), zt = {
+  "top-radio": "top-radio",
+  "top-radio_input": "top-radio_input",
+  "top-error": "top-error"
+}, Dt = {
+  $style: zt
+}, Nt = /* @__PURE__ */ v(Et, [["__cssModules", Dt]]), Rt = ["name", "value", "disabled"], At = /* @__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
+      })
+    }, [
+      W(S("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, Rt), [
+        [ne, a.value]
+      ]),
+      o.$slots.default ? (u(), M(C, {
+        key: 0,
+        description: o.description,
+        disabled: o.disabled
+      }, {
+        default: D(() => [
+          k(o.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : g("", !0)
+    ], 2));
+  }
+}), Pt = {
+  "top-checkboxSwitcher": "top-checkboxSwitcher",
+  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
+  "top-error": "top-error"
+}, Ct = {
+  $style: Pt
+}, Ht = /* @__PURE__ */ v(At, [["__cssModules", Ct]]), Ot = ["name", "placeholder", "disabled", "readonly", "rows"], It = {
+  key: 0,
+  class: "top-textarea_pseudoContent"
+}, Ft = /* @__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) => ({
+      "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 = he("top-tooltip");
+      return u(), m("label", {
+        class: w({
+          "top-textarea": !0,
+          ["top-textarea-" + o.name]: o.name,
+          "top-disabled": o.disabled
+        })
+      }, [
+        W(S("textarea", P({
+          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, Ot), [
+          [ae, a.value]
+        ]),
+        o.expandable ? (u(), m("div", It, V(a.value + " "), 1)) : g("", !0),
+        o.hint ? W((u(), M(ie, {
+          key: 1,
+          class: "top-textarea_hint",
+          hint: o.hint
+        }, null, 8, ["hint"])), [
+          [l]
+        ]) : g("", !0)
+      ], 2);
+    };
+  }
+}), Ut = {
+  "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"
+}, Yt = {
+  $style: Ut
+}, Xt = /* @__PURE__ */ v(Ft, [["__cssModules", Yt]]), Gt = ["data-value", "data-top-icon", "data-top-icon2"], Kt = ["name", "disabled"], Qt = ["label", "disabled"], qt = ["value", "selected", "disabled"], Jt = ["value", "selected", "disabled"], Zt = {
+  key: 1,
+  class: "top-formsCaption"
+}, jt = /* @__PURE__ */ y({
+  __name: "select",
+  props: /* @__PURE__ */ I({
+    modelValue: {},
+    options: {},
+    name: {},
+    disabled: { type: Boolean },
+    icon: {},
+    size: { default: "s" },
+    addChanger: { type: Boolean },
+    title: {},
+    isError: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ I(["update:modelValue"], ["update:modelValue"]),
+  setup(t, { emit: e }) {
+    const s = t, n = se(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((_, N) => {
+            typeof _ == "string" && (_ = i(N, _)), b.set(_.value, _);
+          }), 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
+    });
+    ge([
+      () => 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
+    }, [
+      W(S("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(H, null, X(a.value, ([c, b]) => (u(), m(H, null, [
+          b.children ? (u(), m("optgroup", {
+            key: "group_" + c,
+            label: b.title,
+            disabled: b.disabled
+          }, [
+            (u(!0), m(H, null, X(b.children, ([_, N]) => (u(), m("option", {
+              key: _,
+              value: _,
+              selected: _ === n.value,
+              disabled: N.disabled
+            }, V(N.title), 9, qt))), 128))
+          ], 8, Qt)) : (u(), m("option", {
+            key: c ?? void 0,
+            value: c,
+            selected: c === n.value,
+            disabled: b.disabled
+          }, V(b.title), 9, Jt))
+        ], 64))), 256))
+      ], 10, Kt), [
+        [we, 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", Zt, V(r.title), 1)) : g("", !0)
+    ], 10, Gt));
+  }
+}), xt = {
+  "top-select": "top-select",
+  "top-select-error": "top-select-error",
+  "top-select_select": "top-select_select",
+  "top-changer": "top-changer"
+}, eo = {
+  $style: xt
+}, to = /* @__PURE__ */ v(jt, [["__cssModules", eo]]), oo = {
+  "top-loadbar": "top-loadbar"
+}, so = {}, no = { class: "top-loadbar" };
+function ao(t, e) {
+  return u(), m("div", no);
+}
+const io = {
+  $style: oo
+}, ro = /* @__PURE__ */ v(so, [["render", ao], ["__cssModules", io]]), $o = Xe, _o = Ze, ko = it, Mo = C, To = ie, x = gt, Vo = _t, Wo = Bt, Bo = Nt, Lo = Ht, Eo = Xt, zo = to, lo = ro;
+export {
+  mo as A,
+  fo as B,
+  p as C,
+  bo as D,
+  We as E,
+  ho as F,
+  _e as G,
+  go as H,
+  wo as I,
+  vo as J,
+  yo as K,
+  Ce as L,
+  So as M,
+  Z as N,
+  $o as T,
+  J as _,
+  Ae as a,
+  _o as b,
+  ko as c,
+  Mo as d,
+  To as e,
+  ze as f,
+  x as g,
+  Vo as h,
+  Wo as i,
+  lo as j,
+  Bo as k,
+  zo as l,
+  Lo as m,
+  Eo as n,
+  L as o,
+  co as p,
+  v as q,
+  Ze as r,
+  De as s,
+  Ee as t,
+  gt as u,
+  Xt as v,
+  ve as w,
+  ye as x,
+  Se as y,
+  $e as z
+};
+//# sourceMappingURL=forms-CRAV8PiZ.es.js.map