@topvisor/ui 1.0.13 → 1.0.14

package/project/project.js

@@ -1,14 +1,14 @@
-import { Core as ke } from "../core/app.js";
-import { defineComponent as P, mergeModels as O, useModel as q, computed as A, openBlock as I, createElementBlock as w, unref as y, createBlock as b, withCtx as B, createVNode as L, createTextVNode as z, toDisplayString as E, Fragment as Y, renderList as ie, normalizeClass as Q, createElementVNode as ve, ref as D, watch as K, createCommentVNode as F, withModifiers as j, withKeys as de, nextTick as Te, resolveDirective as _e, withDirectives as Be, resolveDynamicComponent as be, mergeProps as Ve, renderSlot as we, reactive as Me, shallowRef as Ee, createSlots as Ke, isRef as ue } from "vue";
-import { c as R, C as J, _ as W, y as re, r as $e } from "../.chunks/forms-FHMqYVvM.es.js";
-import { _ as ye, b as se, a as Le } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CuWOLCGe.es.js";
-import { _ as Ae } from "../.chunks/menu.vue_vue_type_style_index_0_lang-BGdS1bYl.es.js";
-import { getSearcherGIcon as Oe, getLangLabel as Re, getDeviceGIcon as Ne } from "../utils/searchers.js";
+import { Core as Ce } from "../core/app.js";
+import { defineComponent as P, mergeModels as O, useModel as D, computed as M, openBlock as x, createElementBlock as w, unref as h, createBlock as B, withCtx as b, createVNode as A, createTextVNode as z, toDisplayString as K, Fragment as Y, renderList as ie, normalizeClass as Q, createElementVNode as ve, ref as F, watch as L, createCommentVNode as q, withModifiers as j, mergeProps as ye, withKeys as de, nextTick as _e, resolveDirective as be, withDirectives as Be, resolveDynamicComponent as Ve, renderSlot as we, reactive as Me, shallowRef as $e, createSlots as Ee, toValue as Ke, isRef as ue } from "vue";
+import { c as R, C as J, _ as W, y as re, s as Le } from "../.chunks/forms-CHyoeELv.es.js";
+import { _ as pe, b as se, a as Ae } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Dvz76-gx.es.js";
+import { _ as Oe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-Rex3a5_T.es.js";
+import { getSearcherGIcon as Re, getLangLabel as Ne, getDeviceGIcon as De } from "../utils/searchers.js";
 import { storage as G } from "../utils/dom.js";
-import { TopPopupWorker as qe } from "../popup/worker.js";
-const Ce = ["../assets/project.css"].map((e) => import.meta.resolve(e));
-ke.insertCSSLinkToPage(Ce, !0);
-const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }, Pe = /* @__PURE__ */ P({
+import { TopPopupWorker as Fe } from "../popup/worker.js";
+const Te = ["../assets/project.css"].map((e) => import.meta.resolve(e));
+Ce.insertCSSLinkToPage(Te, !0);
+const qe = { class: "top-selectorCompetitors" }, Pe = { class: "top-ellipsis1" }, Ue = /* @__PURE__ */ P({
   __name: "selectorCompetitors",
   props: /* @__PURE__ */ O({
     modelValue: {},
@@ -20,8 +20,8 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, i = q(e, "modelValue"), t = A(() => {
-      if (l.showSelectAllItem)
+    const a = e, i = D(e, "modelValue"), t = M(() => {
+      if (a.showSelectAllItem)
         return {
           icon: "",
           title: R().Common.Select_all,
@@ -29,51 +29,51 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
           content: ""
         };
     });
-    return (r, o) => (I(), w("div", De, [
-      y(J).state.isMobile ? (I(), b(ye, { key: 0 }, {
-        opener: B(() => [
-          L(W, {
+    return (o, l) => (x(), w("div", qe, [
+      h(J).state.isMobile ? (x(), B(pe, { key: 0 }, {
+        opener: b(() => [
+          A(W, {
             class: "top-selectorCompetitors_opener",
             color: "theme",
             icon: "",
             icon2: ""
           }, {
-            default: B(() => {
+            default: b(() => {
               var n;
               return [
-                z(E((n = r.items.find((u) => {
-                  var m;
-                  return u.value === ((m = i.value) == null ? void 0 : m[0]);
+                z(K((n = o.items.find((d) => {
+                  var g;
+                  return d.value === ((g = i.value) == null ? void 0 : g[0]);
                 })) == null ? void 0 : n.content), 1)
               ];
             }),
             _: 1
           })
         ]),
-        contentList: B(() => [
-          (I(!0), w(Y, null, ie(r.items, (n, u) => {
-            var m;
-            return I(), b(se, {
+        contentList: b(() => [
+          (x(!0), w(Y, null, ie(o.items, (n, d) => {
+            var g;
+            return x(), B(se, {
               class: Q({
-                "top-active": (m = i.value) == null ? void 0 : m.includes(n.value)
+                "top-active": (g = i.value) == null ? void 0 : g.includes(n.value)
               }),
               "data-top-icon": n.icon,
               title: n.title,
               onClick: () => i.value = [n.value]
             }, {
-              default: B(() => [
-                ve("span", Fe, E(n.content), 1)
+              default: b(() => [
+                ve("span", Pe, K(n.content), 1)
               ]),
               _: 2
             }, 1032, ["class", "data-top-icon", "title", "onClick"]);
           }), 256))
         ]),
         _: 1
-      })) : (I(), b(Ae, {
+      })) : (x(), B(Oe, {
         key: 1,
         modelValue: i.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => i.value = n),
-        items: r.items,
+        "onUpdate:modelValue": l[0] || (l[0] = (n) => i.value = n),
+        items: o.items,
         isMultiple: !0,
         styling: "bar",
         canBeEmptyMultiple: !1,
@@ -81,7 +81,7 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
       }, null, 8, ["modelValue", "items", "selectAllItem"]))
     ]));
   }
-}), S = -2, Ue = {
+}), I = -2, je = {
   0: "Yandex",
   1: "Google",
   2: "go.Mail",
@@ -94,23 +94,23 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
   20: "Yandex.com",
   21: "Yandex.com.tr"
 }, ee = {
-  key: S,
+  key: I,
   name: "--",
-  index: S
-}, pe = {
-  key: S,
+  index: I
+}, he = {
+  key: I,
   name: "--",
   regions: [ee],
-  regionByIndex: /* @__PURE__ */ new Map([[S, ee]])
+  regionByIndex: /* @__PURE__ */ new Map([[I, ee]])
 }, te = {
-  key: S,
+  key: I,
   name: "Autoselect",
-  index: S
+  index: I
 }, ne = {
-  key: S,
+  key: I,
   name: "Autoselect",
   regions: [te],
-  regionByIndex: /* @__PURE__ */ new Map([[S, te]])
+  regionByIndex: /* @__PURE__ */ new Map([[I, te]])
 }, ce = {
   countryCode: "00",
   depth: 1,
@@ -119,137 +119,137 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
   index: -1,
   lang: "ru",
   name: "Without region"
-}, je = () => (te.name = R().Common.Autoselect, te), Je = () => (je(), ne.name = R().Common.Autoselect, console.log(ne), ne), ze = () => (ce.name = R().Keywords.Without_region, ce), he = (e = !1, l = !1, i = []) => {
+}, Je = () => (te.name = R().Common.Autoselect, te), ze = () => (Je(), ne.name = R().Common.Autoselect, console.log(ne), ne), Ge = () => (ce.name = R().Keywords.Without_region, ce), Se = (e = !1, a = !1, i = []) => {
   let t;
-  return e ? t = Ge(i) : t = Se(i), l && t.set(S, Je()), t.size || t.set(S, pe), t;
-}, Se = (e, l = !0, i = [], t = !1) => {
-  const r = /* @__PURE__ */ new Map();
-  return e.forEach((o) => {
-    if (!o.enabled || t && typeof o.key == "number" && o.key > 1) return;
-    const n = { ...o };
-    n.regionByIndex = /* @__PURE__ */ new Map(), o.regions && o.regions.forEach((u) => {
-      if (l && !u.enabled) return;
-      const m = { ...u };
-      n.regionByIndex && n.regionByIndex.set(m.index, m);
-    }), !n.regionByIndex.size && !i.length && n.regionByIndex.set(ee.index, ee), typeof n.key == "number" && r.set(n.key, n);
-  }), i.forEach((o) => {
-    if (r.has(o)) return;
+  return e ? t = Ye(i) : t = Ie(i), a && t.set(I, ze()), t.size || t.set(I, he), t;
+}, Ie = (e, a = !0, i = [], t = !1) => {
+  const o = /* @__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 g = { ...d };
+      n.regionByIndex && n.regionByIndex.set(g.index, g);
+    }), !n.regionByIndex.size && !i.length && n.regionByIndex.set(ee.index, ee), typeof n.key == "number" && o.set(n.key, n);
+  }), i.forEach((l) => {
+    if (o.has(l)) return;
     const n = {
-      key: o,
-      name: Ue[o],
+      key: l,
+      name: je[l],
       regions: [],
       regionByIndex: /* @__PURE__ */ new Map()
     };
-    r.set(n.key, n);
-  }), r;
-}, Ge = (e) => {
-  const l = Se(e, !1, [0, 1], !0);
-  if (l.has(2)) {
-    const i = l.get(2);
+    o.set(n.key, n);
+  }), o;
+}, Ye = (e) => {
+  const a = Ie(e, !1, [0, 1], !0);
+  if (a.has(2)) {
+    const i = a.get(2);
     i && (i.regionByIndex = /* @__PURE__ */ new Map());
   }
-  return l.forEach((i) => {
+  return a.forEach((i) => {
     if (!i.regionByIndex) return;
-    const t = { ...ze() };
+    const t = { ...Ge() };
     i.regionByIndex.set(t.index, t);
-  }), l;
-}, Ye = (e, l, i = []) => {
-  const t = he(e, !1, i);
-  let r;
-  return t.forEach((o) => {
-    if (!(l.searcher_key !== void 0 && l.searcher_key != o.key) && o.regions && (o.regions.forEach((n) => {
-      if (!r && !(l.key !== void 0 && l.key != n.key) && !(l.index !== void 0 && l.index != n.index) && !(!e && (l.lang !== void 0 && l.lang != n.lang || l.device !== void 0 && l.device != n.device)))
-        return n.searcher_key = o.key, r = n, !1;
-    }), r))
+  }), a;
+}, We = (e, a, i = []) => {
+  const t = Se(e, !1, i);
+  let o;
+  return t.forEach((l) => {
+    if (!(a.searcher_key !== void 0 && a.searcher_key != l.key) && l.regions && (l.regions.forEach((n) => {
+      if (!o && !(a.key !== void 0 && a.key != n.key) && !(a.index !== void 0 && a.index != n.index) && !(!e && (a.lang !== void 0 && a.lang != n.lang || a.device !== void 0 && a.device != n.device)))
+        return n.searcher_key = l.key, o = n, !1;
+    }), o))
       return !1;
-  }), r;
-}, We = (e, l) => {
-  const i = R(), t = D(l.value.keys().next().value ?? S), r = A(() => {
-    const o = /* @__PURE__ */ new Map();
-    if (l.value.forEach((n) => {
-      let u = {
+  }), o;
+}, He = (e, a) => {
+  const i = R(), t = F(a.value.keys().next().value ?? I), o = M(() => {
+    const l = /* @__PURE__ */ new Map();
+    if (a.value.forEach((n) => {
+      let d = {
         value: n.key,
         title: n.name
       };
-      e.addSearcherIcon && (u.icon = Oe(n.key)), o.set(n.key, u);
-    }), e.addCompare && !o.has(S)) {
+      e.addSearcherIcon && (d.icon = Re(n.key)), l.set(n.key, d);
+    }), e.addCompare && !l.has(I)) {
       const n = {
         value: "",
         title: "--------------------",
         disabled: !0
       };
-      o.set(n.value, n);
-      const u = {
+      l.set(n.value, n);
+      const d = {
         value: -1,
         title: i.Common.Compare
       };
-      o.set(u.value, u);
+      l.set(d.value, d);
     }
-    return o;
+    return l;
   });
   return {
     searcherKey: t,
-    optionBySearcherKey: r
+    optionBySearcherKey: o
   };
-}, He = (e, l) => {
-  var o, n, u;
-  const i = R(), t = D(S);
-  e.modelValue.length === 1 && (t.value = e.modelValue[0]), t.value === S && (e.forFrequency ? t.value = ((n = (o = l.value) == null ? void 0 : o.regionByIndex.values().next().value) == null ? void 0 : n.key) ?? S : t.value = ((u = l.value) == null ? void 0 : u.regionByIndex.keys().next().value) ?? S);
-  const r = A(() => {
-    var g;
-    const m = /* @__PURE__ */ new Map();
-    return (g = l.value.regionByIndex) == null || g.forEach((f) => {
-      let a = f.name;
+}, Qe = (e, a) => {
+  var l, n, d;
+  const i = R(), t = F(I);
+  e.modelValue.length === 1 && (t.value = e.modelValue[0]), t.value === I && (e.forFrequency ? t.value = ((n = (l = a.value) == null ? void 0 : l.regionByIndex.values().next().value) == null ? void 0 : n.key) ?? I : t.value = ((d = a.value) == null ? void 0 : d.regionByIndex.keys().next().value) ?? I);
+  const o = M(() => {
+    var f;
+    const g = /* @__PURE__ */ new Map();
+    return (f = a.value.regionByIndex) == null || f.forEach((v) => {
+      let r = v.name;
       if (e.forFrequency) {
         const C = {
-          value: f.key,
-          title: a
+          value: v.key,
+          title: r
         };
-        m.has(f.key) || m.set(f.key, C);
+        g.has(v.key) || g.set(v.key, C);
         return;
       }
-      f.device && (a += " (" + i.Common["Device_" + f.device] + ")");
-      const p = Re(l.value.key || 0, f.lang ?? "");
-      p && (a += " / " + p);
-      const x = {
-        value: f.index,
-        title: a,
-        icon: f.device ? Ne(f.device) : void 0
+      v.device && (r += " (" + i.Common["Device_" + v.device] + ")");
+      const m = Ne(a.value.key || 0, v.lang ?? "");
+      m && (r += " / " + m);
+      const y = {
+        value: v.index,
+        title: r,
+        icon: v.device ? De(v.device) : void 0
       };
-      m.set(f.index, x);
-    }), m;
+      g.set(v.index, y);
+    }), g;
   });
-  return K(r, (m, g) => {
-    var x;
-    if (e.onlySearcher || t.value !== void 0 && m.get(t.value))
+  return L(o, (g, f) => {
+    var y;
+    if (e.onlySearcher || t.value !== void 0 && g.get(t.value))
       return;
-    let f = m.keys().next().value;
-    if (t.value === S || f === S) {
-      t.value = f;
+    let v = g.keys().next().value;
+    if (t.value === I || v === I) {
+      t.value = v;
       return;
     }
-    let a = ((x = g == null ? void 0 : g.get(t.value)) == null ? void 0 : x.title) || "", p = -1;
-    for (const [C, k] of m.entries()) {
-      const h = k.title;
-      if (typeof h != "string" || typeof C == "string")
+    let r = ((y = f == null ? void 0 : f.get(t.value)) == null ? void 0 : y.title) || "", m = -1;
+    for (const [C, k] of g.entries()) {
+      const S = k.title;
+      if (typeof S != "string" || typeof C == "string")
         break;
-      if (h === a) {
-        f = C;
+      if (S === r) {
+        v = C;
         break;
       }
       const _ = new RegExp(` \\((${i.Common.Device_1}|${i.Common.Device_2})\\)`);
-      let T = a, d = 3;
-      h.indexOf(T) === -1 && (T = a.replace(/^[^a-zа-я]/i, "").replace(_, ""), d--), h.indexOf(T) === -1 && (T = a.replace(/ \/.*/, ""), d--), h.indexOf(T) === -1 && (T = a.replace(/ \/.*/, ""), T = T.replace(/^[^a-zа-я]/i, "").replace(_, ""), d--), h.indexOf(T) !== -1 && (d <= p || (p = d, f = C));
+      let T = r, u = 3;
+      S.indexOf(T) === -1 && (T = r.replace(/^[^a-zа-я]/i, "").replace(_, ""), u--), S.indexOf(T) === -1 && (T = r.replace(/ \/.*/, ""), u--), S.indexOf(T) === -1 && (T = r.replace(/ \/.*/, ""), T = T.replace(/^[^a-zа-я]/i, "").replace(_, ""), u--), S.indexOf(T) !== -1 && (u <= m || (m = u, v = C));
     }
-    t.value = f;
+    t.value = v;
   }), {
     regionIndex: t,
-    optionByRegionIndex: r
+    optionByRegionIndex: o
   };
-}, Qe = (e, l, i) => {
-  const t = D([]), r = () => {
-    if (e.onlySearcher && l.value) {
-      t.value = Array.from(l.value.keys());
+}, Xe = (e, a, i) => {
+  const t = F([]), o = () => {
+    if (e.onlySearcher && a.value) {
+      t.value = Array.from(a.value.keys());
       return;
     }
     let n = [];
@@ -262,74 +262,74 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
         ) ?? [];
       } catch {
       }
-    n.length && (n = n.filter((u) => i.value.has(u))), n.length || (n = Array.from(i.value)), t.value = [...n];
-  }, o = () => {
+    n.length && (n = n.filter((d) => i.value.has(d))), n.length || (n = Array.from(i.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 K(t, () => {
-    o();
-  }), e.addCompare && r(), {
+  return L(t, () => {
+    l();
+  }), e.addCompare && o(), {
     regionsIndexes: t
   };
-}, Xe = (e) => {
-  const l = A(() => he(e.forFrequency, e.autoRegion, e.searchers)), i = A(() => l.value.get(r.searcherKey.value) || pe), t = A(() => {
-    const a = /* @__PURE__ */ new Set();
-    return l.value.forEach((p) => {
-      var x;
-      (x = p.regions) == null || x.forEach((C) => {
-        C.index !== -1 && C.index !== S && a.add(C.index);
+}, Ze = (e) => {
+  const a = M(() => Se(e.forFrequency, e.autoRegion, e.searchers)), i = M(() => a.value.get(o.searcherKey.value) || he), t = M(() => {
+    const r = /* @__PURE__ */ new Set();
+    return a.value.forEach((m) => {
+      var y;
+      (y = m.regions) == null || y.forEach((C) => {
+        C.index !== -1 && C.index !== I && r.add(C.index);
       });
-    }), a;
-  }), r = We(e, l), o = He(e, i), n = Qe(e, l, t);
-  K(l, () => {
-    var p, x, C, k;
-    if (e.onlySearcher ? n.regionsIndexes.value = Array.from(l.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((h) => t.value.has(h)), r.searcherKey.value === -1) return;
-    let a = l.value.keys().next().value;
-    l.value.forEach((h) => {
-      var _, T, d;
-      if (e.onlySearcher && h.key === r.searcherKey.value) {
-        a = r.searcherKey.value;
+    }), r;
+  }), o = He(e, a), l = Qe(e, i), n = Xe(e, a, t);
+  L(a, () => {
+    var m, y, C, k;
+    if (e.onlySearcher ? n.regionsIndexes.value = Array.from(a.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((S) => t.value.has(S)), o.searcherKey.value === -1) return;
+    let r = a.value.keys().next().value;
+    a.value.forEach((S) => {
+      var _, T, u;
+      if (e.onlySearcher && S.key === o.searcherKey.value) {
+        r = o.searcherKey.value;
         return;
       }
-      if (o.regionIndex.value && ((_ = h.regionByIndex) != null && _.has(o.regionIndex.value)) && (a = h.key), !e.onlySearcher) {
+      if (l.regionIndex.value && ((_ = S.regionByIndex) != null && _.has(l.regionIndex.value)) && (r = S.key), !e.onlySearcher) {
         let s;
-        a !== void 0 && (s = (T = l.value.get(a)) == null ? void 0 : T.regionByIndex);
-        const c = (d = l.value.get(h.key)) == null ? void 0 : d.regionByIndex;
-        s != null && s.has(S) && !(c != null && c.has(S)) && (a = h.key);
+        r !== void 0 && (s = (T = a.value.get(r)) == null ? void 0 : T.regionByIndex);
+        const c = (u = a.value.get(S.key)) == null ? void 0 : u.regionByIndex;
+        s != null && s.has(I) && !(c != null && c.has(I)) && (r = S.key);
       }
-    }), a !== void 0 && (r.searcherKey.value = a), o.regionIndex.value !== void 0 && !((x = (p = i.value) == null ? void 0 : p.regionByIndex) != null && x.has(o.regionIndex.value)) && (o.regionIndex.value = (k = (C = i.value) == null ? void 0 : C.regions) == null ? void 0 : k.keys().next().value);
+    }), r !== void 0 && (o.searcherKey.value = r), l.regionIndex.value !== void 0 && !((y = (m = i.value) == null ? void 0 : m.regionByIndex) != null && y.has(l.regionIndex.value)) && (l.regionIndex.value = (k = (C = i.value) == null ? void 0 : C.regions) == null ? void 0 : k.keys().next().value);
   }, { immediate: !0 });
-  const u = () => {
-    if (!(r.searcherKey.value === -1 || r.searcherKey.value === S))
-      return r.searcherKey.value;
-  }, m = () => {
-    if (e.onlySearcher || o.regionIndex.value === S) return;
-    let a = o.regionIndex.value;
+  const d = () => {
+    if (!(o.searcherKey.value === -1 || o.searcherKey.value === I))
+      return o.searcherKey.value;
+  }, g = () => {
+    if (e.onlySearcher || l.regionIndex.value === I) return;
+    let r = l.regionIndex.value;
     if (e.forFrequency) {
-      const p = o.regionIndex.value, x = Ye(e.forFrequency, { searcher_key: u(), key: p }, e.searchers);
-      a = x == null ? void 0 : x.index;
+      const m = l.regionIndex.value, y = We(e.forFrequency, { searcher_key: d(), key: m }, e.searchers);
+      r = y == null ? void 0 : y.index;
     }
-    return a;
-  }, g = () => {
-    const a = u();
-    if (a !== void 0)
-      return l.value.get(a);
+    return r;
+  }, f = () => {
+    const r = d();
+    if (r !== void 0)
+      return a.value.get(r);
   };
   return {
-    selectSearcher: r,
-    selectRegion: o,
+    selectSearcher: o,
+    selectRegion: l,
     compare: n,
-    searcherByKey: l,
+    searcherByKey: a,
     allRegionsIndexes: t,
-    getSearcher: g,
+    getSearcher: f,
     getRegion: () => {
-      var p, x;
-      const a = m();
-      if (a !== void 0)
-        return (x = (p = g()) == null ? void 0 : p.regionByIndex) == null ? void 0 : x.get(a);
+      var m, y;
+      const r = g();
+      if (r !== void 0)
+        return (y = (m = f()) == null ? void 0 : m.regionByIndex) == null ? void 0 : y.get(r);
     }
   };
-}, Ze = /* @__PURE__ */ P({
+}, et = /* @__PURE__ */ P({
   __name: "selectorRegion",
   props: /* @__PURE__ */ O({
     projectId: {},
@@ -350,130 +350,130 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
     modelValueSingleModifiers: {}
   }),
   emits: /* @__PURE__ */ O(["compareRegions"], ["update:modelValue", "update:modelValueSingle"]),
-  setup(e, { expose: l, emit: i }) {
-    const t = e, r = q(e, "modelValue"), o = q(e, "modelValueSingle"), n = i, {
-      selectSearcher: u,
-      selectRegion: m,
-      compare: g,
-      searcherByKey: f,
-      allRegionsIndexes: a,
-      getSearcher: p,
-      getRegion: x
-    } = Xe(t), C = () => {
+  setup(e, { expose: a, emit: i }) {
+    const t = e, o = D(e, "modelValue"), l = D(e, "modelValueSingle"), n = i, {
+      selectSearcher: d,
+      selectRegion: g,
+      compare: f,
+      searcherByKey: v,
+      allRegionsIndexes: r,
+      getSearcher: m,
+      getRegion: y
+    } = Ze(t), C = () => {
       var k;
       if (window.fieldTemplates && ((k = window.fieldTemplates) != null && k.openSelectorRegions)) {
         window.fieldTemplates.openSelectorRegions(
-          f.value,
-          g.regionsIndexes.value,
-          (h) => g.regionsIndexes.value = h
+          v.value,
+          f.regionsIndexes.value,
+          (S) => f.regionsIndexes.value = S
         );
         return;
       }
-      n("compareRegions", f.value);
+      n("compareRegions", v.value);
     };
-    return K([m.regionIndex, u.searcherKey, g.regionsIndexes], () => {
-      if (u.searcherKey.value === -1 && g.regionsIndexes.value.length) {
-        if (JSON.stringify(r.value) === JSON.stringify(g.regionsIndexes.value))
+    return L([g.regionIndex, d.searcherKey, f.regionsIndexes], () => {
+      if (d.searcherKey.value === -1 && f.regionsIndexes.value.length) {
+        if (JSON.stringify(o.value) === JSON.stringify(f.regionsIndexes.value))
           return;
-        r.value = [...g.regionsIndexes.value];
+        o.value = [...f.regionsIndexes.value];
       } else
-        r.value = [t.onlySearcher ? u.searcherKey.value : m.regionIndex.value];
-      !t.onlySearcher && !a.value.size && (u.searcherKey.value = S);
-    }), o.value && K(o, () => {
-      r.value = [o.value];
-    }, { immediate: !0 }), K(r, () => {
-      var k, h, _, T, d;
-      if (r.value[0] && (o.value = r.value[0]), t.onlySearcher) {
-        if (!r.value.length || r.value.length === 1 && !f.value.has(r.value[0])) {
-          let s = f.value.keys().next().value;
-          s !== void 0 && (r.value = [s]);
+        o.value = [t.onlySearcher ? d.searcherKey.value : g.regionIndex.value];
+      !t.onlySearcher && !r.value.size && (d.searcherKey.value = I);
+    }), l.value && L(l, () => {
+      o.value = [l.value];
+    }, { immediate: !0 }), L(o, () => {
+      var k, S, _, T, u;
+      if (o.value[0] && (l.value = o.value[0]), t.onlySearcher) {
+        if (!o.value.length || o.value.length === 1 && !v.value.has(o.value[0])) {
+          let s = v.value.keys().next().value;
+          s !== void 0 && (o.value = [s]);
           return;
         }
-        if (r.value.length > 1 && JSON.stringify(r.value) !== JSON.stringify(g.regionsIndexes.value)) {
-          r.value = [...g.regionsIndexes.value];
+        if (o.value.length > 1 && JSON.stringify(o.value) !== JSON.stringify(f.regionsIndexes.value)) {
+          o.value = [...f.regionsIndexes.value];
           return;
         }
       } else {
-        let s = [...new Set(r.value)], c = (h = (k = f.value.values().next().value) == null ? void 0 : k.regionByIndex) == null ? void 0 : h.keys().next().value;
-        if (t.forFrequency && (c = (d = (T = (_ = f.value.values().next().value) == null ? void 0 : _.regionByIndex) == null ? void 0 : T.values().next().value) == null ? void 0 : d.key), !s.length)
+        let s = [...new Set(o.value)], c = (S = (k = v.value.values().next().value) == null ? void 0 : k.regionByIndex) == null ? void 0 : S.keys().next().value;
+        if (t.forFrequency && (c = (u = (T = (_ = v.value.values().next().value) == null ? void 0 : _.regionByIndex) == null ? void 0 : T.values().next().value) == null ? void 0 : u.key), !s.length)
           c !== void 0 && s.push(c);
         else if (s.length === 1) {
-          let v = a.value;
-          t.forFrequency && (v = /* @__PURE__ */ new Set(), f.value.forEach((V) => {
-            V.regionByIndex.forEach((M) => {
-              M.index !== -1 && M.index !== S && v.add(M.key);
+          let p = r.value;
+          t.forFrequency && (p = /* @__PURE__ */ new Set(), v.value.forEach((V) => {
+            V.regionByIndex.forEach((E) => {
+              E.index !== -1 && E.index !== I && p.add(E.key);
             });
-          })), !v.has(s[0]) && s[0] !== -2 && (s = [], c !== void 0 && s.push(c));
+          })), !p.has(s[0]) && s[0] !== -2 && (s = [], c !== void 0 && s.push(c));
         } else
-          s = s.filter((v) => a.value.has(v)), !s.length && c !== void 0 && s.push(c);
-        if (JSON.stringify(r.value) !== JSON.stringify(s)) {
-          r.value = s;
+          s = s.filter((p) => r.value.has(p)), !s.length && c !== void 0 && s.push(c);
+        if (JSON.stringify(o.value) !== JSON.stringify(s)) {
+          o.value = s;
           return;
         }
       }
-      if (!(r.value.length === 1 && r.value[0] === (t.onlySearcher ? u.searcherKey.value : m.regionIndex.value)))
+      if (!(o.value.length === 1 && o.value[0] === (t.onlySearcher ? d.searcherKey.value : g.regionIndex.value)))
         if (t.onlySearcher) {
-          if (r.value.length === 1) {
-            u.searcherKey.value = r.value[0];
+          if (o.value.length === 1) {
+            d.searcherKey.value = o.value[0];
             return;
           }
-          u.searcherKey.value = -1;
+          d.searcherKey.value = -1;
           return;
-        } else if (r.value.length === 1 && u.searcherKey.value !== -1) {
-          m.regionIndex.value = r.value[0];
+        } else if (o.value.length === 1 && d.searcherKey.value !== -1) {
+          g.regionIndex.value = o.value[0];
           let s;
-          for (const c of f.value.values()) {
-            for (const v of c.regionByIndex.values())
-              if ((t.forFrequency ? v.key : v.index) === m.regionIndex.value) {
+          for (const c of v.value.values()) {
+            for (const p of c.regionByIndex.values())
+              if ((t.forFrequency ? p.key : p.index) === g.regionIndex.value) {
                 s = c.key;
                 break;
               }
             if (s !== void 0)
               break;
           }
-          s !== void 0 && (u.searcherKey.value = s);
+          s !== void 0 && (d.searcherKey.value = s);
         } else
-          u.searcherKey.value = -1, g.regionsIndexes.value = [...r.value];
-    }, { immediate: !0 }), l({
-      getSearcher: p,
-      getRegion: x
-    }), (k, h) => (I(), w("div", {
+          d.searcherKey.value = -1, f.regionsIndexes.value = [...o.value];
+    }, { immediate: !0 }), a({
+      getSearcher: m,
+      getRegion: y
+    }), (k, S) => (x(), w("div", {
       class: Q({
         "top-selectorRegion": !0,
         "top-selectorRegion-onlySearcher": k.onlySearcher
       })
     }, [
-      L(re, {
-        options: y(u).optionBySearcherKey.value,
-        modelValue: y(u).searcherKey.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (_) => y(u).searcherKey.value = _),
+      A(re, {
+        options: h(d).optionBySearcherKey.value,
+        modelValue: h(d).searcherKey.value,
+        "onUpdate:modelValue": S[0] || (S[0] = (_) => h(d).searcherKey.value = _),
         name: "searcher_key",
         addChanger: k.addChanger
       }, null, 8, ["options", "modelValue", "addChanger"]),
-      !k.onlySearcher && y(u).searcherKey.value !== -1 ? (I(), b(re, {
+      !k.onlySearcher && h(d).searcherKey.value !== -1 ? (x(), B(re, {
         key: 0,
         class: "top-select-region",
-        options: y(m).optionByRegionIndex.value,
-        modelValue: y(m).regionIndex.value,
-        "onUpdate:modelValue": h[1] || (h[1] = (_) => y(m).regionIndex.value = _),
+        options: h(g).optionByRegionIndex.value,
+        modelValue: h(g).regionIndex.value,
+        "onUpdate:modelValue": S[1] || (S[1] = (_) => h(g).regionIndex.value = _),
         name: k.forFrequency ? "region_key" : "region_index",
         addChanger: k.addChanger,
         "data-top-icon": k.addRegionIcon ? "" : void 0
-      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : F("", !0),
-      k.addCompare && !k.onlySearcher && y(u).searcherKey.value === -1 ? (I(), b(W, {
+      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : q("", !0),
+      k.addCompare && !k.onlySearcher && h(d).searcherKey.value === -1 ? (x(), B(W, {
         key: 1,
         name: "compare",
         onClick: C,
-        "data-count-compare-regions-indexes": y(g).regionsIndexes.value.length
+        "data-count-compare-regions-indexes": h(f).regionsIndexes.value.length
       }, {
-        default: B(() => [
-          z(E(k.$i18n.Common.Selected_regions), 1)
+        default: b(() => [
+          z(K(k.$i18n.Common.Selected_regions), 1)
         ]),
         _: 1
-      }, 8, ["data-count-compare-regions-indexes"])) : F("", !0)
+      }, 8, ["data-count-compare-regions-indexes"])) : q("", !0)
     ], 2));
   }
-}), et = [
+}), tt = [
   {
     id: "1",
     name: "Without Tag",
@@ -524,12 +524,12 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
     name: "Turquoise",
     color_id: "10"
   }
-], me = (e) => "-" + e, H = (e) => e[0] === "-" ? e.substring(1) : e, ae = (e, l) => {
+], me = (e) => "-" + e, H = (e) => e[0] === "-" ? e.substring(1) : e, ae = (e, a) => {
   e = H(e);
-  const i = l.find((t) => t.id === e);
+  const i = a.find((t) => t.id === e);
   if (i)
     return i;
-}, tt = ["data-tag_id", "data-tag_color_id", "title"], le = /* @__PURE__ */ P({
+}, at = ["data-tag_id", "data-tag_color_id", "title"], le = /* @__PURE__ */ P({
   __name: "tagIcon",
   props: {
     id: {},
@@ -538,18 +538,18 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
     state: {}
   },
   setup(e) {
-    return (l, i) => (I(), w("div", {
+    return (a, i) => (x(), w("div", {
       class: Q({
         "top-tagSelector_tagIcon": !0,
-        "top-tagSelector-active": !!l.state,
-        "top-tagSelector-excluded": l.state === "excluded"
+        "top-tagSelector-active": !!a.state,
+        "top-tagSelector-excluded": a.state === "excluded"
       }),
-      "data-tag_id": l.id,
-      "data-tag_color_id": l.colorId,
-      title: l.name
-    }, null, 10, tt));
+      "data-tag_id": a.id,
+      "data-tag_color_id": a.colorId,
+      title: a.name
+    }, null, 10, at));
   }
-}), at = ["contenteditable", "onKeydown"], ge = /* @__PURE__ */ P({
+}), lt = ["contenteditable", "onKeydown"], ge = /* @__PURE__ */ P({
   __name: "tagPopupListItem",
   props: /* @__PURE__ */ O({
     editable: { type: Boolean },
@@ -566,68 +566,72 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
     nameModifiers: {}
   }),
   emits: /* @__PURE__ */ O(["update:name", "unselect", "exclude", "select"], ["update:name"]),
-  setup(e, { emit: l }) {
-    const i = e, t = l, r = q(e, "name"), o = D(null), n = D(!1), u = async () => {
-      var a;
-      n.value = !0, await Te(), (a = o.value) == null || a.focus();
-    }, m = () => {
-      var p;
-      const a = (p = o.value) == null ? void 0 : p.innerText;
-      if (!a) return g();
-      o.value && (o.value.innerText = a), n.value = !1, t("update:name", a);
-    }, g = async () => {
-      o.value && (o.value.innerText = i.name), n.value = !1;
-    }, f = (a) => {
-      if (n.value || i.disabled) return;
-      let p = "selected";
-      i.canExclude && (a.ctrlKey || a.metaKey) && (p = "excluded"), i.state == p && (p = ""), p === "" && t("unselect"), p === "selected" && t("select"), p === "excluded" && t("exclude");
+  setup(e, { emit: a }) {
+    const i = e, t = a, o = D(e, "name"), l = F(null), n = M(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
+      contenteditable: d.value,
+      onpaste: (m) => m.preventDefault()
+    } : {}), d = F(!1), g = async () => {
+      var m;
+      d.value = !0, await _e(), (m = l.value) == null || m.focus();
+    }, f = () => {
+      var y;
+      const m = (y = l.value) == null ? void 0 : y.innerText;
+      if (!m) return v();
+      l.value && (l.value.innerText = m), d.value = !1, t("update:name", m);
+    }, v = async () => {
+      l.value && (l.value.innerText = i.name), d.value = !1;
+    }, r = (m) => {
+      if (d.value || i.disabled) return;
+      let y = "selected";
+      i.canExclude && (m.ctrlKey || m.metaKey) && (y = "excluded"), i.state == y && (y = ""), y === "" && t("unselect"), y === "selected" && t("select"), y === "excluded" && t("exclude");
     };
-    return (a, p) => (I(), b(se, {
+    return (m, y) => (x(), B(se, {
       class: Q({
         "top-tagSelector_tagListItem": !0,
-        "top-tagSelector_tagListItem-inEdit": n.value,
-        "top-tagSelector_tagListItem-disabled": a.disabled,
-        "top-tagSelector_tagListItem-canExclude": a.canExclude,
-        "top-tagSelector-active": !!a.state,
-        "top-tagSelector-excluded": a.state === "excluded"
+        "top-tagSelector_tagListItem-inEdit": d.value,
+        "top-tagSelector_tagListItem-disabled": m.disabled,
+        "top-tagSelector_tagListItem-canExclude": m.canExclude,
+        "top-tagSelector-active": !!m.state,
+        "top-tagSelector-excluded": m.state === "excluded"
       }),
-      onClick: j(f, ["stop"])
+      onClick: j(r, ["stop"])
     }, {
-      default: B(() => [
-        L(le, {
-          id: a.id,
-          name: r.value,
-          colorId: a.colorId,
-          state: a.state
+      default: b(() => [
+        A(le, {
+          id: m.id,
+          name: o.value,
+          colorId: m.colorId,
+          state: m.state
         }, null, 8, ["id", "name", "colorId", "state"]),
-        ve("span", {
+        ve("span", ye({
           ref_key: "elName",
-          ref: o,
+          ref: l,
           class: "top-tagSelector_tagListItemName",
-          contenteditable: n.value ? "plaintext-only" : !1,
+          contenteditable: d.value ? "plaintext-only" : !1
+        }, n.value, {
           onKeydown: [
-            de(j(m, ["stop"]), ["enter"]),
-            de(j(g, ["stop"]), ["esc"])
+            de(j(f, ["stop"]), ["enter"]),
+            de(j(v, ["stop"]), ["esc"])
           ]
-        }, E(r.value), 41, at),
-        a.editable ? (I(), w(Y, { key: 0 }, [
-          n.value ? (I(), w("span", {
+        }), K(o.value), 17, lt),
+        m.editable ? (x(), w(Y, { key: 0 }, [
+          d.value ? (x(), w("span", {
             key: 1,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: j(m, ["stop"])
-          })) : (I(), w("span", {
+            onClick: j(f, ["stop"])
+          })) : (x(), w("span", {
             key: 0,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: u
+            onClick: g
           }))
-        ], 64)) : F("", !0)
+        ], 64)) : q("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), lt = { key: 1 }, Ie = /* @__PURE__ */ P({
+}), ot = { key: 1 }, xe = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "popupOpener",
   props: /* @__PURE__ */ O({
@@ -647,59 +651,59 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, i = q(e, "modelValue"), t = l.useTopButton ? W : "div", r = l.useTopButton ? "html" : "default", o = {
+    const a = e, i = D(e, "modelValue"), t = a.useTopButton ? W : "div", o = a.useTopButton ? "html" : "default", l = {
       model: i,
-      mode: l.mode,
-      targetId: l.targetId,
-      filters: l.filters,
-      payload: l.payload
+      mode: a.mode,
+      targetId: a.targetId,
+      filters: a.filters,
+      payload: a.payload
     };
-    return (n, u) => {
-      const m = _e("top-data");
-      return I(), b(Le, { id: n.id }, {
-        default: B(() => [
-          Be((I(), b(be(y(t)), Ve({
+    return (n, d) => {
+      const g = be("top-data");
+      return x(), B(Ae, { id: n.id }, {
+        default: b(() => [
+          Be((x(), B(Ve(h(t)), ye({
             class: {
               "top-tagSelector": !0,
-              "top-tagSelector-filter": l.mode === "filter",
-              "top-tagSelector-setter_single": l.mode === "setter" && !n.filters,
-              "top-tagSelector-setter_several": l.mode === "setter" && n.filters,
+              "top-tagSelector-filter": a.mode === "filter",
+              "top-tagSelector-setter_single": a.mode === "setter" && !n.filters,
+              "top-tagSelector-setter_several": a.mode === "setter" && n.filters,
               "top-tagSelector-selectedOne": !i.value.length || i.value.length === 1,
               "top-tagSelector-toTwoLine": i.value.length > 5
             },
             color: "theme",
             styling: ""
           }, n.$attrs), {
-            [y(r)]: B(() => [
-              !i.value.length && n.mode === "filter" ? (I(), b(le, {
+            [h(o)]: b(() => [
+              !i.value.length && n.mode === "filter" ? (x(), B(le, {
                 key: 0,
                 id: "all",
                 colorId: "",
                 name: n.$i18n.Common.All_tags ?? "",
                 state: ""
-              }, null, 8, ["name"])) : F("", !0),
-              n.mode === "setter" && n.filters ? (I(), w("div", lt, [
+              }, null, 8, ["name"])) : q("", !0),
+              n.mode === "setter" && n.filters ? (x(), w("div", ot, [
                 we(n.$slots, "default")
-              ])) : (I(!0), w(Y, { key: 2 }, ie(i.value, (g) => {
-                var f, a;
-                return I(), b(le, {
-                  id: y(H)(g),
-                  colorId: ((f = y(ae)(g, n.tags)) == null ? void 0 : f.color_id) ?? "",
-                  name: ((a = y(ae)(g, n.tags)) == null ? void 0 : a.name) ?? "",
-                  state: y(H)(g) === g ? "selected" : "excluded"
+              ])) : (x(!0), w(Y, { key: 2 }, ie(i.value, (f) => {
+                var v, r;
+                return x(), B(le, {
+                  id: h(H)(f),
+                  colorId: ((v = h(ae)(f, n.tags)) == null ? void 0 : v.color_id) ?? "",
+                  name: ((r = h(ae)(f, n.tags)) == null ? void 0 : r.name) ?? "",
+                  state: h(H)(f) === f ? "selected" : "excluded"
                 }, null, 8, ["id", "colorId", "name", "state"]);
               }), 256))
             ]),
             _: 2
           }, 1040, ["class"])), [
-            [m, o, "topTagSelectorTarget"]
+            [g, l, "topTagSelectorTarget"]
           ])
         ]),
         _: 3
       }, 8, ["id"]);
     };
   }
-}), ot = /* @__PURE__ */ P({
+}), nt = /* @__PURE__ */ P({
   __name: "tagSelector",
   props: /* @__PURE__ */ O({
     modelValue: {},
@@ -717,177 +721,180 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
     },
     modelModifiers: {},
     tags: {
-      default: Me(et)
+      default: Me(tt)
     },
     tagsModifiers: {}
   }),
   emits: /* @__PURE__ */ O(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
-  setup(e, { emit: l }) {
-    const i = R(), t = e, r = q(e, "modelValue"), o = q(e, "tags"), n = l, u = $e((d, s) => {
-      n(d, s);
+  setup(e, { emit: a }) {
+    const i = R(), t = e, o = D(e, "modelValue"), l = D(e, "tags"), n = a, d = Le((u, s) => {
+      n(u, s);
     }, t.emitDelay);
-    t.singleMode && !r.value.length && (r.value = [o.value[0].id]);
-    const m = t.id ?? "top-popup-id-" + Math.random(), g = D("add"), f = () => {
+    t.singleMode && !o.value.length && (o.value = [l.value[0].id]);
+    const g = t.id ?? "top-popup-id-" + Math.random(), f = F("add"), v = () => {
       var c;
-      const d = " " + ((c = i.Common.Tags) == null ? void 0 : c.toLowerCase()), s = /* @__PURE__ */ new Map();
-      return s.set("add", { value: "add", title: i.Common.Add + d }), s.set("replace", { value: "replace", title: i.Common.Replace + d }), s.set("delete", { value: "delete", title: i.Common.Delete + d }), s;
+      const u = " " + ((c = i.Common.Tags) == null ? void 0 : c.toLowerCase()), s = /* @__PURE__ */ new Map();
+      return s.set("add", { value: "add", title: i.Common.Add + u }), s.set("replace", { value: "replace", title: i.Common.Replace + u }), s.set("delete", { value: "delete", title: i.Common.Delete + u }), s;
     };
-    let a = Ee({
-      model: r,
+    let r = $e({
+      model: o,
       mode: "filter",
       targetId: void 0,
       filters: void 0,
       payload: void 0
     });
-    K(r, () => {
-      u("selector", r.value);
+    L(o, () => {
+      d("selector", o.value);
     });
-    const p = A(() => {
-      if (a.value.mode === "setter" && t.maxTagsForSetter && !a.value.filters)
-        return a.value.model.value.length >= t.maxTagsForSetter;
-    }), x = (d) => {
-      if (d !== "all") {
-        if (a.value.model.value.includes(d)) return "selected";
-        if (a.value.model.value.includes(me(d))) return "excluded";
+    const m = M(() => {
+      if (r.value.mode === "setter" && t.maxTagsForSetter && !r.value.filters)
+        return r.value.model.value.length >= t.maxTagsForSetter;
+    }), y = (u) => {
+      if (u !== "all") {
+        if (r.value.model.value.includes(u)) return "selected";
+        if (r.value.model.value.includes(me(u))) return "excluded";
       }
-      return d === "all" && !a.value.model.value.length ? "selected" : "";
-    }, C = (d, s) => {
-      const c = me(d);
-      let v = a.value.model.value.filter((V) => V !== d && V !== c);
-      s === "select" && v.push(d), s === "exclude" && v.push(c), a.value.mode === "setter" && a.value.targetId !== void 0 && t.requiredForSetter && (v.length || v.push("1"), v.length === 2 && a.value.model.value.length === 1 && a.value.model.value[0] === "1" && (v = v.filter((V) => V !== "1"))), t.singleMode && !a.value.filters && (v.length || (v = a.value.model.value), v.length > 1 && (v = [v[v.length - 1]])), v.sort((V, M) => {
+      return u === "all" && !r.value.model.value.length ? "selected" : "";
+    }, C = (u, s) => {
+      const c = me(u);
+      let p = r.value.model.value.filter((V) => V !== u && V !== c);
+      s === "select" && p.push(u), s === "exclude" && p.push(c), r.value.mode === "setter" && r.value.targetId !== void 0 && t.requiredForSetter && (p.length || p.push("1"), p.length === 2 && r.value.model.value.length === 1 && r.value.model.value[0] === "1" && (p = p.filter((V) => V !== "1"))), t.singleMode && !r.value.filters && (p.length || (p = r.value.model.value), p.length > 1 && (p = [p[p.length - 1]])), p.sort((V, E) => {
         if (!t.tags) return 0;
-        const X = t.tags.findIndex((N) => N.id === V), U = t.tags.findIndex((N) => N.id === M);
+        const X = t.tags.findIndex((N) => N.id === V), U = t.tags.findIndex((N) => N.id === E);
         return X - U;
-      }), a.value.model.value = v, a.value.mode === "setter" && a.value.targetId !== void 0 && u("setter", {
-        tagsIds: v,
-        targetId: a.value.targetId,
-        payload: a.value.payload
+      }), r.value.model.value = p, r.value.mode === "setter" && r.value.targetId !== void 0 && d("setter", {
+        tagsIds: p,
+        targetId: r.value.targetId,
+        payload: r.value.payload
       });
-    }, k = A(() => {
-      let d = "top-tagSelector_popup";
-      return a.value.mode === "filter" && (d += " top-tagSelector_popup-filter"), a.value.mode === "setter" && (d += " top-tagSelector_popup-setter"), d;
-    }), h = () => {
-      const d = prompt("", "New tag");
-      if (!d || d === "New tag") return;
-      const s = o.value.length + 1;
-      o.value.push({
+    }, k = M(() => {
+      let u = "top-tagSelector_popup";
+      return r.value.mode === "filter" && (u += " top-tagSelector_popup-filter"), r.value.mode === "setter" && (u += " top-tagSelector_popup-setter"), u;
+    }), S = () => {
+      const u = prompt("", "New tag");
+      if (!u || u === "New tag") return;
+      const s = l.value.length + 1;
+      l.value.push({
         id: String(s),
-        name: d,
+        name: u,
         color_id: String((s - 1) % 10 + 1)
-      }), n("tagsChanged", o.value);
-    }, _ = (d) => {
+      }), n("tagsChanged", l.value);
+    }, _ = (u) => {
       var s;
-      if (a.value = G(d.elPopupOpener, "topTagSelectorTarget"), !a.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
-      if (a.value.filters && (g.value = "add", a.value.model.value = []), !((s = J.$) != null && s.ui.sortable)) {
+      if (r.value = G(u.elPopupOpener, "topTagSelectorTarget"), !r.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
+      if (r.value.filters && (f.value = "add", r.value.model.value = []), !((s = J.$) != null && s.ui.sortable)) {
         console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
         return;
       }
-      !J.state.isMobile && !J.state.isMobileUA && o.value && $(d.elPopup).sortable({
+      !J.state.isMobile && !J.state.isMobileUA && l.value && $(u.elPopup).sortable({
         items: 'li:has([data-tag_id]:not([data-tag_id="all"]))',
-        cancel: '[contenteditable="plaintext-only"]',
+        /**
+         * @todo Удалить `[contenteditable="true"]` через пол года после выхода версии firefox с поддержкой contenteditable plaintext-only, включая бета версии
+         */
+        cancel: '[contenteditable="plaintext-only"], [contenteditable="true"]',
         distance: 10,
-        stop: function(c, v) {
-          if (!o.value) return;
-          const V = $(v.item).parent().find("[data-tag_id]"), M = [];
+        stop: function(c, p) {
+          if (!l.value) return;
+          const V = $(p.item).parent().find("[data-tag_id]"), E = [];
           V.each((X, U) => {
-            if (!o.value) return;
+            if (!l.value) return;
             const N = $(U).attr("data-tag_id");
-            M.push(N);
-          }), o.value.sort((X, U) => {
-            const N = M.findIndex((oe) => oe === X.id), xe = M.findIndex((oe) => oe === U.id);
-            return N - xe;
-          }), u("tagsChanged", o.value);
+            E.push(N);
+          }), l.value.sort((X, U) => {
+            const N = E.findIndex((oe) => oe === X.id), ke = E.findIndex((oe) => oe === U.id);
+            return N - ke;
+          }), d("tagsChanged", l.value);
         }
       });
-    }, T = (d) => {
+    }, T = (u) => {
       var s;
-      (s = J.$) != null && s.ui.sortable && $(d.elPopup).data("ui-sortable") && $(d.elPopup).sortable("destroy");
+      (s = J.$) != null && s.ui.sortable && $(u.elPopup).data("ui-sortable") && $(u.elPopup).sortable("destroy");
     };
-    return (d, s) => (I(), w(Y, null, [
-      L(Ie, {
+    return (u, s) => (x(), w(Y, null, [
+      A(xe, {
         class: "top-select_arrow",
-        modelValue: r.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
-        id: y(m),
-        tags: o.value,
+        modelValue: o.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (c) => o.value = c),
+        id: h(g),
+        tags: l.value,
         mode: "filter",
         useTopButton: ""
       }, null, 8, ["modelValue", "id", "tags"]),
-      L(ye, {
-        id: y(m),
+      A(pe, {
+        id: h(g),
         class: Q(k.value),
         onOpen: s[4] || (s[4] = (c) => _(c)),
         onClose: s[5] || (s[5] = (c) => T(c)),
         "transition-duration": 50
-      }, Ke({
-        contentList: B(() => [
-          y(a).mode === "filter" && !d.singleMode ? (I(), b(ge, {
+      }, Ee({
+        contentList: b(() => [
+          h(r).mode === "filter" && !u.singleMode ? (x(), B(ge, {
             key: 0,
             id: "all",
             colorId: "",
-            name: d.$i18n.Common.All_tags ?? "",
-            state: y(a).model.value.length ? "" : "selected",
-            onSelect: s[3] || (s[3] = (c) => y(a).model.value = [])
-          }, null, 8, ["name", "state"])) : F("", !0),
-          (I(!0), w(Y, null, ie(o.value, (c) => (I(), b(ge, {
+            name: u.$i18n.Common.All_tags ?? "",
+            state: h(r).model.value.length ? "" : "selected",
+            onSelect: s[3] || (s[3] = (c) => h(r).model.value = [])
+          }, null, 8, ["name", "state"])) : q("", !0),
+          (x(!0), w(Y, null, ie(l.value, (c) => (x(), B(ge, {
             key: c.id,
             id: c.id,
             colorId: c.color_id,
             name: c.name,
-            state: x(c.id),
-            canExclude: y(a).mode === "filter" && !d.singleMode,
-            editable: d.tagsEditable,
-            disabled: p.value && x(c.id) === "",
-            onUnselect: (v) => C(c.id, "unselect"),
-            onSelect: (v) => C(c.id, "select"),
-            onExclude: (v) => C(c.id, "exclude"),
-            "onUpdate:name": (v) => {
-              c.name = v, y(u)("tagsChanged", o.value);
+            state: y(c.id),
+            canExclude: h(r).mode === "filter" && !u.singleMode,
+            editable: u.tagsEditable,
+            disabled: m.value && y(c.id) === "",
+            onUnselect: (p) => C(c.id, "unselect"),
+            onSelect: (p) => C(c.id, "select"),
+            onExclude: (p) => C(c.id, "exclude"),
+            "onUpdate:name": (p) => {
+              c.name = p, h(d)("tagsChanged", l.value);
             }
           }, null, 8, ["id", "colorId", "name", "state", "canExclude", "editable", "disabled", "onUnselect", "onSelect", "onExclude", "onUpdate:name"]))), 128)),
-          d.tagsEditable && o.value.length < d.tagsMax && o.value.length < 20 ? (I(), b(se, {
+          u.tagsEditable && l.value.length < u.tagsMax && l.value.length < 20 ? (x(), B(se, {
             key: 1,
             "data-top-icon": "",
-            onClick: j(h, ["stop"])
+            onClick: j(S, ["stop"])
           }, {
-            default: B(() => [
-              z(E(d.$i18n.Common.Add), 1)
+            default: b(() => [
+              z(K(u.$i18n.Common.Add), 1)
             ]),
             _: 1
-          })) : F("", !0)
+          })) : q("", !0)
         ]),
         _: 2
       }, [
-        y(a).mode === "setter" && y(a).filters ? {
+        h(r).mode === "setter" && h(r).filters ? {
           name: "header",
-          fn: B(() => [
-            L(re, {
-              modelValue: g.value,
-              "onUpdate:modelValue": s[1] || (s[1] = (c) => g.value = c),
-              options: f()
+          fn: b(() => [
+            A(re, {
+              modelValue: f.value,
+              "onUpdate:modelValue": s[1] || (s[1] = (c) => f.value = c),
+              options: v()
             }, null, 8, ["modelValue", "options"])
           ]),
           key: "0"
         } : void 0,
-        y(a).mode === "setter" && y(a).filters ? {
+        h(r).mode === "setter" && h(r).filters ? {
           name: "footer",
-          fn: B(() => [
-            L(W, { color: "theme" }, {
-              default: B(() => [
-                z(E(d.$i18n.Common.Cancel), 1)
+          fn: b(() => [
+            A(W, { color: "theme" }, {
+              default: b(() => [
+                z(K(u.$i18n.Common.Cancel), 1)
               ]),
               _: 1
             }),
-            L(W, {
-              onClick: s[2] || (s[2] = (c) => y(u)("setter", {
-                tagsIds: y(a).model.value,
-                filters: y(a).filters,
-                filtersAction: g.value,
-                payload: y(a).payload
+            A(W, {
+              onClick: s[2] || (s[2] = (c) => h(d)("setter", {
+                tagsIds: h(r).model.value,
+                filters: h(r).filters,
+                filtersAction: f.value,
+                payload: h(r).payload
               }))
             }, {
-              default: B(() => [
-                z(E(g.value === "add" ? d.$i18n.Common.Add : "") + " " + E(g.value === "replace" ? d.$i18n.Common.Replace : "") + " " + E(g.value === "delete" ? d.$i18n.Common.Remove : ""), 1)
+              default: b(() => [
+                z(K(f.value === "add" ? u.$i18n.Common.Add : "") + " " + K(f.value === "replace" ? u.$i18n.Common.Replace : "") + " " + K(f.value === "delete" ? u.$i18n.Common.Remove : ""), 1)
               ]),
               _: 1
             })
@@ -897,68 +904,74 @@ const De = { class: "top-selectorCompetitors" }, Fe = { class: "top-ellipsis1" }
       ]), 1032, ["id", "class"])
     ], 64));
   }
-}), gt = (e, l, i) => {
-  l || (l = { id: e.id }), l.id = e.id;
-  const t = qe.genElPopupOpener("div", l);
-  return t.classList.add("top-tagSelector"), e.useTopButton && t.classList.add("top-button", "top-color_theme"), 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) => {
-    r.preventDefault(), r.stopPropagation(), t.onclick = null;
-    const o = D(e.modelValue), n = {
-      model: o,
+}), ft = (e, a) => M(() => Ke(e).map((t) => ({
+  value: t.id,
+  title: t.url + ` [${t.id}]`,
+  icon: t.id === a ? "" : "",
+  content: t.name
+}))), vt = (e, a, i) => {
+  a || (a = { id: e.id }), a.id = e.id;
+  const t = Fe.genElPopupOpener("div", a);
+  return t.classList.add("top-tagSelector"), e.useTopButton && t.classList.add("top-button", "top-color_theme"), 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 = (o) => {
+    o.preventDefault(), o.stopPropagation(), t.onclick = null;
+    const l = F(e.modelValue), n = {
+      model: l,
       mode: e.mode,
       targetId: e.targetId,
       filters: e.filters,
       payload: e.payload
     };
-    G(t, "topTagSelectorTarget", n), delete t.dataset.topPopupDisabled, ue(e.modelValue) || K(o, () => {
-      e.modelValue = o.value, Z(t, e, i);
+    G(t, "topTagSelectorTarget", n), delete t.dataset.topPopupDisabled, ue(e.modelValue) || L(l, () => {
+      e.modelValue = l.value, Z(t, e, i);
     }), t.click();
-  }, ue(e.modelValue) ? K(e.modelValue, () => Z(t, e, i)) : G(t, "topTagSelectorRender", (r) => {
-    e.modelValue = r;
-    const o = G(t, "topTagSelectorTarget");
-    o && (o.model.value = r), Z(t, e, i);
+  }, ue(e.modelValue) ? L(e.modelValue, () => Z(t, e, i)) : G(t, "topTagSelectorRender", (o) => {
+    e.modelValue = o;
+    const l = G(t, "topTagSelectorTarget");
+    l && (l.model.value = o), Z(t, e, i);
   }), Z(t, e, i), t;
-}, ft = (e, l) => {
+}, yt = (e, a) => {
   var i;
-  (i = G(e, "topTagSelectorRender")) == null || i(l);
-}, Z = (e, l, i) => {
-  var r;
-  const t = y(l.modelValue);
-  if (e.classList.toggle("top-tagSelector-selectedOne", !t.length || t.length === 1), e.classList.toggle("top-tagSelector-toTwoLine", t.length > 5), l.mode === "setter" && l.filters) {
+  (i = G(e, "topTagSelectorRender")) == null || i(a);
+}, Z = (e, a, i) => {
+  var o;
+  const t = h(a.modelValue);
+  if (e.classList.toggle("top-tagSelector-selectedOne", !t.length || t.length === 1), e.classList.toggle("top-tagSelector-toTwoLine", t.length > 5), a.mode === "setter" && a.filters) {
     e.innerHTML = `<div>${i}</div>`;
     return;
   }
-  if (e.innerHTML = "", !t.length && l.mode === "filter") {
-    const o = fe({
+  if (e.innerHTML = "", !t.length && a.mode === "filter") {
+    const l = fe({
       id: "all",
       colorId: "",
-      name: ((r = R().Common) == null ? void 0 : r.All_tags) ?? "",
+      name: ((o = R().Common) == null ? void 0 : o.All_tags) ?? "",
       state: ""
     });
-    e.append(o);
+    e.append(l);
   }
-  t.forEach((o) => {
-    var u, m;
+  t.forEach((l) => {
+    var d, g;
     const n = fe({
-      id: H(o),
-      colorId: ((u = ae(o, l.tags)) == null ? void 0 : u.color_id) ?? "",
-      name: ((m = ae(o, l.tags)) == null ? void 0 : m.name) ?? "",
-      state: H(o) === o ? "selected" : "excluded"
+      id: H(l),
+      colorId: ((d = ae(l, a.tags)) == null ? void 0 : d.color_id) ?? "",
+      name: ((g = ae(l, a.tags)) == null ? void 0 : g.name) ?? "",
+      state: H(l) === l ? "selected" : "excluded"
     });
     e.append(n);
   });
 }, fe = (e) => {
-  const l = document.createElement("div");
-  return l.classList.add("top-tagSelector_tagIcon"), l.classList.toggle("top-tagSelector-active", !!e.state), l.classList.toggle("top-tagSelector-excluded", e.state === "excluded"), l.dataset.tag_id = e.id, l.dataset.tag_color_id = e.colorId, l.title = e.name, l;
-}, vt = Pe, yt = Ze, pt = ot, ht = Ie, St = le;
+  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;
+}, pt = Ue, ht = et, St = nt, It = xe, xt = le;
 export {
-  vt as TopSelectorCompetitors,
-  yt as TopSelectorRegion,
-  pt as TopTagSelector,
-  ht as TopTagSelectorPopupOpener,
-  St as TopTagSelectorTagIcon,
-  Ye as findRegion,
-  gt as genElTopTagSelectorPopupOpener,
-  he as genSearcherByKey,
-  ft as renderElTopTagSelectorPopupOpener
+  pt as TopSelectorCompetitors,
+  ht as TopSelectorRegion,
+  St as TopTagSelector,
+  It as TopTagSelectorPopupOpener,
+  xt as TopTagSelectorTagIcon,
+  We as findRegion,
+  vt as genElTopTagSelectorPopupOpener,
+  Se as genSearcherByKey,
+  yt as renderElTopTagSelectorPopupOpener,
+  ft as useItemsFromCompetitors
 };
 //# sourceMappingURL=project.js.map