@topvisor/ui 0.0.33 → 0.0.35

package/.chunks/forms-6c397f5a.es.js

@@ -1,935 +0,0 @@
-import { reactive as R, defineComponent as y, computed as b, openBlock as u, createBlock as k, resolveDynamicComponent as X, normalizeClass as h, withCtx as Y, renderSlot as G, createTextVNode as q, toDisplayString as g, createElementBlock as m, createElementVNode as w, createCommentVNode as f, withDirectives as $, vModelCheckbox as K, mergeProps as z, withKeys as J, withModifiers as W, 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 F, renderList as P, vModelSelect as ie } from "vue";
-class L {
-  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 U;
-const C = /* @__PURE__ */ new Map(), S = {
-  width: window.innerWidth,
-  height: window.innerHeight
-};
-function le(n) {
-  C.set(n, n);
-}
-function re(n) {
-  C.delete(n);
-}
-function de(n) {
-  clearTimeout(U), U = setTimeout(function() {
-    n.topEvent = {
-      widthDiff: S.width - window.innerWidth,
-      hightDiff: S.height - window.innerHeight
-    }, S.width = window.innerWidth, S.height = window.innerHeight, C.forEach((t) => t(n));
-  }, ne);
-}
-window.addEventListener("resize", de);
-const pe = {
-  addOnReize: le,
-  removeOnResize: re
-};
-var O;
-const ue = {
-  widthForMobile: 900,
-  dateFormat: "Y-m-d",
-  /**
-   * Для Москвы: +0300
-   */
-  gmt: (O = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : O[1]
-};
-var j;
-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: (j = (/* @__PURE__ */ new Date()).toString().match(/GMT(\S+)/)) == null ? void 0 : j[1]
-}, _ = window, D = (n) => {
-  var t, a;
-  if (!((a = (t = _ == null ? void 0 : _.jQuery) == null ? void 0 : t.ui) != null && a.tooltip)) {
-    console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");
-    return;
-  }
-  return _.jQuery(n);
-}, N = (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 = D(n)) == null || o.tooltip(N(t, a));
-  },
-  updated(n, t, a, o) {
-    var s;
-    const e = N(t, a), l = (s = D(n)) == null ? void 0 : s.tooltip("instance");
-    l && (l.options = {
-      ...l.options,
-      ...e
-    });
-  },
-  unmounted(n, t, a) {
-    var o;
-    (o = D(n)) == null || o.tooltip("destroy");
-  }
-}, T = window;
-class d {
-  /**
-   * Настройки словаря
-   */
-  static L = R({
-    Not_date: "Not date"
-  });
-  static page = (T == null ? void 0 : T.page) || {};
-  static options = ue;
-  static state = R({ ...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 = L.isMobile(), d.state.isRetina = L.isRetina(), d.state.isApp = L.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 B {
-  /**
-   * Получить объект 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, M) => {
-      switch (c) {
-        case "d":
-          s = e[M];
-          break;
-        case "m":
-          i = e[M];
-          break;
-        case "y":
-          r = e[M];
-          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__ */ y({
-  __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(), 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: Y(() => [
-        G(e.$slots, "default", {}, () => [
-          q(g(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 = (n, t) => {
-  const a = n.__vccOpts || n;
-  for (const [o, e] of t)
-    a[o] = e;
-  return a;
-}, ye = {
-  $style: fe
-}, mt = /* @__PURE__ */ v(be, [["__cssModules", ye]]), ve = { class: "top-forms-optionLabel" }, ge = {
-  key: 0,
-  class: "top-forms-optionLabel_description"
-}, we = /* @__PURE__ */ y({
-  __name: "controlLabel",
-  props: {
-    title: {},
-    description: {},
-    disabled: { type: Boolean }
-  },
-  setup(n) {
-    return (t, a) => (u(), m("div", ve, [
-      w("div", {
-        class: h({
-          "top-forms-optionLabel_title": !0,
-          "top-forms-optionLabel_title-disabled": t.disabled
-        })
-      }, g(t.title), 3),
-      t.description ? (u(), m("div", ge, g(t.description), 1)) : f("", !0)
-    ]));
-  }
-}), ke = {
-  "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"
-}, $e = {
-  $style: ke
-}, A = /* @__PURE__ */ v(we, [["__cssModules", $e]]), Me = ["name", "value", "indeterminate", "disabled"], Ve = /* @__PURE__ */ y({
-  __name: "checkbox",
-  props: {
-    modelValue: { type: [Boolean, Array, Set] },
-    name: {},
-    value: {},
-    title: {},
-    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
-      })
-    }, [
-      $(w("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.title ? (u(), k(A, {
-        key: 0,
-        title: e.title,
-        description: e.description,
-        disabled: e.disabled
-      }, null, 8, ["title", "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__ */ v(Ve, [["__cssModules", _e]]), Be = ["title"], ze = /* @__PURE__ */ y({
-  __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__ */ v(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__ */ y({
-  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
-    }, [
-      $(w("input", z({
-        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(W(() => (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: W(l, ["prevent"])
-      }, null, 8, Ce)) : f("", !0),
-      s.captionType !== "" ? (u(), m("span", Ae, g(s.title), 1)) : f("", !0),
-      G(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
-}, H = /* @__PURE__ */ v(Re, [["__cssModules", Pe]]), Ue = ["modelValue"], Ne = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
-let I = (n) => {
-};
-const He = /* @__PURE__ */ y({
-  __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 B.dateFormat(a.modelValue, 2, "0000-00-00");
-      },
-      set(r) {
-        r = B.dateUnformat(r, "0000-00-00"), t("update:modelValue", r);
-      }
-    });
-    let l = (r) => {
-      I(r);
-    }, s = (r) => {
-      const p = B.dateUnformat(r.target.value), c = B.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-48f2fa8d.es.js");
-      I = 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(), k(V(H), z({ key: 0 }, r.$props, {
-      modelValue: e.value,
-      readonly: "",
-      onClick: p[1] || (p[1] = (c) => o.value.showPicker())
-    }), {
-      default: Y(() => [
-        w("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(), k(V(H), z({ 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__ */ v(He, [["__cssModules", Oe]]), je = ["name", "value", "disabled"], Ye = /* @__PURE__ */ y({
-  __name: "radio",
-  props: {
-    modelValue: {},
-    value: {},
-    name: {},
-    title: {},
-    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
-      })
-    }, [
-      $(w("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.title ? (u(), k(A, {
-        key: 0,
-        title: e.title,
-        description: e.description,
-        disabled: e.disabled
-      }, null, 8, ["title", "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__ */ v(Ye, [["__cssModules", Ke]]), Qe = ["name", "value", "disabled"], Xe = /* @__PURE__ */ y({
-  __name: "switcher",
-  props: {
-    modelValue: { type: [Boolean, Array, Set] },
-    name: {},
-    value: {},
-    title: {},
-    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
-      })
-    }, [
-      $(w("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.title ? (u(), k(A, {
-        key: 0,
-        title: e.title,
-        description: e.description,
-        disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : f("", !0)
-    ], 2));
-  }
-}), qe = {
-  "top-checkboxSwitcher": "top-checkboxSwitcher",
-  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
-  "top-error": "top-error"
-}, Je = {
-  $style: qe
-}, yt = /* @__PURE__ */ v(Xe, [["__cssModules", Je]]), Ze = ["name", "placeholder", "disabled", "readonly", "rows"], xe = {
-  key: 0,
-  class: "top-textarea_pseudoContent"
-}, et = /* @__PURE__ */ y({
-  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
-        })
-      }, [
-        $(w("textarea", z({
-          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, g(o.value + " "), 1)) : f("", !0),
-        e.hint ? $((u(), k(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
-}, vt = /* @__PURE__ */ v(et, [["__cssModules", ot]]), at = ["data-value", "data-top-icon", "data-top-icon2"], st = ["name", "disabled"], it = ["label", "disabled"], nt = ["value", "disabled"], lt = ["value", "disabled", "selected"], rt = {
-  key: 1,
-  class: "top-formsCaption"
-}, dt = /* @__PURE__ */ y({
-  __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
-    }, [
-      $(w("select", {
-        class: h({
-          "top-forms-focusable": !i.disabled,
-          "top-select_select": !0,
-          "top-select_arrow": !0,
-          "top-error": i.isError
-        }),
-        name: i.name,
-        disabled: i.disabled,
-        "onUpdate:modelValue": r[0] || (r[0] = (p) => o.value = p)
-      }, [
-        (u(!0), m(F, null, P(i.options, ([p, c]) => (u(), m(F, null, [
-          c.children ? (u(), m("optgroup", {
-            key: "group_" + c.value,
-            label: c.title,
-            disabled: c.disabled
-          }, [
-            (u(!0), m(F, null, P(c.children, ([M, E]) => (u(), m("option", {
-              key: M,
-              value: E.value,
-              disabled: E.disabled
-            }, g(E.title), 9, nt))), 128))
-          ], 8, it)) : (u(), m("option", {
-            key: p,
-            value: c.value,
-            disabled: c.disabled,
-            selected: c.value === o.value
-          }, g(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-select_changer",
-        onClick: s
-      })) : f("", !0),
-      i.title ? (u(), m("span", rt, g(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-select_changer": "top-select_changer"
-}, ut = {
-  $style: pt
-}, gt = /* @__PURE__ */ v(dt, [["__cssModules", ut]]);
-export {
-  mt as B,
-  d as C,
-  L as D,
-  pe as E,
-  Le as H,
-  H as I,
-  vt as T,
-  B as U,
-  v as _,
-  A as a,
-  gt as b,
-  bt as c,
-  ht as i,
-  ft as r,
-  yt as s
-};
-//# sourceMappingURL=forms-6c397f5a.es.js.map