@topvisor/ui 1.0.20-selector2-3 → 1.0.20-selector2-4

package/formsExt/formsExt.js

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

package/formsExt/formsExt.js.map

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

@@ -0,0 +1,2 @@
+define(["require","exports","vue","../.chunks/forms-Dh0QU6P9.amd","../require/css.amd!../assets/layout.css"],function(v,t,e,n){"use strict";if(typeof e>"u")var e=window.Vue;const l=e.defineComponent({__name:"rows",props:{gap:{default:"none"}},setup(s){const o=s;return(c,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-rows":!0,["top-rows-gap_"+o.gap]:!0})},[e.renderSlot(c.$slots,"default")],2))}}),r={class:"top-islandRows"},a={key:0,class:"top-islandRows_title"},d=e.defineComponent({__name:"islandRows",setup(s){return(o,c)=>(e.openBlock(),e.createElementBlock("div",r,[o.$slots.title?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"title")])):e.createCommentVNode("",!0),e.createVNode(l,{gap:"l",class:"top-islandRows_rows"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3})]))}}),i={},_={class:"top-islandRows_row"};function u(s,o){return e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(s.$slots,"default")])}const p=n._export_sfc(i,[["render",u]]),w={},f={class:"top-islandRows_subTitle"};function m(s,o){return e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(s.$slots,"default")])}const R=n._export_sfc(w,[["render",m]]),T=d,k=p,$=R,h=l;t.TopIslandRows=T,t.TopIslandRowsRow=k,t.TopIslandRowsSubTitle=$,t.TopRows=h,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=layout.amd.js.map

package/layout/layout.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.amd.js","sources":["../../src/components/layout/islandRows/islandRowsRow/islandRowsRow.vue","../../src/components/layout/islandRows/islandRowsSubTitle/islandRowsSubTitle.vue","../../src/components/layout/layout.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-islandRows_row\">\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-islandRows_row {\r\n\toutline-offset: 2px;\r\n\tborder-radius: 8px;\r\n\tbackground: var(--color-layout-front-1);\r\n\tpadding: var(--top-padding-3);\r\n\tdisplay: flex;\r\n\tgap: var(--top-gap-2);\r\n}\r\n\r\n/* Фокус форм */\r\n.top-islandRows_row:has(> .top-forms-optionWrapper .top-forms-focusable:focus-visible) {\r\n\toutline: 2px solid var(--color-line-primary-1);\r\n\toutline-offset: 2px;\r\n}\r\n\r\n/* Фокус форм, стили top-error оставить у форм, иначе они будут конфликтовать со стилями фокуса, так как у top-islandRows_row нет border */\r\n.top-islandRows_row > .top-forms-optionWrapper .top-forms-focusable:not(.top-error) {\r\n\toutline: none;\r\n\tanimation: none;\r\n}\r\n\r\n/* Отмена прозрачных рамок у полей ввода внутри islandRows, если top-rows расположен в islandRowsRow */\r\n.top-islandRows_row .top-rows > .top-input,\r\n.top-islandRows_row .top-rows > .top-textarea,\r\n.top-islandRows_row .top-rows > .top-select { --top-forms-border-color: inherit }\r\n</style>\r\n","<script setup lang=\"ts\">\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-islandRows_subTitle\">\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-islandRows_subTitle {\r\n\twidth: 100%;\r\n\tfont-size: 16px;\r\n\tfont-weight: bold;\r\n}\r\n</style>\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport IslandRows from './islandRows/islandRows.vue';\r\nimport IslandRowsRow from './islandRows/islandRowsRow/islandRowsRow.vue';\r\nimport IslandRowsSubTitle from './islandRows/islandRowsSubTitle/islandRowsSubTitle.vue';\r\nimport Rows from './rows/rows.vue';\r\n\r\nexport const TopIslandRows = IslandRows as typeof IslandRows & ComponentCustomProps;\r\nexport const TopIslandRowsRow = IslandRowsRow as typeof IslandRowsRow & ComponentCustomProps;\r\nexport const TopIslandRowsSubTitle = IslandRowsSubTitle as typeof IslandRowsSubTitle & ComponentCustomProps;\r\nexport const TopRows = Rows as typeof Rows & ComponentCustomProps;\r\n"],"names":["_sfc_render$1","_ctx","_cache","_sfc_render","TopIslandRows","_sfc_main$2","TopIslandRowsRow","IslandRowsRow","TopIslandRowsSubTitle","IslandRowsSubTitle","TopRows","_sfc_main$3"],"mappings":"q3BAIC,SAAAA,EAAAC,EAAAC,EAAA,wKCAA,SAAAC,EAAAF,EAAAC,EAAA,+HCGME,EAAAC,EACAC,EAAAC,EACAC,EAAAC,EACAC,EAAAC"}

package/layout/layout.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/layout/layout'
+export {}

package/layout/layout.js

@@ -0,0 +1,62 @@
+import { Core as i } from "../core/app.js";
+import { defineComponent as r, createElementBlock as t, openBlock as e, normalizeClass as d, renderSlot as n, createCommentVNode as p, createVNode as u, withCtx as m } from "vue";
+import { e as l } from "../.chunks/forms-BciWy0wX.es.js";
+const _ = ["../assets/layout.css"].map((s) => import.meta.resolve(s));
+i.insertCSSLinkToPage(_, !0);
+const c = /* @__PURE__ */ r({
+  __name: "rows",
+  props: {
+    gap: { default: "none" }
+  },
+  setup(s) {
+    const o = s;
+    return (a, k) => (e(), t("div", {
+      class: d({
+        "top-rows": !0,
+        ["top-rows-gap_" + o.gap]: !0
+      })
+    }, [
+      n(a.$slots, "default")
+    ], 2));
+  }
+}), f = { class: "top-islandRows" }, w = {
+  key: 0,
+  class: "top-islandRows_title"
+}, R = /* @__PURE__ */ r({
+  __name: "islandRows",
+  setup(s) {
+    return (o, a) => (e(), t("div", f, [
+      o.$slots.title ? (e(), t("div", w, [
+        n(o.$slots, "title")
+      ])) : p("", !0),
+      u(c, {
+        gap: "l",
+        class: "top-islandRows_rows"
+      }, {
+        default: m(() => [
+          n(o.$slots, "default")
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), $ = {}, h = { class: "top-islandRows_row" };
+function C(s, o) {
+  return e(), t("div", h, [
+    n(s.$slots, "default")
+  ]);
+}
+const T = /* @__PURE__ */ l($, [["render", C]]), S = {}, v = { class: "top-islandRows_subTitle" };
+function g(s, o) {
+  return e(), t("div", v, [
+    n(s.$slots, "default")
+  ]);
+}
+const I = /* @__PURE__ */ l(S, [["render", g]]), B = R, V = T, x = I, z = c;
+export {
+  B as TopIslandRows,
+  V as TopIslandRowsRow,
+  x as TopIslandRowsSubTitle,
+  z as TopRows
+};
+//# sourceMappingURL=layout.js.map

package/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../src/components/layout/rows/rows.vue","../../src/components/layout/islandRows/islandRowsRow/islandRowsRow.vue","../../src/components/layout/islandRows/islandRowsSubTitle/islandRowsSubTitle.vue","../../src/components/layout/layout.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { Props } from './types';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tgap: 'none',\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t['top-rows']: true,\r\n\t\t\t['top-rows-gap_' + props.gap]: true,\r\n\t\t}\"\r\n\t>\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-rows {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tflex-grow: 1;\r\n}\r\n\r\n.top-rows-gap_none {\r\n\tgap: 0x;\r\n}\r\n\r\n.top-rows-gap_xs {\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n.top-rows-gap_s {\r\n\tgap: var(--top-gap-2);\r\n}\r\n\r\n.top-rows-gap_m {\r\n\tgap: var(--top-gap-3);\r\n}\r\n\r\n.top-rows-gap_l {\r\n\tgap: var(--top-gap-4);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-islandRows_row\">\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-islandRows_row {\r\n\toutline-offset: 2px;\r\n\tborder-radius: 8px;\r\n\tbackground: var(--color-layout-front-1);\r\n\tpadding: var(--top-padding-3);\r\n\tdisplay: flex;\r\n\tgap: var(--top-gap-2);\r\n}\r\n\r\n/* Фокус форм */\r\n.top-islandRows_row:has(> .top-forms-optionWrapper .top-forms-focusable:focus-visible) {\r\n\toutline: 2px solid var(--color-line-primary-1);\r\n\toutline-offset: 2px;\r\n}\r\n\r\n/* Фокус форм, стили top-error оставить у форм, иначе они будут конфликтовать со стилями фокуса, так как у top-islandRows_row нет border */\r\n.top-islandRows_row > .top-forms-optionWrapper .top-forms-focusable:not(.top-error) {\r\n\toutline: none;\r\n\tanimation: none;\r\n}\r\n\r\n/* Отмена прозрачных рамок у полей ввода внутри islandRows, если top-rows расположен в islandRowsRow */\r\n.top-islandRows_row .top-rows > .top-input,\r\n.top-islandRows_row .top-rows > .top-textarea,\r\n.top-islandRows_row .top-rows > .top-select { --top-forms-border-color: inherit }\r\n</style>\r\n","<script setup lang=\"ts\">\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-islandRows_subTitle\">\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-islandRows_subTitle {\r\n\twidth: 100%;\r\n\tfont-size: 16px;\r\n\tfont-weight: bold;\r\n}\r\n</style>\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport IslandRows from './islandRows/islandRows.vue';\r\nimport IslandRowsRow from './islandRows/islandRowsRow/islandRowsRow.vue';\r\nimport IslandRowsSubTitle from './islandRows/islandRowsSubTitle/islandRowsSubTitle.vue';\r\nimport Rows from './rows/rows.vue';\r\n\r\nexport const TopIslandRows = IslandRows as typeof IslandRows & ComponentCustomProps;\r\nexport const TopIslandRowsRow = IslandRowsRow as typeof IslandRowsRow & ComponentCustomProps;\r\nexport const TopIslandRowsSubTitle = IslandRowsSubTitle as typeof IslandRowsSubTitle & ComponentCustomProps;\r\nexport const TopRows = Rows as typeof Rows & ComponentCustomProps;\r\n"],"names":["props","__props","_sfc_render$1","_ctx","_cache","_sfc_render","TopIslandRows","_sfc_main$2","TopIslandRowsRow","IslandRowsRow","TopIslandRowsSubTitle","IslandRowsSubTitle","TopRows","_sfc_main$3"],"mappings":";;;;;;;;;;;AAGA,UAAAA,IAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACCC,SAAAC,EAAAC,GAAAC,GAAA;;;;;;ACAA,SAAAC,EAAAF,GAAAC,GAAA;;;;;iDCGME,IAAAC,GACAC,IAAAC,GACAC,IAAAC,GACAC,IAAAC;"}