@topvisor/ui 0.0.34 → 0.0.35

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

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