@topvisor/ui 1.4.0-TopGroupSelector.7 → 1.4.0-TopGroupSelector.9

package/project/project.js

@@ -3,18 +3,18 @@
 		const fileNames = ['../assets/project.css'].map(fileName => import.meta.resolve(fileName));
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 	
-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 B, 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 T, createCommentVNode as O, reactive as Te, 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-b4Vb3SlQ.es.js";
-import { u as We } from "../.chunks/utils-cls72V1c.es.js";
-import { getSearcherGIcon as Ye, getLangLabel as He, getDeviceGIcon as Qe } from "../utils/searchers.js";
-import "../.chunks/core-DVQVVUiP.es.js";
-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 { defineComponent as R, mergeModels as M, useModel as T, computed as E, createElementBlock as A, openBlock as h, createBlock as C, unref as v, withCtx as B, Fragment as Y, renderList as me, normalizeClass as X, createElementVNode as oe, toDisplayString as b, createVNode as N, createTextVNode as z, toValue as ye, ref as G, watch as V, createCommentVNode as L, reactive as be, isRef as he, withModifiers as U, mergeProps as Ve, withKeys as Ie, nextTick as Ne, resolveDirective as Pe, withDirectives as De, resolveDynamicComponent as Fe, renderSlot as qe, shallowRef as Ue, createSlots as _e } from "vue";
+import { u as w, C as _, e as Q, p as se, d as ze } from "../.chunks/forms-BseC3Ftz.es.js";
+import { _ as Me, b as ve, a as Je } from "../.chunks/popupHint.vue_vue_type_style_index_0_lang-DD59yF6H.es.js";
+import { a as We, _ as we, b as Ee, c as $e, I as de } from "../.chunks/policy.vue_vue_type_style_index_0_lang-BBDJEs5Q.es.js";
+import { u as Ye } from "../.chunks/utils-YrUExsH7.es.js";
+import { getSearcherGIcon as Qe, getLangLabel as He, getDeviceGIcon as Xe } from "../utils/searchers.js";
+import "../.chunks/core-BL-38XF7.es.js";
+import "../.chunks/dialogs.vue_vue_type_script_setup_true_lang-DRbTG0vh.es.js";
+import { g as Se } 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__ */ L({
+const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" }, Nt = /* @__PURE__ */ R({
   __name: "competitorSelector",
   props: /* @__PURE__ */ M({
     modelValue: {},
@@ -26,7 +26,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = A(e, "modelValue"), t = E(() => {
+    const a = e, o = T(e, "modelValue"), t = E(() => {
       if (a.showSelectAllItem)
         return {
           icon: "",
@@ -35,23 +35,23 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
           content: ""
         };
     });
-    return (r, l) => (h(), b("div", et, [
-      v(_).state.isMobile ? (h(), C(be, { key: 0 }, {
+    return (r, l) => (h(), A("div", et, [
+      v(_).state.isMobile ? (h(), C(Me, { key: 0 }, {
         opener: B(() => [
-          R(H, {
+          N(Q, {
             class: "top-competitorSelector_opener",
             color: "theme",
             icon: "",
             icon2: ""
           }, {
             default: B(() => [
-              z(V(e.items.find((n) => n.value === o.value?.[0])?.content), 1)
+              z(b(e.items.find((n) => n.value === o.value?.[0])?.content), 1)
             ]),
             _: 1
           })
         ]),
         contentList: B(() => [
-          (h(!0), b(Y, null, fe(e.items, (n) => (h(), C(me, {
+          (h(!0), A(Y, null, me(e.items, (n) => (h(), C(ve, {
             class: X({
               "top-active": o.value?.includes(n.value)
             }),
@@ -60,13 +60,13 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
             onClick: () => o.value = [n.value]
           }, {
             default: B(() => [
-              oe("span", tt, V(n.content), 1)
+              oe("span", tt, b(n.content), 1)
             ]),
             _: 2
           }, 1032, ["class", "data-top-icon", "title", "onClick"]))), 256))
         ]),
         _: 1
-      })) : (h(), C(Je, {
+      })) : (h(), C(We, {
         key: 1,
         modelValue: o.value,
         "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),
@@ -78,10 +78,10 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
       }, null, 8, ["modelValue", "items", "selectAllItem"]))
     ]));
   }
-}), Pt = (e, a) => E(() => ve(e).filter((r) => r.on >= 0 || r.id === a).map((r) => ({
+}), Pt = (e, a) => E(() => ye(e).filter((r) => r.on >= 0 || r.id === a).map((r) => ({
   value: r.id,
   title: r.url + ` [${r.id}]`,
-  icon: r.id === ve(a) ? "" : "",
+  icon: r.id === ye(a) ? "" : "",
   content: r.name
 }))), j = -1, y = -2, le = -1, ot = {
   0: "Yandex",
@@ -93,15 +93,15 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   9: "GoogleStore",
   20: "Yandex.com",
   21: "Yandex.com.tr"
-}, he = {
+}, xe = {
   key: y,
   name: "--",
   index: y
-}, $e = {
+}, Ge = {
   key: y,
   name: "--",
-  regions: [he],
-  regionByIndex: /* @__PURE__ */ new Map([[y, he]])
+  regions: [xe],
+  regionByIndex: /* @__PURE__ */ new Map([[y, xe]])
 }, ae = {
   key: y,
   name: "Autoselect",
@@ -111,7 +111,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   name: "Autoselect",
   regions: [ae],
   regionByIndex: /* @__PURE__ */ new Map([[y, ae]])
-}, Ie = {
+}, ke = {
   countryCode: "00",
   depth: 1,
   device: 0,
@@ -119,18 +119,18 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   index: le,
   lang: "ru",
   name: "Without region"
-}, lt = () => (ae.name = w().Common.Autoselect, ae), at = () => (lt(), ue.name = w().Common.Autoselect, console.log(ue), ue), nt = () => (Ie.name = w().Keywords.Without_region, Ie), Ee = (e = !1, a = !1, o = []) => {
+}, lt = () => (ae.name = w().Common.Autoselect, ae), at = () => (lt(), ue.name = w().Common.Autoselect, console.log(ue), ue), nt = () => (ke.name = w().Keywords.Without_region, ke), Ke = (e = !1, a = !1, o = []) => {
   let t;
-  return e ? t = rt(o) : t = Ge(o), a && t.set(y, at()), t.size || t.set(y, $e), t;
-}, Ge = (e, a = !0, o = [], t = !1) => {
+  return e ? t = rt(o) : t = Oe(o), a && t.set(y, at()), t.size || t.set(y, Ge), t;
+}, Oe = (e, a = !0, o = [], t = !1) => {
   const r = /* @__PURE__ */ new Map();
   return e.forEach((l) => {
     if (!l.enabled || t && typeof l.key == "number" && l.key > 1) return;
     const n = { ...l };
-    n.regionByIndex = /* @__PURE__ */ new Map(), l.regions && l.regions.forEach((d) => {
-      if (a && !d.enabled) return;
-      const c = { ...d };
-      n.regionByIndex.set(c.index, c);
+    n.regionByIndex = /* @__PURE__ */ new Map(), l.regions && l.regions.forEach((u) => {
+      if (a && !u.enabled) return;
+      const f = { ...u };
+      n.regionByIndex.set(f.index, f);
     }), !n.regionByIndex.size && o.length, // режим вывода ПС без регионов
     (!l.regions || // есть включенные регионы
     n.regionByIndex.size || // запрошен вывод конкретных ПС
@@ -146,7 +146,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     r.set(n.key, n);
   }), r;
 }, rt = (e) => {
-  const a = Ge(e, !1, [0, 1], !0);
+  const a = Oe(e, !1, [0, 1], !0);
   if (a.has(2)) {
     const o = a.get(2);
     o && (o.regionByIndex = /* @__PURE__ */ new Map());
@@ -157,7 +157,7 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     o.regionByIndex.set(t.index, t);
   }), a;
 }, it = (e, a, o = []) => {
-  const t = Ee(e, !1, o);
+  const t = Ke(e, !1, o);
   let r;
   return t.forEach((l) => {
     if (!(a.searcher_key !== void 0 && a.searcher_key != l.key) && l.regions && (l.regions.forEach((n) => {
@@ -166,15 +166,15 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     }), r))
       return !1;
   }), r;
-}, dt = We(() => import("../.chunks/dialog_regionSelectorRegions-DJu5Y1WK.es.js")), ut = (e, a) => {
+}, dt = Ye(() => import("../.chunks/dialog_regionSelectorRegions-1UVhgK2f.es.js")), ut = (e, a) => {
   const o = w(), t = G(a.value.keys().next().value ?? y), r = E(() => {
     const l = /* @__PURE__ */ new Map();
     if (a.value.forEach((n) => {
-      let d = {
+      let u = {
         value: n.key,
         title: n.name
       };
-      e.addSearcherIcon && (d.icon = Ye(n.key)), l.set(n.key, d);
+      e.addSearcherIcon && (u.icon = Qe(n.key)), l.set(n.key, u);
     }), e.addCompare && !l.has(y)) {
       const n = {
         value: "",
@@ -182,11 +182,11 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
         disabled: !0
       };
       l.set(n.value, n);
-      const d = {
+      const u = {
         value: j,
         title: o.Common.Compare
       };
-      l.set(d.value, d);
+      l.set(u.value, u);
     }
     return l;
   });
@@ -200,48 +200,48 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   const r = E(() => {
     const l = /* @__PURE__ */ new Map();
     return a.value.regionByIndex?.forEach((n) => {
-      let d = n.name;
+      let u = n.name;
       if (e.forFrequency) {
-        const I = {
+        const x = {
           value: n.key,
-          title: d
+          title: u
         };
-        l.has(n.key) || l.set(n.key, I);
+        l.has(n.key) || l.set(n.key, x);
         return;
       }
-      n.device && (d += " (" + o.Common["Device_" + n.device] + ")");
-      const c = He(a.value.key || 0, n.lang ?? "");
-      c && (d += " / " + c);
-      const f = {
+      n.device && (u += " (" + o.Common["Device_" + n.device] + ")");
+      const f = He(a.value.key || 0, n.lang ?? "");
+      f && (u += " / " + f);
+      const c = {
         value: n.index,
-        title: d,
-        icon: n.device ? Qe(n.device) : void 0
+        title: u,
+        icon: n.device ? Xe(n.device) : void 0
       };
-      l.set(n.index, f);
+      l.set(n.index, c);
     }), l;
   });
-  return T(r, (l, n) => {
+  return V(r, (l, n) => {
     if (e.onlySearcher || t.value !== void 0 && l.get(t.value))
       return;
-    let d = l.keys().next().value;
-    if (t.value === y || d === y) {
-      t.value = d;
+    let u = l.keys().next().value;
+    if (t.value === y || u === y) {
+      t.value = u;
       return;
     }
-    let c = n?.get(t.value)?.title || "", f = -1;
-    for (const [I, i] of l.entries()) {
+    let f = n?.get(t.value)?.title || "", c = -1;
+    for (const [x, i] of l.entries()) {
       const m = i.title;
-      if (typeof m != "string" || typeof I == "string")
+      if (typeof m != "string" || typeof x == "string")
         break;
-      if (m === c) {
-        d = I;
+      if (m === f) {
+        u = x;
         break;
       }
-      const u = new RegExp(` \\((${o.Common.Device_1}|${o.Common.Device_2})\\)`);
-      let s = c, g = 3;
-      m.indexOf(s) === -1 && (s = c.replace(/^[^a-zа-я]/i, "").replace(u, ""), g--), m.indexOf(s) === -1 && (s = c.replace(/ \/.*/, ""), g--), m.indexOf(s) === -1 && (s = c.replace(/ \/.*/, ""), s = s.replace(/^[^a-zа-я]/i, "").replace(u, ""), g--), m.indexOf(s) !== -1 && (g <= f || (f = g, d = I));
+      const d = new RegExp(` \\((${o.Common.Device_1}|${o.Common.Device_2})\\)`);
+      let s = f, g = 3;
+      m.indexOf(s) === -1 && (s = f.replace(/^[^a-zа-я]/i, "").replace(d, ""), g--), m.indexOf(s) === -1 && (s = f.replace(/ \/.*/, ""), g--), m.indexOf(s) === -1 && (s = f.replace(/ \/.*/, ""), s = s.replace(/^[^a-zа-я]/i, "").replace(d, ""), g--), m.indexOf(s) !== -1 && (g <= c || (c = g, u = x));
     }
-    t.value = d;
+    t.value = u;
   }), {
     regionIndex: t,
     optionByRegionIndex: r
@@ -262,25 +262,25 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
         ) ?? [];
       } catch {
       }
-    n.length && (n = n.filter((d) => o.value.has(d))), n.length || (n = Array.from(o.value)), t.value = [...n];
+    n.length && (n = n.filter((u) => o.value.has(u))), n.length || (n = Array.from(o.value)), t.value = [...n];
   }, l = () => {
     t.value.length ? localStorage.setItem("ui:project:regionSelector:" + e.projectId + ":regionsIndexes", JSON.stringify(t.value)) : localStorage.removeItem("ui:project:regionSelector:" + e.projectId + ":regionsIndexes");
   };
-  return T(t, () => {
+  return V(t, () => {
     l();
   }), e.addCompare && r(), {
     regionsIndexes: t
   };
 }, gt = (e) => {
-  const a = E(() => Ee(e.forFrequency, e.autoRegion, e.searchers)), o = E(() => a.value.get(r.searcherKey.value) || $e), t = E(() => {
+  const a = E(() => Ke(e.forFrequency, e.autoRegion, e.searchers)), o = E(() => a.value.get(r.searcherKey.value) || Ge), t = E(() => {
     const i = /* @__PURE__ */ new Set();
     return a.value.forEach((m) => {
-      m.regionByIndex.forEach((u) => {
-        u.index !== le && u.index !== y && i.add(u.index);
+      m.regionByIndex.forEach((d) => {
+        d.index !== le && d.index !== y && i.add(d.index);
       });
     }), i;
   }), r = ut(e, a), l = st(e, o), n = ct(e, a, t);
-  T(a, () => {
+  V(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 === j) return;
     let i = a.value.keys().next().value;
     a.value.forEach((m) => {
@@ -289,26 +289,26 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
         return;
       }
       if (l.regionIndex.value && m.regionByIndex?.has(l.regionIndex.value) && (i = m.key), !e.onlySearcher) {
-        let u;
-        i !== void 0 && (u = a.value.get(i)?.regionByIndex);
+        let d;
+        i !== void 0 && (d = a.value.get(i)?.regionByIndex);
         const s = a.value.get(m.key)?.regionByIndex;
-        u?.has(y) && !s?.has(y) && (i = m.key);
+        d?.has(y) && !s?.has(y) && (i = m.key);
       }
     }), 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 = () => {
+  const u = () => {
     if (!(r.searcherKey.value === j || r.searcherKey.value === y))
       return r.searcherKey.value;
-  }, c = () => {
+  }, f = () => {
     if (e.onlySearcher || l.regionIndex.value === y) return;
     let i = l.regionIndex.value;
     if (e.forFrequency) {
       const m = l.regionIndex.value;
-      i = it(e.forFrequency, { searcher_key: d(), key: m }, e.searchers)?.index;
+      i = it(e.forFrequency, { searcher_key: u(), key: m }, e.searchers)?.index;
     }
     return i;
-  }, f = () => {
-    const i = d();
+  }, c = () => {
+    const i = u();
     if (i !== void 0)
       return a.value.get(i);
   };
@@ -318,14 +318,14 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
     compare: n,
     searcherByKey: a,
     allRegionsIndexes: t,
-    getSearcher: f,
+    getSearcher: c,
     getRegion: () => {
-      const i = c();
+      const i = f();
       if (i !== void 0)
-        return f()?.regionByIndex?.get(i);
+        return c()?.regionByIndex?.get(i);
     }
   };
-}, Dt = /* @__PURE__ */ L({
+}, Dt = /* @__PURE__ */ R({
   __name: "regionSelector",
   props: /* @__PURE__ */ M({
     projectId: {},
@@ -347,62 +347,62 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
   }),
   emits: ["update:modelValue", "update:modelValueSingle"],
   setup(e, { expose: a }) {
-    const o = e, t = A(e, "modelValue"), r = A(e, "modelValueSingle"), {
+    const o = e, t = T(e, "modelValue"), r = T(e, "modelValueSingle"), {
       selectSearcher: l,
       selectRegion: n,
-      compare: d,
-      searcherByKey: c,
-      allRegionsIndexes: f,
-      getSearcher: I,
+      compare: u,
+      searcherByKey: f,
+      allRegionsIndexes: c,
+      getSearcher: x,
       getRegion: i
     } = gt(o), m = () => {
-      const u = [];
-      c.value.forEach((s) => {
+      const d = [];
+      f.value.forEach((s) => {
         s.enabled && s.regions.forEach((g) => {
-          g.enabled && u.push(g);
+          g.enabled && d.push(g);
         });
       }), dt.open("regions", {
-        regions: u,
-        regionsIndexes: d.regionsIndexes.value,
-        "@update:regionsIndexes": (s) => d.regionsIndexes.value = s
+        regions: d,
+        regionsIndexes: u.regionsIndexes.value,
+        "@update:regionsIndexes": (s) => u.regionsIndexes.value = s
       });
     };
-    return T([n.regionIndex, l.searcherKey, d.regionsIndexes], () => {
-      if (l.searcherKey.value === j && d.regionsIndexes.value.length) {
-        if (JSON.stringify(t.value) === JSON.stringify(d.regionsIndexes.value))
+    return V([n.regionIndex, l.searcherKey, u.regionsIndexes], () => {
+      if (l.searcherKey.value === j && u.regionsIndexes.value.length) {
+        if (JSON.stringify(t.value) === JSON.stringify(u.regionsIndexes.value))
           return;
-        t.value = [...d.regionsIndexes.value];
+        t.value = [...u.regionsIndexes.value];
       } else
         o.onlySearcher ? (t.value = [l.searcherKey.value], l.searcherKey.value === y && !o.autoRegion && (t.value.length = 0)) : (t.value = [n.regionIndex.value], n.regionIndex.value === y && !o.autoRegion && (t.value.length = 0));
-      !o.onlySearcher && !f.value.size && (l.searcherKey.value = y);
-    }), r.value && T(r, () => {
+      !o.onlySearcher && !c.value.size && (l.searcherKey.value = y);
+    }), r.value && V(r, () => {
       r.value && (t.value = [r.value]);
-    }, { immediate: !0 }), T(t, () => {
+    }, { immediate: !0 }), V(t, () => {
       if (t.value[0] && (r.value = t.value[0]), o.onlySearcher) {
-        if (!t.value.length || t.value.length === 1 && !c.value.has(t.value[0]) || t.value.length === 1 && t.value[0] === y && !o.autoRegion) {
-          let u = c.value.keys().next().value;
-          u === y && !o.autoRegion && (u = void 0, r.value = y), u !== void 0 ? t.value = [u] : t.value.length = 0;
+        if (!t.value.length || t.value.length === 1 && !f.value.has(t.value[0]) || t.value.length === 1 && t.value[0] === y && !o.autoRegion) {
+          let d = f.value.keys().next().value;
+          d === y && !o.autoRegion && (d = void 0, r.value = y), d !== void 0 ? t.value = [d] : t.value.length = 0;
           return;
         }
-        if (t.value.length > 1 && JSON.stringify(t.value) !== JSON.stringify(d.regionsIndexes.value)) {
-          t.value = [...d.regionsIndexes.value];
+        if (t.value.length > 1 && JSON.stringify(t.value) !== JSON.stringify(u.regionsIndexes.value)) {
+          t.value = [...u.regionsIndexes.value];
           return;
         }
       } else {
-        let u = [...new Set(t.value)], s = c.value.values().next().value?.regionByIndex?.keys().next().value;
-        if (o.forFrequency && (s = c.value.values().next().value?.regionByIndex?.values().next().value?.key), s === y && !o.autoRegion && (s = void 0, r.value = y), !u.length)
-          s !== void 0 && u.push(s);
-        else if (u.length === 1) {
-          let g = f.value;
-          o.forFrequency && (g = /* @__PURE__ */ new Set(), c.value.forEach((Z) => {
+        let d = [...new Set(t.value)], s = f.value.values().next().value?.regionByIndex?.keys().next().value;
+        if (o.forFrequency && (s = f.value.values().next().value?.regionByIndex?.values().next().value?.key), s === y && !o.autoRegion && (s = void 0, r.value = y), !d.length)
+          s !== void 0 && d.push(s);
+        else if (d.length === 1) {
+          let g = c.value;
+          o.forFrequency && (g = /* @__PURE__ */ new Set(), f.value.forEach((Z) => {
             Z.regionByIndex.forEach((P) => {
               P.index !== le && P.index !== y && g.add(P.key);
             });
-          })), g.has(u[0]) || (u = [], s !== void 0 && u.push(s));
+          })), g.has(d[0]) || (d = [], s !== void 0 && d.push(s));
         } else
-          u = u.filter((g) => f.value.has(g)), !u.length && s !== void 0 && u.push(s);
-        if (JSON.stringify(t.value) !== JSON.stringify(u)) {
-          t.value = u;
+          d = d.filter((g) => c.value.has(g)), !d.length && s !== void 0 && d.push(s);
+        if (JSON.stringify(t.value) !== JSON.stringify(d)) {
+          t.value = d;
           return;
         }
       }
@@ -419,30 +419,30 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
             return;
           if (t.value.length === 1 && l.searcherKey.value !== j) {
             n.regionIndex.value = t.value[0];
-            let u;
-            for (const s of c.value.values()) {
+            let d;
+            for (const s of f.value.values()) {
               for (const g of s.regionByIndex.values())
                 if ((o.forFrequency ? g.key : g.index) === n.regionIndex.value) {
-                  u = s.key;
+                  d = s.key;
                   break;
                 }
-              if (u !== void 0)
+              if (d !== void 0)
                 break;
             }
-            u !== void 0 && (l.searcherKey.value = u);
+            d !== void 0 && (l.searcherKey.value = d);
           } else
-            l.searcherKey.value = j, d.regionsIndexes.value = [...t.value];
+            l.searcherKey.value = j, u.regionsIndexes.value = [...t.value];
         }
     }, { immediate: !0 }), a({
-      getSearcher: I,
+      getSearcher: x,
       getRegion: i
-    }), (u, s) => (h(), b("div", {
+    }), (d, s) => (h(), A("div", {
       class: X({
         "top-selectorRegion": !0,
         "top-selectorRegion-onlySearcher": e.onlySearcher
       })
     }, [
-      R(se, {
+      N(se, {
         options: v(l).optionBySearcherKey.value,
         modelValue: v(l).searcherKey.value,
         "onUpdate:modelValue": s[0] || (s[0] = (g) => v(l).searcherKey.value = g),
@@ -458,36 +458,52 @@ const et = { class: "top-competitorSelector" }, tt = { class: "top-ellipsis1" },
         name: e.forFrequency ? "region_key" : "region_index",
         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(j) ? (h(), C(H, {
+      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : L("", !0),
+      e.addCompare && !e.onlySearcher && v(l).searcherKey.value === v(j) ? (h(), C(Q, {
         key: 1,
         name: "compare",
         onClick: m,
-        "data-count-compare-regions-indexes": v(d).regionsIndexes.value.length
+        "data-count-compare-regions-indexes": v(u).regionsIndexes.value.length
       }, {
         default: B(() => [
-          z(V(u.$i18n.Common.Selected_regions), 1)
+          z(b(d.$i18n.Common.Selected_regions), 1)
         ]),
         _: 1
-      }, 8, ["data-count-compare-regions-indexes"])) : O("", !0)
+      }, 8, ["data-count-compare-regions-indexes"])) : L("", !0)
     ], 2));
   }
-}), N = {
+}), O = {
   id: 0,
   name: "/",
   path: "/"
 }, ft = (e, a) => {
-  let o = e?.root[0] ?? N;
-  return o = { ...o }, o.name = Ke(a), o;
+  let o = e?.root[0] ?? O;
+  return o = { ...o }, o.name = Le(a), o;
 };
-function Ke(e) {
+function Le(e) {
   return e ? w()?.Common.All_folders : "/ (" + w()?.Keywords.Root_folder + ")";
 }
-const Oe = (e, a, o = /* @__PURE__ */ new Map(), t = { id: "root" }, r = 0) => (t.childsIds = [], t.id && (t.countAllGroupsActive = t.count_groups_active), e[t.id] && e[t.id].forEach((l) => {
-  l = { ...l }, t.childsIds.push(l.id), l.id === 0 && (l.name = Ke(a));
+const pe = (e, a, o = /* @__PURE__ */ new Map(), t = { id: "root" }, r = 0) => (t.childsIds = [], t.id && (t.countAllGroupsActive = t.count_groups_active), e[t.id] && e[t.id].forEach((l) => {
+  l = { ...l }, t.childsIds.push(l.id), l.id === 0 && (l.name = Le(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__ */ L({
+  n && !l.name.startsWith(n) && (l.name = n + l.name), o.set(l.id, l), pe(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 });
+function ce(e, a, o) {
+  const t = Object.keys(e), r = t.map((l) => e[l]);
+  return V(r, (l, n, u) => {
+    const f = {};
+    l.forEach((c, x) => {
+      if (!Object.is(c, n[x])) {
+        const i = t[x];
+        f[i] = {
+          old: n[x],
+          new: c
+        };
+      }
+    }), Object.keys(f).length && a(f, u);
+  }, o);
+}
+const vt = /* @__PURE__ */ R({
   __name: "folders",
   props: /* @__PURE__ */ M({
     folderId: {},
@@ -501,73 +517,68 @@ const Oe = (e, a, o = /* @__PURE__ */ new Map(), t = { id: "root" }, r = 0) => (
   }, {
     folderId: { required: !0 },
     folderIdModifiers: {},
-    folder: { default: N },
+    folder: { default: O },
     folderModifiers: {}
   }),
   emits: ["update:folderId", "update:folder"],
   setup(e) {
-    const a = e, o = A(e, "folderId"), t = A(e, "folder"), r = a.client && !a.folders ? mt(a.client) : void 0, l = G(null);
-    T(() => a.projectId, () => {
+    const a = e, o = T(e, "folderId"), t = T(e, "folder"), r = a.client && !a.folders ? mt(a.client) : void 0, l = G(null);
+    V(() => a.projectId, () => {
       r?.changeParams({
         project_id: a.projectId
       }), r?.setOptions({
         checkFingerprint: "TopGroupSelectorFolders:" + a.projectId
       }), l.value?.resetCache();
     }, { immediate: !0 });
-    const n = E(() => Oe(a.folders ?? { root: [N] }, a.canSelectAll));
-    return T(o, () => {
-      a.folders && (n.value.get(a.folderId) || (o.value = 0));
-    }, { immediate: !0 }), T(o, () => {
-      const d = n.value.get(a.folderId);
-      d && (t.value = d);
-    }), T(t, () => {
+    const n = E(() => pe(a.folders ?? { root: [O] }, a.canSelectAll));
+    return ce({
+      modelFolder: t,
+      modelFolderId: o
+    }, async (u) => {
+      if (o.value === t.value.id)
+        return;
+      if (u.modelFolder && !u.modelFolderId) {
+        o.value = t.value.id;
+        return;
+      }
+      if (u.modelFolderId) {
+        const c = n.value.get(a.folderId);
+        c && (t.value = c, t.value = c);
+      }
+      let f = n.value.get(a.folderId);
+      f || (f = O), t.value = f, o.value = f.id;
+    }, { immediate: !0 }), V(t, () => {
       o.value = t.value.id;
-    }), (d, c) => (h(), C(Ve, {
+    }), (u, f) => (h(), C(we, {
       class: "top-groupSelector_folder",
       modelValue: t.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f),
+      "onUpdate:modelValue": f[0] || (f[0] = (c) => t.value = c),
       items: e.folders ? [...n.value.values()] : void 0,
       "search-type": "inline",
       icon: e.addIcon ? "" : void 0,
       api: e.folders ? void 0 : v(r),
-      apiSetSearchParams: (...f) => v(Me)(...f, "name"),
+      apiSetSearchParams: (...c) => v(Ee)(...c, "name"),
       addChanger: e.addChanger,
       useCache: ""
     }, null, 8, ["modelValue", "items", "icon", "api", "apiSetSearchParams", "addChanger"]));
   }
-});
-function Se(e, a, o) {
-  const t = Object.keys(e), r = t.map((l) => e[l]);
-  return T(r, (l, n, d) => {
-    const c = {};
-    l.forEach((f, I) => {
-      if (!Object.is(f, n[I])) {
-        const i = t[I];
-        c[i] = {
-          old: n[I],
-          new: f
-        };
-      }
-    }), Object.keys(c).length && a(c, d);
-  }, o);
-}
-const ce = {
+}), ge = {
   id: -1,
   name: "--",
-  folder_id: N.id,
-  folder_path: N.path
+  folder_id: O.id,
+  folder_path: O.path
 }, ne = {
-  id: we,
+  id: $e,
   name: "All groups",
-  folder_id: N.id,
-  folder_path: N.path
-}, 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 = {
+  folder_id: O.id,
+  folder_path: O.path
+}, W = () => (ne.name = w()?.Common.All_groups, ne), je = () => (ne.name = w()?.Keywords.Choose_group, ne), pt = (e, a, o) => (e = [...e], a !== void 0 && (e = e.filter((t) => t.on == Number(a))), o && o.id && o.childsIds && (e = e.filter((t) => t.folder_id === o.id || o.childsIds.includes(t.folder_id))), e), Ce = (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__ */ L({
+}, xt = /* @__PURE__ */ R({
   __name: "groups",
   props: /* @__PURE__ */ M({
     groupId: {},
@@ -575,6 +586,7 @@ const ce = {
     projectId: {},
     folder: {},
     groups: {},
+    on: { type: Boolean, default: void 0 },
     canAdd: { type: [String, Boolean] },
     canSelectAll: { type: [Boolean, String] },
     autoselect: { default: "first" },
@@ -589,56 +601,56 @@ const ce = {
   }),
   emits: /* @__PURE__ */ M(["addGroup"], ["update:groupId", "update:group"]),
   setup(e, { emit: a }) {
-    const o = e, t = a, r = A(e, "groupId"), l = A(e, "group"), n = o.client && !o.groups ? xe(o.client) : void 0, d = o.client ? yt(o.client) : void 0, c = G(null), f = G(void 0), I = Xe("folder_id", "EQUALS", [o.folder?.id ?? 0]);
+    const o = e, t = a, r = T(e, "groupId"), l = T(e, "group"), n = o.client && !o.groups ? Ce(o.client) : void 0, u = o.client ? yt(o.client) : void 0, f = G(null), c = G(void 0), x = Se("folder_id", "EQUALS", [o.folder?.id ?? 0]);
     n?.changeParams({
       project_id: o.projectId,
       filters: [
-        I
+        x
       ]
-    });
-    const i = (u) => {
-      l.value = u, r.value = u.id;
+    }), o.on !== void 0 && n?.params.filters?.push(Se("on", "EQUALS", [o.on]));
+    const i = (d) => {
+      l.value = d, r.value = d.id;
     };
-    Se({
+    ce({
       projectId: () => o.projectId,
       folderId: () => o.folder?.id,
       canSelectAll: () => o.canSelectAll
-    }, (u) => {
-      if (u.projectId && (n?.changeParams({
+    }, (d) => {
+      if (d.projectId && (n?.changeParams({
         project_id: o.projectId
       }), n?.setOptions({
         checkFingerprint: "TopGroupSelectorGroups:" + o.projectId
-      })), u.folderId && (I.values = [
+      })), d.folderId && (x.values = [
         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) {
+      ], o.groups && (c.value = pt(o.groups, o.on, o.folder))), f.value?.resetCache(), (d.folderId?.old !== void 0 || d.canSelectAll?.old !== void 0) && r.value !== de) {
         let s;
-        o.autoselect === "first" && (s = f.value?.[0], o.canSelectAll && (s = Te(W()))), (o.autoselect === "placeholder" || !s) && (s = je()), i(s);
+        o.autoselect === "first" && (s = c.value?.[0], o.canSelectAll && (s = be(W()))), (o.autoselect === "placeholder" || !s) && (s = je()), i(s);
       }
-    }, { immediate: !0 }), Se({
+    }, { immediate: !0 }), ce({
       modelGroup: l,
       modelGroupId: r
-    }, async (u) => {
+    }, async (d) => {
       if (r.value !== l.value.id) {
-        if (u.modelGroup && !u.modelGroupId) {
+        if (d.modelGroup && !d.modelGroupId) {
           r.value = l.value.id;
           return;
         }
         if (!(o.canAdd && r.value === de)) {
           if (o.groups) {
-            let s = f.value?.find((g) => g.id === r.value);
+            let s = c.value?.find((g) => g.id === r.value);
             if (!s && o.canSelectAll && (s = W()), s)
               i(s);
             else {
-              const g = f.value?.[0];
-              g && !r.value ? i(g) : i(ce);
+              const g = c.value?.[0];
+              g && !r.value ? i(g) : i(ge);
             }
           }
-          if (o.client && !o.groups && (r.value || r.value === we && !o.canSelectAll)) {
-            const s = xe(o.client).changeParams({
+          if (o.client && !o.groups && (r.value || r.value === $e && !o.canSelectAll)) {
+            const s = Ce(o.client).changeParams({
               project_id: o.projectId,
               id: r.value,
               filters: [
-                I
+                x
               ]
             });
             s?.setOptions({
@@ -646,32 +658,32 @@ const ce = {
             });
             const g = await s.call();
             if (!g.errors?.length && !g.result) return;
-            !g.errors && g.result[0] ? i(g.result[0]) : i(ce);
+            !g.errors && g.result[0] ? i(g.result[0]) : i(ge);
           }
         }
       }
     }, { immediate: !0 });
-    const m = async (u) => {
-      if (o.canAdd !== "api" || !d) return;
-      const s = l.value, g = await d.changeParams({
+    const m = async (d) => {
+      if (o.canAdd !== "api" || !u) return;
+      const s = l.value, g = await u.changeParams({
         project_id: o.projectId,
-        names: [u.name],
-        to_id: o.folder?.id ?? N.id,
+        names: [d.name],
+        to_id: o.folder?.id ?? O.id,
         to_type: "in_folder_last"
       }).call();
-      g.result ? (i(g.result), t("addGroup", g.result)) : i(s), c.value?.resetCache(!0);
+      g.result ? (i(g.result), t("addGroup", g.result)) : i(s), f.value?.resetCache(!0);
     };
-    return (u, s) => (h(), C(Ve, {
+    return (d, s) => (h(), C(we, {
       ref_key: "refSelector",
-      ref: c,
+      ref: f,
       class: "top-groupSelector_group",
       modelValue: l.value,
       "onUpdate:modelValue": s[0] || (s[0] = (g) => l.value = g),
-      items: f.value ?? e.groups,
+      items: c.value ?? e.groups,
       searchType: "inline",
       icon: e.addIcon ? "" : void 0,
       api: e.groups ? void 0 : v(n),
-      apiSetSearchParams: (...g) => v(Me)(...g, "name"),
+      apiSetSearchParams: (...g) => v(Ee)(...g, "name"),
       appendSearchToResult: !!e.canAdd,
       useAllItem: e.canSelectAll ? v(W)().name : !1,
       addChanger: e.addChanger,
@@ -680,15 +692,15 @@ const ce = {
     }, {
       item: B(({ item: g }) => [
         oe("div", ht, [
-          g.id === v(de) ? (h(), b("div", It, V(u.$i18n.Common.Add) + ": ", 1)) : O("", !0),
-          oe("span", null, V(g.name), 1),
-          g.folder_path ? (h(), b("span", St, V(g.folder_path), 1)) : O("", !0)
+          g.id === v(de) ? (h(), A("div", It, b(d.$i18n.Common.Add) + ": ", 1)) : L("", !0),
+          oe("span", null, b(g.name), 1),
+          g.folder_path ? (h(), A("span", St, b(g.folder_path), 1)) : L("", !0)
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "items", "icon", "api", "apiSetSearchParams", "appendSearchToResult", "useAllItem", "addChanger"]));
   }
-}), kt = { class: "top-groupSelector" }, qt = /* @__PURE__ */ L({
+}), kt = { class: "top-groupSelector" }, Ft = /* @__PURE__ */ R({
   __name: "groupSelector",
   props: /* @__PURE__ */ M({
     folderId: {},
@@ -697,7 +709,7 @@ const ce = {
     projectId: {},
     folders: {},
     groups: {},
-    onlyOnGroups: { type: Boolean },
+    on: { type: Boolean },
     canSelectAllGroups: { type: Boolean },
     canAddGroup: {},
     autoselect: { default: "first" },
@@ -716,52 +728,54 @@ const ce = {
   }),
   emits: /* @__PURE__ */ M(["update:groups"], ["update:folderId", "update:groupId", "update:group"]),
   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 = je()), c ??= ce, l.value ??= c;
-    const f = (I) => {
-      let i;
-      o.groups && I && (i = [...o.groups, I]), n("update:groups", i);
+    const o = e, t = T(e, "folderId"), r = T(e, "groupId"), l = T(e, "group"), n = a, u = G(ft(o.folders, o.canSelectAllGroups)), f = pe(o.folders ?? { root: [O] }, o.canSelectAllGroups);
+    u.value = f.get(t.value);
+    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 = je()), c ??= ge, l.value ??= c;
+    const x = (i) => {
+      let m;
+      o.groups && i && (m = [...o.groups, i]), n("update:groups", m);
     };
-    return (I, i) => (h(), b("div", kt, [
+    return (i, m) => (h(), A("div", kt, [
       e.showFolders ? (h(), C(vt, {
         key: 0,
         folderId: t.value,
-        "onUpdate:folderId": i[0] || (i[0] = (m) => t.value = m),
-        folder: d.value,
-        "onUpdate:folder": i[1] || (i[1] = (m) => d.value = m),
+        "onUpdate:folderId": m[0] || (m[0] = (d) => t.value = d),
+        folder: u.value,
+        "onUpdate:folder": m[1] || (m[1] = (d) => u.value = d),
         projectId: e.projectId,
         folders: e.folders,
         canSelectAll: e.canSelectAllGroups,
         addChanger: e.addChanger,
         addIcon: e.addIcon,
         client: e.client
-      }, null, 8, ["folderId", "folder", "projectId", "folders", "canSelectAll", "addChanger", "addIcon", "client"])) : O("", !0),
+      }, null, 8, ["folderId", "folder", "projectId", "folders", "canSelectAll", "addChanger", "addIcon", "client"])) : L("", !0),
       e.showGroups ? (h(), C(xt, {
         key: 1,
         groupId: r.value,
-        "onUpdate:groupId": i[2] || (i[2] = (m) => r.value = m),
+        "onUpdate:groupId": m[2] || (m[2] = (d) => r.value = d),
         group: l.value,
-        "onUpdate:group": i[3] || (i[3] = (m) => l.value = m),
+        "onUpdate:group": m[3] || (m[3] = (d) => l.value = d),
         projectId: e.projectId,
-        folder: d.value,
+        folder: u.value,
         groups: e.groups,
+        on: e.on,
         canAdd: e.canAddGroup,
         canSelectAll: e.canSelectAllGroups,
         autoselect: e.autoselect,
         addChanger: e.addChanger,
         addIcon: e.addIcon,
         client: e.client,
-        onAddGroup: f
-      }, null, 8, ["groupId", "group", "projectId", "folder", "groups", "canAdd", "canSelectAll", "autoselect", "addChanger", "addIcon", "client"])) : O("", !0)
+        onAddGroup: x
+      }, null, 8, ["groupId", "group", "projectId", "folder", "groups", "on", "canAdd", "canSelectAll", "autoselect", "addChanger", "addIcon", "client"])) : L("", !0)
     ]));
   }
-}), ke = (e) => "-" + e, Q = (e) => e[0] === "-" ? e.substring(1) : e, re = (e, a) => {
-  e = Q(e);
+}), Be = (e) => "-" + e, H = (e) => e[0] === "-" ? e.substring(1) : e, re = (e, a) => {
+  e = H(e);
   const o = a.find((t) => t.id === e);
   if (o)
     return o;
-}, Ut = (e, a, o) => {
+}, qt = (e, a, o) => {
   a || (a = { id: e.id }), a.id = e.id, a.pos ??= "3", a.notch ??= !0, a.posBy ??= "fixed";
   const t = Ze.genElPopupOpener("div", a);
   return t.classList.add("top-tagSelector"), e.useTopButton && t.classList.add("top-tagSelector-useTopButton", "top-button", "top-color_theme", "top-as-selector"), e.useTopButton || t.classList.add("top-tagSelector-custom"), e.mode === "filter" && t.classList.add("top-tagSelector-filter"), e.mode === "setter" && !e.filters && t.classList.add("top-tagSelector-setter_single"), e.mode === "setter" && e.filters && t.classList.add("top-tagSelector-setter_several"), t.onclick = (r) => {
@@ -773,15 +787,15 @@ const ce = {
       filters: e.filters,
       payload: e.payload
     };
-    J(t, "topTagSelectorTarget", n), delete t.dataset.topPopupDisabled, pe(e.modelValue) || T(l, () => {
+    J(t, "topTagSelectorTarget", n), delete t.dataset.topPopupDisabled, he(e.modelValue) || V(l, () => {
       e.modelValue = l.value, te(t, e, o);
     }), t.click();
-  }, pe(e.modelValue) ? T(e.modelValue, () => te(t, e, o)) : J(t, "topTagSelectorRender", (r) => {
+  }, he(e.modelValue) ? V(e.modelValue, () => te(t, e, o)) : J(t, "topTagSelectorRender", (r) => {
     e.modelValue = r;
     const l = J(t, "topTagSelectorTarget");
     l && (l.model.value = r), te(t, e, o);
   }), te(t, e, o), t;
-}, Ft = (e, a) => {
+}, Ut = (e, a) => {
   J(e, "topTagSelectorRender")?.(a);
 }, te = (e, a, o) => {
   const t = v(a.modelValue);
@@ -790,7 +804,7 @@ const ce = {
     return;
   }
   if (e.innerHTML = "", !t.length && a.mode === "filter") {
-    const r = Ce({
+    const r = Te({
       id: "all",
       colorId: "",
       name: w().Common?.All_tags ?? "",
@@ -799,15 +813,15 @@ const ce = {
     e.append(r);
   }
   t.forEach((r) => {
-    const l = Ce({
-      id: Q(r),
+    const l = Te({
+      id: H(r),
       colorId: re(r, a.tags)?.color_id ?? "",
       name: re(r, a.tags)?.name ?? "",
-      state: Q(r) === r ? "selected" : "excluded"
+      state: H(r) === r ? "selected" : "excluded"
     });
     e.append(l);
   });
-}, Ce = (e) => {
+}, Te = (e) => {
   const a = document.createElement("div");
   return a.classList.add("top-tagSelector_tagIcon"), a.classList.toggle("top-tagSelector-active", !!e.state), a.classList.toggle("top-tagSelector-excluded", e.state === "excluded"), a.dataset.tag_id = e.id, a.dataset.tag_color_id = e.colorId, a.title = e.name, a;
 }, Ct = [
@@ -861,7 +875,7 @@ const ce = {
     name: "Turquoise",
     color_id: "10"
   }
-], Bt = ["data-tag_id", "data-tag_color_id", "title"], ge = /* @__PURE__ */ L({
+], Bt = ["data-tag_id", "data-tag_color_id", "title"], fe = /* @__PURE__ */ R({
   __name: "tagIcon",
   props: {
     id: {},
@@ -870,7 +884,7 @@ const ce = {
     state: {}
   },
   setup(e) {
-    return (a, o) => (h(), b("div", {
+    return (a, o) => (h(), A("div", {
       class: X({
         "top-tagSelector_tagIcon": !0,
         "top-tagSelector-active": !!e.state,
@@ -881,7 +895,7 @@ const ce = {
       title: e.name
     }, null, 10, Bt));
   }
-}), Tt = ["contenteditable", "onKeydown"], Be = /* @__PURE__ */ L({
+}), Tt = ["contenteditable", "onKeydown"], Ae = /* @__PURE__ */ R({
   __name: "tagPopupListItem",
   props: /* @__PURE__ */ M({
     editable: { type: Boolean },
@@ -899,69 +913,69 @@ const ce = {
   }),
   emits: /* @__PURE__ */ M(["update:name", "unselect", "exclude", "select"], ["update:name"]),
   setup(e, { emit: a }) {
-    const o = e, t = a, r = A(e, "name"), l = G(null), n = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
-      contenteditable: d.value,
+    const o = e, t = a, r = T(e, "name"), l = G(null), n = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
+      contenteditable: u.value,
       onpaste: (m) => m.preventDefault()
-    } : {}), d = G(!1), c = async () => {
-      d.value = !0, await Re(), l.value?.focus();
-    }, f = () => {
+    } : {}), u = G(!1), f = async () => {
+      u.value = !0, await Ne(), l.value?.focus();
+    }, c = () => {
       const m = l.value?.innerText;
-      if (!m) return I();
-      l.value && (l.value.innerText = m), d.value = !1, t("update:name", m);
-    }, I = async () => {
-      l.value && (l.value.innerText = o.name), d.value = !1;
+      if (!m) return x();
+      l.value && (l.value.innerText = m), u.value = !1, t("update:name", m);
+    }, x = async () => {
+      l.value && (l.value.innerText = o.name), u.value = !1;
     }, i = (m) => {
-      if (d.value || o.disabled) return;
-      let u = "selected";
-      o.canExclude && (m.ctrlKey || m.metaKey) && (u = "excluded"), o.state == u && (u = ""), u === "" && t("unselect"), u === "selected" && t("select"), u === "excluded" && t("exclude");
+      if (u.value || o.disabled) return;
+      let d = "selected";
+      o.canExclude && (m.ctrlKey || m.metaKey) && (d = "excluded"), o.state == d && (d = ""), d === "" && t("unselect"), d === "selected" && t("select"), d === "excluded" && t("exclude");
     };
-    return (m, u) => (h(), C(me, {
+    return (m, d) => (h(), C(ve, {
       class: X({
         "top-tagSelector_tagListItem": !0,
-        "top-tagSelector_tagListItem-inEdit": d.value,
+        "top-tagSelector_tagListItem-inEdit": u.value,
         "top-tagSelector_tagListItem-disabled": e.disabled,
         "top-tagSelector_tagListItem-canExclude": e.canExclude,
         "top-tagSelector-active": !!e.state,
         "top-tagSelector-excluded": e.state === "excluded"
       }),
-      onClick: F(i, ["stop"])
+      onClick: U(i, ["stop"])
     }, {
       default: B(() => [
-        R(ge, {
+        N(fe, {
           id: e.id,
           name: r.value,
           colorId: e.colorId,
           state: e.state
         }, null, 8, ["id", "name", "colorId", "state"]),
-        oe("span", Ae({
+        oe("span", Ve({
           ref_key: "elName",
           ref: l,
           class: "top-tagSelector_tagListItemName",
-          contenteditable: d.value ? "plaintext-only" : !1
+          contenteditable: u.value ? "plaintext-only" : !1
         }, n.value, {
           onKeydown: [
-            ye(F(f, ["stop"]), ["enter"]),
-            ye(F(I, ["stop"]), ["esc"])
+            Ie(U(c, ["stop"]), ["enter"]),
+            Ie(U(x, ["stop"]), ["esc"])
           ]
-        }), V(r.value), 17, Tt),
-        e.editable ? (h(), b(Y, { key: 0 }, [
-          d.value ? (h(), b("span", {
+        }), b(r.value), 17, Tt),
+        e.editable ? (h(), A(Y, { key: 0 }, [
+          u.value ? (h(), A("span", {
             key: 1,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: F(f, ["stop"])
-          })) : (h(), b("span", {
+            onClick: U(c, ["stop"])
+          })) : (h(), A("span", {
             key: 0,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: c
+            onClick: f
           }))
-        ], 64)) : O("", !0)
+        ], 64)) : L("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), At = { key: 1 }, bt = /* @__PURE__ */ L({
+}), At = { key: 1 }, bt = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "popupOpener",
   props: /* @__PURE__ */ M({
@@ -982,18 +996,18 @@ const ce = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = A(e, "modelValue"), t = a.useTopButton ? H : "div", r = a.useTopButton ? "html" : "default", l = {
+    const a = e, o = T(e, "modelValue"), t = a.useTopButton ? Q : "div", r = a.useTopButton ? "html" : "default", l = {
       model: o,
       mode: a.mode,
       targetId: a.targetId,
       filters: a.filters,
       payload: a.payload
     };
-    return (n, d) => {
-      const c = Ne("top-data");
-      return h(), C(ze, { id: e.id }, {
+    return (n, u) => {
+      const f = Pe("top-data");
+      return h(), C(Je, { id: e.id }, {
         default: B(() => [
-          Pe((h(), C(De(v(t)), Ae({
+          De((h(), C(Fe(v(t)), Ve({
             class: {
               "top-tagSelector": !0,
               "top-tagSelector-useTopButton": a.useTopButton,
@@ -1009,32 +1023,32 @@ const ce = {
             styling: e.styling
           }, n.$attrs), {
             [v(r)]: B(() => [
-              !o.value.length && e.mode === "filter" ? (h(), C(ge, {
+              !o.value.length && e.mode === "filter" ? (h(), C(fe, {
                 key: 0,
                 id: "all",
                 colorId: "",
                 name: n.$i18n.Common.All_tags ?? "",
                 state: ""
-              }, null, 8, ["name"])) : O("", !0),
-              e.mode === "setter" && e.filters ? (h(), b("div", At, [
+              }, null, 8, ["name"])) : L("", !0),
+              e.mode === "setter" && e.filters ? (h(), A("div", At, [
                 qe(n.$slots, "default")
-              ])) : (h(!0), b(Y, { key: 2 }, fe(o.value, (f) => (h(), C(ge, {
-                id: v(Q)(f),
-                colorId: v(re)(f, e.tags)?.color_id ?? "",
-                name: v(re)(f, e.tags)?.name ?? "",
-                state: v(Q)(f) === f ? "selected" : "excluded"
+              ])) : (h(!0), A(Y, { key: 2 }, me(o.value, (c) => (h(), C(fe, {
+                id: v(H)(c),
+                colorId: v(re)(c, e.tags)?.color_id ?? "",
+                name: v(re)(c, e.tags)?.name ?? "",
+                state: v(H)(c) === c ? "selected" : "excluded"
               }, null, 8, ["id", "colorId", "name", "state"]))), 256))
             ]),
             _: 2
           }, 1040, ["class", "styling"])), [
-            [c, l, "topTagSelectorTarget"]
+            [f, l, "topTagSelectorTarget"]
           ])
         ]),
         _: 3
       }, 8, ["id"]);
     };
   }
-}), _t = /* @__PURE__ */ L({
+}), _t = /* @__PURE__ */ R({
   __name: "tagSelector",
   props: /* @__PURE__ */ M({
     modelValue: {},
@@ -1054,19 +1068,19 @@ const ce = {
     },
     modelModifiers: {},
     tags: {
-      default: Te(Ct)
+      default: be(Ct)
     },
     tagsModifiers: {}
   }),
   emits: /* @__PURE__ */ M(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
   setup(e, { emit: a }) {
-    const o = w(), t = e, r = A(e, "modelValue"), l = A(e, "tags"), n = a, d = _e((p, S) => {
-      n(p, S);
+    const o = w(), t = e, r = T(e, "modelValue"), l = T(e, "tags"), n = a, u = ze((p, I) => {
+      n(p, I);
     }, t.emitDelay);
     t.singleMode && !r.value.length && (r.value = [l.value[0].id]);
-    const c = t.id ?? "top-popup-id-" + Math.random(), f = G("add"), I = () => {
-      const p = " " + o.Common.Tags?.toLowerCase(), S = /* @__PURE__ */ new Map();
-      return S.set("add", { value: "add", title: o.Common.Add + p }), S.set("replace", { value: "replace", title: o.Common.Replace + p }), S.set("delete", { value: "delete", title: o.Common.Delete + p }), S;
+    const f = t.id ?? "top-popup-id-" + Math.random(), c = G("add"), x = () => {
+      const p = " " + o.Common.Tags?.toLowerCase(), I = /* @__PURE__ */ new Map();
+      return I.set("add", { value: "add", title: o.Common.Add + p }), I.set("replace", { value: "replace", title: o.Common.Replace + p }), I.set("delete", { value: "delete", title: o.Common.Delete + p }), I;
     };
     let i = Ue({
       model: r,
@@ -1075,26 +1089,26 @@ const ce = {
       filters: void 0,
       payload: void 0
     });
-    T(r, () => {
-      d("selector", r.value);
+    V(r, () => {
+      u("selector", r.value);
     });
     const m = E(() => {
       if (i.value.mode === "setter" && t.maxTagsForSetter && !i.value.filters)
         return i.value.model.value.length >= t.maxTagsForSetter;
-    }), u = (p) => {
+    }), d = (p) => {
       if (p !== "all") {
         if (i.value.model.value.includes(p)) return "selected";
-        if (i.value.model.value.includes(ke(p))) return "excluded";
+        if (i.value.model.value.includes(Be(p))) return "excluded";
       }
       return p === "all" && !i.value.model.value.length ? "selected" : "";
-    }, s = (p, S) => {
-      const x = ke(p);
-      let k = i.value.model.value.filter((K) => K !== p && K !== x);
-      S === "select" && k.push(p), S === "exclude" && k.push(x), i.value.mode === "setter" && i.value.targetId !== void 0 && t.requiredForSetter && (k.length || k.push("1"), k.length === 2 && i.value.model.value.length === 1 && i.value.model.value[0] === "1" && (k = k.filter((K) => K !== "1"))), t.singleMode && !i.value.filters && (k.length || (k = i.value.model.value), k.length > 1 && (k = [k[k.length - 1]])), k.sort((K, ee) => {
+    }, s = (p, I) => {
+      const S = Be(p);
+      let k = i.value.model.value.filter((K) => K !== p && K !== S);
+      I === "select" && k.push(p), I === "exclude" && k.push(S), i.value.mode === "setter" && i.value.targetId !== void 0 && t.requiredForSetter && (k.length || k.push("1"), k.length === 2 && i.value.model.value.length === 1 && i.value.model.value[0] === "1" && (k = k.filter((K) => K !== "1"))), t.singleMode && !i.value.filters && (k.length || (k = i.value.model.value), k.length > 1 && (k = [k[k.length - 1]])), k.sort((K, ee) => {
         if (!t.tags) return 0;
-        const D = t.tags.findIndex((U) => U.id === K), q = t.tags.findIndex((U) => U.id === ee);
-        return D - q;
-      }), i.value.model.value = k, i.value.mode === "setter" && i.value.targetId !== void 0 && d("setter", {
+        const D = t.tags.findIndex((q) => q.id === K), F = t.tags.findIndex((q) => q.id === ee);
+        return D - F;
+      }), i.value.model.value = k, i.value.mode === "setter" && i.value.targetId !== void 0 && u("setter", {
         tagsIds: k,
         targetId: i.value.targetId,
         payload: i.value.payload
@@ -1105,15 +1119,15 @@ const ce = {
     }), Z = () => {
       const p = prompt("", "New tag");
       if (!p || p === "New tag") return;
-      const S = l.value.length + 1;
+      const I = l.value.length + 1;
       l.value.push({
-        id: String(S),
+        id: String(I),
         name: p,
-        color_id: String((S - 1) % 10 + 1)
+        color_id: String((I - 1) % 10 + 1)
       }), n("tagsChanged", l.value);
     }, P = (p) => {
       if (i.value = J(p.elPopupOpener, "topTagSelectorTarget"), !i.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
-      if (i.value.filters && (f.value = "add", i.value.model.value = []), !_.$?.ui.sortable) {
+      if (i.value.filters && (c.value = "add", i.value.model.value = []), !_.$?.ui.sortable) {
         console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
         return;
       }
@@ -1124,84 +1138,84 @@ const ce = {
          */
         cancel: '[contenteditable="plaintext-only"], [contenteditable="true"]',
         distance: 10,
-        stop: function(S, x) {
+        stop: function(I, S) {
           if (!l.value) return;
-          const k = $(x.item).parent().find("[data-tag_id]"), K = [];
+          const k = $(S.item).parent().find("[data-tag_id]"), K = [];
           k.each((ee, D) => {
             if (!l.value) return;
-            const q = $(D).attr("data-tag_id");
-            K.push(q);
+            const F = $(D).attr("data-tag_id");
+            K.push(F);
           }), l.value.sort((ee, D) => {
-            const q = K.findIndex((ie) => ie === ee.id), U = K.findIndex((ie) => ie === D.id);
-            return q - U;
-          }), d("tagsChanged", l.value);
+            const F = K.findIndex((ie) => ie === ee.id), q = K.findIndex((ie) => ie === D.id);
+            return F - q;
+          }), u("tagsChanged", l.value);
         }
       });
-    }, Le = (p) => {
+    }, Re = (p) => {
       _.$?.ui.sortable && $(p.elPopup).data("ui-sortable") && $(p.elPopup).sortable("destroy");
     };
-    return (p, S) => (h(), b(Y, null, [
-      R(bt, {
+    return (p, I) => (h(), A(Y, null, [
+      N(bt, {
         modelValue: r.value,
-        "onUpdate:modelValue": S[0] || (S[0] = (x) => r.value = x),
-        id: v(c),
+        "onUpdate:modelValue": I[0] || (I[0] = (S) => r.value = S),
+        id: v(f),
         tags: l.value,
         styling: e.styling,
         mode: "filter",
         useTopButton: e.useTopButton
       }, null, 8, ["modelValue", "id", "tags", "styling", "useTopButton"]),
-      R(be, {
-        id: v(c),
+      N(Me, {
+        id: v(f),
         class: X(g.value),
-        onOpen: S[4] || (S[4] = (x) => P(x)),
-        onClose: S[5] || (S[5] = (x) => Le(x)),
+        onOpen: I[4] || (I[4] = (S) => P(S)),
+        onClose: I[5] || (I[5] = (S) => Re(S)),
         "transition-duration": 50
-      }, Fe({
+      }, _e({
         contentList: B(() => [
-          v(i).mode === "filter" && !e.singleMode ? (h(), C(Be, {
+          v(i).mode === "filter" && !e.singleMode ? (h(), C(Ae, {
             key: 0,
             id: "all",
             colorId: "",
             name: p.$i18n.Common.All_tags ?? "",
             state: v(i).model.value.length ? "" : "selected",
-            onSelect: S[3] || (S[3] = (x) => v(i).model.value = [])
-          }, null, 8, ["name", "state"])) : O("", !0),
-          (h(!0), b(Y, null, fe(l.value, (x) => (h(), C(Be, {
-            key: x.id,
-            id: x.id,
-            colorId: x.color_id,
-            name: x.name,
-            state: u(x.id),
+            onSelect: I[3] || (I[3] = (S) => v(i).model.value = [])
+          }, null, 8, ["name", "state"])) : L("", !0),
+          (h(!0), A(Y, null, me(l.value, (S) => (h(), C(Ae, {
+            key: S.id,
+            id: S.id,
+            colorId: S.color_id,
+            name: S.name,
+            state: d(S.id),
             canExclude: v(i).mode === "filter" && !e.singleMode,
             editable: e.tagsEditable,
-            disabled: m.value && u(x.id) === "",
-            onUnselect: (k) => s(x.id, "unselect"),
-            onSelect: (k) => s(x.id, "select"),
-            onExclude: (k) => s(x.id, "exclude"),
+            disabled: m.value && d(S.id) === "",
+            onUnselect: (k) => s(S.id, "unselect"),
+            onSelect: (k) => s(S.id, "select"),
+            onExclude: (k) => s(S.id, "exclude"),
             "onUpdate:name": (k) => {
-              x.name = k, v(d)("tagsChanged", l.value);
+              S.name = k, v(u)("tagsChanged", l.value);
             }
           }, null, 8, ["id", "colorId", "name", "state", "canExclude", "editable", "disabled", "onUnselect", "onSelect", "onExclude", "onUpdate:name"]))), 128)),
-          e.tagsEditable && l.value.length < e.tagsMax && l.value.length < 20 ? (h(), C(me, {
+          e.tagsEditable && l.value.length < e.tagsMax && l.value.length < 20 ? (h(), C(ve, {
             key: 1,
             "data-top-icon": "",
-            onClick: F(Z, ["stop"])
+            onClick: U(Z, ["stop"])
           }, {
             default: B(() => [
-              z(V(p.$i18n.Common.Add), 1)
+              z(b(p.$i18n.Common.Add), 1)
             ]),
             _: 1
-          })) : O("", !0)
+          })) : L("", !0)
         ]),
         _: 2
       }, [
         v(i).mode === "setter" && v(i).filters ? {
           name: "header",
           fn: B(() => [
-            R(se, {
-              modelValue: f.value,
-              "onUpdate:modelValue": S[1] || (S[1] = (x) => f.value = x),
-              options: I()
+            N(se, {
+              modelValue: c.value,
+              "onUpdate:modelValue": I[1] || (I[1] = (S) => c.value = S),
+              options: x()
             }, null, 8, ["modelValue", "options"])
           ]),
           key: "0"
@@ -1209,22 +1223,22 @@ const ce = {
         v(i).mode === "setter" && v(i).filters ? {
           name: "footer",
           fn: B(() => [
-            R(H, { color: "theme" }, {
+            N(Q, { color: "theme" }, {
               default: B(() => [
-                z(V(p.$i18n.Common.Cancel), 1)
+                z(b(p.$i18n.Common.Cancel), 1)
               ]),
               _: 1
             }),
-            R(H, {
-              onClick: S[2] || (S[2] = (x) => v(d)("setter", {
+            N(Q, {
+              onClick: I[2] || (I[2] = (S) => v(u)("setter", {
                 tagsIds: v(i).model.value,
                 filters: v(i).filters,
-                filtersAction: f.value,
+                filtersAction: c.value,
                 payload: v(i).payload
               }))
             }, {
               default: B(() => [
-                z(V(f.value === "add" ? p.$i18n.Common.Add : "") + " " + V(f.value === "replace" ? p.$i18n.Common.Replace : "") + " " + V(f.value === "delete" ? p.$i18n.Common.Delete : ""), 1)
+                z(b(c.value === "add" ? p.$i18n.Common.Add : "") + " " + b(c.value === "replace" ? p.$i18n.Common.Replace : "") + " " + b(c.value === "delete" ? p.$i18n.Common.Delete : ""), 1)
               ]),
               _: 1
             })
@@ -1237,16 +1251,16 @@ const ce = {
 });
 export {
   Nt as TopCompetitorSelector,
-  qt as TopGroupSelector,
+  Ft as TopGroupSelector,
   Dt as TopRegionSelector,
   _t as TopTagSelector,
   bt as TopTagSelectorPopupOpener,
-  ge as TopTagSelectorTagIcon,
+  fe as TopTagSelectorTagIcon,
   dt as dialogRegionSelector,
   it as findRegion,
-  Ut as genElTopTagSelectorPopupOpener,
-  Ee as genSearcherByKey,
-  Ft as renderElTopTagSelectorPopupOpener,
+  qt as genElTopTagSelectorPopupOpener,
+  Ke as genSearcherByKey,
+  Ut as renderElTopTagSelectorPopupOpener,
   Pt as useItemsFromCompetitors
 };
 //# sourceMappingURL=project.js.map