@topvisor/ui 0.0.37 → 0.0.41

package/.chunks/forms-7f061546.es.js

@@ -0,0 +1,1108 @@
+import { reactive as H, defineComponent as v, useCssVars as X, computed as b, openBlock as u, createElementBlock as m, createElementVNode as w, createCommentVNode as y, createBlock as k, resolveDynamicComponent as x, normalizeClass as h, withCtx as B, renderSlot as $, createTextVNode as ee, toDisplayString as _, withDirectives as M, vModelCheckbox as J, mergeProps as D, withKeys as te, withModifiers as I, vModelText as Z, ref as oe, unref as S, onUnmounted as ae, vModelRadio as se, resolveDirective as ne, watch as ie, toRef as le, Fragment as F, renderList as N, vModelSelect as re } from "vue";
+import("../core/core.js").then((s) => {
+  const e = ["../assets/forms.css"].map((a) => import.meta.resolve(a));
+  s.default.Page.addCss(e);
+});
+class T {
+  static isRetina() {
+    return "devicePixelRatio" in window && window.devicePixelRatio > 1;
+  }
+  // определить, является ли устройство мобильным
+  static isMobile() {
+    return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
+  }
+  // определить, открыт ли сайт в приложении
+  static isApp() {
+    return navigator.userAgent.indexOf("Topvisor_App") != -1;
+  }
+  // определить, является ли OS пользователя macOS
+  static isMacOS() {
+    return navigator.userAgent.indexOf("Mac OS X") !== -1;
+  }
+  // определить, является ли текущий браузер пользователя Safari
+  static isSafari() {
+    const e = /Chrome|Android/.test(navigator.userAgent);
+    let a = /Safari/.test(navigator.userAgent);
+    return e && a && (a = !1), a;
+  }
+  /**
+   * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS
+   * @returns {'Ctrl'|'⌘'}
+   */
+  static getCommandKeyLabel() {
+    return this.isMacOS() ? "⌘" : "Ctrl";
+  }
+}
+function de(s, e, ...a) {
+  const n = document.createElement(s);
+  for (const o in e)
+    o.indexOf("on") === 0 ? n[o] = e[o] : n.setAttribute(o, e[o]);
+  return a.forEach((o) => {
+    typeof o == "string" ? n.insertAdjacentHTML("beforeend", o) : n.append(o);
+  }), n;
+}
+function C(s) {
+  if (!s)
+    return !1;
+  const e = s.getBoundingClientRect();
+  return !!(e.width || e.height);
+}
+function pe(s) {
+  const e = s.getBoundingClientRect();
+  return {
+    top: e.top + window.scrollY,
+    left: e.left + window.scrollX
+  };
+}
+function ue(s, e) {
+  return window.getComputedStyle(s).getPropertyValue(e);
+}
+function ce(s, e) {
+  const a = document.createElement(e);
+  return s.after(a), a.append(s), a;
+}
+function me(s, e) {
+  return R(s, e).find(C) || null;
+}
+function fe(s, e) {
+  return R(s, e).findLast(C) || null;
+}
+function be(s, e) {
+  return R(s, e).filter(C);
+}
+function R(s, e) {
+  return s ? [...s.querySelectorAll(e)] : [];
+}
+function he(s, e = "common", a = void 0) {
+  if (s)
+    return s.topData || (s.topData = {}), a && (s.topData[e] = a), a === null && delete s.topData[e], s.topData[e];
+}
+function ve(s) {
+  s && delete s.topData;
+}
+const ge = {
+  genEl: de,
+  isVisible: C,
+  offset: pe,
+  css: ue,
+  wrap: ce,
+  querySelectorVisible: me,
+  querySelectorVisibleLast: fe,
+  querySelectorAllVisible: be,
+  querySelectorAllArray: R,
+  storage: he,
+  storageClear: ve
+};
+class P {
+  /**
+   * Вставить css стили на страницу с автоматическим определением media
+   * @param fileNames - список ссылок на css файлы
+   * @param props - атрибуты <link>
+   */
+  static addCss(e, a = {}) {
+    const n = /* @__PURE__ */ new Map();
+    n.set("::", []), e.forEach((o) => {
+      let t = !1, r = !1;
+      o.match(/\.m\./) && (t = !0), o.match(/\.pc\./) && (r = !0);
+      const i = `${t}:${r}`;
+      n.has(i) || n.set(`${t}:${r}`, []), n.get(`${t}:${r}`).push(o);
+    }), n.forEach((o, t) => {
+      if (!o.length)
+        return;
+      const [r, i] = t.split(":").map((d) => d === "true");
+      let l = "all";
+      r && (l = "(max-width: 900px)"), i && (l = "(min-width: 900px)"), a.media = l, P._addCss(o, a);
+    });
+  }
+  static _addCss(e, a) {
+    e.forEach((n) => {
+      if (a.id ??= "topCSSLink-" + n.replace(/\W/g, "-"), window[a.id])
+        return;
+      a.rel = "stylesheet", a.href = n;
+      const o = ge.genEl("link", a);
+      document.head.append(o);
+    });
+  }
+}
+const ye = 100;
+let j;
+const W = /* @__PURE__ */ new Map(), z = {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function we(s) {
+  W.set(s, s);
+}
+function $e(s) {
+  W.delete(s);
+}
+function _e(s) {
+  clearTimeout(j), j = setTimeout(function() {
+    s.topEvent = {
+      widthDiff: z.width - window.innerWidth,
+      hightDiff: z.height - window.innerHeight
+    }, z.width = window.innerWidth, z.height = window.innerHeight, W.forEach((e) => e(s));
+  }, ye);
+}
+window.addEventListener("resize", _e);
+const ke = {
+  addOnReize: we,
+  removeOnResize: $e
+};
+var K;
+const Me = {
+  widthForMobile: 900,
+  dateFormat: "Y-m-d",
+  /**
+   * Для Москвы: +0300
+   */
+  gmt: (K = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : K[1]
+};
+var Q;
+const Se = {
+  /**
+   * 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: (Q = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : Q[1]
+}, L = window, A = (s) => {
+  var e, a;
+  if (!((a = (e = L == null ? void 0 : L.jQuery) == null ? void 0 : e.ui) != null && a.tooltip)) {
+    console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");
+    return;
+  }
+  return L.jQuery(s);
+}, Y = (s, e) => {
+  var n;
+  const a = s.value ?? {};
+  return a.content ??= (n = e.props) == null ? void 0 : n.title, a.content = String(a.content).replace(/\r\n|\r|\n/g, "<br>"), a.position ??= {
+    my: "bottom-18px",
+    at: "top center"
+  }, a;
+}, Ve = {
+  mounted(s, e, a) {
+    var n;
+    (n = A(s)) == null || n.tooltip(Y(e, a));
+  },
+  updated(s, e, a, n) {
+    var r;
+    const o = Y(e, a), t = (r = A(s)) == null ? void 0 : r.tooltip("instance");
+    t && (t.options = {
+      ...t.options,
+      ...o
+    });
+  },
+  unmounted(s, e, a) {
+    var n;
+    (n = A(s)) == null || n.tooltip("destroy");
+  }
+}, O = window;
+class p {
+  /**
+   * Настройки словаря
+   */
+  static L = H({
+    Not_date: "Not date"
+  });
+  static page = (O == null ? void 0 : O.page) || {};
+  static Page = P;
+  static options = Me;
+  static state = H({ ...Se });
+  static matchMediaIsMobile;
+  /**
+   * Добавить на страницу стили, используется для загрузки стилей из js
+   *
+   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
+   * @param style - css стили в строке
+   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
+   */
+  static appendStyle(e, a = "") {
+    let n = "all";
+    a === "m" && (n = "(max-width: " + this.options.widthForMobile + "px)"), a === "pc" && (n = "(min-width: " + this.options.widthForMobile + "px)");
+    const o = document.createElement("style");
+    o.innerHTML = e, o.media = n, document.head.append(o);
+  }
+  /**
+   * Установить как плагин в прилоежнии Vue
+   * Core.state является общим для всех приложений Vue на странице
+   * Core.options является общим для всех приложений Vue на странице
+   * @param app - Vue App
+   * @param {typeof options} options - параметры UI
+   */
+  static install(e, a) {
+    p.defineOptions(a), e.provide("top-core", p), this.installDirectives(e);
+  }
+  static installDirectives(e) {
+    e.directive("top-tooltip", Ve);
+  }
+  /**
+   * Установить конфигурацию 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 = T.isMobile(), p.state.isRetina = T.isRetina(), p.state.isApp = T.isApp(), p.state.dateFormat = this.options.dateFormat, p.state.gmt = this.options.gmt, p.setStateByWindowSize(), ke.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=/;";
+  }
+}
+class V {
+  /**
+   * Получить объект Date из строки
+   * @param date - строка с датой
+   */
+  static stringToDate(e) {
+    return e.indexOf("T") === -1 && (e.length == 10 && (e += " 00:00:00"), e = e.replace(" ", "T") + p.state.gmt), new Date(e);
+  }
+  // Перевод миллисекунд (UTC) в дату-строку (время локальное)
+  /**
+   * Перевод миллисекунд (UTC) в дату-строку (время локальное)
+   * @param {?number} ms
+   * @param {?boolean} useFormat
+   */
+  static ms2Date(e, a = !0) {
+    let n;
+    e != null ? n = new Date(e) : n = /* @__PURE__ */ new Date();
+    const o = n.getDate().toString().padStart(2, "0"), t = String(n.getMonth() + 1).padStart(2, "0"), r = n.getFullYear(), i = n.getHours().toString().padStart(2, "0"), l = n.getMinutes().toString().padStart(2, "0"), d = n.getSeconds().toString().padStart(2, "0");
+    return n = r + "-" + t + "-" + o + " " + i + ":" + l + ":" + d, a && (n = this.dateFormat(n)), n;
+  }
+  /**
+   * Перевод даты в формат пользователя
+   * @param {string} date - строка в формате Y-m-d H:i:s
+   * @param {0|1|2|3} time - 0: только дата, 1: дата и часы, 2: дата и часы с минутами, 3: дата и часы с минутами и секундами
+   * @param {string} emptyValue - значение, которое надо вернуть, если дата не указана
+   */
+  static dateFormat(e, a = 2, n = p.L.Not_date) {
+    if ((!e || e.substring(0, 10) === "0000-00-00") && n && n !== "0000-00-00")
+      return n;
+    const o = p.state.dateFormat.toLowerCase();
+    let t = e.substring(0, 10);
+    t.length === 7 && (t += "-01"), t += " 00:00", t = t.replace(/-/g, "/");
+    const r = new Date(t);
+    if (isNaN(Number(r)))
+      return n;
+    let i = o.replace("y", String(r.getFullYear()).padStart(2, "0")).replace("m", String(r.getMonth() + 1).padStart(2, "0")).replace("d", String(r.getDate()).padStart(2, "0"));
+    if (e.length > 10)
+      switch (a) {
+        case 1:
+          i += " " + e.substring(11, 13);
+          break;
+        case 2:
+          i += " " + e.substring(11, 16);
+          break;
+        case 3:
+          i += " " + e.substring(11, 19);
+          break;
+      }
+    return i;
+  }
+  /**
+   * Перевод даты из формата пользователя в системный формат
+   * @param {string} date - строка в формате Y-m-d H:i:s
+   * @param {string} emptyValue - значение, которое надо вернуть, если дата не указана
+   */
+  static dateUnformat(e, a = p.L.Not_date) {
+    if (!e)
+      return a;
+    if (e.match(/\d\d\d\d-\d\d-\d\d/))
+      return e;
+    const n = p.state.dateFormat.toLowerCase(), o = e.split(/\W/), t = n.split(/\W/);
+    let r = "", i = "", l = "";
+    t.forEach((f, c) => {
+      switch (f) {
+        case "d":
+          r = o[c];
+          break;
+        case "m":
+          i = o[c];
+          break;
+        case "y":
+          l = o[c];
+          break;
+      }
+    });
+    let d = l + "-" + i + "-" + r;
+    return d.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + d), d = this.ms2Date((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), d;
+  }
+}
+const Be = { class: "top-avatar" }, Ee = ["src", "title"], ze = ["title"], Le = /* @__PURE__ */ v({
+  __name: "avatar",
+  props: {
+    size: { default: 64 },
+    image: {},
+    nickname: {},
+    isOnline: { type: Boolean },
+    lastActiveTime: {}
+  },
+  setup(s) {
+    X((o) => ({
+      "9f3c0670": o.size + "px"
+    }));
+    const e = s, a = {
+      user: {
+        Online: "Онлайн",
+        LastSeen: "Заходил(а)"
+      }
+    }, n = b(() => {
+      if (e.isOnline)
+        return a.user.Online;
+      if (e.lastActiveTime)
+        return a.user.LastSeen + ": " + V.dateFormat(e.lastActiveTime, 2);
+    });
+    return (o, t) => (u(), m("div", Be, [
+      w("img", {
+        class: "top-avatar_image",
+        src: o.image,
+        title: e.nickname + (n.value ? `
+${n.value}` : ""),
+        alt: ""
+      }, null, 8, Ee),
+      o.isOnline ? (u(), m("div", {
+        key: 0,
+        class: "top-avatar_status",
+        title: n.value
+      }, null, 8, ze)) : y("", !0)
+    ]));
+  }
+}), De = {
+  "top-avatar": "top-avatar",
+  "top-avatar_image": "top-avatar_image",
+  "top-avatar_status": "top-avatar_status"
+}, g = (s, e) => {
+  const a = s.__vccOpts || s;
+  for (const [n, o] of e)
+    a[n] = o;
+  return a;
+}, Ce = {
+  $style: De
+}, Pt = /* @__PURE__ */ g(Le, [["__cssModules", Ce]]), Re = { class: "top-ellipsis" }, Fe = /* @__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(s) {
+    const e = s, a = b(() => e.href ? "a" : "button"), n = b(() => e.isSubmit ? "submit" : void 0);
+    return (o, t) => (u(), k(x(a.value), {
+      class: h({
+        "top-active": o.isActive,
+        "top-disabled": o.disabled,
+        "top-forms-focusable": !o.disabled,
+        "top-button": !0,
+        "top-button-progress": o.isProgress,
+        [`top-size_${o.size}`]: !!o.size,
+        [`top-color_${o.color}`]: !0,
+        [`top-style_${o.styling}`]: !!o.styling
+      }),
+      name: o.name,
+      title: o.title,
+      href: o.href,
+      type: n.value,
+      "data-top-icon": o.icon || void 0,
+      "data-top-icon2": o.icon2 || void 0,
+      disabled: o.disabled || void 0,
+      inProgress: o.isProgress
+    }, {
+      default: B(() => [
+        w("span", Re, [
+          $(o.$slots, "default", {}, () => [
+            ee(_(o.icon ? "" : "Button"), 1)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
+  }
+}), Te = "_progress_tkkz7_1", Ae = {
+  "top-button": "top-button",
+  "top-active": "top-active",
+  "top-button-progress": "top-button-progress",
+  progress: Te,
+  "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-size_l": "top-size_l",
+  "top-size_xl": "top-size_xl"
+}, Oe = {
+  $style: Ae
+}, Wt = /* @__PURE__ */ g(Fe, [["__cssModules", Oe]]), Pe = { class: "top-forms-optionLabel" }, We = /* @__PURE__ */ v({
+  __name: "controlLabel",
+  props: {
+    description: {},
+    disabled: { type: Boolean }
+  },
+  setup(s) {
+    return (e, a) => (u(), m("div", Pe, [
+      w("div", {
+        class: h({
+          "top-forms-optionLabel_title": !0,
+          "top-forms-optionLabel_title-disabled": e.disabled
+        })
+      }, [
+        $(e.$slots, "default")
+      ], 2),
+      e.description ? (u(), m("div", {
+        key: 0,
+        class: h(["top-forms-optionLabel_description", { "top-forms-optionLabel_description-disabled": e.disabled }])
+      }, _(e.description), 3)) : y("", !0)
+    ]));
+  }
+}), Ue = {
+  "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"
+}, He = {
+  $style: Ue
+}, U = /* @__PURE__ */ g(We, [["__cssModules", He]]), Ie = ["name", "value", "indeterminate", "disabled"], Ne = /* @__PURE__ */ v({
+  __name: "checkbox",
+  props: {
+    modelValue: { type: [Boolean, Array, Set] },
+    name: {},
+    value: {},
+    description: {},
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const a = s, n = e, o = b({
+      get() {
+        return a.modelValue;
+      },
+      set(t) {
+        n("update:modelValue", t);
+      }
+    });
+    return (t, r) => (u(), m("label", {
+      class: h({
+        "top-forms-optionWrapper": !0,
+        "top-checkbox": !0,
+        ["top-checkbox_" + t.name]: t.name !== "",
+        "top-disabled": t.disabled,
+        "top-error": t.isError && !t.disabled
+      })
+    }, [
+      M(w("input", {
+        type: "checkbox",
+        class: h({
+          "top-forms-focusable": !t.disabled,
+          "top-forms-option": !0,
+          "top-checkbox_input": !0,
+          "top-error": t.isError && !t.disabled
+        }),
+        name: t.name,
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => o.value = i),
+        value: t.value,
+        indeterminate: t.indeterminate,
+        disabled: t.disabled
+      }, null, 10, Ie), [
+        [J, o.value]
+      ]),
+      t.$slots.default ? (u(), k(U, {
+        key: 0,
+        description: t.description,
+        disabled: t.disabled
+      }, {
+        default: B(() => [
+          $(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : y("", !0)
+    ], 2));
+  }
+}), je = {
+  "top-checkbox": "top-checkbox",
+  "top-checkbox_input": "top-checkbox_input",
+  "top-error": "top-error"
+}, Ye = {
+  $style: je
+}, Ut = /* @__PURE__ */ g(Ne, [["__cssModules", Ye]]), qe = ["title"], Ge = /* @__PURE__ */ v({
+  __name: "hint",
+  props: {
+    hint: {}
+  },
+  setup(s) {
+    return (e, a) => (u(), m("span", {
+      class: "top-hint",
+      "data-top-icon": "",
+      title: e.hint
+    }, null, 8, qe));
+  }
+}), Ke = {
+  "top-hint": "top-hint"
+}, Qe = {
+  $style: Ke
+}, Xe = /* @__PURE__ */ g(Ge, [["__cssModules", Qe]]), Je = ["data-top-icon", "data-top-icon2"], Ze = ["name", "title", "placeholder", "disabled", "readonly"], xe = ["onClick"], et = {
+  key: 1,
+  class: "top-formsCaption"
+}, tt = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "input",
+  props: {
+    modelValue: {},
+    name: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    title: {},
+    captionType: { default: "" },
+    size: { default: "s" },
+    icon: {},
+    icon2: {},
+    addCleaner: { type: Boolean },
+    isError: { type: Boolean },
+    modificator: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const a = s, n = e, o = b({
+      get() {
+        return a.modelValue;
+      },
+      set(i) {
+        n("update:modelValue", i);
+      }
+    }), t = b(() => a.addCleaner && !a.title || a.captionType !== "" ? "" : a.title), r = () => {
+      n("update:modelValue", "");
+    };
+    return (i, l) => (u(), m("label", {
+      class: h({
+        "top-input": !0,
+        ["top-size_" + i.size]: !0,
+        "top-disabled": i.disabled,
+        ["top-input-" + i.modificator]: !!i.modificator,
+        "top-input-withCleaner": i.addCleaner && o.value && o.value !== "0000-00-00",
+        "top-formsCaptionWrapper": i.captionType !== "",
+        "top-formsCaptionWrapper-always": i.captionType === "top"
+      }),
+      "data-top-icon": i.icon,
+      "data-top-icon2": i.icon2
+    }, [
+      M(w("input", D({
+        type: "text",
+        class: {
+          "top-input_input": !0,
+          ["top-input_input-" + i.modificator]: !!i.modificator,
+          "top-forms-focusable": !i.disabled,
+          "top-error": i.isError
+        },
+        autocomplete: "off_always",
+        name: i.name,
+        "onUpdate:modelValue": l[0] || (l[0] = (d) => o.value = d),
+        title: i.title,
+        placeholder: t.value,
+        disabled: i.disabled,
+        readonly: i.readonly,
+        onKeydown: l[1] || (l[1] = te(I(() => (i.addCleaner || !!i.$slots.btn) && r(), ["stop"]), ["esc"]))
+      }, i.$attrs), null, 16, Ze), [
+        [Z, o.value]
+      ]),
+      i.addCleaner && o.value && o.value !== "0000-00-00" ? (u(), m("span", {
+        key: 0,
+        class: "top-input_cleaner",
+        "data-top-icon": "",
+        onClick: I(r, ["prevent"])
+      }, null, 8, xe)) : y("", !0),
+      i.captionType !== "" ? (u(), m("span", et, _(i.title), 1)) : y("", !0),
+      $(i.$slots, "default")
+    ], 10, Je));
+  }
+}), ot = {
+  "top-input": "top-input",
+  "top-input_input": "top-input_input",
+  "top-input-withCleaner": "top-input-withCleaner",
+  "top-input_cleaner": "top-input_cleaner"
+}, at = {
+  $style: ot
+}, q = /* @__PURE__ */ g(tt, [["__cssModules", at]]), st = ["modelValue"], nt = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+let G = (s) => {
+};
+const it = /* @__PURE__ */ v({
+  __name: "inputDate",
+  props: {
+    modelValue: {},
+    name: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    title: {},
+    captionType: {},
+    size: {},
+    icon: {},
+    icon2: { default: "" },
+    addCleaner: { type: Boolean },
+    isError: { type: Boolean },
+    modificator: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const a = s, n = e, o = oe(), t = b({
+      get() {
+        return V.dateFormat(a.modelValue, 2, "0000-00-00");
+      },
+      set(d) {
+        d = V.dateUnformat(d, "0000-00-00"), n("update:modelValue", d);
+      }
+    });
+    let r = (d) => {
+      G(d);
+    }, i = (d) => {
+      const f = V.dateUnformat(d.target.value), c = V.dateFormat(f);
+      if (!c || c === p.L.Not_date || d.target.value !== c) {
+        d.target.value = t.value;
+        return;
+      }
+      t.value = d.target.value;
+    };
+    async function l(d) {
+      const f = await import("./datepicker-7f54fd80.es.js");
+      G = f.oninput;
+      const c = f.connectDatepicker(d.target, {
+        onSelect: () => i(d)
+      });
+      c && (c.datepicker("show"), ae(() => c.datepicker("destroy")));
+    }
+    return (d, f) => S(nt) ? (u(), k(S(q), D({ key: 0 }, d.$props, {
+      modelValue: t.value,
+      readonly: "",
+      onClick: f[1] || (f[1] = (c) => o.value.showPicker())
+    }), {
+      default: B(() => [
+        w("input", {
+          ref_key: "el",
+          ref: o,
+          type: "date",
+          class: "top-input_input-date",
+          modelValue: d.modelValue,
+          onChange: f[0] || (f[0] = (c) => t.value = c.target.value),
+          tabindex: "-1"
+        }, null, 40, st)
+      ]),
+      _: 1
+    }, 16, ["modelValue"])) : (u(), k(S(q), D({ key: 1 }, d.$props, {
+      modelValue: t.value,
+      "onUpdate:modelValue": f[2] || (f[2] = (c) => c === "" ? t.value = "" : ""),
+      onInput: S(r),
+      onFocusOnce: l,
+      onChange: S(i),
+      modificator: "datepicker"
+    }), null, 16, ["modelValue", "onInput", "onChange"]));
+  }
+}), lt = {
+  "top-input-datepicker": "top-input-datepicker",
+  "top-input_input-date": "top-input_input-date"
+}, rt = {
+  $style: lt
+}, Ht = /* @__PURE__ */ g(it, [["__cssModules", rt]]), dt = { class: "top-inputRange" }, pt = /* @__PURE__ */ w("span", { class: "top-inputRange_dash" }, " — ", -1), ut = /* @__PURE__ */ v({
+  __name: "inputRange",
+  setup(s) {
+    return (e, a) => (u(), m("div", dt, [
+      $(e.$slots, "from"),
+      pt,
+      $(e.$slots, "to")
+    ]));
+  }
+}), ct = {
+  "top-inputRange": "top-inputRange",
+  "top-inputRange_dash": "top-inputRange_dash",
+  "top-input": "top-input"
+}, mt = {
+  $style: ct
+}, It = /* @__PURE__ */ g(ut, [["__cssModules", mt]]), ft = ["name", "value", "disabled"], bt = /* @__PURE__ */ v({
+  __name: "radio",
+  props: {
+    modelValue: {},
+    value: {},
+    name: {},
+    description: {},
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const a = s, n = e, o = b({
+      get() {
+        return a.modelValue;
+      },
+      set(t) {
+        n("update:modelValue", t);
+      }
+    });
+    return (t, r) => (u(), m("label", {
+      class: h({
+        "top-forms-optionWrapper": !0,
+        "top-radio": !0,
+        ["top-radio_" + t.name]: t.name !== "",
+        "top-disabled": t.disabled,
+        "top-error": t.isError && !t.disabled
+      })
+    }, [
+      M(w("input", {
+        type: "radio",
+        class: h({
+          "top-forms-focusable": !t.disabled,
+          "top-forms-option": !0,
+          "top-radio_input": !0,
+          "top-error": t.isError && !t.disabled
+        }),
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => o.value = i),
+        name: t.name,
+        value: t.value,
+        disabled: t.disabled
+      }, null, 10, ft), [
+        [se, o.value]
+      ]),
+      t.$slots.default ? (u(), k(U, {
+        key: 0,
+        description: t.description,
+        disabled: t.disabled
+      }, {
+        default: B(() => [
+          $(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : y("", !0)
+    ], 2));
+  }
+}), ht = {
+  "top-radio": "top-radio",
+  "top-radio_input": "top-radio_input",
+  "top-error": "top-error"
+}, vt = {
+  $style: ht
+}, Nt = /* @__PURE__ */ g(bt, [["__cssModules", vt]]), gt = ["name", "value", "disabled"], yt = /* @__PURE__ */ v({
+  __name: "switcher",
+  props: {
+    modelValue: { type: [Boolean, Array, Set] },
+    name: {},
+    value: {},
+    description: {},
+    disabled: { type: Boolean },
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const a = s, n = e, o = b({
+      get() {
+        return a.modelValue;
+      },
+      set(t) {
+        n("update:modelValue", t);
+      }
+    });
+    return (t, r) => (u(), m("label", {
+      class: h({
+        "top-forms-optionWrapper": !0,
+        "top-checkboxSwitcher": !0,
+        "top-disabled": t.disabled,
+        "top-error": t.isError && !t.disabled
+      })
+    }, [
+      M(w("input", {
+        type: "checkbox",
+        class: h({
+          "top-forms-focusable": !t.disabled,
+          "top-forms-option": !0,
+          "top-checkboxSwitcher_input": !0,
+          "top-error": t.isError && !t.disabled
+        }),
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => o.value = i),
+        name: t.name,
+        value: t.value,
+        disabled: t.disabled
+      }, null, 10, gt), [
+        [J, o.value]
+      ]),
+      t.$slots.default ? (u(), k(U, {
+        key: 0,
+        description: t.description,
+        disabled: t.disabled
+      }, {
+        default: B(() => [
+          $(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["description", "disabled"])) : y("", !0)
+    ], 2));
+  }
+}), wt = {
+  "top-checkboxSwitcher": "top-checkboxSwitcher",
+  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
+  "top-error": "top-error"
+}, $t = {
+  $style: wt
+}, jt = /* @__PURE__ */ g(yt, [["__cssModules", $t]]), _t = ["name", "placeholder", "disabled", "readonly", "rows"], kt = {
+  key: 0,
+  class: "top-textarea_pseudoContent"
+}, Mt = /* @__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(s, { emit: e }) {
+    X((t) => ({
+      c35baa86: t.minHeight + "px"
+    }));
+    const a = s, n = e, o = b({
+      get() {
+        return a.modelValue;
+      },
+      set(t) {
+        n("update:modelValue", t);
+      }
+    });
+    return (t, r) => {
+      const i = ne("top-tooltip");
+      return u(), m("label", {
+        class: h({
+          "top-textarea": !0,
+          ["top-textarea-" + t.name]: t.name,
+          "top-disabled": t.disabled
+        })
+      }, [
+        M(w("textarea", D({
+          type: "text",
+          class: {
+            "top-forms-focusable": !t.disabled,
+            "top-textarea_textarea": !0,
+            "top-textarea_textarea-expandable": t.expandable,
+            "top-error": t.isError
+          },
+          autocomplete: "off_always",
+          name: t.name,
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          readonly: t.readonly,
+          rows: t.expandable ? void 0 : t.rows
+        }, t.$attrs, {
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l)
+        }), null, 16, _t), [
+          [Z, o.value]
+        ]),
+        t.expandable ? (u(), m("div", kt, _(o.value + " "), 1)) : y("", !0),
+        t.hint ? M((u(), k(Xe, {
+          key: 1,
+          class: "top-textarea_hint",
+          hint: t.hint
+        }, null, 8, ["hint"])), [
+          [i]
+        ]) : y("", !0)
+      ], 2);
+    };
+  }
+}), St = {
+  "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"
+}, Vt = {
+  $style: St
+}, Yt = /* @__PURE__ */ g(Mt, [["__cssModules", Vt]]), Bt = ["data-value", "data-top-icon", "data-top-icon2"], Et = ["name", "disabled"], zt = ["label", "disabled"], Lt = ["value", "selected", "disabled"], Dt = ["value", "selected", "disabled"], Ct = {
+  key: 1,
+  class: "top-formsCaption"
+}, Rt = /* @__PURE__ */ v({
+  __name: "select",
+  props: {
+    modelValue: {},
+    options: {},
+    name: {},
+    disabled: { type: Boolean },
+    icon: {},
+    size: { default: "s" },
+    addChanger: { type: Boolean },
+    title: {},
+    isError: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const a = s, n = e, o = b({
+      get() {
+        return a.modelValue;
+      },
+      set(l) {
+        n("update:modelValue", l);
+      }
+    }), t = b(() => {
+      var l;
+      return (l = r.value.get(o.value)) == null ? void 0 : l.icon;
+    }), r = b(() => {
+      const l = /* @__PURE__ */ new Map();
+      return a.options.forEach((d) => {
+        if (!d.disabled) {
+          if (d.children) {
+            d.children.forEach((f) => {
+              f.disabled || l.set(f.value, f);
+            });
+            return;
+          }
+          l.set(d.value, d);
+        }
+      }), l;
+    });
+    ie([
+      le(a.modelValue),
+      r
+    ], () => {
+      (o.value === null || o.value === void 0) && r.value.size && (console.warn("Пожалуйста, не передавайте в компонент Select значения null и undefined"), o.value = r.value.keys().next().value);
+    }, { immediate: !0 });
+    const i = () => {
+      const l = [...r.value.keys()], f = (l.indexOf(o.value) + 1) % l.length;
+      o.value = l[f];
+    };
+    return (l, d) => (u(), m("label", {
+      class: h({
+        "top-select": !0,
+        ["top-select-" + l.name]: l.name,
+        ["top-size_" + l.size]: !0,
+        "top-formsCaptionWrapper": !!l.title,
+        "top-select-error": l.isError,
+        "top-disabled": l.disabled
+      }),
+      "data-value": o.value,
+      "data-top-icon": l.icon,
+      "data-top-icon2": t.value
+    }, [
+      M(w("select", {
+        class: h({
+          "top-forms-focusable": !l.disabled,
+          "top-select_select": !0,
+          "top-select_arrow": !0,
+          "top-error": l.isError
+        }),
+        name: l.name,
+        disabled: l.disabled,
+        "onUpdate:modelValue": d[0] || (d[0] = (f) => o.value = f)
+      }, [
+        (u(!0), m(F, null, N(l.options.entries(), ([f, c]) => (u(), m(F, null, [
+          c.children ? (u(), m("optgroup", {
+            key: "group_" + c.value,
+            label: c.title,
+            disabled: c.disabled
+          }, [
+            (u(!0), m(F, null, N(c.children.entries(), ([At, E]) => (u(), m("option", {
+              key: c.value,
+              value: E.value,
+              selected: E.value === o.value,
+              disabled: E.disabled
+            }, _(E.title), 9, Lt))), 128))
+          ], 8, zt)) : (u(), m("option", {
+            key: c.value,
+            value: c.value,
+            selected: c.value === o.value,
+            disabled: c.disabled
+          }, _(c.title), 9, Dt))
+        ], 64))), 256))
+      ], 10, Et), [
+        [re, o.value]
+      ]),
+      l.addChanger && r.value.size && !l.disabled ? (u(), m("span", {
+        key: 0,
+        class: "top-changer",
+        onClick: i
+      })) : y("", !0),
+      l.title ? (u(), m("span", Ct, _(l.title), 1)) : y("", !0)
+    ], 10, Bt));
+  }
+}), Ft = {
+  "top-select": "top-select",
+  "top-select-error": "top-select-error",
+  "top-select_select": "top-select_select",
+  "top-changer": "top-changer"
+}, Tt = {
+  $style: Ft
+}, qt = /* @__PURE__ */ g(Rt, [["__cssModules", Tt]]);
+export {
+  Wt as B,
+  p as C,
+  ge as D,
+  ke as E,
+  Xe as H,
+  q as I,
+  Yt as T,
+  V as U,
+  g as _,
+  T as a,
+  Pt as b,
+  Ut as c,
+  U as d,
+  It as e,
+  qt as f,
+  Ht as i,
+  Nt as r,
+  jt as s
+};
+//# sourceMappingURL=forms-7f061546.es.js.map