@topvisor/ui 0.0.43 → 0.9.2

package/.chunks/forms-64632f73.es.js

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