@topvisor/ui 1.0.42-popupPosition.0 → 1.1.0-addNativeDialog.6

package/project/project.js

@@ -1,9 +1,9 @@
 import { Core as be } 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, ref as F, watch as w, createCommentVNode as q, withModifiers as z, mergeProps as Se, withKeys as de, nextTick as Ve, resolveDirective as Ee, withDirectives as Me, resolveDynamicComponent as Ke, renderSlot as $e, shallowRef as we, createSlots as Le, reactive as Ae, toValue as ce, isRef as ge } from "vue";
-import { u as R, C as J, _ as H, y as ie, d as Re } from "../.chunks/forms-DOGPN_TR.es.js";
-import { _ as Ie, a as ue, b as Oe } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CJQj81Yq.es.js";
-import { _ as Ne } from "../.chunks/menu.vue_vue_type_style_index_0_lang-Dq5eEX9i.es.js";
-import { u as De } from "../.chunks/utils-CRPkMfKD.es.js";
+import { u as R, C as J, _ as H, y as ie, d as Re } from "../.chunks/forms-t2AEUjqg.es.js";
+import { _ as Ie, a as ue, b as Oe } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-B6psuRkm.es.js";
+import { _ as Ne } from "../.chunks/menu.vue_vue_type_style_index_0_lang-6kqWYFuX.es.js";
+import { a as De } from "../.chunks/utils-Bd5whKoS.es.js";
 import { getSearcherGIcon as Fe, getLangLabel as qe, getDeviceGIcon as Pe } from "../utils/searchers.js";
 import { storage as W } from "../utils/dom.js";
 import { TopPopupWorker as Ue } from "../popup/worker.js";
@@ -21,8 +21,8 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const a = t, o = D(t, "modelValue"), e = E(() => {
-      if (a.showSelectAllItem)
+    const l = t, o = D(t, "modelValue"), e = E(() => {
+      if (l.showSelectAllItem)
         return {
           icon: "",
           title: R().Common.Select_all,
@@ -30,7 +30,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
           content: ""
         };
     });
-    return (i, l) => (k(), B("div", je, [
+    return (i, a) => (k(), B("div", je, [
       y(J).state.isMobile ? (k(), b(Ie, { key: 0 }, {
         opener: _(() => [
           A(H, {
@@ -73,7 +73,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
       })) : (k(), b(Ne, {
         key: 1,
         modelValue: o.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),
+        "onUpdate:modelValue": a[0] || (a[0] = (n) => o.value = n),
         items: i.items,
         isMultiple: !0,
         styling: "bar",
@@ -101,15 +101,15 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
   name: "--",
   regions: [me],
   regionByIndex: /* @__PURE__ */ new Map([[p, me]])
-}, le = {
+}, ae = {
   key: p,
   name: "Autoselect",
   index: p
 }, re = {
   key: p,
   name: "Autoselect",
-  regions: [le],
-  regionByIndex: /* @__PURE__ */ new Map([[p, le]])
+  regions: [ae],
+  regionByIndex: /* @__PURE__ */ new Map([[p, ae]])
 }, fe = {
   countryCode: "00",
   depth: 1,
@@ -118,89 +118,89 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
   index: te,
   lang: "ru",
   name: "Without region"
-}, We = () => (le.name = R().Common.Autoselect, le), Ye = () => (We(), re.name = R().Common.Autoselect, console.log(re), re), He = () => (fe.name = R().Keywords.Without_region, fe), ke = (t = !1, a = !1, o = []) => {
+}, We = () => (ae.name = R().Common.Autoselect, ae), Ye = () => (We(), re.name = R().Common.Autoselect, console.log(re), re), He = () => (fe.name = R().Keywords.Without_region, fe), ke = (t = !1, l = !1, o = []) => {
   let e;
-  return t ? e = Qe(o) : e = Ce(o), a && e.set(p, Ye()), e.size || e.set(p, xe), e;
-}, Ce = (t, a = !0, o = [], e = !1) => {
+  return t ? e = Qe(o) : e = Ce(o), l && e.set(p, Ye()), e.size || e.set(p, xe), e;
+}, Ce = (t, l = !0, o = [], e = !1) => {
   const i = /* @__PURE__ */ new Map();
-  return t.forEach((l) => {
-    if (!l.enabled || e && typeof l.key == "number" && l.key > 1) return;
-    const n = { ...l };
-    n.regionByIndex = /* @__PURE__ */ new Map(), l.regions && l.regions.forEach((u) => {
-      if (a && !u.enabled) return;
+  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((u) => {
+      if (l && !u.enabled) return;
       const f = { ...u };
       n.regionByIndex.set(f.index, f);
     }), !n.regionByIndex.size && o.length, // режим вывода ПС без регионов
-    (!l.regions || // есть включенные регионы
+    (!a.regions || // есть включенные регионы
     n.regionByIndex.size || // запрошен вывод конкретных ПС
     o.length) && typeof n.key == "number" && i.set(n.key, n);
-  }), o.forEach((l) => {
-    if (i.has(l)) return;
+  }), o.forEach((a) => {
+    if (i.has(a)) return;
     const n = {
-      key: l,
-      name: Ge[l],
+      key: a,
+      name: Ge[a],
       regions: [],
       regionByIndex: /* @__PURE__ */ new Map()
     };
     i.set(n.key, n);
   }), i;
 }, Qe = (t) => {
-  const a = Ce(t, !1, [0, 1], !0);
-  if (a.has(2)) {
-    const o = a.get(2);
+  const l = Ce(t, !1, [0, 1], !0);
+  if (l.has(2)) {
+    const o = l.get(2);
     o && (o.regionByIndex = /* @__PURE__ */ new Map());
   }
-  return a.forEach((o) => {
+  return l.forEach((o) => {
     if (!o.regionByIndex) return;
     const e = { ...He() };
     o.regionByIndex.set(e.index, e);
-  }), a;
-}, Xe = (t, a, o = []) => {
+  }), l;
+}, Xe = (t, l, o = []) => {
   const e = ke(t, !1, o);
   let i;
-  return e.forEach((l) => {
-    if (!(a.searcher_key !== void 0 && a.searcher_key != l.key) && l.regions && (l.regions.forEach((n) => {
-      if (!i && !(a.key !== void 0 && a.key != n.key) && !(a.index !== void 0 && a.index != n.index) && !(!t && (a.lang !== void 0 && a.lang != n.lang || a.device !== void 0 && a.device != n.device)))
-        return n.searcher_key = l.key, i = n, !1;
+  return e.forEach((a) => {
+    if (!(l.searcher_key !== void 0 && l.searcher_key != a.key) && a.regions && (a.regions.forEach((n) => {
+      if (!i && !(l.key !== void 0 && l.key != n.key) && !(l.index !== void 0 && l.index != n.index) && !(!t && (l.lang !== void 0 && l.lang != n.lang || l.device !== void 0 && l.device != n.device)))
+        return n.searcher_key = a.key, i = n, !1;
     }), i))
       return !1;
   }), i;
-}, Ze = De(() => import("../.chunks/dialog_selectorRegions-BAK6xG6N.es.js")), et = (t, a) => {
-  const o = R(), e = F(a.value.keys().next().value ?? p), i = E(() => {
-    const l = /* @__PURE__ */ new Map();
-    if (a.value.forEach((n) => {
+}, Ze = De(() => import("../.chunks/dialog_selectorRegions-C_RhsGzk.es.js")), et = (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 u = {
         value: n.key,
         title: n.name
       };
-      t.addSearcherIcon && (u.icon = Fe(n.key)), l.set(n.key, u);
-    }), t.addCompare && !l.has(p)) {
+      t.addSearcherIcon && (u.icon = Fe(n.key)), a.set(n.key, u);
+    }), t.addCompare && !a.has(p)) {
       const n = {
         value: "",
         title: "--------------------",
         disabled: !0
       };
-      l.set(n.value, n);
+      a.set(n.value, n);
       const u = {
         value: M,
         title: o.Common.Compare
       };
-      l.set(u.value, u);
+      a.set(u.value, u);
     }
-    return l;
+    return a;
   });
   return {
     searcherKey: e,
     optionBySearcherKey: i
   };
-}, tt = (t, a) => {
-  var l, n, u;
+}, tt = (t, l) => {
+  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 = (l = a.value) == null ? void 0 : l.regionByIndex.values().next().value) == null ? void 0 : n.key) ?? p : e.value = ((u = a.value) == null ? void 0 : u.regionByIndex.keys().next().value) ?? 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 h;
     const f = /* @__PURE__ */ new Map();
-    return (h = a.value.regionByIndex) == null || h.forEach((S) => {
+    return (h = l.value.regionByIndex) == null || h.forEach((S) => {
       let r = S.name;
       if (t.forFrequency) {
         const x = {
@@ -211,7 +211,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
         return;
       }
       S.device && (r += " (" + o.Common["Device_" + S.device] + ")");
-      const g = qe(a.value.key || 0, S.lang ?? "");
+      const g = qe(l.value.key || 0, S.lang ?? "");
       g && (r += " / " + g);
       const d = {
         value: S.index,
@@ -248,10 +248,10 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     regionIndex: e,
     optionByRegionIndex: i
   };
-}, lt = (t, a, o) => {
+}, at = (t, l, o) => {
   const e = F([]), i = () => {
-    if (t.onlySearcher && a.value) {
-      e.value = Array.from(a.value.keys());
+    if (t.onlySearcher && l.value) {
+      e.value = Array.from(l.value.keys());
       return;
     }
     let n = [];
@@ -265,62 +265,62 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
       } catch {
       }
     n.length && (n = n.filter((u) => o.value.has(u))), n.length || (n = Array.from(o.value)), e.value = [...n];
-  }, l = () => {
+  }, 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 w(e, () => {
-    l();
+    a();
   }), t.addCompare && i(), {
     regionsIndexes: e
   };
-}, at = (t) => {
-  const a = E(() => ke(t.forFrequency, t.autoRegion, t.searchers)), o = E(() => a.value.get(i.searcherKey.value) || xe), e = E(() => {
+}, lt = (t) => {
+  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 a.value.forEach((g) => {
+    return l.value.forEach((g) => {
       g.regionByIndex.forEach((d) => {
         d.index !== te && d.index !== p && r.add(d.index);
       });
     }), r;
-  }), i = et(t, a), l = tt(t, o), n = lt(t, a, e);
-  w(a, () => {
+  }), i = et(t, l), a = tt(t, o), n = at(t, l, e);
+  w(l, () => {
     var g, d, x, T;
-    if (t.onlySearcher ? n.regionsIndexes.value = Array.from(a.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((C) => e.value.has(C)), i.searcherKey.value === M) return;
-    let r = a.value.keys().next().value;
-    a.value.forEach((C) => {
+    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, m, s;
       if (t.onlySearcher && C.key === i.searcherKey.value) {
         r = i.searcherKey.value;
         return;
       }
-      if (l.regionIndex.value && ((V = C.regionByIndex) != null && V.has(l.regionIndex.value)) && (r = C.key), !t.onlySearcher) {
+      if (a.regionIndex.value && ((V = C.regionByIndex) != null && V.has(a.regionIndex.value)) && (r = C.key), !t.onlySearcher) {
         let c;
-        r !== void 0 && (c = (m = a.value.get(r)) == null ? void 0 : m.regionByIndex);
-        const v = (s = a.value.get(C.key)) == null ? void 0 : s.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(p) && !(v != null && v.has(p)) && (r = C.key);
       }
-    }), r !== void 0 && (i.searcherKey.value = r), l.regionIndex.value !== void 0 && !((d = (g = o.value) == null ? void 0 : g.regionByIndex) != null && d.has(l.regionIndex.value)) && (l.regionIndex.value = (T = (x = o.value) == null ? void 0 : x.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 u = () => {
     if (!(i.searcherKey.value === M || i.searcherKey.value === p))
       return i.searcherKey.value;
   }, f = () => {
-    if (t.onlySearcher || l.regionIndex.value === p) return;
-    let r = l.regionIndex.value;
+    if (t.onlySearcher || a.regionIndex.value === p) return;
+    let r = a.regionIndex.value;
     if (t.forFrequency) {
-      const g = l.regionIndex.value, d = Xe(t.forFrequency, { searcher_key: u(), key: g }, t.searchers);
+      const g = a.regionIndex.value, d = Xe(t.forFrequency, { searcher_key: u(), key: g }, t.searchers);
       r = d == null ? void 0 : d.index;
     }
     return r;
   }, h = () => {
     const r = u();
     if (r !== void 0)
-      return a.value.get(r);
+      return l.value.get(r);
   };
   return {
     selectSearcher: i,
-    selectRegion: l,
+    selectRegion: a,
     compare: n,
-    searcherByKey: a,
+    searcherByKey: l,
     allRegionsIndexes: e,
     getSearcher: h,
     getRegion: () => {
@@ -351,16 +351,16 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     modelValueSingleModifiers: {}
   }),
   emits: ["update:modelValue", "update:modelValueSingle"],
-  setup(t, { expose: a }) {
+  setup(t, { expose: l }) {
     const o = t, e = D(t, "modelValue"), i = D(t, "modelValueSingle"), {
-      selectSearcher: l,
+      selectSearcher: a,
       selectRegion: n,
       compare: u,
       searcherByKey: f,
       allRegionsIndexes: h,
       getSearcher: S,
       getRegion: r
-    } = at(o), g = () => {
+    } = lt(o), g = () => {
       const d = [];
       f.value.forEach((x) => {
         x.enabled && x.regions.forEach((T) => {
@@ -372,14 +372,14 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
         "@update:regionsIndexes": (x) => u.regionsIndexes.value = x
       });
     };
-    return w([n.regionIndex, l.searcherKey, u.regionsIndexes], () => {
-      if (l.searcherKey.value === M && u.regionsIndexes.value.length) {
+    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 = [...u.regionsIndexes.value];
       } else
-        o.onlySearcher ? (e.value = [l.searcherKey.value], l.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 && (l.searcherKey.value = p);
+        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, () => {
@@ -412,18 +412,18 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
           return;
         }
       }
-      if (!(e.value.length === 1 && e.value[0] === (o.onlySearcher ? l.searcherKey.value : n.regionIndex.value)))
+      if (!(e.value.length === 1 && e.value[0] === (o.onlySearcher ? a.searcherKey.value : n.regionIndex.value)))
         if (o.onlySearcher) {
           if (e.value.length === 1) {
-            l.searcherKey.value = e.value[0];
+            a.searcherKey.value = e.value[0];
             return;
           }
-          l.searcherKey.value = M;
+          a.searcherKey.value = M;
           return;
         } else {
           if (!e.value.length)
             return;
-          if (e.value.length === 1 && l.searcherKey.value !== M) {
+          if (e.value.length === 1 && a.searcherKey.value !== M) {
             n.regionIndex.value = e.value[0];
             let m;
             for (const s of f.value.values()) {
@@ -435,11 +435,11 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
               if (m !== void 0)
                 break;
             }
-            m !== void 0 && (l.searcherKey.value = m);
+            m !== void 0 && (a.searcherKey.value = m);
           } else
-            l.searcherKey.value = M, u.regionsIndexes.value = [...e.value];
+            a.searcherKey.value = M, u.regionsIndexes.value = [...e.value];
         }
-    }, { immediate: !0 }), a({
+    }, { immediate: !0 }), l({
       getSearcher: S,
       getRegion: r
     }), (d, x) => (k(), B("div", {
@@ -449,13 +449,13 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
       })
     }, [
       A(ie, {
-        options: y(l).optionBySearcherKey.value,
-        modelValue: y(l).searcherKey.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (T) => y(l).searcherKey.value = T),
+        options: y(a).optionBySearcherKey.value,
+        modelValue: y(a).searcherKey.value,
+        "onUpdate:modelValue": x[0] || (x[0] = (T) => y(a).searcherKey.value = T),
         name: "searcher_key",
         addChanger: d.addChanger
       }, null, 8, ["options", "modelValue", "addChanger"]),
-      !d.onlySearcher && y(l).searcherKey.value !== y(M) ? (k(), b(ie, {
+      !d.onlySearcher && y(a).searcherKey.value !== y(M) ? (k(), b(ie, {
         key: 0,
         class: "top-select-region",
         options: y(n).optionByRegionIndex.value,
@@ -465,7 +465,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
         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(l).searcherKey.value === y(M) ? (k(), b(H, {
+      d.addCompare && !d.onlySearcher && y(a).searcherKey.value === y(M) ? (k(), b(H, {
         key: 1,
         name: "compare",
         onClick: g,
@@ -529,9 +529,9 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     name: "Turquoise",
     color_id: "10"
   }
-], ve = (t) => "-" + t, Q = (t) => t[0] === "-" ? t.substring(1) : t, ae = (t, a) => {
+], ve = (t) => "-" + t, Q = (t) => t[0] === "-" ? t.substring(1) : t, le = (t, l) => {
   t = Q(t);
-  const o = a.find((e) => e.id === t);
+  const o = l.find((e) => e.id === t);
   if (o)
     return o;
 }, rt = ["data-tag_id", "data-tag_color_id", "title"], ne = /* @__PURE__ */ P({
@@ -543,15 +543,15 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     state: {}
   },
   setup(t) {
-    return (a, o) => (k(), B("div", {
+    return (l, o) => (k(), B("div", {
       class: X({
         "top-tagSelector_tagIcon": !0,
-        "top-tagSelector-active": !!a.state,
-        "top-tagSelector-excluded": a.state === "excluded"
+        "top-tagSelector-active": !!l.state,
+        "top-tagSelector-excluded": l.state === "excluded"
       }),
-      "data-tag_id": a.id,
-      "data-tag_color_id": a.colorId,
-      title: a.name
+      "data-tag_id": l.id,
+      "data-tag_color_id": l.colorId,
+      title: l.name
     }, null, 10, rt));
   }
 }), it = ["contenteditable", "onKeydown"], ye = /* @__PURE__ */ P({
@@ -571,20 +571,20 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     nameModifiers: {}
   }),
   emits: /* @__PURE__ */ N(["update:name", "unselect", "exclude", "select"], ["update:name"]),
-  setup(t, { emit: a }) {
-    const o = t, e = a, i = D(t, "name"), l = F(null), n = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
+  setup(t, { emit: l }) {
+    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()
     } : {}), u = F(!1), f = async () => {
       var g;
-      u.value = !0, await Ve(), (g = l.value) == null || g.focus();
+      u.value = !0, await Ve(), (g = a.value) == null || g.focus();
     }, h = () => {
       var d;
-      const g = (d = l.value) == null ? void 0 : d.innerText;
+      const g = (d = a.value) == null ? void 0 : d.innerText;
       if (!g) return S();
-      l.value && (l.value.innerText = g), u.value = !1, e("update:name", g);
+      a.value && (a.value.innerText = g), u.value = !1, e("update:name", g);
     }, S = async () => {
-      l.value && (l.value.innerText = o.name), u.value = !1;
+      a.value && (a.value.innerText = o.name), u.value = !1;
     }, r = (g) => {
       if (u.value || o.disabled) return;
       let d = "selected";
@@ -610,7 +610,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
         }, null, 8, ["id", "name", "colorId", "state"]),
         he("span", Se({
           ref_key: "elName",
-          ref: l,
+          ref: a,
           class: "top-tagSelector_tagListItemName",
           contenteditable: u.value ? "plaintext-only" : !1
         }, n.value, {
@@ -657,12 +657,12 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const a = t, o = D(t, "modelValue"), e = a.useTopButton ? H : "div", i = a.useTopButton ? "html" : "default", l = {
+    const l = t, o = D(t, "modelValue"), e = l.useTopButton ? H : "div", i = l.useTopButton ? "html" : "default", a = {
       model: o,
-      mode: a.mode,
-      targetId: a.targetId,
-      filters: a.filters,
-      payload: a.payload
+      mode: l.mode,
+      targetId: l.targetId,
+      filters: l.filters,
+      payload: l.payload
     };
     return (n, u) => {
       const f = Ee("top-data");
@@ -671,9 +671,9 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
           Me((k(), b(Ke(y(e)), Se({
             class: {
               "top-tagSelector": !0,
-              "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-filter": l.mode === "filter",
+              "top-tagSelector-setter_single": l.mode === "setter" && !n.filters,
+              "top-tagSelector-setter_several": l.mode === "setter" && n.filters,
               "top-tagSelector-selectedOne": !o.value.length || o.value.length === 1,
               "top-tagSelector-toTwoLine": o.value.length > 5
             },
@@ -694,15 +694,15 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
                 var S, r;
                 return k(), b(ne, {
                   id: y(Q)(h),
-                  colorId: ((S = y(ae)(h, n.tags)) == null ? void 0 : S.color_id) ?? "",
-                  name: ((r = y(ae)(h, n.tags)) == null ? void 0 : r.name) ?? "",
+                  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", "styling"])), [
-            [f, l, "topTagSelectorTarget"]
+            [f, a, "topTagSelectorTarget"]
           ])
         ]),
         _: 3
@@ -733,11 +733,11 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     tagsModifiers: {}
   }),
   emits: /* @__PURE__ */ N(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
-  setup(t, { emit: a }) {
-    const o = R(), e = t, i = D(t, "modelValue"), l = D(t, "tags"), n = a, u = Re((s, c) => {
+  setup(t, { emit: l }) {
+    const o = R(), e = t, i = D(t, "modelValue"), a = D(t, "tags"), n = l, u = Re((s, c) => {
       n(s, c);
     }, e.emitDelay);
-    e.singleMode && !i.value.length && (i.value = [l.value[0].id]);
+    e.singleMode && !i.value.length && (i.value = [a.value[0].id]);
     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();
@@ -780,12 +780,12 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     }), C = () => {
       const s = prompt("", "New tag");
       if (!s || s === "New tag") return;
-      const c = l.value.length + 1;
-      l.value.push({
+      const c = a.value.length + 1;
+      a.value.push({
         id: String(c),
         name: s,
         color_id: String((c - 1) % 10 + 1)
-      }), n("tagsChanged", l.value);
+      }), n("tagsChanged", a.value);
     }, V = (s) => {
       var c;
       if (r.value = W(s.elPopupOpener, "topTagSelectorTarget"), !r.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
@@ -793,7 +793,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
         console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
         return;
       }
-      !J.state.isMobile && !J.state.isMobileUA && l.value && $(s.elPopup).sortable({
+      !J.state.isMobile && !J.state.isMobileUA && a.value && $(s.elPopup).sortable({
         items: 'li:has([data-tag_id]:not([data-tag_id="all"]))',
         /**
          * @todo Удалить `[contenteditable="true"]` через пол года после выхода версии firefox с поддержкой contenteditable plaintext-only, включая бета версии
@@ -801,16 +801,16 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
         cancel: '[contenteditable="plaintext-only"], [contenteditable="true"]',
         distance: 10,
         stop: function(v, I) {
-          if (!l.value) return;
+          if (!a.value) return;
           const L = $(I.item).parent().find("[data-tag_id]"), U = [];
           L.each((Z, j) => {
-            if (!l.value) return;
+            if (!a.value) return;
             const O = $(j).attr("data-tag_id");
             U.push(O);
-          }), l.value.sort((Z, j) => {
+          }), a.value.sort((Z, j) => {
             const O = U.findIndex((oe) => oe === Z.id), _e = U.findIndex((oe) => oe === j.id);
             return O - _e;
-          }), u("tagsChanged", l.value);
+          }), u("tagsChanged", a.value);
         }
       });
     }, m = (s) => {
@@ -819,11 +819,11 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
     };
     return (s, c) => (k(), B(Y, null, [
       A(Te, {
-        class: "top-select_arrow",
+        class: "top-as-selector",
         modelValue: i.value,
         "onUpdate:modelValue": c[0] || (c[0] = (v) => i.value = v),
         id: y(f),
-        tags: l.value,
+        tags: a.value,
         styling: s.styling,
         mode: "filter",
         useTopButton: ""
@@ -844,7 +844,7 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
             state: y(r).model.value.length ? "" : "selected",
             onSelect: c[3] || (c[3] = (v) => y(r).model.value = [])
           }, null, 8, ["name", "state"])) : q("", !0),
-          (k(!0), B(Y, null, se(l.value, (v) => (k(), b(ye, {
+          (k(!0), B(Y, null, se(a.value, (v) => (k(), b(ye, {
             key: v.id,
             id: v.id,
             colorId: v.color_id,
@@ -857,10 +857,10 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
             onSelect: (I) => x(v.id, "select"),
             onExclude: (I) => x(v.id, "exclude"),
             "onUpdate:name": (I) => {
-              v.name = I, y(u)("tagsChanged", l.value);
+              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 && l.value.length < s.tagsMax && l.value.length < 20 ? (k(), b(ue, {
+          s.tagsEditable && a.value.length < s.tagsMax && a.value.length < 20 ? (k(), b(ue, {
             key: 1,
             "data-top-icon": "",
             onClick: z(C, ["stop"])
@@ -912,63 +912,63 @@ const je = { class: "top-selectorCompetitors" }, ze = { class: "top-ellipsis1" }
       ]), 1032, ["id", "class"])
     ], 64));
   }
-}), St = (t, a) => E(() => ce(t).filter((i) => i.on >= 0 || i.id === a).map((i) => ({
+}), St = (t, l) => E(() => ce(t).filter((i) => i.on >= 0 || i.id === l).map((i) => ({
   value: i.id,
   title: i.url + ` [${i.id}]`,
-  icon: i.id === ce(a) ? "" : "",
+  icon: i.id === ce(l) ? "" : "",
   content: i.name
-}))), It = (t, a, o) => {
-  a || (a = { id: t.id }), a.id = t.id;
-  const e = Ue.genElPopupOpener("div", a);
+}))), It = (t, l, o) => {
+  l || (l = { id: t.id }), l.id = t.id;
+  const e = Ue.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 l = F(t.modelValue), n = {
-      model: l,
+    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, ge(t.modelValue) || w(l, () => {
-      t.modelValue = l.value, ee(e, t, o);
+    W(e, "topTagSelectorTarget", n), delete e.dataset.topPopupDisabled, ge(t.modelValue) || w(a, () => {
+      t.modelValue = a.value, ee(e, t, o);
     }), e.click();
   }, ge(t.modelValue) ? w(t.modelValue, () => ee(e, t, o)) : W(e, "topTagSelectorRender", (i) => {
     t.modelValue = i;
-    const l = W(e, "topTagSelectorTarget");
-    l && (l.model.value = i), ee(e, t, o);
+    const a = W(e, "topTagSelectorTarget");
+    a && (a.model.value = i), ee(e, t, o);
   }), ee(e, t, o), e;
-}, xt = (t, a) => {
+}, xt = (t, l) => {
   var o;
-  (o = W(t, "topTagSelectorRender")) == null || o(a);
-}, ee = (t, a, o) => {
+  (o = W(t, "topTagSelectorRender")) == null || o(l);
+}, ee = (t, l, o) => {
   var i;
-  const e = y(a.modelValue);
-  if (t.classList.toggle("top-tagSelector-selectedOne", !e.length || e.length === 1), t.classList.toggle("top-tagSelector-toTwoLine", e.length > 5), a.mode === "setter" && a.filters) {
+  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 && a.mode === "filter") {
-    const l = pe({
+  if (t.innerHTML = "", !e.length && l.mode === "filter") {
+    const a = pe({
       id: "all",
       colorId: "",
       name: ((i = R().Common) == null ? void 0 : i.All_tags) ?? "",
       state: ""
     });
-    t.append(l);
+    t.append(a);
   }
-  e.forEach((l) => {
+  e.forEach((a) => {
     var u, f;
     const n = pe({
-      id: Q(l),
-      colorId: ((u = ae(l, a.tags)) == null ? void 0 : u.color_id) ?? "",
-      name: ((f = ae(l, a.tags)) == null ? void 0 : f.name) ?? "",
-      state: Q(l) === l ? "selected" : "excluded"
+      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);
   });
 }, pe = (t) => {
-  const a = document.createElement("div");
-  return a.classList.add("top-tagSelector_tagIcon"), a.classList.toggle("top-tagSelector-active", !!t.state), a.classList.toggle("top-tagSelector-excluded", t.state === "excluded"), a.dataset.tag_id = t.id, a.dataset.tag_color_id = t.colorId, a.title = t.name, a;
+  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;
 }, kt = Je, Ct = nt, Tt = ut, _t = Te, bt = ne;
 export {
   kt as TopSelectorCompetitors,