@topvisor/ui 0.0.18 → 0.0.33

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

@@ -0,0 +1,935 @@
+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