@topvisor/ui 0.0.43 → 0.9.2

package/.chunks/forms-727cc6aa.es.js

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