@topvisor/ui 0.0.35 → 0.0.37

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

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