@topvisor/ui 0.0.37 → 0.0.38

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

@@ -1,962 +0,0 @@
-import { reactive as P, defineComponent as f, computed as b, openBlock as p, createBlock as k, resolveDynamicComponent as X, normalizeClass as h, withCtx as V, renderSlot as w, createTextVNode as q, toDisplayString as $, createElementBlock as m, createElementVNode as g, createCommentVNode as y, withDirectives as _, vModelCheckbox as K, mergeProps as L, withKeys as J, withModifiers as U, vModelText as Q, ref as Z, unref as M, 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 ne } from "vue";
-class R {
-  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 ie = 100;
-let H;
-const A = /* @__PURE__ */ new Map(), z = {
-  width: window.innerWidth,
-  height: window.innerHeight
-};
-function le(i) {
-  A.set(i, i);
-}
-function re(i) {
-  A.delete(i);
-}
-function de(i) {
-  clearTimeout(H), H = setTimeout(function() {
-    i.topEvent = {
-      widthDiff: z.width - window.innerWidth,
-      hightDiff: z.height - window.innerHeight
-    }, z.width = window.innerWidth, z.height = window.innerHeight, A.forEach((t) => t(i));
-  }, ie);
-}
-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, T = (i) => {
-  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(i);
-}, I = (i, t) => {
-  var o;
-  const a = i.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(i, t, a) {
-    var o;
-    (o = T(i)) == null || o.tooltip(I(t, a));
-  },
-  updated(i, t, a, o) {
-    var s;
-    const e = I(t, a), l = (s = T(i)) == null ? void 0 : s.tooltip("instance");
-    l && (l.options = {
-      ...l.options,
-      ...e
-    });
-  },
-  unmounted(i, t, a) {
-    var o;
-    (o = T(i)) == null || o.tooltip("destroy");
-  }
-}, C = window;
-class d {
-  /**
-   * Настройки словаря
-   */
-  static L = P({
-    Not_date: "Not date"
-  });
-  static page = (C == null ? void 0 : C.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 = R.isMobile(), d.state.isRetina = R.isRetina(), d.state.isApp = R.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(), n = o.getHours().toString().padStart(2, "0"), r = o.getMinutes().toString().padStart(2, "0"), u = o.getSeconds().toString().padStart(2, "0");
-    return o = s + "-" + l + "-" + e + " " + n + ":" + r + ":" + u, 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 n = 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:
-          n += " " + t.substring(11, 13);
-          break;
-        case 2:
-          n += " " + t.substring(11, 16);
-          break;
-        case 3:
-          n += " " + t.substring(11, 19);
-          break;
-      }
-    return n;
-  }
-  /**
-   * Перевод даты из формата пользователя в системный формат
-   * @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 = "", n = "", r = "";
-    l.forEach((c, S) => {
-      switch (c) {
-        case "d":
-          s = e[S];
-          break;
-        case "m":
-          n = e[S];
-          break;
-        case "y":
-          r = e[S];
-          break;
-      }
-    });
-    let u = r + "-" + n + "-" + s;
-    return u.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + u), u = this.ms2Date((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), u;
-  }
-}
-const be = /* @__PURE__ */ f({
-  __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(i) {
-    const t = i, a = b(() => t.href ? "a" : "button"), o = b(() => t.isSubmit ? "submit" : void 0);
-    return (e, l) => (p(), k(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: V(() => [
-        w(e.$slots, "default", {}, () => [
-          q($(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"
-}, v = (i, t) => {
-  const a = i.__vccOpts || i;
-  for (const [o, e] of t)
-    a[o] = e;
-  return a;
-}, ve = {
-  $style: fe
-}, yt = /* @__PURE__ */ v(be, [["__cssModules", ve]]), ye = { class: "top-forms-optionLabel" }, ge = {
-  key: 0,
-  class: "top-forms-optionLabel_description"
-}, we = /* @__PURE__ */ f({
-  __name: "controlLabel",
-  props: {
-    description: {},
-    disabled: { type: Boolean }
-  },
-  setup(i) {
-    return (t, a) => (p(), m("div", ye, [
-      g("div", {
-        class: h({
-          "top-forms-optionLabel_title": !0,
-          "top-forms-optionLabel_title-disabled": t.disabled
-        })
-      }, [
-        w(t.$slots, "default")
-      ], 2),
-      t.description ? (p(), m("div", ge, $(t.description), 1)) : y("", !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__ */ v(we, [["__cssModules", ke]]), _e = ["name", "value", "indeterminate", "disabled"], Me = /* @__PURE__ */ f({
-  __name: "checkbox",
-  props: {
-    modelValue: { type: [Boolean, Array, Set] },
-    name: {},
-    value: {},
-    description: {},
-    disabled: { type: Boolean },
-    indeterminate: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: t }) {
-    const a = i, o = b({
-      get() {
-        return a.modelValue;
-      },
-      set(e) {
-        t("update:modelValue", e);
-      }
-    });
-    return (e, l) => (p(), 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
-      })
-    }, [
-      _(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, _e), [
-        [K, o.value]
-      ]),
-      e.$slots.default ? (p(), k(W, {
-        key: 0,
-        description: e.description,
-        disabled: e.disabled
-      }, {
-        default: V(() => [
-          w(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["description", "disabled"])) : y("", !0)
-    ], 2));
-  }
-}), Ve = {
-  "top-checkbox": "top-checkbox",
-  "top-checkbox_input": "top-checkbox_input",
-  "top-error": "top-error"
-}, Se = {
-  $style: Ve
-}, gt = /* @__PURE__ */ v(Me, [["__cssModules", Se]]), Be = ["title"], ze = /* @__PURE__ */ f({
-  __name: "hint",
-  props: {
-    hint: {}
-  },
-  setup(i) {
-    return (t, a) => (p(), m("span", {
-      class: "top-hint",
-      "data-top-icon": "",
-      title: t.hint
-    }, null, 8, Be));
-  }
-}), Ee = {
-  "top-hint": "top-hint"
-}, Fe = {
-  $style: Ee
-}, Le = /* @__PURE__ */ v(ze, [["__cssModules", Fe]]), De = ["data-top-icon", "data-top-icon2"], Re = ["name", "title", "placeholder", "disabled", "readonly"], Te = ["onClick"], Ce = {
-  key: 1,
-  class: "top-formsCaption"
-}, Ae = /* @__PURE__ */ f({
-  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(i, { emit: t }) {
-    const a = i, 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, n) => (p(), 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
-    }, [
-      _(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": n[0] || (n[0] = (r) => o.value = r),
-        title: s.title,
-        placeholder: e.value,
-        disabled: s.disabled,
-        readonly: s.readonly,
-        onKeydown: n[1] || (n[1] = J(U(() => (s.addCleaner || !!s.$slots.btn) && l(), ["stop"]), ["esc"]))
-      }, s.$attrs), null, 16, Re), [
-        [Q, o.value]
-      ]),
-      s.addCleaner && o.value && o.value !== "0000-00-00" ? (p(), m("span", {
-        key: 0,
-        class: "top-input_cleaner",
-        "data-top-icon": "",
-        onClick: U(l, ["prevent"])
-      }, null, 8, Te)) : y("", !0),
-      s.captionType !== "" ? (p(), m("span", Ce, $(s.title), 1)) : y("", !0),
-      w(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__ */ v(Ae, [["__cssModules", Pe]]), Ue = ["modelValue"], Ne = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
-let j = (i) => {
-};
-const He = /* @__PURE__ */ f({
-  __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(i, { emit: t }) {
-    const a = i, 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 u = F.dateUnformat(r.target.value), c = F.dateFormat(u);
-      if (!c || c === d.L.Not_date || r.target.value !== c) {
-        r.target.value = e.value;
-        return;
-      }
-      e.value = r.target.value;
-    };
-    async function n(r) {
-      const u = await import("./datepicker-6d57a408.es.js");
-      j = u.oninput;
-      const c = u.connectDatepicker(r.target, {
-        onSelect: () => s(r)
-      });
-      c && (c.datepicker("show"), x(() => c.datepicker("destroy")));
-    }
-    return (r, u) => M(Ne) ? (p(), k(M(O), L({ key: 0 }, r.$props, {
-      modelValue: e.value,
-      readonly: "",
-      onClick: u[1] || (u[1] = (c) => o.value.showPicker())
-    }), {
-      default: V(() => [
-        g("input", {
-          ref_key: "el",
-          ref: o,
-          type: "date",
-          class: "top-input_input-date",
-          modelValue: r.modelValue,
-          onChange: u[0] || (u[0] = (c) => e.value = c.target.value),
-          tabindex: "-1"
-        }, null, 40, Ue)
-      ]),
-      _: 1
-    }, 16, ["modelValue"])) : (p(), k(M(O), L({ key: 1 }, r.$props, {
-      modelValue: e.value,
-      "onUpdate:modelValue": u[2] || (u[2] = (c) => c === "" ? e.value = "" : ""),
-      onInput: M(l),
-      onFocusOnce: n,
-      onChange: M(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
-}, wt = /* @__PURE__ */ v(He, [["__cssModules", Oe]]), je = { class: "top-inputRange" }, Ye = /* @__PURE__ */ g("span", { class: "top-inputRange_dash" }, " — ", -1), Ge = /* @__PURE__ */ f({
-  __name: "inputRange",
-  setup(i) {
-    return (t, a) => (p(), m("div", je, [
-      w(t.$slots, "from"),
-      Ye,
-      w(t.$slots, "to")
-    ]));
-  }
-}), Ke = {
-  "top-inputRange": "top-inputRange",
-  "top-inputRange_dash": "top-inputRange_dash",
-  "top-input": "top-input"
-}, Qe = {
-  $style: Ke
-}, $t = /* @__PURE__ */ v(Ge, [["__cssModules", Qe]]), Xe = ["name", "value", "disabled"], qe = /* @__PURE__ */ f({
-  __name: "radio",
-  props: {
-    modelValue: {},
-    value: {},
-    name: {},
-    description: {},
-    disabled: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: t }) {
-    const a = i, o = b({
-      get() {
-        return a.modelValue;
-      },
-      set(e) {
-        t("update:modelValue", e);
-      }
-    });
-    return (e, l) => (p(), 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
-      })
-    }, [
-      _(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, Xe), [
-        [ee, o.value]
-      ]),
-      e.$slots.default ? (p(), k(W, {
-        key: 0,
-        description: e.description,
-        disabled: e.disabled
-      }, {
-        default: V(() => [
-          w(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["description", "disabled"])) : y("", !0)
-    ], 2));
-  }
-}), Je = {
-  "top-radio": "top-radio",
-  "top-radio_input": "top-radio_input",
-  "top-error": "top-error"
-}, Ze = {
-  $style: Je
-}, kt = /* @__PURE__ */ v(qe, [["__cssModules", Ze]]), xe = ["name", "value", "disabled"], et = /* @__PURE__ */ f({
-  __name: "switcher",
-  props: {
-    modelValue: { type: [Boolean, Array, Set] },
-    name: {},
-    value: {},
-    description: {},
-    disabled: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: t }) {
-    const a = i, o = b({
-      get() {
-        return a.modelValue;
-      },
-      set(e) {
-        t("update:modelValue", e);
-      }
-    });
-    return (e, l) => (p(), m("label", {
-      class: h({
-        "top-forms-optionWrapper": !0,
-        "top-checkboxSwitcher": !0,
-        "top-disabled": e.disabled,
-        "top-error": e.isError && !e.disabled
-      })
-    }, [
-      _(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, xe), [
-        [K, o.value]
-      ]),
-      e.$slots.default ? (p(), k(W, {
-        key: 0,
-        description: e.description,
-        disabled: e.disabled
-      }, {
-        default: V(() => [
-          w(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["description", "disabled"])) : y("", !0)
-    ], 2));
-  }
-}), tt = {
-  "top-checkboxSwitcher": "top-checkboxSwitcher",
-  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
-  "top-error": "top-error"
-}, ot = {
-  $style: tt
-}, _t = /* @__PURE__ */ v(et, [["__cssModules", ot]]), at = ["name", "placeholder", "disabled", "readonly", "rows"], st = {
-  key: 0,
-  class: "top-textarea_pseudoContent"
-}, nt = /* @__PURE__ */ f({
-  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(i, { emit: t }) {
-    const a = i;
-    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 p(), m("label", {
-        class: h({
-          "top-textarea": !0,
-          ["top-textarea-" + e.name]: e.name,
-          "top-disabled": e.disabled
-        })
-      }, [
-        _(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] = (n) => o.value = n)
-        }), null, 16, at), [
-          [Q, o.value]
-        ]),
-        e.expandable ? (p(), m("div", st, $(o.value + " "), 1)) : y("", !0),
-        e.hint ? _((p(), k(Le, {
-          key: 1,
-          class: "top-textarea_hint",
-          hint: e.hint
-        }, null, 8, ["hint"])), [
-          [s]
-        ]) : y("", !0)
-      ], 2);
-    };
-  }
-}), it = {
-  "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"
-}, lt = {
-  $style: it
-}, Mt = /* @__PURE__ */ v(nt, [["__cssModules", lt]]), rt = ["data-value", "data-top-icon", "data-top-icon2"], dt = ["name", "disabled"], pt = ["label", "disabled"], ut = ["value", "selected", "disabled"], ct = ["value", "selected", "disabled"], mt = {
-  key: 1,
-  class: "top-formsCaption"
-}, bt = /* @__PURE__ */ f({
-  __name: "select",
-  props: {
-    modelValue: {},
-    options: {},
-    name: {},
-    disabled: { type: Boolean },
-    icon: {},
-    size: { default: "s" },
-    addChanger: { type: Boolean },
-    title: {},
-    isError: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: t }) {
-    const a = i, o = b({
-      get() {
-        return a.modelValue;
-      },
-      set(n) {
-        t("update:modelValue", n);
-      }
-    }), e = b(() => {
-      var n;
-      return (n = l.value.get(o.value)) == null ? void 0 : n.icon;
-    }), l = b(() => {
-      const n = /* @__PURE__ */ new Map();
-      return a.options.forEach((r) => {
-        if (!r.disabled) {
-          if (r.children) {
-            r.children.forEach((u) => {
-              u.disabled || n.set(u.value, u);
-            });
-            return;
-          }
-          n.set(r.value, r);
-        }
-      }), n;
-    });
-    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 n = [...l.value.keys()], u = (n.indexOf(o.value) + 1) % n.length;
-      o.value = n[u];
-    };
-    return (n, r) => (p(), m("label", {
-      class: h({
-        "top-select": !0,
-        ["top-select-" + n.name]: n.name,
-        ["top-size_" + n.size]: !0,
-        "top-formsCaptionWrapper": !!n.title,
-        "top-select-error": n.isError,
-        "top-disabled": n.disabled
-      }),
-      "data-value": o.value,
-      "data-top-icon": n.icon,
-      "data-top-icon2": e.value
-    }, [
-      _(g("select", {
-        class: h({
-          "top-forms-focusable": !n.disabled,
-          "top-select_select": !0,
-          "top-select_arrow": !0,
-          "top-error": n.isError
-        }),
-        name: n.name,
-        disabled: n.disabled,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => o.value = u)
-      }, [
-        (p(!0), m(D, null, N(n.options.entries(), ([u, c]) => (p(), m(D, null, [
-          c.children ? (p(), m("optgroup", {
-            key: "group_" + c.value,
-            label: c.title,
-            disabled: c.disabled
-          }, [
-            (p(!0), m(D, null, N(c.children.entries(), ([S, B]) => (p(), m("option", {
-              key: c.value,
-              value: B.value,
-              selected: B.value === o.value,
-              disabled: B.disabled
-            }, $(B.title), 9, ut))), 128))
-          ], 8, pt)) : (p(), m("option", {
-            key: c.value,
-            value: c.value,
-            selected: c.value === o.value,
-            disabled: c.disabled
-          }, $(c.title), 9, ct))
-        ], 64))), 256))
-      ], 10, dt), [
-        [ne, o.value]
-      ]),
-      n.addChanger && l.value.size && !n.disabled ? (p(), m("span", {
-        key: 0,
-        class: "top-changer",
-        onClick: s
-      })) : y("", !0),
-      n.title ? (p(), m("span", mt, $(n.title), 1)) : y("", !0)
-    ], 10, rt));
-  }
-}), ht = {
-  "top-select": "top-select",
-  "top-select-error": "top-select-error",
-  "top-select_select": "top-select_select",
-  "top-changer": "top-changer"
-}, ft = {
-  $style: ht
-}, Vt = /* @__PURE__ */ v(bt, [["__cssModules", ft]]);
-export {
-  yt as B,
-  d as C,
-  R as D,
-  pe as E,
-  Le as H,
-  O as I,
-  Mt as T,
-  F as U,
-  v as _,
-  W as a,
-  $t as b,
-  gt as c,
-  Vt as d,
-  wt as i,
-  kt as r,
-  _t as s
-};
-//# sourceMappingURL=forms-7be951a7.es.js.map