@topvisor/ui 0.9.26-dev → 0.9.27-dev

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

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