@topvisor/ui 0.9.2 → 0.9.3

package/.chunks/forms-9516aa6c.es.js

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