@topvisor/ui 1.0.19 → 1.0.20-selector2-3

package/formsExt/formsExt.js

@@ -1,483 +0,0 @@
-import { Core as q } from "../core/app.js";
-import { defineComponent as _, ref as V, computed as z, openBlock as p, createElementBlock as v, normalizeClass as C, toDisplayString as w, createCommentVNode as A, createElementVNode as E, createVNode as R, withKeys as B, withModifiers as S, createBlock as k, withCtx as $, createTextVNode as L, watch as I, toRef as ee, mergeProps as X, mergeModels as G, useModel as j, Fragment as N, renderList as D, withDirectives as Q, vModelRadio as te, resolveDirective as oe, unref as O, renderSlot as H } from "vue";
-import { x as le, _ as F, c as ae, s as se, a as ne, C as re } from "../.chunks/forms-DW_XLzg8.es.js";
-import { invertKeyboardLayout as ie } from "../utils/keyboard.js";
-import { TopPopup as ue, TopPopupWidgetInput as de, TopPopupListItem as Y } from "../popup/popup.js";
-import { _ as pe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-CcspstQc.es.js";
-const x = ["../assets/formsExt.css"].map((n) => import.meta.resolve(n));
-q.insertCSSLinkToPage(x, !0);
-const ce = { class: "top-editArea_footer" }, me = /* @__PURE__ */ _({
-  __name: "editArea",
-  props: {
-    defaultValue: { default: "" },
-    title: {},
-    cancelText: { default: "Cancel" },
-    submitText: { default: "Send" },
-    closeText: { default: "Close" },
-    isFocused: { type: Boolean },
-    forceShowCloseBtn: { type: Boolean },
-    attachToKeyboard: { type: Boolean },
-    modelValue: {},
-    name: {},
-    placeholder: {},
-    rows: {},
-    minHeight: {},
-    expandable: { type: Boolean, default: !0 },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    isError: { type: Boolean },
-    hint: {}
-  },
-  emits: ["submit", "close", "clickOnTitle"],
-  setup(n, { emit: a }) {
-    const e = n, l = a, f = V(e.defaultValue), y = V(e.isFocused), d = z(() => f.value !== e.defaultValue), c = z(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !d.value ? e.closeText : e.cancelText), r = (i) => {
-      l("submit", i), f.value = e.defaultValue;
-    }, h = () => {
-      if (e.forceShowCloseBtn && !d.value) {
-        l("close");
-        return;
-      }
-      f.value = e.defaultValue;
-    }, T = () => {
-      e.attachToKeyboard && l("clickOnTitle");
-    };
-    return (i, o) => (p(), v("div", {
-      class: C({
-        "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": i.attachToKeyboard
-      })
-    }, [
-      i.title ? (p(), v("div", {
-        key: 0,
-        class: "top-editArea_title",
-        onClick: o[0] || (o[0] = (g) => T())
-      }, w(i.title), 1)) : A("", !0),
-      E("div", {
-        class: C({
-          "top-editArea_form": !0,
-          "top-error": i.isError,
-          "top-focus": y.value
-        })
-      }, [
-        R(le, {
-          modelValue: f.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (g) => f.value = g),
-          name: i.name,
-          placeholder: i.placeholder,
-          rows: i.rows,
-          minHeight: i.minHeight,
-          expandable: i.expandable,
-          disabled: i.disabled,
-          readonly: i.readonly,
-          isError: i.isError,
-          hint: i.hint,
-          class: "top-editArea_element",
-          onFocus: o[2] || (o[2] = () => y.value = !0),
-          onBlur: o[3] || (o[3] = () => y.value = !1),
-          onKeyup: [
-            B(h, ["esc"]),
-            o[4] || (o[4] = B(S((g) => r(f.value), ["ctrl"]), ["enter"]))
-          ]
-        }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        E("div", ce, [
-          !i.attachToKeyboard && (d.value || i.forceShowCloseBtn) ? (p(), k(F, {
-            key: 0,
-            class: "top-editArea_button",
-            color: "theme",
-            styling: "soft",
-            onClick: h
-          }, {
-            default: $(() => [
-              L(w(c.value), 1)
-            ]),
-            _: 1
-          })) : A("", !0),
-          d.value ? (p(), k(F, {
-            key: 1,
-            class: "top-editArea_button",
-            icon: i.attachToKeyboard ? "" : "",
-            onClick: o[5] || (o[5] = (g) => r(f.value))
-          }, {
-            default: $(() => [
-              L(w(i.attachToKeyboard ? "" : i.submitText), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : A("", !0)
-        ])
-      ], 2)
-    ], 2));
-  }
-}), fe = { class: "top-editInput" }, ve = /* @__PURE__ */ _({
-  __name: "editInput",
-  props: {
-    modelValue: {},
-    input: {},
-    button: {}
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const e = n, l = V(e.modelValue);
-    I(ee(e.modelValue), () => {
-      l.value = e.modelValue;
-    });
-    const f = a, y = () => {
-      f("update:modelValue", l.value);
-    };
-    return (d, c) => (p(), v("div", fe, [
-      R(ae, X(d.input, {
-        onKeydownCapture: c[0] || (c[0] = B(S((r) => l.value = d.modelValue, ["stop"]), ["esc"])),
-        onKeydown: B(S(y, ["stop"]), ["enter"]),
-        modelValue: l.value,
-        "onUpdate:modelValue": c[1] || (c[1] = (r) => l.value = r)
-      }), null, 16, ["onKeydown", "modelValue"]),
-      l.value !== d.modelValue ? (p(), k(F, X({
-        key: 0,
-        icon: "",
-        styling: "soft"
-      }, d.button, { onClick: y }), null, 16)) : A("", !0)
-    ]));
-  }
-}), ye = ["data-top-icon", "onClick"], he = {
-  key: 0,
-  class: "top-radioGroup_circle"
-}, ge = ["value", "disabled"], be = /* @__PURE__ */ _({
-  __name: "radioGroup",
-  props: /* @__PURE__ */ G({
-    modelValue: {},
-    radiosProps: {},
-    showIndicator: { type: Boolean },
-    size: { default: "s" },
-    isError: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ G(["update:modelValue"], ["update:modelValue"]),
-  setup(n, { emit: a }) {
-    const e = j(n, "modelValue"), l = n, f = V(null);
-    I(e, () => {
-      var d, c, r, h, T;
-      (d = l.radiosProps) != null && d.some((i) => i.value === e.value) || (e.value = ((r = (c = l.radiosProps) == null ? void 0 : c[0]) == null ? void 0 : r.value) ?? ""), (T = (h = f.value) == null ? void 0 : h.querySelector(".radioGroup_item-selected")) == null || T.scrollIntoView();
-    }, { immediate: !0 });
-    const y = "radioGroup-" + Math.random();
-    return (d, c) => (p(), v("div", {
-      ref_key: "elRef",
-      ref: f,
-      class: C({
-        "top-radioGroup": !0,
-        "top-scrollBarXHidding": !0,
-        ["top-size_" + d.size]: !!d.size,
-        "top-error": d.isError
-      })
-    }, [
-      (p(!0), v(N, null, D(d.radiosProps, (r) => (p(), v("label", {
-        class: C({
-          "top-radioGroup_item-selected": r.value === e.value,
-          "top-radioGroup_item": !0,
-          "top-forms-focusable": !0,
-          "top-disabled": r.disabled
-        }),
-        "data-top-icon": r.icon,
-        onClick: (h) => e.value = r.value
-      }, [
-        L(w(r.title) + " ", 1),
-        d.showIndicator ? (p(), v("span", he)) : A("", !0),
-        Q(E("input", {
-          "onUpdate:modelValue": c[0] || (c[0] = (h) => e.value = h),
-          name: y,
-          type: "radio",
-          class: C({
-            "top-unvisible": !0
-          }),
-          value: r.value,
-          disabled: r.disabled
-        }, null, 8, ge), [
-          [te, e.value]
-        ])
-      ], 10, ye))), 256))
-    ], 2));
-  }
-}), Ve = (n, a, e) => {
-  const l = V([]), f = V(!1);
-  let y = "", d;
-  n && !n.params.limit && (n.params.limit = 100);
-  const c = async () => {
-    if (!n) return;
-    let o, g;
-    if (e && (n.cache ??= /* @__PURE__ */ new Map(), g = JSON.stringify(n.params), o = n.cache.get(g), o))
-      return o;
-    if (f.value = !0, o = await n.call(), f.value = !1, o.errors) return;
-    if (!Array.isArray(o.result)) {
-      console.warn("В result ожидался массив");
-      return;
-    }
-    const K = o.result.findIndex((P) => P.id === void 0 || P.name === void 0);
-    if (K !== -1) {
-      console.warn(`В result[${K}] нет id или name`);
-      return;
-    }
-    return e && n.cache.set(g, o), o;
-  }, r = async () => {
-    if (!n) return;
-    n.params.offset = 0, n.params.search = y;
-    const o = await c();
-    o && (d = o.nextOffset, l.value = o.result);
-  }, h = async () => {
-    if (!n || !d || f.value) return;
-    n.params.offset = d, n.params.search = y;
-    const o = await c();
-    o && (d = o.nextOffset, l.value = l.value.concat(o.result));
-  }, T = se(() => r(), 200);
-  return {
-    items: l,
-    isLoading: f,
-    loadAppend: h,
-    setSearchTextAndLoad: (o, g = !0) => {
-      n && (o.length < a || o === y && l.value.length || (y = o, g ? T() : r()));
-    }
-  };
-}, Ae = { class: "top-selector2_itemMulti top-ellipsis" }, Te = /* @__PURE__ */ _({
-  __name: "itemMulti",
-  props: {
-    id: {},
-    name: {}
-  },
-  emits: ["delete"],
-  setup(n) {
-    return (a, e) => (p(), v("div", Ae, [
-      L(w(a.name) + " ", 1),
-      E("span", {
-        class: "top-selector2_itemMultiDelete",
-        "data-top-icon": "",
-        onClick: e[0] || (e[0] = (l) => a.$emit("delete", a.id)),
-        onMousedown: e[1] || (e[1] = S(() => {
-        }, ["stop"]))
-      }, null, 32)
-    ]));
-  }
-}), Ce = {
-  key: 0,
-  class: "top-selector2_activeItems"
-}, we = {
-  key: 1,
-  class: "top-selector2_activeName top-ellipsis"
-}, $e = /* @__PURE__ */ _({
-  __name: "selector2",
-  props: /* @__PURE__ */ G({
-    modelValue: {},
-    items: { default: () => [] },
-    multiselect: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "s" },
-    isError: { type: Boolean },
-    apiRequest: {},
-    minLength: { default: 0 },
-    useCache: { type: Boolean },
-    appendSearchToResult: { type: Boolean },
-    appendAllValue: { type: Boolean },
-    addChanger: { type: Boolean },
-    placeholder: {},
-    showSelectedInInput: { type: Boolean, default: !0 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(n) {
-    const a = n, e = j(n, "modelValue"), l = V(""), f = {
-      id: 0,
-      name: ne().Common.All
-    }, y = V(null), d = V(null), c = () => {
-      var t;
-      return (t = y.value) == null ? void 0 : t.popup;
-    };
-    window.__STORYBOOK_PREVIEW__ && !a.modelValue && I(
-      () => a.multiselect,
-      () => {
-        e.value = a.multiselect ? [] : { id: null, name: "" };
-      },
-      { immediate: !0 }
-    );
-    const r = Ve(a.apiRequest, a.minLength, a.useCache), h = z(() => {
-      const t = [];
-      return !a.multiselect && a.appendAllValue && t.push(f), a.items.forEach((s) => t.push({ ...s })), t;
-    }), T = (t, s = !0) => s && t.id === null ? Array.isArray(e.value) ? e.value.some((m) => m.id === t.id && m.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((m) => m.id === t.id) : t.id === e.value.id, i = z(() => {
-      const t = l.value.toLowerCase(), s = ie(t);
-      let m = [];
-      return h.value.forEach((u) => {
-        const b = u.name.toLowerCase();
-        (u.id === Number(t) || b.includes(t) || b.includes(s)) && (b === t || b === s ? m.unshift(u) : m.push(u));
-      }), m.push(...r.items.value), a.appendSearchToResult && l.value && (!m.length || m[0].name.toLowerCase() !== t) && m.push({
-        id: null,
-        name: l.value
-      }), a.multiselect && (m = m.filter((u) => !T(u))), m;
-    }), o = V(r.isLoading.value);
-    I(r.isLoading, () => {
-      o.value = r.isLoading.value;
-    });
-    const g = async (t) => {
-      var s, m;
-      if (a.multiselect) {
-        if (!Array.isArray(e.value) || T(t))
-          return;
-        a.apiRequest && l.value && (o.value = !0);
-        const u = [...e.value];
-        u.push({ ...t }), e.value = u, re.state.isMobile ? ((s = c()) == null || s.close(), l.value && (l.value = "", r.items.value = [])) : setTimeout(() => {
-          var b, U, W, J;
-          (b = c()) == null || b.recalcPosition(), (J = (W = (U = c()) == null ? void 0 : U.elPopupWidget) == null ? void 0 : W.querySelector("input")) == null || J.focus(), l.value && (i.value.length ? a.apiRequest && (o.value = !1) : (l.value = "", r.items.value = []));
-        });
-      } else
-        l.value && (l.value = "", r.items.value = []), JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (m = c()) == null || m.close();
-    }, K = () => {
-      if (!Array.isArray(e.value)) {
-        const s = (h.value.findIndex((m) => m.id === e.value.id) + 1) % h.value.length;
-        e.value = { ...h.value[s] };
-      }
-    }, P = async (t) => {
-      Array.isArray(e.value) && (e.value = e.value.filter((s) => s.id !== t), setTimeout(() => {
-        var s;
-        (s = c()) == null || s.recalcPosition();
-      }));
-    }, M = V(!1);
-    a.apiRequest && (I(M, () => {
-      M.value && r.setSearchTextAndLoad(l.value, !1);
-    }), I(l, () => r.setSearchTextAndLoad(l.value)));
-    const Z = (t) => {
-      const s = t.target;
-      s.scrollTop / (s.scrollHeight - s.offsetHeight) > 0.8 && r.loadAppend();
-    };
-    return (t, s) => {
-      const m = oe("top-focus");
-      return p(), k(O(ue), {
-        ref_key: "popupRef",
-        ref: y,
-        onOpen: s[3] || (s[3] = (u) => M.value = !0),
-        onClose: s[4] || (s[4] = (u) => {
-          var b;
-          return M.value = !1, (b = d.value) == null ? void 0 : b.focus();
-        }),
-        onScrollContentList: s[5] || (s[5] = (u) => t.apiRequest ? Z(u) : void 0),
-        notch: !1,
-        transitionDuration: 0
-      }, {
-        opener: $(() => [
-          Q((p(), v("div", {
-            ref_key: "elRef",
-            ref: d,
-            class: C({
-              "top-selector2": !0,
-              "top-selector2-multiselect": t.multiselect,
-              ["top-size_" + t.size]: !0,
-              "top-disabled": t.disabled,
-              "top-forms-focusable": !t.disabled,
-              "top-error": t.isError
-            }),
-            onKeydown: [
-              s[0] || (s[0] = B(S((u) => u.currentTarget.click(), ["stop", "prevent"]), ["up", "down", "enter", "space"])),
-              s[1] || (s[1] = B((u) => e.value = [], ["delete"]))
-            ],
-            tabindex: "0"
-          }, [
-            t.multiselect ? (p(), v("div", Ce, [
-              (p(!0), v(N, null, D(e.value, (u) => (p(), k(Te, {
-                id: u.id,
-                name: u.name,
-                onDelete: P
-              }, null, 8, ["id", "name"]))), 256))
-            ])) : A("", !0),
-            t.multiselect ? A("", !0) : (p(), v("span", we, w(Array.isArray(e.value) ? "" : e.value.name), 1)),
-            t.addChanger && !t.multiselect && h.value.length > 1 && !t.disabled ? (p(), v("span", {
-              key: 2,
-              class: "top-changer top-changer-selector",
-              onClick: S(K, ["stop"])
-            })) : A("", !0)
-          ], 34)), [
-            [
-              m,
-              t.isError,
-              void 0,
-              { onupdate: !0 }
-            ]
-          ])
-        ]),
-        widget: $(() => [
-          R(O(de), {
-            title: "Поиск",
-            icon: "",
-            modelValue: l.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (u) => l.value = u),
-            isLoading: o.value,
-            placeholder: !Array.isArray(e.value) && !t.multiselect && t.showSelectedInInput ? e.value.name : t.placeholder
-          }, null, 8, ["modelValue", "isLoading", "placeholder"])
-        ]),
-        contentList: $(() => [
-          (p(!0), v(N, null, D(i.value, (u) => (p(), k(O(Y), {
-            class: C({
-              "top-active": !Array.isArray(e.value) && !t.multiselect && e.value.name === u.name
-            }),
-            key: u.id ?? void 0,
-            onClick: S((b) => g(u), ["stop"])
-          }, {
-            default: $(() => [
-              t.$slots.item ? H(t.$slots, "item", {
-                key: 0,
-                item: u
-              }) : (p(), v(N, { key: 1 }, [
-                L(w(u.name), 1)
-              ], 64))
-            ]),
-            _: 2
-          }, 1032, ["class", "onClick"]))), 128)),
-          !o.value && !i.value.length ? (p(), k(O(Y), {
-            key: 0,
-            type: "regular"
-          }, {
-            default: $(() => [
-              L(w(t.$i18n.Common.No_results), 1)
-            ]),
-            _: 1
-          })) : A("", !0)
-        ]),
-        _: 3
-      }, 512);
-    };
-  }
-}), ke = ["data-top-icon"], Se = { class: "top-info_text" }, Ie = {
-  key: 0,
-  class: "top-info_value"
-}, Be = /* @__PURE__ */ _({
-  __name: "info",
-  props: {
-    icon: {},
-    styling: { default: "default" },
-    size: { default: "default" }
-  },
-  setup(n) {
-    return (a, e) => (p(), v("div", {
-      class: C({
-        "top-info": !0,
-        ["top-size_" + a.size]: !0,
-        ["top-info-styling_" + a.styling]: !0
-      }),
-      "data-top-icon": a.icon
-    }, [
-      E("div", Se, [
-        H(a.$slots, "default")
-      ]),
-      a.$slots.additional ? (p(), v("span", Ie, [
-        H(a.$slots, "additional")
-      ])) : A("", !0)
-    ], 10, ke));
-  }
-}), Oe = me, Ne = ve, ze = be, Ge = $e, De = pe, He = Be;
-export {
-  Oe as TopEditArea,
-  Ne as TopEditInput,
-  He as TopInfo,
-  De as TopMenu,
-  ze as TopRadioGroup,
-  Ge as TopSelector2
-};
-//# sourceMappingURL=formsExt.js.map

package/formsExt/formsExt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formsExt.js","sources":["../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/selector2/api.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/formsExt.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props } from './editArea';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\n// TODO: добавить переменную top-forms-fixed-height и использовать ее при добавлении отступов у страницы\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst cancelBtnText = computed(() => {\n\tif (props.attachToKeyboard) return '';\n\n\tif (props.forceShowCloseBtn && !isChanged.value) return props.closeText;\n\n\treturn props.cancelText;\n});\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title\"\n\t\t\tclass=\"top-editArea_title\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"!attachToKeyboard && (isChanged || forceShowCloseBtn)\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t{{ cancelBtnText }}\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"attachToKeyboard ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t{{ attachToKeyboard ? '' : submitText }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_title {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n\toutline: none;\n}\n\n.top-editArea_form:not(.top-error):hover,\n.top-editArea_form:not(.top-error).top-focus {\n\tborder-color: var(--top-forms-border-color-hover);\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\tborder: none;\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tmargin-bottom: env(keyboard-inset-height, 0);\n\tposition: fixed;\n\tbottom: 0;\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n.top-editArea-attachedToKeyboard .top-button.top-editArea_button {\n\tmin-width: auto;\n\tpadding: 0;\n}\n\n.top-editArea-attachedToKeyboard .top-button.top-editArea_button:before {\n\t--top-icon-size: 18px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, toRef, watch } from 'vue';\nimport type { Emits, Props } from './editInput';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(toRef(props.modelValue), () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t/>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Ref } from '@vue/reactivity';\nimport { ref, watch } from 'vue';\nimport type { Props, Emits } from './radioGroup';\n\nconst model = defineModel<string>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst emit = defineEmits<Emits>();\n\nconst elRef: Ref<HTMLElement | null> = ref(null);\n\nwatch(model, () => {\n\tif (!props.radiosProps?.some(item => item.value === model.value)) {\n\t\tmodel.value = props.radiosProps?.[0]?.value ?? '';\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst uid = 'radioGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-radioGroup']: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<label\n\t\t\tv-for=\"item of radiosProps\"\n\t\t\t:class=\"{\n\t\t\t\t['top-radioGroup_item-selected']: item.value === model,\n\t\t\t\t['top-radioGroup_item']: true,\n\t\t\t\t['top-forms-focusable']: true,\n\t\t\t\t['top-disabled']: item.disabled,\n\t\t\t}\"\n\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t@click=\"model = item.value\"\n\t\t>\n\t\t\t{{ item.title }}\n\n\t\t\t<span\n\t\t\t\tv-if=\"showIndicator\"\n\t\t\t\tclass=\"top-radioGroup_circle\"\n\t\t\t></span>\n\n\t\t\t<!-- Для нативной навигации -->\n\t\t\t<input\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name=\"uid\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-unvisible']: true,\n\t\t\t\t}\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t/>\n\t\t</label>\n\t</div>\n</template>\n\n<style>\n@import \"./styles/top-scrollBar.css\";\n\n.top-radioGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-radioGroup_item {\n\tcolor: var(--color-text-2);\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 0 16px;\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: 4px;\n}\n\n.top-radioGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n/* selected */\n.top-radioGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tpointer-events: none;\n\tbackground-color: var(--color-bg-lightning-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n/* circle */\n.top-radioGroup_circle {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tborder: 1px solid var(--color-line-3-opacity);\n\tborder-radius: 50%;\n\tpadding: 3px;\n\tmargin-left: auto;\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\n}\n\n.top-radioGroup_item:hover .top-radioGroup_circle:before {\n\tborder-color: var(--color-line-primary-1);\n}\n\n/* circle selected */\n.top-radioGroup_item-selected .top-radioGroup_circle {\n\tborder-color: var(--color-line-primary-1);\n\tborder-width: 5px;\n}\n\n.top-radioGroup_item-selected:hover .top-radioGroup_circle {\n\tborder-color: var(--color-line-primary-1);\n}\n\n/* top-error  */\n.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle {\n\tborder-color: var(--color-line-negative-1);\n}\n</style>\n","import type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { debounce } from '@/core/utils/lodash';\nimport type { Item, Props } from './selector2';\n\nexport const useAPI = (apiRequest: Props['apiRequest'], minLength: number, useCache: Props['useCache']) => {\n\t/**\n\t * Список, полученный через API\n\t */\n\tconst items: Ref<Array<Item>> = ref([]);\n\n\t/**\n\t * Флаг - идет загрузка\n\t */\n\tconst isLoading = ref(false);\n\n\tlet _searchText = '';\n\tlet _nextOffset: number | undefined;\n\n\tif (apiRequest && !apiRequest.params.limit) {\n\t\tapiRequest.params.limit = 100;\n\t}\n\n\t/**\n\t * Выполнить обращение к API\n\t *\n\t * При ошибке вернет undefined\n\t */\n\tconst callAPIRequest = async (): Promise<{ nextOffset?: number, result: Array<Item> } | undefined> => {\n\t\tif (!apiRequest) return;\n\n\t\tlet res;\n\t\tlet cacheKey;\n\n\t\tif (useCache) {\n\t\t\t// кэш для полученных ответов через apiRequest\n\t\t\t// общий для всех компонентов, использующих apiRequest\n\t\t\tapiRequest.cache ??= new Map();\n\n\t\t\tcacheKey = JSON.stringify(apiRequest.params);\n\t\t\tres = apiRequest.cache.get(cacheKey);\n\n\t\t\tif (res) {\n\t\t\t\treturn res;\n\t\t\t}\n\t\t}\n\n\t\tisLoading.value = true;\n\t\tres = await apiRequest.call();\n\t\tisLoading.value = false;\n\n\t\tif (res.errors) return;\n\n\t\tif (!Array.isArray(res.result)) {\n\t\t\tconsole.warn(`В result ожидался массив`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\n\t\tif (indexWithError !== -1) {\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (useCache) {\n\t\t\tapiRequest.cache.set(cacheKey as string, res);\n\t\t}\n\n\t\treturn res;\n\t};\n\n\t/**\n\t * Загрузить items\n\t */\n\tconst load = async () => {\n\t\tif (!apiRequest) return;\n\n\t\tapiRequest.params.offset = 0;\n\t\tapiRequest.params.search = _searchText;\n\n\t\tconst res = await callAPIRequest();\n\t\tif (!res) return;\n\n\t\t_nextOffset = res.nextOffset;\n\n\t\titems.value = res.result;\n\t};\n\n\t/**\n\t * Загрузить следующую страницу items\n\t */\n\tconst loadAppend = async () => {\n\t\tif (!apiRequest) return;\n\n\t\t// данных о следующих страницах не обнаружено\n\t\tif (!_nextOffset) return;\n\n\t\t// дозагружать нельзя, если не завершена предыдущшая загрузка\n\t\tif (isLoading.value) return;\n\n\t\tapiRequest.params.offset = _nextOffset;\n\t\tapiRequest.params.search = _searchText;\n\n\t\tconst res = await callAPIRequest();\n\t\tif (!res) return;\n\n\t\t_nextOffset = res.nextOffset;\n\n\t\titems.value = items.value.concat(res.result);\n\t};\n\n\tconst loadDebounce = debounce(() => load(), 200);\n\n\t/**\n\t * Выполнить поиск по указанному тексту\n\t *\n\t * Если длина текста меньше minLength, поиск не будет проивзеден\n\t *\n\t * Если текст не изменился, поиск не будет проивзеден\n\t * @param searchText - текст поиска\n\t * @param useDebounce - отложенное выполнение поиска\n\t */\n\tconst setSearchTextAndLoad = (searchText: string, useDebounce = true) => {\n\t\tif (!apiRequest) return;\n\n\t\tif (searchText.length < minLength) return;\n\n\t\t// условия поиска не поменялись, данные загружены\n\t\tif (searchText === _searchText && items.value.length) return;\n\n\t\t_searchText = searchText;\n\n\t\tif (useDebounce) {\n\t\t\tloadDebounce();\n\t\t} else {\n\t\t\tvoid load();\n\t\t}\n\t};\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\tloadAppend,\n\t\tsetSearchTextAndLoad,\n\t};\n};\n","<script setup lang=\"ts\">\nimport type { ComputedRef, ModelRef, ComponentInstance } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\nimport { useI18n } from '@/core/plugins/i18n';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport type PopupClass from '@/components/popup/lib/popup';\nimport type { Item, Props, Slots } from './selector2';\nimport { useAPI } from './api';\nimport Selector2ItemMulti from './itemMulti.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Array<Item>,\n\tsize: 's',\n\tminLength: 0,\n\tshowSelectedInInput: true,\n});\n\nconst model = defineModel<Props['modelValue']>() as ModelRef<Props['modelValue']>;\n\ndefineSlots<Slots>();\n\n/**\n * Текст поиска по результатам\n */\nconst searchText = ref('');\n\nconst itemAll = {\n\tid: 0,\n\tname: useI18n().Common.All!,\n};\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef = ref<ComponentInstance<typeof TopPopup> | null>(null);\n\n/**\n * Основной элемент селектора\n */\nconst elRef = ref<HTMLElement | null>(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): PopupClass | undefined => {\n\treturn popupRef.value?.popup;\n};\n\n// для storybook\nif ((window as any).__STORYBOOK_PREVIEW__ && !props.modelValue) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tmodel.value = props.multiselect ? [] : { id: null, name: '' };\n\t\t},\n\t\t{ immediate: true },\n\t);\n}\n\nconst API = useAPI(props.apiRequest, props.minLength, props.useCache);\n\n/**\n * Варианты выбора: props.items + \"Выбрать все\"\n */\nconst localItems: ComputedRef<Array<Item>> = computed(() => {\n\tconst items: Array<Item> = [];\n\n\tif (!props.multiselect && props.appendAllValue) {\n\t\titems.push(itemAll);\n\t}\n\n\tprops.items.forEach(item => items.push({ ...item }));\n\n\treturn items;\n});\n\n/**\n * Проверить, что элемент выбран\n */\nconst isSelected = (item: Item, checkNameForNullId = true) => {\n\tif (checkNameForNullId && item.id === null) {\n\t\tif (Array.isArray(model.value)) {\n\t\t\treturn model.value.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\n\t\t} else {\n\t\t\treturn item.name === model.value.name;\n\t\t}\n\t}\n\n\tif (Array.isArray(model.value)) {\n\t\treturn model.value.some(itemSelected => itemSelected.id === item.id);\n\t} else {\n\t\treturn item.id === model.value.id;\n\t}\n};\n\n/**\n * Варианты выбора, которые выводятся\n */\nconst itemsForShow = computed(() => {\n\tconst searchString = searchText.value.toLowerCase();\n\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\n\n\tlet items: typeof localItems.value = [];\n\n\tlocalItems.value.forEach((item) => {\n\t\tconst itemName = item.name.toLowerCase();\n\n\t\tif (\n\t\t\titem.id === Number(searchString) ||\n\t\t\titemName.includes(searchString) ||\n\t\t\titemName.includes(searchStringInvertKeyboard)\n\t\t) {\n\t\t\tif (itemName === searchString || itemName === searchStringInvertKeyboard) {\n\t\t\t\titems.unshift(item);\n\t\t\t} else {\n\t\t\t\titems.push(item);\n\t\t\t}\n\t\t}\n\t});\n\n\titems.push(...API.items.value);\n\n\tif (\n\t\tprops.appendSearchToResult &&\n\t\t!!searchText.value &&\n\t\t(!items.length || items[0].name.toLowerCase() !== searchString)\n\t) {\n\t\titems.push({\n\t\t\tid: null,\n\t\t\tname: searchText.value,\n\t\t});\n\t}\n\n\tif (props.multiselect) {\n\t\titems = items.filter(item => !isSelected(item));\n\t}\n\n\treturn items;\n});\n\n/**\n * Флаг - идет загрузка\n *\n * Скрывает вывод заглушки \"Нет результатов\" - для загрузки данных через API (multiselect = true) - (см. selectItem)\n */\nconst isLoading = ref(API.isLoading.value);\n\nwatch(API.isLoading, () => {\n\tisLoading.value = API.isLoading.value;\n});\n\n/**\n * Выбрать значение\n *\n * Управляет закрытием окна\n */\nconst selectItem = async (item: Item) => {\n\tif (props.multiselect) {\n\t\tif (!Array.isArray(model.value)) return;\n\n\t\tif (isSelected(item)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (props.apiRequest && searchText.value) {\n\t\t\tisLoading.value = true;\n\t\t}\n\n\t\tconst newModel = [...model.value];\n\t\tnewModel.push({ ...item });\n\t\tmodel.value = newModel;\n\n\t\tif (Core.state.isMobile) {\n\t\t\tgetPopup()?.close();\n\n\t\t\t// сбросить введенный текст\n\t\t\tif (searchText.value) {\n\t\t\t\tsearchText.value = '';\n\t\t\t\tAPI.items.value = [];\n\t\t\t}\n\t\t} else {\n\t\t\tsetTimeout(() => {\n\t\t\t\tgetPopup()?.recalcPosition();\n\t\t\t\tgetPopup()?.elPopupWidget?.querySelector('input')?.focus();\n\n\t\t\t\t// сбросить введенный текст, только если больше не найдено результатов\n\t\t\t\tif (searchText.value) {\n\t\t\t\t\tif (!itemsForShow.value.length) {\n\t\t\t\t\t\tsearchText.value = '';\n\t\t\t\t\t\tAPI.items.value = [];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.apiRequest) {\n\t\t\t\t\t\t\tisLoading.value = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t} else {\n\t\t// сбросить введенный текст\n\t\tif (searchText.value) {\n\t\t\tsearchText.value = '';\n\t\t\tAPI.items.value = [];\n\t\t}\n\n\t\tif (JSON.stringify(item) !== JSON.stringify(model.value)) {\n\t\t\tmodel.value = { ...item };\n\t\t}\n\n\t\tgetPopup()?.close();\n\t}\n};\n\n/**\n * Выбрать следующее значение\n */\nconst selectNextItem = () => {\n\tif (!Array.isArray(model.value)) {\n\t\tconst currentIndex = localItems.value.findIndex(item => item.id === (model.value as Item).id);\n\t\tconst nextIndex = (currentIndex + 1) % localItems.value.length;\n\t\tmodel.value = { ...localItems.value[nextIndex] };\n\t}\n};\n\n/**\n * Удалить выбранное значение по id\n * @param id\n */\nconst deleteItemById = async (id: Item['id']) => {\n\tif (Array.isArray(model.value)) {\n\t\tmodel.value = model.value.filter(item => item.id !== id);\n\n\t\tsetTimeout(() => {\n\t\t\tgetPopup()?.recalcPosition();\n\t\t});\n\t}\n};\n\nconst isOpened = ref(false); // флаг попап открыт\n\nif (props.apiRequest) {\n\twatch(isOpened, () => {\n\t\tif (isOpened.value) {\n\t\t\t// при открытии сразу выполнить поиск\n\t\t\tAPI.setSearchTextAndLoad(searchText.value, false);\n\t\t}\n\t});\n\n\t// отложенный поиск при вводе текста\n\twatch(searchText, () => API.setSearchTextAndLoad(searchText.value));\n}\n\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tAPI.loadAppend();\n\t}\n};\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"isOpened = true\"\n\t\t@close=\"isOpened = false, elRef?.focus()\"\n\t\t@scrollContentList=\"apiRequest ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t>\n\t\t<template #opener>\n\t\t\t<div\n\t\t\t\tref=\"elRef\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2' : true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t\t@keydown.up.down.enter.space.stop.prevent=\"($event.currentTarget as HTMLElement).click()\"\n\t\t\t\t@keydown.delete=\"model = []\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Array<Item>\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"deleteItemById\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"!multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !multiselect && localItems.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\t@click.stop=\"selectNextItem\"\n\t\t\t\t></span>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #widget>\n\t\t\t<TopPopupWidgetInput\n\t\t\t\ttitle=\"Поиск\"\n\t\t\t\ticon=\"\"\n\t\t\t\tv-model=\"searchText\"\n\t\t\t\t:isLoading=\"isLoading\"\n\t\t\t\t:placeholder=\"!Array.isArray(model) && !multiselect && showSelectedInInput ? model.name : placeholder\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of itemsForShow\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.name === item.name\n\t\t\t\t}\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t@click.stop=\"selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item=\"item\"\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<TopPopupListItem\n\t\t\t\tv-if=\"!isLoading && !itemsForShow.length\"\n\t\t\t\ttype=\"regular\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t</TopPopupListItem>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n\tmin-height: var(--top-forms-base-height);\n\tbox-sizing: border-box;\n\tposition: relative;\n\tdisplay: flex;\n\toverflow: hidden;\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n\tcolor: var(--top-forms-placeholder-color);\n\n\tborder-radius: var(--top-radius-2);\n\tborder: 1px solid var(--top-forms-border-color);\n\tbackground: var(--top-forms-background-color);\n}\n\n.top-selector2-multiselect {\n\twidth: unset;\n\tmin-width: 180px;\n\tpadding: var(--top-padding-1);\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\ttransform: translateX(-16px);\n}\n</style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport EditArea from './editArea/editArea.vue';\nimport EditInput from './editInput/editInput.vue';\nimport RadioGroup from './radioGroup/radioGroup.vue';\nimport Selector2 from './selector2/selector2.vue';\nimport Menu from './menu/menu.vue';\nimport Info from './info/info.vue';\n\nexport const TopEditArea = EditArea as typeof EditArea & ComponentCustomProps;\nexport const TopEditInput = EditInput as typeof EditInput & ComponentCustomProps;\nexport const TopRadioGroup = RadioGroup as typeof RadioGroup & ComponentCustomProps;\nexport const TopSelector2 = Selector2 as typeof Selector2 & ComponentCustomProps;\nexport const TopMenu = Menu as typeof Menu & ComponentCustomProps;\nexport const TopInfo = Info as typeof Info & ComponentCustomProps;\n"],"names":["props","__props","emit","__emit","localValue","ref","isFocused","isChanged","computed","cancelBtnText","submit","value","cancel","clickOnTitle","intermediateValue","watch","toRef","model","useModel","elRef","_a","item","_c","_b","_e","_d","uid","useAPI","apiRequest","minLength","useCache","items","isLoading","_searchText","_nextOffset","callAPIRequest","res","cacheKey","indexWithError","load","loadAppend","loadDebounce","debounce","searchText","useDebounce","itemAll","useI18n","popupRef","getPopup","API","localItems","isSelected","checkNameForNullId","itemSelected","itemsForShow","searchString","searchStringInvertKeyboard","invertKeyboardLayout","itemName","selectItem","newModel","Core","selectNextItem","nextIndex","deleteItemById","id","isOpened","onScrollContentList","e","el","TopEditArea","_sfc_main$5","TopEditInput","_sfc_main$4","TopRadioGroup","_sfc_main$3","TopSelector2","_sfc_main$1","TopMenu","_sfc_main$9","TopInfo","_sfc_main"],"mappings":"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"}

package/icomoon/Read Me.txt

@@ -1,7 +0,0 @@
-Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
-
-To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/docs/#local-fonts
-
-You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
-
-You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.