@topvisor/ui 1.1.0 → 1.3.0

package/project/project.js

@@ -1,17 +1,17 @@
-import { Core as Te } from "../core/app.js";
-import { defineComponent as q, mergeModels as R, useModel as N, computed as E, createElementBlock as B, openBlock as k, createBlock as b, unref as y, withCtx as _, Fragment as W, renderList as ie, normalizeClass as Q, createElementVNode as ye, toDisplayString as M, createVNode as L, createTextVNode as z, ref as D, watch as K, createCommentVNode as F, withModifiers as j, mergeProps as pe, withKeys as de, nextTick as be, resolveDirective as Be, withDirectives as Ve, resolveDynamicComponent as Ee, renderSlot as Me, shallowRef as $e, createSlots as Ke, reactive as we, toValue as ue, isRef as ce } from "vue";
-import { u as A, C as J, _ as Y, x as re, d as Le } from "../.chunks/forms-BsuCen2-.es.js";
-import { _ as he, a as se, b as Ae } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CszHDnB0.es.js";
-import { _ as Oe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-DmY5w4yr.es.js";
-import { u as Re } from "../.chunks/utils-B1H3EGkg.es.js";
-import { getSearcherGIcon as Ne, getLangLabel as De, getDeviceGIcon as Fe } from "../utils/searchers.js";
-import { storage as G } from "../utils/dom.js";
-import { TopPopupWorker as qe } from "../popup/worker.js";
-const _e = ["../assets/project.css"].map((t) => import.meta.resolve(t));
-Te.insertCSSLinkToPage(_e, !0);
-const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }, je = /* @__PURE__ */ q({
+import { Core as _e } from "../core/app.js";
+import { defineComponent as P, mergeModels as N, useModel as D, computed as E, createElementBlock as B, openBlock as k, createBlock as b, unref as y, withCtx as _, Fragment as Y, renderList as se, normalizeClass as X, createElementVNode as he, toDisplayString as K, createVNode as A, createTextVNode as G, toValue as de, ref as F, watch as w, createCommentVNode as q, isRef as ce, withModifiers as z, mergeProps as Se, withKeys as ge, nextTick as Be, resolveDirective as Ve, withDirectives as Ee, resolveDynamicComponent as Me, renderSlot as Ke, shallowRef as $e, createSlots as we, reactive as Le } from "vue";
+import { u as R, C as J, c as H, o as re, d as Ae } from "../.chunks/forms-DarRVke_.es.js";
+import { _ as Ie, b as ue, a as Re } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-DzJ_pc-d.es.js";
+import { _ as Oe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-COD_4iTy.es.js";
+import { u as Ne } from "../.chunks/utils-3M9LC_L_.es.js";
+import { getSearcherGIcon as De, getLangLabel as Fe, getDeviceGIcon as qe } from "../utils/searchers.js";
+import { storage as W } from "../utils/dom.js";
+import { TopPopupWorker as Pe } from "../popup/worker.js";
+const be = ["../assets/project.css"].map((t) => import.meta.resolve(t));
+_e.insertCSSLinkToPage(be, !0);
+const Ue = { class: "top-selectorCompetitors" }, je = { class: "top-ellipsis1" }, yt = /* @__PURE__ */ P({
   __name: "selectorCompetitors",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     modelValue: {},
     items: {},
     showSelectAllItem: { type: Boolean, default: !0 }
@@ -21,19 +21,19 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, o = N(t, "modelValue"), e = E(() => {
+    const l = t, o = D(t, "modelValue"), e = E(() => {
       if (l.showSelectAllItem)
         return {
           icon: "",
-          title: A().Common.Select_all,
+          title: R().Common.Select_all,
           value: "all",
           content: ""
         };
     });
-    return (i, a) => (k(), B("div", Pe, [
-      y(J).state.isMobile ? (k(), b(he, { key: 0 }, {
+    return (i, a) => (k(), B("div", Ue, [
+      y(J).state.isMobile ? (k(), b(Ie, { key: 0 }, {
         opener: _(() => [
-          L(Y, {
+          A(H, {
             class: "top-selectorCompetitors_opener",
             color: "theme",
             icon: "",
@@ -42,9 +42,9 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
             default: _(() => {
               var n;
               return [
-                z(M((n = i.items.find((d) => {
-                  var m;
-                  return d.value === ((m = o.value) == null ? void 0 : m[0]);
+                G(K((n = i.items.find((u) => {
+                  var f;
+                  return u.value === ((f = o.value) == null ? void 0 : f[0]);
                 })) == null ? void 0 : n.content), 1)
               ];
             }),
@@ -52,18 +52,18 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
           })
         ]),
         contentList: _(() => [
-          (k(!0), B(W, null, ie(i.items, (n, d) => {
-            var m;
-            return k(), b(se, {
-              class: Q({
-                "top-active": (m = o.value) == null ? void 0 : m.includes(n.value)
+          (k(!0), B(Y, null, se(i.items, (n) => {
+            var u;
+            return k(), b(ue, {
+              class: X({
+                "top-active": (u = o.value) == null ? void 0 : u.includes(n.value)
               }),
               "data-top-icon": n.icon,
               title: n.title,
               onClick: () => o.value = [n.value]
             }, {
               default: _(() => [
-                ye("span", Ue, M(n.content), 1)
+                he("span", je, K(n.content), 1)
               ]),
               _: 2
             }, 1032, ["class", "data-top-icon", "title", "onClick"]);
@@ -82,7 +82,12 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       }, null, 8, ["modelValue", "items", "selectAllItem"]))
     ]));
   }
-}), x = -2, Je = {
+}), pt = (t, l) => E(() => de(t).filter((i) => i.on >= 0 || i.id === l).map((i) => ({
+  value: i.id,
+  title: i.url + ` [${i.id}]`,
+  icon: i.id === de(l) ? "" : "",
+  content: i.name
+}))), M = -1, p = -2, te = -1, ze = {
   0: "Yandex",
   1: "Google",
   4: "YouTube",
@@ -92,57 +97,60 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   9: "GoogleStore",
   20: "Yandex.com",
   21: "Yandex.com.tr"
-}, ee = {
-  key: x,
+}, me = {
+  key: p,
   name: "--",
-  index: x
-}, Se = {
-  key: x,
+  index: p
+}, xe = {
+  key: p,
   name: "--",
-  regions: [ee],
-  regionByIndex: /* @__PURE__ */ new Map([[x, ee]])
-}, te = {
-  key: x,
+  regions: [me],
+  regionByIndex: /* @__PURE__ */ new Map([[p, me]])
+}, ae = {
+  key: p,
   name: "Autoselect",
-  index: x
+  index: p
 }, oe = {
-  key: x,
+  key: p,
   name: "Autoselect",
-  regions: [te],
-  regionByIndex: /* @__PURE__ */ new Map([[x, te]])
-}, ge = {
+  regions: [ae],
+  regionByIndex: /* @__PURE__ */ new Map([[p, ae]])
+}, fe = {
   countryCode: "00",
   depth: 1,
   device: 0,
-  key: -1,
-  index: -1,
+  key: te,
+  index: te,
   lang: "ru",
   name: "Without region"
-}, ze = () => (te.name = A().Common.Autoselect, te), Ge = () => (ze(), oe.name = A().Common.Autoselect, console.log(oe), oe), We = () => (ge.name = A().Keywords.Without_region, ge), Ie = (t = !1, l = !1, o = []) => {
+}, Je = () => (ae.name = R().Common.Autoselect, ae), Ge = () => (Je(), oe.name = R().Common.Autoselect, console.log(oe), oe), We = () => (fe.name = R().Keywords.Without_region, fe), ke = (t = !1, l = !1, o = []) => {
   let e;
-  return t ? e = Ye(o) : e = xe(o), l && e.set(x, Ge()), e.size || e.set(x, Se), e;
-}, xe = (t, l = !0, o = [], e = !1) => {
+  return t ? e = Ye(o) : e = Ce(o), l && e.set(p, Ge()), e.size || e.set(p, xe), e;
+}, Ce = (t, l = !0, o = [], e = !1) => {
   const i = /* @__PURE__ */ new Map();
   return t.forEach((a) => {
     if (!a.enabled || e && typeof a.key == "number" && a.key > 1) return;
     const n = { ...a };
-    n.regionByIndex = /* @__PURE__ */ new Map(), a.regions && a.regions.forEach((d) => {
-      if (l && !d.enabled) return;
-      const m = { ...d };
-      n.regionByIndex.set(m.index, m);
-    }), !n.regionByIndex.size && !o.length && n.regionByIndex.set(ee.index, ee), typeof n.key == "number" && i.set(n.key, n);
+    n.regionByIndex = /* @__PURE__ */ new Map(), a.regions && a.regions.forEach((u) => {
+      if (l && !u.enabled) return;
+      const f = { ...u };
+      n.regionByIndex.set(f.index, f);
+    }), !n.regionByIndex.size && o.length, // режим вывода ПС без регионов
+    (!a.regions || // есть включенные регионы
+    n.regionByIndex.size || // запрошен вывод конкретных ПС
+    o.length) && typeof n.key == "number" && i.set(n.key, n);
   }), o.forEach((a) => {
     if (i.has(a)) return;
     const n = {
       key: a,
-      name: Je[a],
+      name: ze[a],
       regions: [],
       regionByIndex: /* @__PURE__ */ new Map()
     };
     i.set(n.key, n);
   }), i;
 }, Ye = (t) => {
-  const l = xe(t, !1, [0, 1], !0);
+  const l = Ce(t, !1, [0, 1], !0);
   if (l.has(2)) {
     const o = l.get(2);
     o && (o.regionByIndex = /* @__PURE__ */ new Map());
@@ -153,7 +161,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     o.regionByIndex.set(e.index, e);
   }), l;
 }, He = (t, l, o = []) => {
-  const e = Ie(t, !1, o);
+  const e = ke(t, !1, o);
   let i;
   return e.forEach((a) => {
     if (!(l.searcher_key !== void 0 && l.searcher_key != a.key) && a.regions && (a.regions.forEach((n) => {
@@ -162,27 +170,27 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     }), i))
       return !1;
   }), i;
-}, Qe = Re(() => import("../.chunks/dialog_selectorRegions-BZcnnvJM.es.js")), Xe = (t, l) => {
-  const o = A(), e = D(l.value.keys().next().value ?? x), i = E(() => {
+}, Qe = Ne(() => import("../.chunks/dialog_selectorRegions-Zlm6K2mk.es.js")), Xe = (t, l) => {
+  const o = R(), e = F(l.value.keys().next().value ?? p), i = E(() => {
     const a = /* @__PURE__ */ new Map();
     if (l.value.forEach((n) => {
-      let d = {
+      let u = {
         value: n.key,
         title: n.name
       };
-      t.addSearcherIcon && (d.icon = Ne(n.key)), a.set(n.key, d);
-    }), t.addCompare && !a.has(x)) {
+      t.addSearcherIcon && (u.icon = De(n.key)), a.set(n.key, u);
+    }), t.addCompare && !a.has(p)) {
       const n = {
         value: "",
         title: "--------------------",
         disabled: !0
       };
       a.set(n.value, n);
-      const d = {
-        value: -1,
+      const u = {
+        value: M,
         title: o.Common.Compare
       };
-      a.set(d.value, d);
+      a.set(u.value, u);
     }
     return a;
   });
@@ -191,62 +199,62 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     optionBySearcherKey: i
   };
 }, Ze = (t, l) => {
-  var a, n, d;
-  const o = A(), e = D(x);
-  t.modelValue.length === 1 && (e.value = t.modelValue[0]), e.value === x && (t.forFrequency ? e.value = ((n = (a = l.value) == null ? void 0 : a.regionByIndex.values().next().value) == null ? void 0 : n.key) ?? x : e.value = ((d = l.value) == null ? void 0 : d.regionByIndex.keys().next().value) ?? x);
+  var a, n, u;
+  const o = R(), e = F(p);
+  t.modelValue.length === 1 && (e.value = t.modelValue[0]), e.value === p && (t.forFrequency ? e.value = ((n = (a = l.value) == null ? void 0 : a.regionByIndex.values().next().value) == null ? void 0 : n.key) ?? p : e.value = ((u = l.value) == null ? void 0 : u.regionByIndex.keys().next().value) ?? p);
   const i = E(() => {
-    var p;
-    const m = /* @__PURE__ */ new Map();
-    return (p = l.value.regionByIndex) == null || p.forEach((h) => {
-      let r = h.name;
+    var h;
+    const f = /* @__PURE__ */ new Map();
+    return (h = l.value.regionByIndex) == null || h.forEach((S) => {
+      let r = S.name;
       if (t.forFrequency) {
-        const I = {
-          value: h.key,
+        const x = {
+          value: S.key,
           title: r
         };
-        m.has(h.key) || m.set(h.key, I);
+        f.has(S.key) || f.set(S.key, x);
         return;
       }
-      h.device && (r += " (" + o.Common["Device_" + h.device] + ")");
-      const g = De(l.value.key || 0, h.lang ?? "");
+      S.device && (r += " (" + o.Common["Device_" + S.device] + ")");
+      const g = Fe(l.value.key || 0, S.lang ?? "");
       g && (r += " / " + g);
-      const u = {
-        value: h.index,
+      const d = {
+        value: S.index,
         title: r,
-        icon: h.device ? Fe(h.device) : void 0
+        icon: S.device ? qe(S.device) : void 0
       };
-      m.set(h.index, u);
-    }), m;
+      f.set(S.index, d);
+    }), f;
   });
-  return K(i, (m, p) => {
-    var u;
-    if (t.onlySearcher || e.value !== void 0 && m.get(e.value))
+  return w(i, (f, h) => {
+    var d;
+    if (t.onlySearcher || e.value !== void 0 && f.get(e.value))
       return;
-    let h = m.keys().next().value;
-    if (e.value === x || h === x) {
-      e.value = h;
+    let S = f.keys().next().value;
+    if (e.value === p || S === p) {
+      e.value = S;
       return;
     }
-    let r = ((u = p == null ? void 0 : p.get(e.value)) == null ? void 0 : u.title) || "", g = -1;
-    for (const [I, T] of m.entries()) {
+    let r = ((d = h == null ? void 0 : h.get(e.value)) == null ? void 0 : d.title) || "", g = -1;
+    for (const [x, T] of f.entries()) {
       const C = T.title;
-      if (typeof C != "string" || typeof I == "string")
+      if (typeof C != "string" || typeof x == "string")
         break;
       if (C === r) {
-        h = I;
+        S = x;
         break;
       }
       const V = new RegExp(` \\((${o.Common.Device_1}|${o.Common.Device_2})\\)`);
-      let f = r, s = 3;
-      C.indexOf(f) === -1 && (f = r.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(f) === -1 && (f = r.replace(/ \/.*/, ""), s--), C.indexOf(f) === -1 && (f = r.replace(/ \/.*/, ""), f = f.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(f) !== -1 && (s <= g || (g = s, h = I));
+      let m = r, s = 3;
+      C.indexOf(m) === -1 && (m = r.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(m) === -1 && (m = r.replace(/ \/.*/, ""), s--), C.indexOf(m) === -1 && (m = r.replace(/ \/.*/, ""), m = m.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(m) !== -1 && (s <= g || (g = s, S = x));
     }
-    e.value = h;
+    e.value = S;
   }), {
     regionIndex: e,
     optionByRegionIndex: i
   };
 }, et = (t, l, o) => {
-  const e = D([]), i = () => {
+  const e = F([]), i = () => {
     if (t.onlySearcher && l.value) {
       e.value = Array.from(l.value.keys());
       return;
@@ -261,55 +269,55 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
         ) ?? [];
       } catch {
       }
-    n.length && (n = n.filter((d) => o.value.has(d))), n.length || (n = Array.from(o.value)), e.value = [...n];
+    n.length && (n = n.filter((u) => o.value.has(u))), n.length || (n = Array.from(o.value)), e.value = [...n];
   }, a = () => {
     e.value.length ? localStorage.setItem("ui:project:regionSelector:" + t.projectId + ":regionsIndexes", JSON.stringify(e.value)) : localStorage.removeItem("ui:project:regionSelector:" + t.projectId + ":regionsIndexes");
   };
-  return K(e, () => {
+  return w(e, () => {
     a();
   }), t.addCompare && i(), {
     regionsIndexes: e
   };
 }, tt = (t) => {
-  const l = E(() => Ie(t.forFrequency, t.autoRegion, t.searchers)), o = E(() => l.value.get(i.searcherKey.value) || Se), e = E(() => {
+  const l = E(() => ke(t.forFrequency, t.autoRegion, t.searchers)), o = E(() => l.value.get(i.searcherKey.value) || xe), e = E(() => {
     const r = /* @__PURE__ */ new Set();
     return l.value.forEach((g) => {
-      g.regionByIndex.forEach((u) => {
-        u.index !== -1 && u.index !== x && r.add(u.index);
+      g.regionByIndex.forEach((d) => {
+        d.index !== te && d.index !== p && r.add(d.index);
       });
     }), r;
   }), i = Xe(t, l), a = Ze(t, o), n = et(t, l, e);
-  K(l, () => {
-    var g, u, I, T;
-    if (t.onlySearcher ? n.regionsIndexes.value = Array.from(l.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((C) => e.value.has(C)), i.searcherKey.value === -1) return;
+  w(l, () => {
+    var g, d, x, T;
+    if (t.onlySearcher ? n.regionsIndexes.value = Array.from(l.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((C) => e.value.has(C)), i.searcherKey.value === M) return;
     let r = l.value.keys().next().value;
     l.value.forEach((C) => {
-      var V, f, s;
+      var V, m, s;
       if (t.onlySearcher && C.key === i.searcherKey.value) {
         r = i.searcherKey.value;
         return;
       }
       if (a.regionIndex.value && ((V = C.regionByIndex) != null && V.has(a.regionIndex.value)) && (r = C.key), !t.onlySearcher) {
         let c;
-        r !== void 0 && (c = (f = l.value.get(r)) == null ? void 0 : f.regionByIndex);
+        r !== void 0 && (c = (m = l.value.get(r)) == null ? void 0 : m.regionByIndex);
         const v = (s = l.value.get(C.key)) == null ? void 0 : s.regionByIndex;
-        c != null && c.has(x) && !(v != null && v.has(x)) && (r = C.key);
+        c != null && c.has(p) && !(v != null && v.has(p)) && (r = C.key);
       }
-    }), r !== void 0 && (i.searcherKey.value = r), a.regionIndex.value !== void 0 && !((u = (g = o.value) == null ? void 0 : g.regionByIndex) != null && u.has(a.regionIndex.value)) && (a.regionIndex.value = (T = (I = o.value) == null ? void 0 : I.regions) == null ? void 0 : T.keys().next().value);
+    }), r !== void 0 && (i.searcherKey.value = r), a.regionIndex.value !== void 0 && !((d = (g = o.value) == null ? void 0 : g.regionByIndex) != null && d.has(a.regionIndex.value)) && (a.regionIndex.value = (T = (x = o.value) == null ? void 0 : x.regions) == null ? void 0 : T.keys().next().value);
   }, { immediate: !0 });
-  const d = () => {
-    if (!(i.searcherKey.value === -1 || i.searcherKey.value === x))
+  const u = () => {
+    if (!(i.searcherKey.value === M || i.searcherKey.value === p))
       return i.searcherKey.value;
-  }, m = () => {
-    if (t.onlySearcher || a.regionIndex.value === x) return;
+  }, f = () => {
+    if (t.onlySearcher || a.regionIndex.value === p) return;
     let r = a.regionIndex.value;
     if (t.forFrequency) {
-      const g = a.regionIndex.value, u = He(t.forFrequency, { searcher_key: d(), key: g }, t.searchers);
-      r = u == null ? void 0 : u.index;
+      const g = a.regionIndex.value, d = He(t.forFrequency, { searcher_key: u(), key: g }, t.searchers);
+      r = d == null ? void 0 : d.index;
     }
     return r;
-  }, p = () => {
-    const r = d();
+  }, h = () => {
+    const r = u();
     if (r !== void 0)
       return l.value.get(r);
   };
@@ -319,17 +327,17 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     compare: n,
     searcherByKey: l,
     allRegionsIndexes: e,
-    getSearcher: p,
+    getSearcher: h,
     getRegion: () => {
-      var g, u;
-      const r = m();
+      var g, d;
+      const r = f();
       if (r !== void 0)
-        return (u = (g = p()) == null ? void 0 : g.regionByIndex) == null ? void 0 : u.get(r);
+        return (d = (g = h()) == null ? void 0 : g.regionByIndex) == null ? void 0 : d.get(r);
     }
   };
-}, at = /* @__PURE__ */ q({
+}, ht = /* @__PURE__ */ P({
   __name: "selectorRegion",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     projectId: {},
     searchers: { default: () => [] },
     modelValue: {},
@@ -349,63 +357,63 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue", "update:modelValueSingle"],
   setup(t, { expose: l }) {
-    const o = t, e = N(t, "modelValue"), i = N(t, "modelValueSingle"), {
+    const o = t, e = D(t, "modelValue"), i = D(t, "modelValueSingle"), {
       selectSearcher: a,
       selectRegion: n,
-      compare: d,
-      searcherByKey: m,
-      allRegionsIndexes: p,
-      getSearcher: h,
+      compare: u,
+      searcherByKey: f,
+      allRegionsIndexes: h,
+      getSearcher: S,
       getRegion: r
     } = tt(o), g = () => {
-      const u = [];
-      m.value.forEach((I) => {
-        I.enabled && I.regions.forEach((T) => {
-          T.enabled && u.push(T);
+      const d = [];
+      f.value.forEach((x) => {
+        x.enabled && x.regions.forEach((T) => {
+          T.enabled && d.push(T);
         });
       }), Qe.open("selectorRegions", {
-        regions: u,
-        regionsIndexes: d.regionsIndexes.value,
-        "@update:regionsIndexes": (I) => d.regionsIndexes.value = I
+        regions: d,
+        regionsIndexes: u.regionsIndexes.value,
+        "@update:regionsIndexes": (x) => u.regionsIndexes.value = x
       });
     };
-    return K([n.regionIndex, a.searcherKey, d.regionsIndexes], () => {
-      if (a.searcherKey.value === -1 && d.regionsIndexes.value.length) {
-        if (JSON.stringify(e.value) === JSON.stringify(d.regionsIndexes.value))
+    return w([n.regionIndex, a.searcherKey, u.regionsIndexes], () => {
+      if (a.searcherKey.value === M && u.regionsIndexes.value.length) {
+        if (JSON.stringify(e.value) === JSON.stringify(u.regionsIndexes.value))
           return;
-        e.value = [...d.regionsIndexes.value];
+        e.value = [...u.regionsIndexes.value];
       } else
-        e.value = [o.onlySearcher ? a.searcherKey.value : n.regionIndex.value];
-      !o.onlySearcher && !p.value.size && (a.searcherKey.value = x);
-    }), i.value && K(i, () => {
-      e.value = [i.value];
-    }, { immediate: !0 }), K(e, () => {
-      var u, I, T, C, V;
+        o.onlySearcher ? (e.value = [a.searcherKey.value], a.searcherKey.value === p && !o.autoRegion && (e.value.length = 0)) : (e.value = [n.regionIndex.value], n.regionIndex.value === p && !o.autoRegion && (e.value.length = 0));
+      !o.onlySearcher && !h.value.size && (a.searcherKey.value = p);
+    }), i.value && w(i, () => {
+      i.value && (e.value = [i.value]);
+    }, { immediate: !0 }), w(e, () => {
+      var d, x, T, C, V;
       if (e.value[0] && (i.value = e.value[0]), o.onlySearcher) {
-        if (!e.value.length || e.value.length === 1 && !m.value.has(e.value[0])) {
-          let f = m.value.keys().next().value;
-          f !== void 0 && (e.value = [f]);
+        if (!e.value.length || e.value.length === 1 && !f.value.has(e.value[0]) || e.value.length === 1 && e.value[0] === p && !o.autoRegion) {
+          let m = f.value.keys().next().value;
+          m === p && !o.autoRegion && (m = void 0, i.value = p), m !== void 0 ? e.value = [m] : e.value.length = 0;
           return;
         }
-        if (e.value.length > 1 && JSON.stringify(e.value) !== JSON.stringify(d.regionsIndexes.value)) {
-          e.value = [...d.regionsIndexes.value];
+        if (e.value.length > 1 && JSON.stringify(e.value) !== JSON.stringify(u.regionsIndexes.value)) {
+          e.value = [...u.regionsIndexes.value];
           return;
         }
       } else {
-        let f = [...new Set(e.value)], s = (I = (u = m.value.values().next().value) == null ? void 0 : u.regionByIndex) == null ? void 0 : I.keys().next().value;
-        if (o.forFrequency && (s = (V = (C = (T = m.value.values().next().value) == null ? void 0 : T.regionByIndex) == null ? void 0 : C.values().next().value) == null ? void 0 : V.key), !f.length)
-          s !== void 0 && f.push(s);
-        else if (f.length === 1) {
-          let c = p.value;
-          o.forFrequency && (c = /* @__PURE__ */ new Set(), m.value.forEach((v) => {
-            v.regionByIndex.forEach((S) => {
-              S.index !== -1 && S.index !== x && c.add(S.key);
+        let m = [...new Set(e.value)], s = (x = (d = f.value.values().next().value) == null ? void 0 : d.regionByIndex) == null ? void 0 : x.keys().next().value;
+        if (o.forFrequency && (s = (V = (C = (T = f.value.values().next().value) == null ? void 0 : T.regionByIndex) == null ? void 0 : C.values().next().value) == null ? void 0 : V.key), s === p && !o.autoRegion && (s = void 0, i.value = p), !m.length)
+          s !== void 0 && m.push(s);
+        else if (m.length === 1) {
+          let c = h.value;
+          o.forFrequency && (c = /* @__PURE__ */ new Set(), f.value.forEach((v) => {
+            v.regionByIndex.forEach((I) => {
+              I.index !== te && I.index !== p && c.add(I.key);
             });
-          })), !c.has(f[0]) && f[0] !== -2 && (f = [], s !== void 0 && f.push(s));
+          })), c.has(m[0]) || (m = [], s !== void 0 && m.push(s));
         } else
-          f = f.filter((c) => p.value.has(c)), !f.length && s !== void 0 && f.push(s);
-        if (JSON.stringify(e.value) !== JSON.stringify(f)) {
-          e.value = f;
+          m = m.filter((c) => h.value.has(c)), !m.length && s !== void 0 && m.push(s);
+        if (JSON.stringify(e.value) !== JSON.stringify(m)) {
+          e.value = m;
           return;
         }
       }
@@ -415,63 +423,124 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
             a.searcherKey.value = e.value[0];
             return;
           }
-          a.searcherKey.value = -1;
+          a.searcherKey.value = M;
           return;
-        } else if (e.value.length === 1 && a.searcherKey.value !== -1) {
-          n.regionIndex.value = e.value[0];
-          let f;
-          for (const s of m.value.values()) {
-            for (const c of s.regionByIndex.values())
-              if ((o.forFrequency ? c.key : c.index) === n.regionIndex.value) {
-                f = s.key;
+        } else {
+          if (!e.value.length)
+            return;
+          if (e.value.length === 1 && a.searcherKey.value !== M) {
+            n.regionIndex.value = e.value[0];
+            let m;
+            for (const s of f.value.values()) {
+              for (const c of s.regionByIndex.values())
+                if ((o.forFrequency ? c.key : c.index) === n.regionIndex.value) {
+                  m = s.key;
+                  break;
+                }
+              if (m !== void 0)
                 break;
-              }
-            if (f !== void 0)
-              break;
-          }
-          f !== void 0 && (a.searcherKey.value = f);
-        } else
-          a.searcherKey.value = -1, d.regionsIndexes.value = [...e.value];
+            }
+            m !== void 0 && (a.searcherKey.value = m);
+          } else
+            a.searcherKey.value = M, u.regionsIndexes.value = [...e.value];
+        }
     }, { immediate: !0 }), l({
-      getSearcher: h,
+      getSearcher: S,
       getRegion: r
-    }), (u, I) => (k(), B("div", {
-      class: Q({
+    }), (d, x) => (k(), B("div", {
+      class: X({
         "top-selectorRegion": !0,
-        "top-selectorRegion-onlySearcher": u.onlySearcher
+        "top-selectorRegion-onlySearcher": d.onlySearcher
       })
     }, [
-      L(re, {
+      A(re, {
         options: y(a).optionBySearcherKey.value,
         modelValue: y(a).searcherKey.value,
-        "onUpdate:modelValue": I[0] || (I[0] = (T) => y(a).searcherKey.value = T),
+        "onUpdate:modelValue": x[0] || (x[0] = (T) => y(a).searcherKey.value = T),
         name: "searcher_key",
-        addChanger: u.addChanger
+        addChanger: d.addChanger
       }, null, 8, ["options", "modelValue", "addChanger"]),
-      !u.onlySearcher && y(a).searcherKey.value !== -1 ? (k(), b(re, {
+      !d.onlySearcher && y(a).searcherKey.value !== y(M) ? (k(), b(re, {
         key: 0,
         class: "top-select-region",
         options: y(n).optionByRegionIndex.value,
         modelValue: y(n).regionIndex.value,
-        "onUpdate:modelValue": I[1] || (I[1] = (T) => y(n).regionIndex.value = T),
-        name: u.forFrequency ? "region_key" : "region_index",
-        addChanger: u.addChanger,
-        "data-top-icon": u.addRegionIcon ? "" : void 0
-      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : F("", !0),
-      u.addCompare && !u.onlySearcher && y(a).searcherKey.value === -1 ? (k(), b(Y, {
+        "onUpdate:modelValue": x[1] || (x[1] = (T) => y(n).regionIndex.value = T),
+        name: d.forFrequency ? "region_key" : "region_index",
+        addChanger: d.addChanger,
+        "data-top-icon": d.addRegionIcon ? "" : void 0
+      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : q("", !0),
+      d.addCompare && !d.onlySearcher && y(a).searcherKey.value === y(M) ? (k(), b(H, {
         key: 1,
         name: "compare",
         onClick: g,
-        "data-count-compare-regions-indexes": y(d).regionsIndexes.value.length
+        "data-count-compare-regions-indexes": y(u).regionsIndexes.value.length
       }, {
         default: _(() => [
-          z(M(u.$i18n.Common.Selected_regions), 1)
+          G(K(d.$i18n.Common.Selected_regions), 1)
         ]),
         _: 1
-      }, 8, ["data-count-compare-regions-indexes"])) : F("", !0)
+      }, 8, ["data-count-compare-regions-indexes"])) : q("", !0)
     ], 2));
   }
-}), lt = [
+}), ve = (t) => "-" + t, Q = (t) => t[0] === "-" ? t.substring(1) : t, le = (t, l) => {
+  t = Q(t);
+  const o = l.find((e) => e.id === t);
+  if (o)
+    return o;
+}, St = (t, l, o) => {
+  l || (l = { id: t.id }), l.id = t.id;
+  const e = Pe.genElPopupOpener("div", l);
+  return e.classList.add("top-tagSelector"), t.useTopButton && e.classList.add("top-button", "top-color_theme"), t.mode === "filter" && e.classList.add("top-tagSelector-filter"), t.mode === "setter" && !t.filters && e.classList.add("top-tagSelector-setter_single"), t.mode === "setter" && t.filters && e.classList.add("top-tagSelector-setter_several"), e.onclick = (i) => {
+    i.preventDefault(), i.stopPropagation(), e.onclick = null;
+    const a = F(t.modelValue), n = {
+      model: a,
+      mode: t.mode,
+      targetId: t.targetId,
+      filters: t.filters,
+      payload: t.payload
+    };
+    W(e, "topTagSelectorTarget", n), delete e.dataset.topPopupDisabled, ce(t.modelValue) || w(a, () => {
+      t.modelValue = a.value, ee(e, t, o);
+    }), e.click();
+  }, ce(t.modelValue) ? w(t.modelValue, () => ee(e, t, o)) : W(e, "topTagSelectorRender", (i) => {
+    t.modelValue = i;
+    const a = W(e, "topTagSelectorTarget");
+    a && (a.model.value = i), ee(e, t, o);
+  }), ee(e, t, o), e;
+}, It = (t, l) => {
+  var o;
+  (o = W(t, "topTagSelectorRender")) == null || o(l);
+}, ee = (t, l, o) => {
+  var i;
+  const e = y(l.modelValue);
+  if (t.classList.toggle("top-tagSelector-selectedOne", !e.length || e.length === 1), t.classList.toggle("top-tagSelector-toTwoLine", e.length > 5), l.mode === "setter" && l.filters) {
+    t.innerHTML = `<div>${o}</div>`;
+    return;
+  }
+  if (t.innerHTML = "", !e.length && l.mode === "filter") {
+    const a = ye({
+      id: "all",
+      colorId: "",
+      name: ((i = R().Common) == null ? void 0 : i.All_tags) ?? "",
+      state: ""
+    });
+    t.append(a);
+  }
+  e.forEach((a) => {
+    var u, f;
+    const n = ye({
+      id: Q(a),
+      colorId: ((u = le(a, l.tags)) == null ? void 0 : u.color_id) ?? "",
+      name: ((f = le(a, l.tags)) == null ? void 0 : f.name) ?? "",
+      state: Q(a) === a ? "selected" : "excluded"
+    });
+    t.append(n);
+  });
+}, ye = (t) => {
+  const l = document.createElement("div");
+  return l.classList.add("top-tagSelector_tagIcon"), l.classList.toggle("top-tagSelector-active", !!t.state), l.classList.toggle("top-tagSelector-excluded", t.state === "excluded"), l.dataset.tag_id = t.id, l.dataset.tag_color_id = t.colorId, l.title = t.name, l;
+}, at = [
   {
     id: "1",
     name: "Without Tag",
@@ -522,12 +591,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     name: "Turquoise",
     color_id: "10"
   }
-], me = (t) => "-" + t, H = (t) => t[0] === "-" ? t.substring(1) : t, ae = (t, l) => {
-  t = H(t);
-  const o = l.find((e) => e.id === t);
-  if (o)
-    return o;
-}, nt = ["data-tag_id", "data-tag_color_id", "title"], le = /* @__PURE__ */ q({
+], lt = ["data-tag_id", "data-tag_color_id", "title"], ie = /* @__PURE__ */ P({
   __name: "tagIcon",
   props: {
     id: {},
@@ -537,7 +601,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   },
   setup(t) {
     return (l, o) => (k(), B("div", {
-      class: Q({
+      class: X({
         "top-tagSelector_tagIcon": !0,
         "top-tagSelector-active": !!l.state,
         "top-tagSelector-excluded": l.state === "excluded"
@@ -545,11 +609,11 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       "data-tag_id": l.id,
       "data-tag_color_id": l.colorId,
       title: l.name
-    }, null, 10, nt));
+    }, null, 10, lt));
   }
-}), ot = ["contenteditable", "onKeydown"], fe = /* @__PURE__ */ q({
+}), nt = ["contenteditable", "onKeydown"], pe = /* @__PURE__ */ P({
   __name: "tagPopupListItem",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     editable: { type: Boolean },
     disabled: { type: Boolean },
     canExclude: { type: Boolean },
@@ -563,76 +627,76 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     },
     nameModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["update:name", "unselect", "exclude", "select"], ["update:name"]),
+  emits: /* @__PURE__ */ N(["update:name", "unselect", "exclude", "select"], ["update:name"]),
   setup(t, { emit: l }) {
-    const o = t, e = l, i = N(t, "name"), a = D(null), n = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
-      contenteditable: d.value,
+    const o = t, e = l, i = D(t, "name"), a = F(null), n = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
+      contenteditable: u.value,
       onpaste: (g) => g.preventDefault()
-    } : {}), d = D(!1), m = async () => {
+    } : {}), u = F(!1), f = async () => {
       var g;
-      d.value = !0, await be(), (g = a.value) == null || g.focus();
-    }, p = () => {
-      var u;
-      const g = (u = a.value) == null ? void 0 : u.innerText;
-      if (!g) return h();
-      a.value && (a.value.innerText = g), d.value = !1, e("update:name", g);
-    }, h = async () => {
-      a.value && (a.value.innerText = o.name), d.value = !1;
+      u.value = !0, await Be(), (g = a.value) == null || g.focus();
+    }, h = () => {
+      var d;
+      const g = (d = a.value) == null ? void 0 : d.innerText;
+      if (!g) return S();
+      a.value && (a.value.innerText = g), u.value = !1, e("update:name", g);
+    }, S = async () => {
+      a.value && (a.value.innerText = o.name), u.value = !1;
     }, r = (g) => {
-      if (d.value || o.disabled) return;
-      let u = "selected";
-      o.canExclude && (g.ctrlKey || g.metaKey) && (u = "excluded"), o.state == u && (u = ""), u === "" && e("unselect"), u === "selected" && e("select"), u === "excluded" && e("exclude");
+      if (u.value || o.disabled) return;
+      let d = "selected";
+      o.canExclude && (g.ctrlKey || g.metaKey) && (d = "excluded"), o.state == d && (d = ""), d === "" && e("unselect"), d === "selected" && e("select"), d === "excluded" && e("exclude");
     };
-    return (g, u) => (k(), b(se, {
-      class: Q({
+    return (g, d) => (k(), b(ue, {
+      class: X({
         "top-tagSelector_tagListItem": !0,
-        "top-tagSelector_tagListItem-inEdit": d.value,
+        "top-tagSelector_tagListItem-inEdit": u.value,
         "top-tagSelector_tagListItem-disabled": g.disabled,
         "top-tagSelector_tagListItem-canExclude": g.canExclude,
         "top-tagSelector-active": !!g.state,
         "top-tagSelector-excluded": g.state === "excluded"
       }),
-      onClick: j(r, ["stop"])
+      onClick: z(r, ["stop"])
     }, {
       default: _(() => [
-        L(le, {
+        A(ie, {
           id: g.id,
           name: i.value,
           colorId: g.colorId,
           state: g.state
         }, null, 8, ["id", "name", "colorId", "state"]),
-        ye("span", pe({
+        he("span", Se({
           ref_key: "elName",
           ref: a,
           class: "top-tagSelector_tagListItemName",
-          contenteditable: d.value ? "plaintext-only" : !1
+          contenteditable: u.value ? "plaintext-only" : !1
         }, n.value, {
           onKeydown: [
-            de(j(p, ["stop"]), ["enter"]),
-            de(j(h, ["stop"]), ["esc"])
+            ge(z(h, ["stop"]), ["enter"]),
+            ge(z(S, ["stop"]), ["esc"])
           ]
-        }), M(i.value), 17, ot),
-        g.editable ? (k(), B(W, { key: 0 }, [
-          d.value ? (k(), B("span", {
+        }), K(i.value), 17, nt),
+        g.editable ? (k(), B(Y, { key: 0 }, [
+          u.value ? (k(), B("span", {
             key: 1,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: j(p, ["stop"])
+            onClick: z(h, ["stop"])
           })) : (k(), B("span", {
             key: 0,
-            "data-top-icon": "",
+            "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: m
+            onClick: f
           }))
-        ], 64)) : F("", !0)
+        ], 64)) : q("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), rt = { key: 1 }, ke = /* @__PURE__ */ q({
+}), ot = { key: 1 }, rt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "popupOpener",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     modelValue: {},
     id: {},
     tags: {},
@@ -640,7 +704,8 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     targetId: {},
     filters: {},
     useTopButton: { type: Boolean },
-    payload: {}
+    payload: {},
+    styling: {}
   }, {
     modelValue: {
       required: !0
@@ -649,18 +714,18 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, o = N(t, "modelValue"), e = l.useTopButton ? Y : "div", i = l.useTopButton ? "html" : "default", a = {
+    const l = t, o = D(t, "modelValue"), e = l.useTopButton ? H : "div", i = l.useTopButton ? "html" : "default", a = {
       model: o,
       mode: l.mode,
       targetId: l.targetId,
       filters: l.filters,
       payload: l.payload
     };
-    return (n, d) => {
-      const m = Be("top-data");
-      return k(), b(Ae, { id: n.id }, {
+    return (n, u) => {
+      const f = Ve("top-data");
+      return k(), b(Re, { id: n.id }, {
         default: _(() => [
-          Ve((k(), b(Ee(y(e)), pe({
+          Ee((k(), b(Me(y(e)), Se({
             class: {
               "top-tagSelector": !0,
               "top-tagSelector-filter": l.mode === "filter",
@@ -670,40 +735,40 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
               "top-tagSelector-toTwoLine": o.value.length > 5
             },
             color: "theme",
-            styling: ""
+            styling: n.styling
           }, n.$attrs), {
             [y(i)]: _(() => [
-              !o.value.length && n.mode === "filter" ? (k(), b(le, {
+              !o.value.length && n.mode === "filter" ? (k(), b(ie, {
                 key: 0,
                 id: "all",
                 colorId: "",
                 name: n.$i18n.Common.All_tags ?? "",
                 state: ""
-              }, null, 8, ["name"])) : F("", !0),
-              n.mode === "setter" && n.filters ? (k(), B("div", rt, [
-                Me(n.$slots, "default")
-              ])) : (k(!0), B(W, { key: 2 }, ie(o.value, (p) => {
-                var h, r;
-                return k(), b(le, {
-                  id: y(H)(p),
-                  colorId: ((h = y(ae)(p, n.tags)) == null ? void 0 : h.color_id) ?? "",
-                  name: ((r = y(ae)(p, n.tags)) == null ? void 0 : r.name) ?? "",
-                  state: y(H)(p) === p ? "selected" : "excluded"
+              }, null, 8, ["name"])) : q("", !0),
+              n.mode === "setter" && n.filters ? (k(), B("div", ot, [
+                Ke(n.$slots, "default")
+              ])) : (k(!0), B(Y, { key: 2 }, se(o.value, (h) => {
+                var S, r;
+                return k(), b(ie, {
+                  id: y(Q)(h),
+                  colorId: ((S = y(le)(h, n.tags)) == null ? void 0 : S.color_id) ?? "",
+                  name: ((r = y(le)(h, n.tags)) == null ? void 0 : r.name) ?? "",
+                  state: y(Q)(h) === h ? "selected" : "excluded"
                 }, null, 8, ["id", "colorId", "name", "state"]);
               }), 256))
             ]),
             _: 2
-          }, 1040, ["class"])), [
-            [m, a, "topTagSelectorTarget"]
+          }, 1040, ["class", "styling"])), [
+            [f, a, "topTagSelectorTarget"]
           ])
         ]),
         _: 3
       }, 8, ["id"]);
     };
   }
-}), it = /* @__PURE__ */ q({
+}), xt = /* @__PURE__ */ P({
   __name: "tagSelector",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ N({
     modelValue: {},
     tags: {},
     tagsEditable: { type: Boolean },
@@ -712,24 +777,25 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     singleMode: { type: Boolean },
     requiredForSetter: { type: Boolean, default: !0 },
     maxTagsForSetter: {},
-    emitDelay: { default: 500 }
+    emitDelay: { default: 500 },
+    styling: {}
   }, {
     modelValue: {
       required: !0
     },
     modelModifiers: {},
     tags: {
-      default: we(lt)
+      default: Le(at)
     },
     tagsModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
+  emits: /* @__PURE__ */ N(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
   setup(t, { emit: l }) {
-    const o = A(), e = t, i = N(t, "modelValue"), a = N(t, "tags"), n = l, d = Le((s, c) => {
+    const o = R(), e = t, i = D(t, "modelValue"), a = D(t, "tags"), n = l, u = Ae((s, c) => {
       n(s, c);
     }, e.emitDelay);
     e.singleMode && !i.value.length && (i.value = [a.value[0].id]);
-    const m = e.id ?? "top-popup-id-" + Math.random(), p = D("add"), h = () => {
+    const f = e.id ?? "top-popup-id-" + Math.random(), h = F("add"), S = () => {
       var v;
       const s = " " + ((v = o.Common.Tags) == null ? void 0 : v.toLowerCase()), c = /* @__PURE__ */ new Map();
       return c.set("add", { value: "add", title: o.Common.Add + s }), c.set("replace", { value: "replace", title: o.Common.Replace + s }), c.set("delete", { value: "delete", title: o.Common.Delete + s }), c;
@@ -741,27 +807,27 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       filters: void 0,
       payload: void 0
     });
-    K(i, () => {
-      d("selector", i.value);
+    w(i, () => {
+      u("selector", i.value);
     });
     const g = E(() => {
       if (r.value.mode === "setter" && e.maxTagsForSetter && !r.value.filters)
         return r.value.model.value.length >= e.maxTagsForSetter;
-    }), u = (s) => {
+    }), d = (s) => {
       if (s !== "all") {
         if (r.value.model.value.includes(s)) return "selected";
-        if (r.value.model.value.includes(me(s))) return "excluded";
+        if (r.value.model.value.includes(ve(s))) return "excluded";
       }
       return s === "all" && !r.value.model.value.length ? "selected" : "";
-    }, I = (s, c) => {
-      const v = me(s);
-      let S = r.value.model.value.filter((w) => w !== s && w !== v);
-      c === "select" && S.push(s), c === "exclude" && S.push(v), r.value.mode === "setter" && r.value.targetId !== void 0 && e.requiredForSetter && (S.length || S.push("1"), S.length === 2 && r.value.model.value.length === 1 && r.value.model.value[0] === "1" && (S = S.filter((w) => w !== "1"))), e.singleMode && !r.value.filters && (S.length || (S = r.value.model.value), S.length > 1 && (S = [S[S.length - 1]])), S.sort((w, P) => {
+    }, x = (s, c) => {
+      const v = ve(s);
+      let I = r.value.model.value.filter((L) => L !== s && L !== v);
+      c === "select" && I.push(s), c === "exclude" && I.push(v), r.value.mode === "setter" && r.value.targetId !== void 0 && e.requiredForSetter && (I.length || I.push("1"), I.length === 2 && r.value.model.value.length === 1 && r.value.model.value[0] === "1" && (I = I.filter((L) => L !== "1"))), e.singleMode && !r.value.filters && (I.length || (I = r.value.model.value), I.length > 1 && (I = [I[I.length - 1]])), I.sort((L, U) => {
         if (!e.tags) return 0;
-        const X = e.tags.findIndex((O) => O.id === w), U = e.tags.findIndex((O) => O.id === P);
-        return X - U;
-      }), r.value.model.value = S, r.value.mode === "setter" && r.value.targetId !== void 0 && d("setter", {
-        tagsIds: S,
+        const Z = e.tags.findIndex((O) => O.id === L), j = e.tags.findIndex((O) => O.id === U);
+        return Z - j;
+      }), r.value.model.value = I, r.value.mode === "setter" && r.value.targetId !== void 0 && u("setter", {
+        tagsIds: I,
         targetId: r.value.targetId,
         payload: r.value.payload
       });
@@ -779,8 +845,8 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       }), n("tagsChanged", a.value);
     }, V = (s) => {
       var c;
-      if (r.value = G(s.elPopupOpener, "topTagSelectorTarget"), !r.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
-      if (r.value.filters && (p.value = "add", r.value.model.value = []), !((c = J.$) != null && c.ui.sortable)) {
+      if (r.value = W(s.elPopupOpener, "topTagSelectorTarget"), !r.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
+      if (r.value.filters && (h.value = "add", r.value.model.value = []), !((c = J.$) != null && c.ui.sortable)) {
         console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
         return;
       }
@@ -791,85 +857,86 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
          */
         cancel: '[contenteditable="plaintext-only"], [contenteditable="true"]',
         distance: 10,
-        stop: function(v, S) {
+        stop: function(v, I) {
           if (!a.value) return;
-          const w = $(S.item).parent().find("[data-tag_id]"), P = [];
-          w.each((X, U) => {
+          const L = $(I.item).parent().find("[data-tag_id]"), U = [];
+          L.each((Z, j) => {
             if (!a.value) return;
-            const O = $(U).attr("data-tag_id");
-            P.push(O);
-          }), a.value.sort((X, U) => {
-            const O = P.findIndex((ne) => ne === X.id), Ce = P.findIndex((ne) => ne === U.id);
-            return O - Ce;
-          }), d("tagsChanged", a.value);
+            const O = $(j).attr("data-tag_id");
+            U.push(O);
+          }), a.value.sort((Z, j) => {
+            const O = U.findIndex((ne) => ne === Z.id), Te = U.findIndex((ne) => ne === j.id);
+            return O - Te;
+          }), u("tagsChanged", a.value);
         }
       });
-    }, f = (s) => {
+    }, m = (s) => {
       var c;
       (c = J.$) != null && c.ui.sortable && $(s.elPopup).data("ui-sortable") && $(s.elPopup).sortable("destroy");
     };
-    return (s, c) => (k(), B(W, null, [
-      L(ke, {
-        class: "top-select_arrow",
+    return (s, c) => (k(), B(Y, null, [
+      A(rt, {
+        class: "top-as-selector",
         modelValue: i.value,
         "onUpdate:modelValue": c[0] || (c[0] = (v) => i.value = v),
-        id: y(m),
+        id: y(f),
         tags: a.value,
+        styling: s.styling,
         mode: "filter",
         useTopButton: ""
-      }, null, 8, ["modelValue", "id", "tags"]),
-      L(he, {
-        id: y(m),
-        class: Q(T.value),
+      }, null, 8, ["modelValue", "id", "tags", "styling"]),
+      A(Ie, {
+        id: y(f),
+        class: X(T.value),
         onOpen: c[4] || (c[4] = (v) => V(v)),
-        onClose: c[5] || (c[5] = (v) => f(v)),
+        onClose: c[5] || (c[5] = (v) => m(v)),
         "transition-duration": 50
-      }, Ke({
+      }, we({
         contentList: _(() => [
-          y(r).mode === "filter" && !s.singleMode ? (k(), b(fe, {
+          y(r).mode === "filter" && !s.singleMode ? (k(), b(pe, {
             key: 0,
             id: "all",
             colorId: "",
             name: s.$i18n.Common.All_tags ?? "",
             state: y(r).model.value.length ? "" : "selected",
             onSelect: c[3] || (c[3] = (v) => y(r).model.value = [])
-          }, null, 8, ["name", "state"])) : F("", !0),
-          (k(!0), B(W, null, ie(a.value, (v) => (k(), b(fe, {
+          }, null, 8, ["name", "state"])) : q("", !0),
+          (k(!0), B(Y, null, se(a.value, (v) => (k(), b(pe, {
             key: v.id,
             id: v.id,
             colorId: v.color_id,
             name: v.name,
-            state: u(v.id),
+            state: d(v.id),
             canExclude: y(r).mode === "filter" && !s.singleMode,
             editable: s.tagsEditable,
-            disabled: g.value && u(v.id) === "",
-            onUnselect: (S) => I(v.id, "unselect"),
-            onSelect: (S) => I(v.id, "select"),
-            onExclude: (S) => I(v.id, "exclude"),
-            "onUpdate:name": (S) => {
-              v.name = S, y(d)("tagsChanged", a.value);
+            disabled: g.value && d(v.id) === "",
+            onUnselect: (I) => x(v.id, "unselect"),
+            onSelect: (I) => x(v.id, "select"),
+            onExclude: (I) => x(v.id, "exclude"),
+            "onUpdate:name": (I) => {
+              v.name = I, y(u)("tagsChanged", a.value);
             }
           }, null, 8, ["id", "colorId", "name", "state", "canExclude", "editable", "disabled", "onUnselect", "onSelect", "onExclude", "onUpdate:name"]))), 128)),
-          s.tagsEditable && a.value.length < s.tagsMax && a.value.length < 20 ? (k(), b(se, {
+          s.tagsEditable && a.value.length < s.tagsMax && a.value.length < 20 ? (k(), b(ue, {
             key: 1,
             "data-top-icon": "",
-            onClick: j(C, ["stop"])
+            onClick: z(C, ["stop"])
           }, {
             default: _(() => [
-              z(M(s.$i18n.Common.Add), 1)
+              G(K(s.$i18n.Common.Add), 1)
             ]),
             _: 1
-          })) : F("", !0)
+          })) : q("", !0)
         ]),
         _: 2
       }, [
         y(r).mode === "setter" && y(r).filters ? {
           name: "header",
           fn: _(() => [
-            L(re, {
-              modelValue: p.value,
-              "onUpdate:modelValue": c[1] || (c[1] = (v) => p.value = v),
-              options: h()
+            A(re, {
+              modelValue: h.value,
+              "onUpdate:modelValue": c[1] || (c[1] = (v) => h.value = v),
+              options: S()
             }, null, 8, ["modelValue", "options"])
           ]),
           key: "0"
@@ -877,22 +944,22 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
         y(r).mode === "setter" && y(r).filters ? {
           name: "footer",
           fn: _(() => [
-            L(Y, { color: "theme" }, {
+            A(H, { color: "theme" }, {
               default: _(() => [
-                z(M(s.$i18n.Common.Cancel), 1)
+                G(K(s.$i18n.Common.Cancel), 1)
               ]),
               _: 1
             }),
-            L(Y, {
-              onClick: c[2] || (c[2] = (v) => y(d)("setter", {
+            A(H, {
+              onClick: c[2] || (c[2] = (v) => y(u)("setter", {
                 tagsIds: y(r).model.value,
                 filters: y(r).filters,
-                filtersAction: p.value,
+                filtersAction: h.value,
                 payload: y(r).payload
               }))
             }, {
               default: _(() => [
-                z(M(p.value === "add" ? s.$i18n.Common.Add : "") + " " + M(p.value === "replace" ? s.$i18n.Common.Replace : "") + " " + M(p.value === "delete" ? s.$i18n.Common.Remove : ""), 1)
+                G(K(h.value === "add" ? s.$i18n.Common.Add : "") + " " + K(h.value === "replace" ? s.$i18n.Common.Replace : "") + " " + K(h.value === "delete" ? s.$i18n.Common.Remove : ""), 1)
               ]),
               _: 1
             })
@@ -902,75 +969,18 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       ]), 1032, ["id", "class"])
     ], 64));
   }
-}), pt = (t, l) => E(() => ue(t).filter((i) => i.on >= 0 || i.id === l).map((i) => ({
-  value: i.id,
-  title: i.url + ` [${i.id}]`,
-  icon: i.id === ue(l) ? "" : "",
-  content: i.name
-}))), ht = (t, l, o) => {
-  l || (l = { id: t.id }), l.id = t.id;
-  const e = qe.genElPopupOpener("div", l);
-  return e.classList.add("top-tagSelector"), t.useTopButton && e.classList.add("top-button", "top-color_theme"), t.mode === "filter" && e.classList.add("top-tagSelector-filter"), t.mode === "setter" && !t.filters && e.classList.add("top-tagSelector-setter_single"), t.mode === "setter" && t.filters && e.classList.add("top-tagSelector-setter_several"), e.onclick = (i) => {
-    i.preventDefault(), i.stopPropagation(), e.onclick = null;
-    const a = D(t.modelValue), n = {
-      model: a,
-      mode: t.mode,
-      targetId: t.targetId,
-      filters: t.filters,
-      payload: t.payload
-    };
-    G(e, "topTagSelectorTarget", n), delete e.dataset.topPopupDisabled, ce(t.modelValue) || K(a, () => {
-      t.modelValue = a.value, Z(e, t, o);
-    }), e.click();
-  }, ce(t.modelValue) ? K(t.modelValue, () => Z(e, t, o)) : G(e, "topTagSelectorRender", (i) => {
-    t.modelValue = i;
-    const a = G(e, "topTagSelectorTarget");
-    a && (a.model.value = i), Z(e, t, o);
-  }), Z(e, t, o), e;
-}, St = (t, l) => {
-  var o;
-  (o = G(t, "topTagSelectorRender")) == null || o(l);
-}, Z = (t, l, o) => {
-  var i;
-  const e = y(l.modelValue);
-  if (t.classList.toggle("top-tagSelector-selectedOne", !e.length || e.length === 1), t.classList.toggle("top-tagSelector-toTwoLine", e.length > 5), l.mode === "setter" && l.filters) {
-    t.innerHTML = `<div>${o}</div>`;
-    return;
-  }
-  if (t.innerHTML = "", !e.length && l.mode === "filter") {
-    const a = ve({
-      id: "all",
-      colorId: "",
-      name: ((i = A().Common) == null ? void 0 : i.All_tags) ?? "",
-      state: ""
-    });
-    t.append(a);
-  }
-  e.forEach((a) => {
-    var d, m;
-    const n = ve({
-      id: H(a),
-      colorId: ((d = ae(a, l.tags)) == null ? void 0 : d.color_id) ?? "",
-      name: ((m = ae(a, l.tags)) == null ? void 0 : m.name) ?? "",
-      state: H(a) === a ? "selected" : "excluded"
-    });
-    t.append(n);
-  });
-}, ve = (t) => {
-  const l = document.createElement("div");
-  return l.classList.add("top-tagSelector_tagIcon"), l.classList.toggle("top-tagSelector-active", !!t.state), l.classList.toggle("top-tagSelector-excluded", t.state === "excluded"), l.dataset.tag_id = t.id, l.dataset.tag_color_id = t.colorId, l.title = t.name, l;
-}, It = je, xt = at, kt = it, Ct = ke, Tt = le;
+});
 export {
-  It as TopSelectorCompetitors,
-  xt as TopSelectorRegion,
-  kt as TopTagSelector,
-  Ct as TopTagSelectorPopupOpener,
-  Tt as TopTagSelectorTagIcon,
+  yt as TopSelectorCompetitors,
+  ht as TopSelectorRegion,
+  xt as TopTagSelector,
+  rt as TopTagSelectorPopupOpener,
+  ie as TopTagSelectorTagIcon,
   Qe as dialogSelectorRegions,
   He as findRegion,
-  ht as genElTopTagSelectorPopupOpener,
-  Ie as genSearcherByKey,
-  St as renderElTopTagSelectorPopupOpener,
+  St as genElTopTagSelectorPopupOpener,
+  ke as genSearcherByKey,
+  It as renderElTopTagSelectorPopupOpener,
   pt as useItemsFromCompetitors
 };
 //# sourceMappingURL=project.js.map