@topvisor/ui 1.4.0-TopGroupSelector.3 → 1.4.0-TopGroupSelector.4

package/project/project.js

@@ -3,7 +3,7 @@
 		const fileNames = ['../assets/project.css'].map(fileName => import.meta.resolve(fileName));
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 	
-import { defineComponent as j, mergeModels as M, useModel as A, computed as E, createElementBlock as b, openBlock as h, createBlock as C, unref as v, withCtx as T, Fragment as Y, renderList as fe, normalizeClass as X, createElementVNode as oe, toDisplayString as V, createVNode as L, createTextVNode as z, toValue as ve, ref as G, watch as B, createCommentVNode as O, reactive as Be, isRef as pe, withModifiers as F, mergeProps as Ae, withKeys as ye, nextTick as Le, resolveDirective as Ne, withDirectives as Pe, resolveDynamicComponent as De, renderSlot as qe, shallowRef as Ue, createSlots as Fe } from "vue";
+import { defineComponent as L, mergeModels as M, useModel as A, computed as E, createElementBlock as b, openBlock as h, createBlock as C, unref as v, withCtx as T, Fragment as Y, renderList as fe, normalizeClass as X, createElementVNode as oe, toDisplayString as V, createVNode as R, createTextVNode as z, toValue as ve, ref as G, watch as B, createCommentVNode as O, reactive as Be, isRef as pe, withModifiers as F, mergeProps as Ae, withKeys as ye, nextTick as Re, resolveDirective as Ne, withDirectives as Pe, resolveDynamicComponent as De, renderSlot as qe, shallowRef as Ue, createSlots as Fe } from "vue";
 import { u as w, C as _, e as H, p as se, d as _e } from "../.chunks/forms-Cwv0JCi5.es.js";
 import { _ as be, b as me, a as ze } from "../.chunks/popupHint.vue_vue_type_style_index_0_lang-Bp_-W068.es.js";
 import { a as Je, _ as Ve, b as Me, c as we, I as de } from "../.chunks/policy.vue_vue_type_style_index_0_lang-B61ZEDWr.es.js";
@@ -14,7 +14,7 @@ import "../.chunks/dialogs.vue_vue_type_script_setup_true_lang-BP6GFkkz.es.js";
 import { g as Xe } from "../.chunks/field-CyyFzM-Y.es.js";
 import { storage as J } from "../utils/dom.js";
 import { TopPopupWorker as Ze } from "../popup/worker.js";
-const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" }, Nt = /* @__PURE__ */ j({
+const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" }, Nt = /* @__PURE__ */ L({
   __name: "competitorSelector",
   props: /* @__PURE__ */ M({
     modelValue: {},
@@ -38,7 +38,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     return (r, l) => (h(), b("div", et, [
       v(_).state.isMobile ? (h(), C(be, { key: 0 }, {
         opener: T(() => [
-          L(H, {
+          R(H, {
             class: "top-competitorSelector_opener",
             color: "theme",
             icon: "",
@@ -83,7 +83,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   title: r.url + ` [${r.id}]`,
   icon: r.id === ve(a) ? "" : "",
   content: r.name
-}))), R = -1, y = -2, le = -1, ot = {
+}))), j = -1, y = -2, le = -1, ot = {
   0: "Yandex",
   1: "Google",
   4: "YouTube",
@@ -183,7 +183,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
       };
       l.set(n.value, n);
       const d = {
-        value: R,
+        value: j,
         title: o.Common.Compare
       };
       l.set(d.value, d);
@@ -281,7 +281,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     }), i;
   }), r = ut(e, a), l = st(e, o), n = ct(e, a, t);
   B(a, () => {
-    if (e.onlySearcher ? n.regionsIndexes.value = Array.from(a.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((m) => t.value.has(m)), r.searcherKey.value === R) return;
+    if (e.onlySearcher ? n.regionsIndexes.value = Array.from(a.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((m) => t.value.has(m)), r.searcherKey.value === j) return;
     let i = a.value.keys().next().value;
     a.value.forEach((m) => {
       if (e.onlySearcher && m.key === r.searcherKey.value) {
@@ -297,7 +297,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     }), i !== void 0 && (r.searcherKey.value = i), l.regionIndex.value !== void 0 && !o.value?.regionByIndex?.has(l.regionIndex.value) && (l.regionIndex.value = o.value?.regions?.keys().next().value);
   }, { immediate: !0 });
   const d = () => {
-    if (!(r.searcherKey.value === R || r.searcherKey.value === y))
+    if (!(r.searcherKey.value === j || r.searcherKey.value === y))
       return r.searcherKey.value;
   }, c = () => {
     if (e.onlySearcher || l.regionIndex.value === y) return;
@@ -325,7 +325,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
         return f()?.regionByIndex?.get(i);
     }
   };
-}, Dt = /* @__PURE__ */ j({
+}, Dt = /* @__PURE__ */ L({
   __name: "regionSelector",
   props: /* @__PURE__ */ M({
     projectId: {},
@@ -368,7 +368,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
       });
     };
     return B([n.regionIndex, l.searcherKey, d.regionsIndexes], () => {
-      if (l.searcherKey.value === R && d.regionsIndexes.value.length) {
+      if (l.searcherKey.value === j && d.regionsIndexes.value.length) {
         if (JSON.stringify(t.value) === JSON.stringify(d.regionsIndexes.value))
           return;
         t.value = [...d.regionsIndexes.value];
@@ -412,12 +412,12 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
             l.searcherKey.value = t.value[0];
             return;
           }
-          l.searcherKey.value = R;
+          l.searcherKey.value = j;
           return;
         } else {
           if (!t.value.length)
             return;
-          if (t.value.length === 1 && l.searcherKey.value !== R) {
+          if (t.value.length === 1 && l.searcherKey.value !== j) {
             n.regionIndex.value = t.value[0];
             let u;
             for (const s of c.value.values()) {
@@ -431,25 +431,25 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
             }
             u !== void 0 && (l.searcherKey.value = u);
           } else
-            l.searcherKey.value = R, d.regionsIndexes.value = [...t.value];
+            l.searcherKey.value = j, d.regionsIndexes.value = [...t.value];
         }
     }, { immediate: !0 }), a({
       getSearcher: I,
       getRegion: i
     }), (u, s) => (h(), b("div", {
       class: X({
-        "top-selectorRegion": !0,
-        "top-selectorRegion-onlySearcher": e.onlySearcher
+        "top-regionSelector": !0,
+        "top-regionSelector-onlySearcher": e.onlySearcher
       })
     }, [
-      L(se, {
+      R(se, {
         options: v(l).optionBySearcherKey.value,
         modelValue: v(l).searcherKey.value,
         "onUpdate:modelValue": s[0] || (s[0] = (g) => v(l).searcherKey.value = g),
         name: "searcher_key",
         addChanger: e.addChanger
       }, null, 8, ["options", "modelValue", "addChanger"]),
-      !e.onlySearcher && v(l).searcherKey.value !== v(R) ? (h(), C(se, {
+      !e.onlySearcher && v(l).searcherKey.value !== v(j) ? (h(), C(se, {
         key: 0,
         class: "top-select-region",
         options: v(n).optionByRegionIndex.value,
@@ -459,7 +459,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
         addChanger: e.addChanger,
         "data-top-icon": e.addRegionIcon ? "" : void 0
       }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : O("", !0),
-      e.addCompare && !e.onlySearcher && v(l).searcherKey.value === v(R) ? (h(), C(H, {
+      e.addCompare && !e.onlySearcher && v(l).searcherKey.value === v(j) ? (h(), C(H, {
         key: 1,
         name: "compare",
         onClick: m,
@@ -487,7 +487,7 @@ const Oe = (e, a, o = /* @__PURE__ */ new Map(), t = { id: "root" }, r = 0) => (
   l = { ...l }, t.childsIds.push(l.id), l.id === 0 && (l.name = Ke(a));
   const n = r > 1 ? "-".repeat(r - 1) + " " : "";
   n && !l.name.startsWith(n) && (l.name = n + l.name), o.set(l.id, l), Oe(e, a, o, l, r + 1), t.childsIds = t.childsIds.concat(l.childsIds), t.id && l.count_groups_active && (t.countAllGroupsActive += l.count_groups_active);
-}), o), mt = (e) => e.gen("/get/keywords_2/folders/", ["id", "parent_id", "name", "path"]).changeParams({ orders: ["ord_path"], limit: 100 }), vt = /* @__PURE__ */ j({
+}), o), mt = (e) => e.gen("/get/keywords_2/folders/", ["id", "parent_id", "name", "path"]).changeParams({ orders: ["ord_path"], limit: 100 }), vt = /* @__PURE__ */ L({
   __name: "folders",
   props: /* @__PURE__ */ M({
     folderId: {},
@@ -561,13 +561,13 @@ const ce = {
   name: "All groups",
   folder_id: N.id,
   folder_path: N.path
-}, W = () => (ne.name = w()?.Common.All_groups, ne), Re = () => (ne.name = w()?.Keywords.Choose_group, ne), pt = (e, a) => (e = [...e], a && a.id && a.childsIds && (e = e.filter((o) => o.folder_id === a.id || a.childsIds.includes(o.folder_id))), e), xe = (e) => e.gen("/get/keywords_2/groups/", ["id", "name", "folder_id", "folder_path"]).changeParams({ folder_id_depth: !0, limit: 100 }), yt = (e) => e.gen("/add/keywords_2/groups/"), ht = { class: "top-groupSelector_groupItem" }, It = {
+}, W = () => (ne.name = w()?.Common.All_groups, ne), je = () => (ne.name = w()?.Keywords.Choose_group, ne), pt = (e, a) => (e = [...e], a && a.id && a.childsIds && (e = e.filter((o) => o.folder_id === a.id || a.childsIds.includes(o.folder_id))), e), xe = (e) => e.gen("/get/keywords_2/groups/", ["id", "name", "folder_id", "folder_path"]).changeParams({ folder_id_depth: !0, limit: 100 }), yt = (e) => e.gen("/add/keywords_2/groups/"), ht = { class: "top-groupSelector_groupItem" }, It = {
   key: 0,
   class: "top-comment"
 }, St = {
   key: 1,
   class: "top-groupSelector_groupItemFolderPath"
-}, xt = /* @__PURE__ */ j({
+}, xt = /* @__PURE__ */ L({
   __name: "groups",
   props: /* @__PURE__ */ M({
     groupId: {},
@@ -612,7 +612,7 @@ const ce = {
         o.folder?.id ?? 0
       ], o.groups && (f.value = pt(o.groups, o.folder))), c.value?.resetCache(), (u.folderId?.old !== void 0 || u.canSelectAll?.old !== void 0) && r.value !== de) {
         let s;
-        o.autoselect === "first" && (s = f.value?.[0], o.canSelectAll && (s = Be(W()))), (o.autoselect === "placeholder" || !s) && (s = Re()), i(s);
+        o.autoselect === "first" && (s = f.value?.[0], o.canSelectAll && (s = Be(W()))), (o.autoselect === "placeholder" || !s) && (s = je()), i(s);
       }
     }, { immediate: !0 }), Se({
       modelGroup: l,
@@ -688,7 +688,7 @@ const ce = {
       _: 1
     }, 8, ["modelValue", "items", "icon", "api", "apiSetSearchParams", "appendSearchToResult", "useAllItem", "addChanger"]));
   }
-}), kt = { class: "top-groupSelector" }, qt = /* @__PURE__ */ j({
+}), kt = { class: "top-groupSelector" }, qt = /* @__PURE__ */ L({
   __name: "groupSelector",
   props: /* @__PURE__ */ M({
     folderId: {},
@@ -718,7 +718,7 @@ const ce = {
   setup(e, { emit: a }) {
     const o = e, t = A(e, "folderId"), r = A(e, "groupId"), l = A(e, "group"), n = a, d = G(ft(o.folders, o.canSelectAllGroups));
     let c = o.groups?.find((I) => I.id === r.value);
-    r.value || (c = o.groups?.[0]), o.canSelectAllGroups && !c && (c = W()), o.canSelectAllGroups && !c && (c = W()), (o.autoselect === "placeholder" || !c) && (c = Re()), c ??= ce, l.value ??= c;
+    r.value || (c = o.groups?.[0]), o.canSelectAllGroups && !c && (c = W()), o.canSelectAllGroups && !c && (c = W()), (o.autoselect === "placeholder" || !c) && (c = je()), c ??= ce, l.value ??= c;
     const f = (I) => {
       let i;
       o.groups && I && (i = [...o.groups, I]), n("update:groups", i);
@@ -861,7 +861,7 @@ const ce = {
     name: "Turquoise",
     color_id: "10"
   }
-], Tt = ["data-tag_id", "data-tag_color_id", "title"], ge = /* @__PURE__ */ j({
+], Tt = ["data-tag_id", "data-tag_color_id", "title"], ge = /* @__PURE__ */ L({
   __name: "tagIcon",
   props: {
     id: {},
@@ -881,7 +881,7 @@ const ce = {
       title: e.name
     }, null, 10, Tt));
   }
-}), Bt = ["contenteditable", "onKeydown"], Te = /* @__PURE__ */ j({
+}), Bt = ["contenteditable", "onKeydown"], Te = /* @__PURE__ */ L({
   __name: "tagPopupListItem",
   props: /* @__PURE__ */ M({
     editable: { type: Boolean },
@@ -903,7 +903,7 @@ const ce = {
       contenteditable: d.value,
       onpaste: (m) => m.preventDefault()
     } : {}), d = G(!1), c = async () => {
-      d.value = !0, await Le(), l.value?.focus();
+      d.value = !0, await Re(), l.value?.focus();
     }, f = () => {
       const m = l.value?.innerText;
       if (!m) return I();
@@ -927,7 +927,7 @@ const ce = {
       onClick: F(i, ["stop"])
     }, {
       default: T(() => [
-        L(ge, {
+        R(ge, {
           id: e.id,
           name: r.value,
           colorId: e.colorId,
@@ -961,7 +961,7 @@ const ce = {
       _: 1
     }, 8, ["class"]));
   }
-}), At = { key: 1 }, bt = /* @__PURE__ */ j({
+}), At = { key: 1 }, bt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "popupOpener",
   props: /* @__PURE__ */ M({
@@ -1034,7 +1034,7 @@ const ce = {
       }, 8, ["id"]);
     };
   }
-}), _t = /* @__PURE__ */ j({
+}), _t = /* @__PURE__ */ L({
   __name: "tagSelector",
   props: /* @__PURE__ */ M({
     modelValue: {},
@@ -1137,11 +1137,11 @@ const ce = {
           }), d("tagsChanged", l.value);
         }
       });
-    }, je = (p) => {
+    }, Le = (p) => {
       _.$?.ui.sortable && $(p.elPopup).data("ui-sortable") && $(p.elPopup).sortable("destroy");
     };
     return (p, S) => (h(), b(Y, null, [
-      L(bt, {
+      R(bt, {
         modelValue: r.value,
         "onUpdate:modelValue": S[0] || (S[0] = (x) => r.value = x),
         id: v(c),
@@ -1150,11 +1150,11 @@ const ce = {
         mode: "filter",
         useTopButton: e.useTopButton
       }, null, 8, ["modelValue", "id", "tags", "styling", "useTopButton"]),
-      L(be, {
+      R(be, {
         id: v(c),
         class: X(g.value),
         onOpen: S[4] || (S[4] = (x) => P(x)),
-        onClose: S[5] || (S[5] = (x) => je(x)),
+        onClose: S[5] || (S[5] = (x) => Le(x)),
         "transition-duration": 50
       }, Fe({
         contentList: T(() => [
@@ -1198,7 +1198,7 @@ const ce = {
         v(i).mode === "setter" && v(i).filters ? {
           name: "header",
           fn: T(() => [
-            L(se, {
+            R(se, {
               modelValue: f.value,
               "onUpdate:modelValue": S[1] || (S[1] = (x) => f.value = x),
               options: I()
@@ -1209,13 +1209,13 @@ const ce = {
         v(i).mode === "setter" && v(i).filters ? {
           name: "footer",
           fn: T(() => [
-            L(H, { color: "theme" }, {
+            R(H, { color: "theme" }, {
               default: T(() => [
                 z(V(p.$i18n.Common.Cancel), 1)
               ]),
               _: 1
             }),
-            L(H, {
+            R(H, {
               onClick: S[2] || (S[2] = (x) => v(d)("setter", {
                 tagsIds: v(i).model.value,
                 filters: v(i).filters,