@topvisor/ui 1.0.42-checkvisibility.3 → 1.0.42-dev.1

package/formsExt/formsExt.js

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