@topvisor/ui 0.0.16 → 0.0.17

package/.chunks/core-c3afa109.es.js

@@ -1,121 +0,0 @@
-var p = Object.defineProperty;
-var m = (t, e, n) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var o = (t, e, n) => (m(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { reactive as M } from "vue";
-import w from "../utils/device.js";
-const f = 100;
-let r;
-const h = /* @__PURE__ */ new Map(), s = {
-  width: window.innerWidth,
-  height: window.innerHeight
-};
-function b(t) {
-  h.set(t, t);
-}
-function z(t) {
-  h.delete(t);
-}
-function R(t) {
-  clearTimeout(r), r = setTimeout(function() {
-    t.topEvent = {
-      widthDiff: s.width - window.innerWidth,
-      hightDiff: s.height - window.innerHeight
-    }, s.width = window.innerWidth, s.height = window.innerHeight, h.forEach((e) => e(t));
-  }, f);
-}
-window.addEventListener("resize", R);
-const g = {
-  addOnReize: b,
-  removeOnResize: z
-}, u = {
-  widthForMobile: 900
-}, v = {
-  /**
-   * 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
-}, c = window, i = class i {
-  /**
-   * Добавить на страницу стили, используется для загрузки стилей из js
-   *
-   * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
-   * @param style - css стили в строке
-   * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile
-   */
-  static appendStyle(e, n) {
-    let a = "all";
-    n === "m" && (a = "(max-width: " + this.options.widthForMobile + "px)"), n === "pc" && (a = "(min-width: " + this.options.widthForMobile + "px)");
-    const d = document.createElement("style");
-    d.innerHTML = e, d.media = a, document.head.append(d);
-  }
-  /**
-   * Установить как плагин в прилоежнии Vue
-   * Core.state является общим для всех приложений Vue на странице
-   * Core.options является общим для всех приложений Vue на странице
-   * @param app - Vue App
-   * @param {typeof options} options - параметры UI
-   */
-  static install(e, n) {
-    i.defineOptions(n), e.provide("top-core", i);
-  }
-  /**
-   * Установить конфигурацию UI
-   * @param {typeof options} options
-   */
-  static defineOptions(e) {
-    e.widthForMobile && (this.options.widthForMobile = e.widthForMobile), i.setState();
-  }
-  static setState() {
-    i.matchMediaIsMobile = window.matchMedia(`(max-width: ${i.options.widthForMobile}px)`), i.state.isMobileUA = w.isMobile(), i.state.isRetina = w.isRetina(), i.state.isApp = w.isApp(), i.setStateByWindowSize(), g.addOnReize(i.onResize), i.onResize(), i.saveToCookie();
-  }
-  static onResize() {
-    i.setStateByWindowSize(), document.documentElement.style.setProperty("--100vh", window.innerHeight + "px");
-  }
-  static setStateByWindowSize() {
-    var e;
-    i.state.isMobile = !!((e = i.matchMediaIsMobile) != null && e.matches), i.state.isLandscape = window.innerWidth > window.innerHeight, i.state.isPortrait = !i.state.isLandscape, i.state.size = window.innerWidth > window.innerHeight ? window.innerWidth : window.innerHeight, i.saveToCookie();
-  }
-  /**
-   * Сохранить информацию об устройстве в cookie
-   */
-  static saveToCookie() {
-    const e = [
-      1,
-      window.innerWidth,
-      window.innerHeight,
-      window.devicePixelRatio,
-      Number(i.state.isMobile),
-      Number(i.state.isRetina)
-    ];
-    document.cookie = "device=" + e.join(",") + "; path=/;";
-  }
-};
-o(i, "page", (c == null ? void 0 : c.page) || {}), o(i, "options", u), o(i, "state", M({ ...v })), o(i, "matchMediaIsMobile");
-let l = i;
-export {
-  l as C,
-  g as E
-};
-//# sourceMappingURL=core-c3afa109.es.js.map

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

@@ -1,436 +0,0 @@
-import { defineComponent as d, computed as y, openBlock as r, createBlock as v, resolveDynamicComponent as V, normalizeClass as i, withCtx as z, renderSlot as k, createTextVNode as S, toDisplayString as f, createElementBlock as n, useCssVars as L, resolveDirective as N, withDirectives as $, createElementVNode as h, mergeProps as T, vModelText as w, createCommentVNode as p, unref as _, withKeys as D } from "vue";
-var B = /* @__PURE__ */ ((t) => (t.S = "s", t.L = "l", t.XL = "xl", t))(B || {}), E = /* @__PURE__ */ ((t) => (t.Theme = "theme", t.Blue = "blue", t.Green = "green", t.Orange = "orange", t.Red = "red", t.Pink = "pink", t))(E || {}), M = /* @__PURE__ */ ((t) => (t.Regular = "", t.Outline = "outline", t.Soft = "soft", t.Transparent = "transparent", t))(M || {});
-const P = /* @__PURE__ */ d({
-  __name: "button",
-  props: {
-    color: { default: E.Blue },
-    styling: { default: M.Regular },
-    size: { default: B.S },
-    name: {},
-    title: {},
-    icon: {},
-    icon2: {},
-    href: {},
-    disabled: { type: Boolean },
-    isSubmit: { type: Boolean },
-    isActive: { type: Boolean },
-    isProgress: { type: Boolean }
-  },
-  setup(t) {
-    const e = t, a = y(() => e.href ? "a" : "button"), l = y(() => e.isSubmit ? "submit" : void 0);
-    return (o, c) => (r(), v(V(a.value), {
-      class: i({
-        "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: l.value,
-      "data-top-icon": o.icon || void 0,
-      "data-top-icon2": o.icon2 || void 0,
-      disabled: o.disabled || void 0,
-      inProgress: o.isProgress
-    }, {
-      default: z(() => [
-        k(o.$slots, "default", {}, () => [
-          S(f(o.icon ? "" : "Button"), 1)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
-  }
-}), W = "_progress_1hqxk_1", H = {
-  "top-button": "top-button",
-  "top-active": "top-active",
-  "top-button-progress": "top-button-progress",
-  progress: W,
-  "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"
-}, u = (t, e) => {
-  const a = t.__vccOpts || t;
-  for (const [l, o] of e)
-    a[l] = o;
-  return a;
-}, K = {
-  $style: H
-}, _e = /* @__PURE__ */ u(P, [["__cssModules", K]]), U = ["title"], q = /* @__PURE__ */ d({
-  __name: "hint",
-  props: {
-    hint: {}
-  },
-  setup(t) {
-    return (e, a) => (r(), n("span", {
-      class: "top-hint",
-      "data-top-icon": "",
-      title: e.hint
-    }, null, 8, U));
-  }
-}), X = {
-  "top-hint": "top-hint"
-}, j = {
-  $style: X
-}, A = /* @__PURE__ */ u(q, [["__cssModules", j]]), F = ["name", "placeholder", "disabled", "readonly", "rows"], J = {
-  key: 0,
-  class: "top-textarea_pseudoContent"
-}, Q = /* @__PURE__ */ d({
-  __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(t, { emit: e }) {
-    const a = t;
-    L((o) => ({
-      bcf6b9ae: o.minHeight + "px"
-    }));
-    const l = y({
-      get() {
-        return a.modelValue;
-      },
-      set(o) {
-        e("update:modelValue", o);
-      }
-    });
-    return (o, c) => {
-      const s = N("tv-tooltip");
-      return r(), n("label", {
-        class: i({
-          "top-textarea": !0,
-          ["top-textarea-" + o.name]: o.name,
-          "top-disabled": o.disabled
-        })
-      }, [
-        $(h("textarea", T({
-          type: "text",
-          class: {
-            "top-forms-focusable": !o.disabled,
-            "top-textarea_textarea": !0,
-            "top-textarea_textarea-expandable": o.expandable,
-            "top-error": o.isError
-          },
-          autocomplete: "off_always",
-          name: o.name,
-          placeholder: o.placeholder,
-          disabled: o.disabled,
-          readonly: o.readonly,
-          rows: o.expandable ? void 0 : o.rows
-        }, o.$attrs, {
-          "onUpdate:modelValue": c[0] || (c[0] = (b) => l.value = b)
-        }), null, 16, F), [
-          [w, l.value]
-        ]),
-        o.expandable ? (r(), n("div", J, f(l.value + " "), 1)) : p("", !0),
-        o.hint ? $((r(), v(A, {
-          key: 1,
-          class: "top-textarea_hint",
-          hint: o.hint
-        }, null, 8, ["hint"])), [
-          [s]
-        ]) : p("", !0)
-      ], 2);
-    };
-  }
-}), G = {
-  "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"
-}, O = {
-  $style: G
-}, ke = /* @__PURE__ */ u(Q, [["__cssModules", O]]), R = { class: "top-forms-optionLabel" }, Z = {
-  key: 0,
-  class: "top-forms-optionLabel_description"
-}, Y = /* @__PURE__ */ d({
-  __name: "controlLabel",
-  props: {
-    title: {},
-    description: {},
-    disabled: { type: Boolean }
-  },
-  setup(t) {
-    return (e, a) => (r(), n("div", R, [
-      h("div", {
-        class: i({
-          "top-forms-optionLabel_title": !0,
-          "top-forms-optionLabel_title-disabled": e.disabled
-        })
-      }, f(e.title), 3),
-      e.description ? (r(), n("div", Z, f(e.description), 1)) : p("", !0)
-    ]));
-  }
-}), I = {
-  "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"
-}, x = {
-  $style: I
-}, g = /* @__PURE__ */ u(Y, [["__cssModules", x]]), ee = ["name", "value", "checked", "indeterminate", "disabled"], oe = /* @__PURE__ */ d({
-  __name: "checkbox",
-  props: {
-    name: {},
-    value: {},
-    title: {},
-    description: {},
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    indeterminate: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  setup(t) {
-    return (e, a) => (r(), n("label", {
-      class: i({
-        "top-forms-optionWrapper": !0,
-        "top-checkbox": !0,
-        ["top-checkbox_" + e.name]: e.name !== "",
-        "top-active": e.checked,
-        "top-disabled": e.disabled,
-        "top-error": e.isError && !e.disabled
-      })
-    }, [
-      h("input", {
-        type: "checkbox",
-        class: i({
-          "top-forms-focusable": !e.disabled,
-          "top-forms-option": !0,
-          "top-checkbox_input": !0,
-          "top-error": e.isError && !e.disabled
-        }),
-        name: e.name,
-        value: e.value,
-        checked: e.checked,
-        indeterminate: e.indeterminate,
-        disabled: e.disabled
-      }, null, 10, ee),
-      e.title ? (r(), v(g, {
-        key: 0,
-        title: e.title,
-        description: e.description,
-        disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : p("", !0)
-    ], 2));
-  }
-}), te = {
-  "top-checkbox": "top-checkbox",
-  "top-checkbox_input": "top-checkbox_input",
-  "top-error": "top-error"
-}, se = {
-  $style: te
-}, $e = /* @__PURE__ */ u(oe, [["__cssModules", se]]);
-var m = /* @__PURE__ */ ((t) => (t.NONE = "", t.SLIDE = "slide", t.TOP = "top", t))(m || {});
-const ae = ["data-top-icon"], re = ["name", "title", "placeholder", "disabled", "readonly"], le = {
-  key: 2,
-  class: "top-formsCaption"
-}, ne = /* @__PURE__ */ d({
-  __name: "input",
-  props: {
-    modelValue: {},
-    name: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    title: {},
-    captionType: { default: m.NONE },
-    size: { default: B.S },
-    icon: {},
-    addCleaner: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const a = t, l = y({
-      get() {
-        return a.modelValue;
-      },
-      set(s) {
-        e("update:modelValue", s);
-      }
-    }), o = y(() => a.addCleaner && !a.title || a.captionType !== m.NONE ? "" : a.title), c = () => {
-      e("update:modelValue", "");
-    };
-    return (s, b) => (r(), n("label", {
-      class: i({
-        "top-input": !0,
-        ["top-input-" + s.name]: s.name,
-        ["top-size_" + s.size]: !0,
-        "top-disabled": s.disabled,
-        "top-input-withCleaner": s.addCleaner,
-        "top-formsCaptionWrapper": s.captionType !== _(m).NONE,
-        "top-formsCaptionWrapper-always": s.captionType === _(m).TOP,
-        "top-input-withButton": !!s.$slots.btn
-      }),
-      "data-top-icon": s.icon
-    }, [
-      $(h("input", {
-        type: "text",
-        class: i({
-          "top-forms-focusable": !s.disabled,
-          "top-input_input": !0,
-          "top-error": s.isError
-        }),
-        autocomplete: "off_always",
-        name: s.name,
-        "onUpdate:modelValue": b[0] || (b[0] = (C) => l.value = C),
-        title: s.title,
-        placeholder: o.value,
-        disabled: s.disabled,
-        readonly: s.readonly,
-        onKeydown: b[1] || (b[1] = D(() => (s.addCleaner || !!s.$slots.btn) && c(), ["esc"]))
-      }, null, 42, re), [
-        [w, l.value]
-      ]),
-      s.addCleaner && l.value ? (r(), n("span", {
-        key: 0,
-        class: "top-input_cleaner top-cleaner",
-        "data-top-icon": "",
-        onClick: c
-      })) : p("", !0),
-      l.value ? k(s.$slots, "btn", { key: 1 }) : p("", !0),
-      k(s.$slots, "default"),
-      s.captionType !== _(m).NONE ? (r(), n("span", le, f(s.title), 1)) : p("", !0)
-    ], 10, ae));
-  }
-}), ie = {
-  "top-input": "top-input",
-  "top-input_input": "top-input_input",
-  "top-input-withCleaner": "top-input-withCleaner"
-}, pe = {
-  $style: ie
-}, Be = /* @__PURE__ */ u(ne, [["__cssModules", pe]]), de = ["name", "value", "checked", "disabled"], ue = /* @__PURE__ */ d({
-  __name: "radio",
-  props: {
-    name: {},
-    value: {},
-    title: {},
-    description: {},
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    isError: { type: Boolean }
-  },
-  setup(t) {
-    return (e, a) => (r(), n("label", {
-      class: i({
-        "top-forms-optionWrapper": !0,
-        "top-radio": !0,
-        ["top-radio_" + e.name]: e.name !== "",
-        "top-active": e.checked,
-        "top-disabled": e.disabled,
-        "top-error": e.isError && !e.disabled
-      })
-    }, [
-      h("input", {
-        type: "radio",
-        class: i({
-          "top-forms-focusable": !e.disabled,
-          "top-forms-option": !0,
-          "top-radio_input": !0,
-          "top-error": e.isError && !e.disabled
-        }),
-        name: e.name,
-        value: e.value,
-        checked: e.checked,
-        disabled: e.disabled
-      }, null, 10, de),
-      e.title ? (r(), v(g, {
-        key: 0,
-        title: e.title,
-        description: e.description,
-        disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : p("", !0)
-    ], 2));
-  }
-}), ce = {
-  "top-radio": "top-radio",
-  "top-radio_input": "top-radio_input",
-  "top-error": "top-error"
-}, be = {
-  $style: ce
-}, ge = /* @__PURE__ */ u(ue, [["__cssModules", be]]), me = ["name", "value", "checked", "disabled"], he = /* @__PURE__ */ d({
-  __name: "switcher",
-  props: {
-    name: {},
-    value: {},
-    title: {},
-    description: {},
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    isError: { type: Boolean },
-    isSwitcher: { type: Boolean }
-  },
-  setup(t) {
-    return (e, a) => (r(), n("label", {
-      class: i({
-        "top-forms-optionWrapper": !0,
-        "top-checkboxSwitcher": !0,
-        "top-active": e.checked,
-        "top-disabled": e.disabled,
-        "top-error": e.isError && !e.disabled
-      })
-    }, [
-      h("input", {
-        type: "checkbox",
-        class: i({
-          "top-forms-focusable": !e.disabled,
-          "top-forms-option": !0,
-          "top-checkboxSwitcher_input": !0,
-          "top-error": e.isError && !e.disabled
-        }),
-        name: e.name,
-        value: e.value,
-        checked: e.checked,
-        disabled: e.disabled
-      }, null, 10, me),
-      e.title ? (r(), v(g, {
-        key: 0,
-        title: e.title,
-        description: e.description,
-        disabled: e.disabled
-      }, null, 8, ["title", "description", "disabled"])) : p("", !0)
-    ], 2));
-  }
-}), ye = {
-  "top-checkboxSwitcher": "top-checkboxSwitcher",
-  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
-  "top-error": "top-error"
-}, fe = {
-  $style: ye
-}, we = /* @__PURE__ */ u(he, [["__cssModules", fe]]);
-export {
-  _e as B,
-  E as C,
-  A as H,
-  B as S,
-  ke as T,
-  u as _,
-  g as a,
-  $e as c,
-  Be as i,
-  ge as r,
-  we as s
-};
-//# sourceMappingURL=forms-6a6b0b80.es.js.map

package/.chunks/forms-6a6b0b80.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms-6a6b0b80.es.js","sources":["../../src/components/forms/helpers.ts","../../src/components/forms/button/button.ts","../../src/components/forms/button/button.vue","../../src/components/forms/textarea/textarea.vue","../../src/components/forms/input/input.ts","../../src/components/forms/input/input.vue"],"sourcesContent":["/**\n * Размеры\n */\nexport enum SIZE {\n\tS = 's',\n\tL = 'l',\n\tXL = 'xl',\n}","import type { VNode } from 'vue';\nimport { SIZE } from '@/components/forms/helpers';\n\n/**\n * Определение параметров\n */\nexport interface Props {\n\tcolor?: COLOR\n\tstyling?: STYLING // bug: name = style init with object type\n\tsize?: SIZE\n\n\tname?: string\n\ttitle?: string\n\ticon?: string\n\ticon2?: string\n\n\thref?: string // если установлена ссылка, isSubmit не может быть true\n\t// value?: string\n\n\tdisabled?: boolean\n\tisSubmit?: boolean\n\tisActive?: boolean\n\tisProgress?: boolean\n}\n\n// /**\n//  * Определение слотов\n//  */\n// export interface Slots {\n// \t/**\n// \t * Слот с проивзольным содержимым\n// \t */\n// \tdefault(): VNode[];\n// }\n\n/**\n * Определение событий\n */\nexport interface Emits { }\n\n/**\n * Цвета\n */\nexport enum COLOR {\n\tTheme = 'theme',\n\tBlue = 'blue',\n\tGreen = 'green',\n\tOrange = 'orange',\n\tRed = 'red',\n\tPink = 'pink',\n}\n\n/**\n * Стили\n */\nexport enum STYLING {\n\tRegular = '',\n\tOutline = 'outline',\n\tSoft = 'soft',\n\tTransparent = 'transparent',\n}\n\nexport { SIZE };","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './button';\nimport { COLOR, STYLING, SIZE } from './button';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: COLOR.Blue,\n\tstyling: STYLING.Regular,\n\tsize: SIZE.S,\n});\n\nconst tagName = computed(() => props.href ? 'a' : 'button');\n\nconst type = computed(() => props.isSubmit ? 'submit' : undefined);\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\t:class=\"{\n\t\t\t['top-active']: isActive,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t['top-button']: true,\n\t\t\t['top-button-progress']: isProgress,\n\t\t\t[`top-size_${size}`]: !!size,\n\t\t\t[`top-color_${color}`]: true,\n\t\t\t[`top-style_${styling}`]: !!styling,\n\t\t}\"\n\t\t:name=\"name\"\n\t\t:title=\"title\"\n\t\t:href=\"href\"\n\t\t:type=\"type\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:data-top-icon2=\"icon2 || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t:inProgress=\"isProgress\"\n\t>\n\t\t<!-- @slot Текст или HTML в кнопке -->\n\t\t<slot>\n\t\t\t{{ !icon ? 'Button' : '' }}\n\t\t</slot>\n\t</component>\n</template>\n\n<style module>\n@import \"./style/button.css\";\n@import \"./style/style-outline.css\";\n@import \"./style/style-soft.css\";\n@import \"./style/style-transparent.css\";\n\n.top-button {\n\t--top-button-color: var(--color-white);\n\t--top-button-background-color: transparent;\n\t--top-button-background-color-hover: var(--top-button-background-color);\n\t--top-button-background-color-active: var(--top-button-background-color-hover);\n\t--top-button-background-color-selected: var(--top-button-background-color-hover);\n\t--top-button-box-shadow: none;\n\t--top-button-box-shadow-hover: var(--top-shadow-darken-2);\n\t--top-button-box-shadow-active: var(--top-shadow-darken-3);\n\t--top-button-box-shadow-selected: var(--top-shadow-darken-3);\n\t--top-forms-border-width: 0px;\n\t--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));\n\t--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding));\n}\n\n.top-button.top-size_l {\n\t--top-forms-padding: var(--top-forms-padding_l);\n\t--top-forms-base-height: var(--top-forms-base-height_l);\n}\n\n.top-button.top-size_xl {\n\t--top-forms-padding: var(--top-forms-padding_xl);\n\t--top-forms-base-height: var(--top-forms-base-height_xl);\n}\n</style>","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Hint from '@/components/forms/hint/hint.vue';\nimport type { Props, Emits } from './textarea';\n\nconst props = withDefaults(defineProps<Props>(), {\n\trows: 5,\n\tminHeight: 120,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst value = computed({\n\tget () {\n\t\treturn props.modelValue;\n\t},\n\tset (value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-textarea']: true,\n\t\t\t['top-textarea-' + name]: name,\n\t\t\t['top-disabled']: disabled,\n\t\t}\"\n\t>\n\t\t<textarea\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-textarea_textarea']: true,\n\t\t\t\t['top-textarea_textarea-expandable']: expandable,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t:rows=\"!expandable ? rows : undefined\"\n\t\t\t:=\"$attrs\"\n\t\t\tv-model=\"value\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"expandable\"\n\t\t\tclass=\"top-textarea_pseudoContent\"\n\t\t>\n\t\t\t{{ value + ' ' }}\n\t\t</div>\n\n\t\t<Hint\n\t\t\tv-if=\"hint\"\n\t\t\tclass=\"top-textarea_hint\"\n\t\t\t:hint=\"hint\"\n\t\t\tv-tv-tooltip\n\t\t/>\n\t</label>\n</template>\n\n<style module>\n.top-textarea {\n\twidth: 180px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tposition: relative;\n}\n\n.top-textarea_textarea {\n\tbackground: var(--top-forms-background-color);\n\twidth: 100%;\n\tpadding: var(--top-forms-padding);\n\tresize: none;\n}\n\n.top-textarea_textarea:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-textarea_textarea:focus {\n\toutline-color: var(--color-theme-75);\n\toutline-offset: 0px;\n}\n\n.top-textarea_textarea.top-textarea_textarea-expandable {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n.top-textarea_pseudoContent {\n\tbox-sizing: border-box;\n\tmin-height: v-bind(minHeight + 'px');\n\tpadding: var(--top-forms-padding);\n\tfont-size: 14px;\n\twhite-space: pre-wrap;\n\toverflow-wrap: anywhere;\n\tpointer-events: none;\n\topacity: 0;\n\tz-index: -1;\n}\n\n.top-textarea_hint {\n\tposition: absolute;\n\ttop: 2px;\n\tright: 2px;\n}\n</style>","import type { VNode } from 'vue';\nimport { SIZE } from '@/components/forms/helpers';\n\n/**\n * Определение параметров\n */\nexport interface Props {\n\tmodelValue?: string\n\n\tname?: string\n\tdisabled?: boolean\n\treadonly?: boolean\n\n\ttitle?: string\n\tcaptionType?: CAPTION_TYPE\n\n\tsize?: SIZE\n\ticon?: string\n\taddCleaner?: boolean\n\tisError?: boolean\n}\n\n/**\n * Определение слотов\n */\nexport interface Slots {\n\t/**\n\t * Cлот с проивзольным содержимым\n\t */\n\tdefault(): VNode[];\n\tbtn(): VNode[];\n}\n\n/**\n * Определение событий\n */\nexport interface Emits {\n\t(e: 'update:modelValue', value?: string): void\n}\n\n/**\n * Типы заголовка\n */\nexport enum CAPTION_TYPE {\n\tNONE = '',\n\tSLIDE = 'slide',\n\tTOP = 'top',\n}\n\nexport { SIZE };","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props, Emits } from './input';\nimport { SIZE, CAPTION_TYPE } from './input';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: SIZE.S,\n\tcaptionType: CAPTION_TYPE.NONE,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst value = computed({\n\tget () {\n\t\treturn props.modelValue;\n\t},\n\tset (value) {\n\t\temit('update:modelValue', value);\n\t},\n});\n\nconst placeholder = computed(() => {\n\tif (props.addCleaner && !props.title) {\n\t\treturn '';\n\t}\n\tif (props.captionType !== CAPTION_TYPE.NONE) {\n\t\treturn '';\n\t}\n\n\treturn props.title;\n});\n\nconst clean = () => {\n\temit('update:modelValue', '');\n};\n</script>\n\n<template>\n\t<label\n\t\t:class=\"{\n\t\t\t['top-input']: true,\n\t\t\t['top-input-' + name]: name,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-input-withCleaner']: addCleaner,\n\t\t\t['top-formsCaptionWrapper']: captionType !== CAPTION_TYPE.NONE,\n\t\t\t['top-formsCaptionWrapper-always']: captionType === CAPTION_TYPE.TOP,\n\t\t\t['top-input-withButton']: !!$slots.btn,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\t:class=\"{\n\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t['top-input_input']: true,\n\t\t\t\t['top-error']: isError,\n\t\t\t}\"\n\t\t\tautocomplete=\"off_always\"\n\t\t\t:name=\"name\"\n\t\t\tv-model=\"value\"\n\t\t\t:title=\"title\"\n\t\t\t:placeholder=\"placeholder\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\t@keydown.esc=\"() => (addCleaner || !!$slots.btn) && clean()\"\n\t\t>\n\n\t\t<span\n\t\t\tv-if=\"addCleaner && value\"\n\t\t\tclass=\"top-input_cleaner top-cleaner\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"clean\"\n\t\t></span>\n\n\t\t<!-- TODO: кнопка должна отоборажаться только при изменении value -->\n\t\t<!-- TODO: до нажатия на кнопку, изменеине не должно применяться -->\n\t\t<!-- TODO: при отмене состояние должно возвращаться к первоначальному -->\n\t\t<slot\n\t\t\tv-if=\"value\"\n\t\t\tname=\"btn\"\n\t\t/>\n\n\t\t<slot></slot>\n\n\t\t<span\n\t\t\tv-if=\"captionType !== CAPTION_TYPE.NONE\"\n\t\t\tclass=\"top-formsCaption\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</span>\n\t</label>\n</template>\n\n<style module>\n.top-input {\n\twidth: 180px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-input_input {\n\tbackground: var(--top-forms-background-color);\n}\n\n.top-input_input:hover {\n\tbackground: var(--top-forms-background-color-hover);\n}\n\n.top-input_input:focus {\n\toutline-color: var(--color-theme-75);\n\toutline-offset: 0px;\n}\n\n.top-input-withCleaner .top-input_input:not(:placeholder-shown) {\n\t--top-forms_clear-width: 24px;\n}\n\n/* TODO: перенести в inputsRange */\n.top-input_input {\n\twidth: 50%;\n\tflex-grow: 1;\n}\n\n.top-input[data-top-icon]:before {\n\t--top-icon-color: var(--color-text-secondary);\n}\n</style>"],"names":["SIZE","COLOR","STYLING","tagName","computed","props","type","value","emit","CAPTION_TYPE","placeholder","clean"],"mappings":";AAGY,IAAAA,sBAAAA,OACXA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,KAAK,MAHMA,IAAAA,KAAA,CAAA,CAAA,GCwCAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,OAAO,QANIA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACXA,EAAA,UAAU,IACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QACPA,EAAA,cAAc,eAJHA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;iBC5CNC,IAAUC,EAAS,MAAMC,EAAM,OAAO,MAAM,QAAQ,GAEpDC,IAAOF,EAAS,MAAMC,EAAM,WAAW,WAAW,MAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACDjE,UAAME,IAAQH,EAAS;AAAA,MACtB,MAAO;AACN,eAAOC,EAAM;AAAA,MACd;AAAA,MACA,IAAKE,GAAO;AACX,QAAAC,EAAK,qBAAqBD,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwBW,IAAAE,sBAAAA,OACXA,EAAA,OAAO,IACPA,EAAA,QAAQ,SACRA,EAAA,MAAM,OAHKA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;iBC/BNF,IAAQH,EAAS;AAAA,MACtB,MAAO;AACN,eAAOC,EAAM;AAAA,MACd;AAAA,MACA,IAAKE,GAAO;AACX,QAAAC,EAAK,qBAAqBD,CAAK;AAAA,MAChC;AAAA,IAAA,CACA,GAEKG,IAAcN,EAAS,MACxBC,EAAM,cAAc,CAACA,EAAM,SAG3BA,EAAM,gBAAgBI,EAAa,OAC/B,KAGDJ,EAAM,KACb,GAEKM,IAAQ,MAAM;AACnB,MAAAH,EAAK,qBAAqB,EAAE;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/.chunks/forms-7119886a.amd.js

@@ -1,3 +0,0 @@
-define(["exports","vue"],function(l,o){"use strict";var m=document.createElement("style");m.textContent=`.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1hqxk_1 1s linear infinite}@keyframes _progress_1hqxk_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty),.top-button[data-top-icon2]:not(:empty){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-blue-500)}.top-button.top-color_green{--top-button-background-color: var(--color-green-500)}.top-button.top-color_orange{--top-button-background-color: var(--color-orange-500)}.top-button.top-color_red{--top-button-background-color: var(--color-red-500)}.top-button.top-color_pink{--top-button-background-color: var(--color-pink-500)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-secondary-opacity);--top-button-background-color-active: var(--color-secondary-2-opacity);--top-button-background-color-selected: var(--color-secondary-2-opacity)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-steel-400);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--color-theme-100);--top-button-background-color-active: var(--color-theme-150);--top-button-background-color-selected: var(--color-theme-125);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text)}.top-button.top-style_outline.top-color_blue{--top-style_outline-color: var(--color-blue-500)}.top-button.top-style_outline.top-color_green{--top-style_outline-color: var(--color-green-500)}.top-button.top-style_outline.top-color_orange{--top-style_outline-color: var(--color-orange-500)}.top-button.top-style_outline.top-color_red{--top-style_outline-color: var(--color-red-500)}.top-button.top-style_outline.top-color_pink{--top-style_outline-color: var(--color-pink-500)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: var(--color-secondary-opacity);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-blue-500)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-orange-500)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-green-500)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-red-500)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-pink-500)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-blue-450)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-green-450)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-orange-450)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-red-450)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-pink-450)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-text-4);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-3)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{outline-color:var(--color-theme-75);outline-offset:0px}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--bcf6b9ae);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-3);font-size:.85em;line-height:var(--top-forms-option-height)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:not(:checked):not(:indeterminate):hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-negative)!important}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-negative)}.top-input{width:180px;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{background:var(--top-forms-background-color)}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{outline-color:var(--color-theme-75);outline-offset:0px}.top-input-withCleaner .top-input_input:not(:placeholder-shown){--top-forms_clear-width: 24px}.top-input_input{width:50%;flex-grow:1}.top-input[data-top-icon]:before{--top-icon-color: var(--color-text-secondary)}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--top-forms-option-color)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--top-forms-option-color-hover)}.top-radio_input.top-error,.top-radio_input:checked.top-error{border-color:var(--color-negative)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-theme-100);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-theme-150)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-negative)!important}
-`,document.head.appendChild(m);var b=(r=>(r.S="s",r.L="l",r.XL="xl",r))(b||{}),h=(r=>(r.Theme="theme",r.Blue="blue",r.Green="green",r.Orange="orange",r.Red="red",r.Pink="pink",r))(h||{}),k=(r=>(r.Regular="",r.Outline="outline",r.Soft="soft",r.Transparent="transparent",r))(k||{});const f=o.defineComponent({__name:"button",props:{color:{default:h.Blue},styling:{default:k.Regular},size:{default:b.S},name:{},title:{},icon:{},icon2:{},href:{},disabled:{type:Boolean},isSubmit:{type:Boolean},isActive:{type:Boolean},isProgress:{type:Boolean}},setup(r){const t=r,a=o.computed(()=>t.href?"a":"button"),p=o.computed(()=>t.isSubmit?"submit":void 0);return(e,c)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.value),{class:o.normalizeClass({"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:p.value,"data-top-icon":e.icon||void 0,"data-top-icon2":e.icon2||void 0,disabled:e.disabled||void 0,inProgress:e.isProgress},{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(e.icon?"":"Button"),1)])]),_:3},8,["class","name","title","href","type","data-top-icon","data-top-icon2","disabled","inProgress"]))}}),_={"top-button":"top-button","top-active":"top-active","top-button-progress":"top-button-progress",progress:"_progress_1hqxk_1","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"},i=(r,t)=>{const a=r.__vccOpts||r;for(const[p,e]of t)a[p]=e;return a},y=i(f,[["__cssModules",{$style:_}]]),v=["title"],g=i(o.defineComponent({__name:"hint",props:{hint:{}},setup(r){return(t,a)=>(o.openBlock(),o.createElementBlock("span",{class:"top-hint","data-top-icon":"",title:t.hint},null,8,v))}}),[["__cssModules",{$style:{"top-hint":"top-hint"}}]]),w=["name","placeholder","disabled","readonly","rows"],x={key:0,class:"top-textarea_pseudoContent"},$=i(o.defineComponent({__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(r,{emit:t}){const a=r;o.useCssVars(e=>({bcf6b9ae:e.minHeight+"px"}));const p=o.computed({get(){return a.modelValue},set(e){t("update:modelValue",e)}});return(e,c)=>{const n=o.resolveDirective("tv-tooltip");return o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-textarea":!0,["top-textarea-"+e.name]:e.name,"top-disabled":e.disabled})},[o.withDirectives(o.createElementVNode("textarea",o.mergeProps({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":c[0]||(c[0]=d=>p.value=d)}),null,16,w),[[o.vModelText,p.value]]),e.expandable?(o.openBlock(),o.createElementBlock("div",x,o.toDisplayString(p.value+" "),1)):o.createCommentVNode("",!0),e.hint?o.withDirectives((o.openBlock(),o.createBlock(g,{key:1,class:"top-textarea_hint",hint:e.hint},null,8,["hint"])),[[n]]):o.createCommentVNode("",!0)],2)}}}),[["__cssModules",{$style:{"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"}}]]),B={class:"top-forms-optionLabel"},C={key:0,class:"top-forms-optionLabel_description"},u=i(o.defineComponent({__name:"controlLabel",props:{title:{},description:{},disabled:{type:Boolean}},setup(r){return(t,a)=>(o.openBlock(),o.createElementBlock("div",B,[o.createElementVNode("div",{class:o.normalizeClass({"top-forms-optionLabel_title":!0,"top-forms-optionLabel_title-disabled":t.disabled})},o.toDisplayString(t.title),3),t.description?(o.openBlock(),o.createElementBlock("div",C,o.toDisplayString(t.description),1)):o.createCommentVNode("",!0)]))}}),[["__cssModules",{$style:{"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"}}]]),z=["name","value","checked","indeterminate","disabled"],E=i(o.defineComponent({__name:"checkbox",props:{name:{},value:{},title:{},description:{},checked:{type:Boolean},disabled:{type:Boolean},indeterminate:{type:Boolean},isError:{type:Boolean}},setup(r){return(t,a)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-forms-optionWrapper":!0,"top-checkbox":!0,["top-checkbox_"+t.name]:t.name!=="","top-active":t.checked,"top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[o.createElementVNode("input",{type:"checkbox",class:o.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-checkbox_input":!0,"top-error":t.isError&&!t.disabled}),name:t.name,value:t.value,checked:t.checked,indeterminate:t.indeterminate,disabled:t.disabled},null,10,z),t.title?(o.openBlock(),o.createBlock(u,{key:0,title:t.title,description:t.description,disabled:t.disabled},null,8,["title","description","disabled"])):o.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-checkbox":"top-checkbox","top-checkbox_input":"top-checkbox_input","top-error":"top-error"}}]]);var s=(r=>(r.NONE="",r.SLIDE="slide",r.TOP="top",r))(s||{});const V=["data-top-icon"],S=["name","title","placeholder","disabled","readonly"],M={key:2,class:"top-formsCaption"},N=o.defineComponent({__name:"input",props:{modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},title:{},captionType:{default:s.NONE},size:{default:b.S},icon:{},addCleaner:{type:Boolean},isError:{type:Boolean}},emits:["update:modelValue"],setup(r,{emit:t}){const a=r,p=o.computed({get(){return a.modelValue},set(n){t("update:modelValue",n)}}),e=o.computed(()=>a.addCleaner&&!a.title||a.captionType!==s.NONE?"":a.title),c=()=>{t("update:modelValue","")};return(n,d)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-input":!0,["top-input-"+n.name]:n.name,["top-size_"+n.size]:!0,"top-disabled":n.disabled,"top-input-withCleaner":n.addCleaner,"top-formsCaptionWrapper":n.captionType!==o.unref(s).NONE,"top-formsCaptionWrapper-always":n.captionType===o.unref(s).TOP,"top-input-withButton":!!n.$slots.btn}),"data-top-icon":n.icon},[o.withDirectives(o.createElementVNode("input",{type:"text",class:o.normalizeClass({"top-forms-focusable":!n.disabled,"top-input_input":!0,"top-error":n.isError}),autocomplete:"off_always",name:n.name,"onUpdate:modelValue":d[0]||(d[0]=H=>p.value=H),title:n.title,placeholder:e.value,disabled:n.disabled,readonly:n.readonly,onKeydown:d[1]||(d[1]=o.withKeys(()=>(n.addCleaner||!!n.$slots.btn)&&c(),["esc"]))},null,42,S),[[o.vModelText,p.value]]),n.addCleaner&&p.value?(o.openBlock(),o.createElementBlock("span",{key:0,class:"top-input_cleaner top-cleaner","data-top-icon":"",onClick:c})):o.createCommentVNode("",!0),p.value?o.renderSlot(n.$slots,"btn",{key:1}):o.createCommentVNode("",!0),o.renderSlot(n.$slots,"default"),n.captionType!==o.unref(s).NONE?(o.openBlock(),o.createElementBlock("span",M,o.toDisplayString(n.title),1)):o.createCommentVNode("",!0)],10,V))}}),L=i(N,[["__cssModules",{$style:{"top-input":"top-input","top-input_input":"top-input_input","top-input-withCleaner":"top-input-withCleaner"}}]]),D=["name","value","checked","disabled"],T=i(o.defineComponent({__name:"radio",props:{name:{},value:{},title:{},description:{},checked:{type:Boolean},disabled:{type:Boolean},isError:{type:Boolean}},setup(r){return(t,a)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-forms-optionWrapper":!0,"top-radio":!0,["top-radio_"+t.name]:t.name!=="","top-active":t.checked,"top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[o.createElementVNode("input",{type:"radio",class:o.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-radio_input":!0,"top-error":t.isError&&!t.disabled}),name:t.name,value:t.value,checked:t.checked,disabled:t.disabled},null,10,D),t.title?(o.openBlock(),o.createBlock(u,{key:0,title:t.title,description:t.description,disabled:t.disabled},null,8,["title","description","disabled"])):o.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-radio":"top-radio","top-radio_input":"top-radio_input","top-error":"top-error"}}]]),P=["name","value","checked","disabled"],W=i(o.defineComponent({__name:"switcher",props:{name:{},value:{},title:{},description:{},checked:{type:Boolean},disabled:{type:Boolean},isError:{type:Boolean},isSwitcher:{type:Boolean}},setup(r){return(t,a)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-forms-optionWrapper":!0,"top-checkboxSwitcher":!0,"top-active":t.checked,"top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[o.createElementVNode("input",{type:"checkbox",class:o.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-checkboxSwitcher_input":!0,"top-error":t.isError&&!t.disabled}),name:t.name,value:t.value,checked:t.checked,disabled:t.disabled},null,10,P),t.title?(o.openBlock(),o.createBlock(u,{key:0,title:t.title,description:t.description,disabled:t.disabled},null,8,["title","description","disabled"])):o.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-checkboxSwitcher":"top-checkboxSwitcher","top-checkboxSwitcher_input":"top-checkboxSwitcher_input","top-error":"top-error"}}]]);l.Button=y,l.COLOR=h,l.ControlLabel=u,l.Hint=g,l.SIZE=b,l.Textarea=$,l._export_sfc=i,l.checkbox=E,l.input=L,l.radio=T,l.switcher=W});
-//# sourceMappingURL=forms-7119886a.amd.js.map