@topvisor/ui 1.3.5-popupFromInput.0 → 1.4.0-TopGroupSelector.10

package/project/project.js

@@ -3,18 +3,20 @@
 		const fileNames = ['../assets/project.css'].map(fileName => import.meta.resolve(fileName));
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 	
-import { defineComponent as U, mergeModels as N, useModel as D, computed as E, createElementBlock as b, openBlock as k, createBlock as _, unref as y, withCtx as B, Fragment as Y, renderList as se, normalizeClass as X, createElementVNode as he, toDisplayString as K, createVNode as A, createTextVNode as G, toValue as de, ref as F, watch as w, createCommentVNode as q, isRef as ce, withModifiers as J, mergeProps as Se, withKeys as ge, nextTick as Be, resolveDirective as _e, withDirectives as be, resolveDynamicComponent as Ve, renderSlot as Ee, shallowRef as Me, createSlots as Ke, reactive as $e } from "vue";
-import { u as R, C as j, c as H, o as re, d as we } from "../.chunks/forms-BhbgRJ5I.es.js";
-import { _ as Ie, a as ue } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-xvzbyqai.es.js";
-import { _ as Le } from "../.chunks/menu.vue_vue_type_style_index_0_lang-dOeZ7an1.es.js";
-import { u as Ae } from "../.chunks/utils-UBgfsQ8v.es.js";
-import { getSearcherGIcon as Re, getLangLabel as Oe, getDeviceGIcon as Ne } from "../utils/searchers.js";
-import { storage as W } from "../utils/dom.js";
-import { TopPopupWorker as De } from "../popup/worker.js";
-import { _ as Fe } from "../.chunks/opener.vue_vue_type_script_setup_true_lang-DRzrTv7Q.es.js";
-const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }, ft = /* @__PURE__ */ U({
-  __name: "selectorCompetitors",
-  props: /* @__PURE__ */ N({
+import { defineComponent as R, mergeModels as V, useModel as T, computed as w, createElementBlock as A, openBlock as h, createBlock as C, unref as v, withCtx as B, Fragment as Y, renderList as me, normalizeClass as X, createElementVNode as oe, toDisplayString as b, createVNode as N, createTextVNode as z, toValue as ye, ref as K, watch as E, createCommentVNode as O, reactive as be, isRef as he, withModifiers as U, mergeProps as Ve, withKeys as Ie, nextTick as Re, resolveDirective as Ne, withDirectives as Pe, resolveDynamicComponent as De, renderSlot as qe, shallowRef as Fe, createSlots as Ue } from "vue";
+import { u as M, C as _, e as Q, p as ce, d as _e } from "../.chunks/forms-BseC3Ftz.es.js";
+import { _ as Me, b as ve, a as ze } from "../.chunks/popupHint.vue_vue_type_style_index_0_lang-DD59yF6H.es.js";
+import { a as Je, _ as we, b as Ee, c as $e, I as ue } from "../.chunks/policy.vue_vue_type_style_index_0_lang-BBDJEs5Q.es.js";
+import { u as We } from "../.chunks/utils-YrUExsH7.es.js";
+import { getSearcherGIcon as Ye, getLangLabel as Qe, getDeviceGIcon as He } from "../utils/searchers.js";
+import "../.chunks/core-BL-38XF7.es.js";
+import "../.chunks/dialogs.vue_vue_type_script_setup_true_lang-DRbTG0vh.es.js";
+import { g as Se } from "../.chunks/field-CyyFzM-Y.es.js";
+import { storage as J } from "../utils/dom.js";
+import { TopPopupWorker as Xe } from "../popup/worker.js";
+const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" }, Rt = /* @__PURE__ */ R({
+  __name: "competitorSelector",
+  props: /* @__PURE__ */ V({
     modelValue: {},
     items: {},
     showSelectAllItem: { type: Boolean, default: !0 }
@@ -23,74 +25,65 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const l = t, n = D(t, "modelValue"), e = E(() => {
-      if (l.showSelectAllItem)
+  setup(e) {
+    const a = e, o = T(e, "modelValue"), t = w(() => {
+      if (a.showSelectAllItem)
         return {
           icon: "",
-          title: R().Common.Select_all,
+          title: M().Common.Select_all,
           value: "all",
           content: ""
         };
     });
-    return (i, a) => (k(), b("div", qe, [
-      y(j).state.isMobile ? (k(), _(Ie, { key: 0 }, {
+    return (r, l) => (h(), A("div", Ze, [
+      v(_).state.isMobile ? (h(), C(Me, { key: 0 }, {
         opener: B(() => [
-          A(H, {
-            class: "top-selectorCompetitors_opener",
+          N(Q, {
+            class: "top-competitorSelector_opener",
             color: "theme",
             icon: "",
             icon2: ""
           }, {
-            default: B(() => {
-              var o;
-              return [
-                G(K((o = i.items.find((u) => {
-                  var f;
-                  return u.value === ((f = n.value) == null ? void 0 : f[0]);
-                })) == null ? void 0 : o.content), 1)
-              ];
-            }),
+            default: B(() => [
+              z(b(e.items.find((n) => n.value === o.value?.[0])?.content), 1)
+            ]),
             _: 1
           })
         ]),
         contentList: B(() => [
-          (k(!0), b(Y, null, se(i.items, (o) => {
-            var u;
-            return k(), _(ue, {
-              class: X({
-                "top-active": (u = n.value) == null ? void 0 : u.includes(o.value)
-              }),
-              "data-top-icon": o.icon,
-              title: o.title,
-              onClick: () => n.value = [o.value]
-            }, {
-              default: B(() => [
-                he("span", Ue, K(o.content), 1)
-              ]),
-              _: 2
-            }, 1032, ["class", "data-top-icon", "title", "onClick"]);
-          }), 256))
+          (h(!0), A(Y, null, me(e.items, (n) => (h(), C(ve, {
+            class: X({
+              "top-active": o.value?.includes(n.value)
+            }),
+            "data-top-icon": n.icon,
+            title: n.title,
+            onClick: () => o.value = [n.value]
+          }, {
+            default: B(() => [
+              oe("span", et, b(n.content), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "data-top-icon", "title", "onClick"]))), 256))
         ]),
         _: 1
-      })) : (k(), _(Le, {
+      })) : (h(), C(Je, {
         key: 1,
-        modelValue: n.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (o) => n.value = o),
-        items: i.items,
+        modelValue: o.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),
+        items: e.items,
         isMultiple: !0,
         styling: "bar",
         canBeEmptyMultiple: !1,
-        selectAllItem: e.value
+        selectAllItem: t.value
       }, null, 8, ["modelValue", "items", "selectAllItem"]))
     ]));
   }
-}), vt = (t, l) => E(() => de(t).filter((i) => i.on >= 0 || i.id === l).map((i) => ({
-  value: i.id,
-  title: i.url + ` [${i.id}]`,
-  icon: i.id === de(l) ? "" : "",
-  content: i.name
-}))), M = -1, p = -2, te = -1, Pe = {
+}), Nt = (e, a) => w(() => ye(e).filter((r) => r.on >= 0 || r.id === a).map((r) => ({
+  value: r.id,
+  title: r.url + ` [${r.id}]`,
+  icon: r.id === ye(a) ? "" : "",
+  content: r.name
+}))), L = -1, y = -2, le = -1, tt = {
   0: "Yandex",
   1: "Google",
   4: "YouTube",
@@ -100,247 +93,241 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   9: "GoogleStore",
   20: "Yandex.com",
   21: "Yandex.com.tr"
-}, me = {
-  key: p,
-  name: "--",
-  index: p
 }, xe = {
-  key: p,
+  key: y,
+  name: "--",
+  index: y
+}, Ge = {
+  key: y,
   name: "--",
-  regions: [me],
-  regionByIndex: /* @__PURE__ */ new Map([[p, me]])
-}, le = {
-  key: p,
+  regions: [xe],
+  regionByIndex: /* @__PURE__ */ new Map([[y, xe]])
+}, ae = {
+  key: y,
   name: "Autoselect",
-  index: p
-}, ne = {
-  key: p,
+  index: y
+}, se = {
+  key: y,
   name: "Autoselect",
-  regions: [le],
-  regionByIndex: /* @__PURE__ */ new Map([[p, le]])
-}, fe = {
+  regions: [ae],
+  regionByIndex: /* @__PURE__ */ new Map([[y, ae]])
+}, ke = {
   countryCode: "00",
   depth: 1,
   device: 0,
-  key: te,
-  index: te,
+  key: le,
+  index: le,
   lang: "ru",
   name: "Without region"
-}, ze = () => (le.name = R().Common.Autoselect, le), Je = () => (ze(), ne.name = R().Common.Autoselect, console.log(ne), ne), je = () => (fe.name = R().Keywords.Without_region, fe), ke = (t = !1, l = !1, n = []) => {
-  let e;
-  return t ? e = Ge(n) : e = Te(n), l && e.set(p, Je()), e.size || e.set(p, xe), e;
-}, Te = (t, l = !0, n = [], e = !1) => {
-  const i = /* @__PURE__ */ new Map();
-  return t.forEach((a) => {
-    if (!a.enabled || e && typeof a.key == "number" && a.key > 1) return;
-    const o = { ...a };
-    o.regionByIndex = /* @__PURE__ */ new Map(), a.regions && a.regions.forEach((u) => {
-      if (l && !u.enabled) return;
+}, ot = () => (ae.name = M().Common.Autoselect, ae), lt = () => (ot(), se.name = M().Common.Autoselect, console.log(se), se), at = () => (ke.name = M().Keywords.Without_region, ke), Ke = (e = !1, a = !1, o = []) => {
+  let t;
+  return e ? t = nt(o) : t = Oe(o), a && t.set(y, lt()), t.size || t.set(y, Ge), t;
+}, Oe = (e, a = !0, o = [], t = !1) => {
+  const r = /* @__PURE__ */ new Map();
+  return e.forEach((l) => {
+    if (!l.enabled || t && typeof l.key == "number" && l.key > 1) return;
+    const n = { ...l };
+    n.regionByIndex = /* @__PURE__ */ new Map(), l.regions && l.regions.forEach((u) => {
+      if (a && !u.enabled) return;
       const f = { ...u };
-      o.regionByIndex.set(f.index, f);
-    }), !o.regionByIndex.size && n.length, // режим вывода ПС без регионов
-    (!a.regions || // есть включенные регионы
-    o.regionByIndex.size || // запрошен вывод конкретных ПС
-    n.length) && typeof o.key == "number" && i.set(o.key, o);
-  }), n.forEach((a) => {
-    if (i.has(a)) return;
-    const o = {
-      key: a,
-      name: Pe[a],
+      n.regionByIndex.set(f.index, f);
+    }), !n.regionByIndex.size && o.length, // режим вывода ПС без регионов
+    (!l.regions || // есть включенные регионы
+    n.regionByIndex.size || // запрошен вывод конкретных ПС
+    o.length) && typeof n.key == "number" && r.set(n.key, n);
+  }), o.forEach((l) => {
+    if (r.has(l)) return;
+    const n = {
+      key: l,
+      name: tt[l],
       regions: [],
       regionByIndex: /* @__PURE__ */ new Map()
     };
-    i.set(o.key, o);
-  }), i;
-}, Ge = (t) => {
-  const l = Te(t, !1, [0, 1], !0);
-  if (l.has(2)) {
-    const n = l.get(2);
-    n && (n.regionByIndex = /* @__PURE__ */ new Map());
+    r.set(n.key, n);
+  }), r;
+}, nt = (e) => {
+  const a = Oe(e, !1, [0, 1], !0);
+  if (a.has(2)) {
+    const o = a.get(2);
+    o && (o.regionByIndex = /* @__PURE__ */ new Map());
   }
-  return l.forEach((n) => {
-    if (!n.regionByIndex) return;
-    const e = { ...je() };
-    n.regionByIndex.set(e.index, e);
-  }), l;
-}, We = (t, l, n = []) => {
-  const e = ke(t, !1, n);
-  let i;
-  return e.forEach((a) => {
-    if (!(l.searcher_key !== void 0 && l.searcher_key != a.key) && a.regions && (a.regions.forEach((o) => {
-      if (!i && !(l.key !== void 0 && l.key != o.key) && !(l.index !== void 0 && l.index != o.index) && !(!t && (l.lang !== void 0 && l.lang != o.lang || l.device !== void 0 && l.device != o.device)))
-        return o.searcher_key = a.key, i = o, !1;
-    }), i))
+  return a.forEach((o) => {
+    if (!o.regionByIndex) return;
+    const t = { ...at() };
+    o.regionByIndex.set(t.index, t);
+  }), a;
+}, rt = (e, a, o = []) => {
+  const t = Ke(e, !1, o);
+  let r;
+  return t.forEach((l) => {
+    if (!(a.searcher_key !== void 0 && a.searcher_key != l.key) && l.regions && (l.regions.forEach((n) => {
+      if (!r && !(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, r = n, !1;
+    }), r))
       return !1;
-  }), i;
-}, Ye = Ae(() => import("../.chunks/dialog_selectorRegions-BtAADQHf.es.js")), He = (t, l) => {
-  const n = R(), e = F(l.value.keys().next().value ?? p), i = E(() => {
-    const a = /* @__PURE__ */ new Map();
-    if (l.value.forEach((o) => {
+  }), r;
+}, it = We(() => import("../.chunks/dialog_regionSelectorRegions-1UVhgK2f.es.js")), dt = (e, a) => {
+  const o = M(), t = K(a.value.keys().next().value ?? y), r = w(() => {
+    const l = /* @__PURE__ */ new Map();
+    if (a.value.forEach((n) => {
       let u = {
-        value: o.key,
-        title: o.name
+        value: n.key,
+        title: n.name
       };
-      t.addSearcherIcon && (u.icon = Re(o.key)), a.set(o.key, u);
-    }), t.addCompare && !a.has(p)) {
-      const o = {
+      e.addSearcherIcon && (u.icon = Ye(n.key)), l.set(n.key, u);
+    }), e.addCompare && !l.has(y)) {
+      const n = {
         value: "",
         title: "--------------------",
         disabled: !0
       };
-      a.set(o.value, o);
+      l.set(n.value, n);
       const u = {
-        value: M,
-        title: n.Common.Compare
+        value: L,
+        title: o.Common.Compare
       };
-      a.set(u.value, u);
+      l.set(u.value, u);
     }
-    return a;
+    return l;
   });
   return {
-    searcherKey: e,
-    optionBySearcherKey: i
+    searcherKey: t,
+    optionBySearcherKey: r
   };
-}, Qe = (t, l) => {
-  var a, o, u;
-  const n = R(), e = F(p);
-  t.modelValue.length === 1 && (e.value = t.modelValue[0]), e.value === p && (t.forFrequency ? e.value = ((o = (a = l.value) == null ? void 0 : a.regionByIndex.values().next().value) == null ? void 0 : o.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 = l.value.regionByIndex) == null || h.forEach((S) => {
-      let r = S.name;
-      if (t.forFrequency) {
+}, ut = (e, a) => {
+  const o = M(), t = K(y);
+  e.modelValue.length === 1 && (t.value = e.modelValue[0]), t.value === y && (e.forFrequency ? t.value = a.value?.regionByIndex.values().next().value?.key ?? y : t.value = a.value?.regionByIndex.keys().next().value ?? y);
+  const r = w(() => {
+    const l = /* @__PURE__ */ new Map();
+    return a.value.regionByIndex?.forEach((n) => {
+      let u = n.name;
+      if (e.forFrequency) {
         const x = {
-          value: S.key,
-          title: r
+          value: n.key,
+          title: u
         };
-        f.has(S.key) || f.set(S.key, x);
+        l.has(n.key) || l.set(n.key, x);
         return;
       }
-      S.device && (r += " (" + n.Common["Device_" + S.device] + ")");
-      const g = Oe(l.value.key || 0, S.lang ?? "");
-      g && (r += " / " + g);
-      const d = {
-        value: S.index,
-        title: r,
-        icon: S.device ? Ne(S.device) : void 0
+      n.device && (u += " (" + o.Common["Device_" + n.device] + ")");
+      const f = Qe(a.value.key || 0, n.lang ?? "");
+      f && (u += " / " + f);
+      const c = {
+        value: n.index,
+        title: u,
+        icon: n.device ? He(n.device) : void 0
       };
-      f.set(S.index, d);
-    }), f;
+      l.set(n.index, c);
+    }), l;
   });
-  return w(i, (f, h) => {
-    var d;
-    if (t.onlySearcher || e.value !== void 0 && f.get(e.value))
+  return E(r, (l, n) => {
+    if (e.onlySearcher || t.value !== void 0 && l.get(t.value))
       return;
-    let S = f.keys().next().value;
-    if (e.value === p || S === p) {
-      e.value = S;
+    let u = l.keys().next().value;
+    if (t.value === y || u === y) {
+      t.value = u;
       return;
     }
-    let r = ((d = h == null ? void 0 : h.get(e.value)) == null ? void 0 : d.title) || "", g = -1;
-    for (const [x, C] of f.entries()) {
-      const T = C.title;
-      if (typeof T != "string" || typeof x == "string")
+    let f = n?.get(t.value)?.title || "", c = -1;
+    for (const [x, i] of l.entries()) {
+      const m = i.title;
+      if (typeof m != "string" || typeof x == "string")
         break;
-      if (T === r) {
-        S = x;
+      if (m === f) {
+        u = x;
         break;
       }
-      const V = new RegExp(` \\((${n.Common.Device_1}|${n.Common.Device_2})\\)`);
-      let m = r, s = 3;
-      T.indexOf(m) === -1 && (m = r.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), T.indexOf(m) === -1 && (m = r.replace(/ \/.*/, ""), s--), T.indexOf(m) === -1 && (m = r.replace(/ \/.*/, ""), m = m.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), T.indexOf(m) !== -1 && (s <= g || (g = s, S = x));
+      const d = new RegExp(` \\((${o.Common.Device_1}|${o.Common.Device_2})\\)`);
+      let s = f, g = 3;
+      m.indexOf(s) === -1 && (s = f.replace(/^[^a-zа-я]/i, "").replace(d, ""), g--), m.indexOf(s) === -1 && (s = f.replace(/ \/.*/, ""), g--), m.indexOf(s) === -1 && (s = f.replace(/ \/.*/, ""), s = s.replace(/^[^a-zа-я]/i, "").replace(d, ""), g--), m.indexOf(s) !== -1 && (g <= c || (c = g, u = x));
     }
-    e.value = S;
+    t.value = u;
   }), {
-    regionIndex: e,
-    optionByRegionIndex: i
+    regionIndex: t,
+    optionByRegionIndex: r
   };
-}, Xe = (t, l, n) => {
-  const e = F([]), i = () => {
-    if (t.onlySearcher && l.value) {
-      e.value = Array.from(l.value.keys());
+}, st = (e, a, o) => {
+  const t = K([]), r = () => {
+    if (e.onlySearcher && a.value) {
+      t.value = Array.from(a.value.keys());
       return;
     }
-    let o = [];
-    if (t.modelValue.length > 1)
-      o = [...t.modelValue];
+    let n = [];
+    if (e.modelValue.length > 1)
+      n = [...e.modelValue];
     else
       try {
-        o = JSON.parse(
-          localStorage.getItem("ui:project:regionSelector" + t.projectId + ":regionsIndexes")
+        n = JSON.parse(
+          localStorage.getItem("ui:project:regionSelector" + e.projectId + ":regionsIndexes")
         ) ?? [];
       } catch {
       }
-    o.length && (o = o.filter((u) => n.value.has(u))), o.length || (o = Array.from(n.value)), e.value = [...o];
-  }, a = () => {
-    e.value.length ? localStorage.setItem("ui:project:regionSelector:" + t.projectId + ":regionsIndexes", JSON.stringify(e.value)) : localStorage.removeItem("ui:project:regionSelector:" + t.projectId + ":regionsIndexes");
+    n.length && (n = n.filter((u) => o.value.has(u))), n.length || (n = Array.from(o.value)), t.value = [...n];
+  }, l = () => {
+    t.value.length ? localStorage.setItem("ui:project:regionSelector:" + e.projectId + ":regionsIndexes", JSON.stringify(t.value)) : localStorage.removeItem("ui:project:regionSelector:" + e.projectId + ":regionsIndexes");
   };
-  return w(e, () => {
-    a();
-  }), t.addCompare && i(), {
-    regionsIndexes: e
+  return E(t, () => {
+    l();
+  }), e.addCompare && r(), {
+    regionsIndexes: t
   };
-}, Ze = (t) => {
-  const l = E(() => ke(t.forFrequency, t.autoRegion, t.searchers)), n = E(() => l.value.get(i.searcherKey.value) || xe), e = E(() => {
-    const r = /* @__PURE__ */ new Set();
-    return l.value.forEach((g) => {
-      g.regionByIndex.forEach((d) => {
-        d.index !== te && d.index !== p && r.add(d.index);
+}, ct = (e) => {
+  const a = w(() => Ke(e.forFrequency, e.autoRegion, e.searchers)), o = w(() => a.value.get(r.searcherKey.value) || Ge), t = w(() => {
+    const i = /* @__PURE__ */ new Set();
+    return a.value.forEach((m) => {
+      m.regionByIndex.forEach((d) => {
+        d.index !== le && d.index !== y && i.add(d.index);
       });
-    }), r;
-  }), i = He(t, l), a = Qe(t, n), o = Xe(t, l, e);
-  w(l, () => {
-    var g, d, x, C;
-    if (t.onlySearcher ? o.regionsIndexes.value = Array.from(l.value.keys()) : o.regionsIndexes.value = o.regionsIndexes.value.filter((T) => e.value.has(T)), i.searcherKey.value === M) return;
-    let r = l.value.keys().next().value;
-    l.value.forEach((T) => {
-      var V, m, s;
-      if (t.onlySearcher && T.key === i.searcherKey.value) {
-        r = i.searcherKey.value;
+    }), i;
+  }), r = dt(e, a), l = ut(e, o), n = st(e, a, t);
+  E(a, () => {
+    if (e.onlySearcher ? n.regionsIndexes.value = Array.from(a.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((m) => t.value.has(m)), r.searcherKey.value === L) return;
+    let i = a.value.keys().next().value;
+    a.value.forEach((m) => {
+      if (e.onlySearcher && m.key === r.searcherKey.value) {
+        i = r.searcherKey.value;
         return;
       }
-      if (a.regionIndex.value && ((V = T.regionByIndex) != null && V.has(a.regionIndex.value)) && (r = T.key), !t.onlySearcher) {
-        let c;
-        r !== void 0 && (c = (m = l.value.get(r)) == null ? void 0 : m.regionByIndex);
-        const v = (s = l.value.get(T.key)) == null ? void 0 : s.regionByIndex;
-        c != null && c.has(p) && !(v != null && v.has(p)) && (r = T.key);
+      if (l.regionIndex.value && m.regionByIndex?.has(l.regionIndex.value) && (i = m.key), !e.onlySearcher) {
+        let d;
+        i !== void 0 && (d = a.value.get(i)?.regionByIndex);
+        const s = a.value.get(m.key)?.regionByIndex;
+        d?.has(y) && !s?.has(y) && (i = m.key);
       }
-    }), r !== void 0 && (i.searcherKey.value = r), a.regionIndex.value !== void 0 && !((d = (g = n.value) == null ? void 0 : g.regionByIndex) != null && d.has(a.regionIndex.value)) && (a.regionIndex.value = (C = (x = n.value) == null ? void 0 : x.regions) == null ? void 0 : C.keys().next().value);
+    }), i !== void 0 && (r.searcherKey.value = i), l.regionIndex.value !== void 0 && !o.value?.regionByIndex?.has(l.regionIndex.value) && (l.regionIndex.value = o.value?.regions?.keys().next().value);
   }, { immediate: !0 });
   const u = () => {
-    if (!(i.searcherKey.value === M || i.searcherKey.value === p))
-      return i.searcherKey.value;
+    if (!(r.searcherKey.value === L || r.searcherKey.value === y))
+      return r.searcherKey.value;
   }, f = () => {
-    if (t.onlySearcher || a.regionIndex.value === p) return;
-    let r = a.regionIndex.value;
-    if (t.forFrequency) {
-      const g = a.regionIndex.value, d = We(t.forFrequency, { searcher_key: u(), key: g }, t.searchers);
-      r = d == null ? void 0 : d.index;
+    if (e.onlySearcher || l.regionIndex.value === y) return;
+    let i = l.regionIndex.value;
+    if (e.forFrequency) {
+      const m = l.regionIndex.value;
+      i = rt(e.forFrequency, { searcher_key: u(), key: m }, e.searchers)?.index;
     }
-    return r;
-  }, h = () => {
-    const r = u();
-    if (r !== void 0)
-      return l.value.get(r);
+    return i;
+  }, c = () => {
+    const i = u();
+    if (i !== void 0)
+      return a.value.get(i);
   };
   return {
-    selectSearcher: i,
-    selectRegion: a,
-    compare: o,
-    searcherByKey: l,
-    allRegionsIndexes: e,
-    getSearcher: h,
+    selectSearcher: r,
+    selectRegion: l,
+    compare: n,
+    searcherByKey: a,
+    allRegionsIndexes: t,
+    getSearcher: c,
     getRegion: () => {
-      var g, d;
-      const r = f();
-      if (r !== void 0)
-        return (d = (g = h()) == null ? void 0 : g.regionByIndex) == null ? void 0 : d.get(r);
+      const i = f();
+      if (i !== void 0)
+        return c()?.regionByIndex?.get(i);
     }
   };
-}, yt = /* @__PURE__ */ U({
-  __name: "selectorRegion",
-  props: /* @__PURE__ */ N({
+}, Pt = /* @__PURE__ */ R({
+  __name: "regionSelector",
+  props: /* @__PURE__ */ V({
     projectId: {},
     searchers: { default: () => [] },
     modelValue: {},
@@ -359,191 +346,479 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     modelValueSingleModifiers: {}
   }),
   emits: ["update:modelValue", "update:modelValueSingle"],
-  setup(t, { expose: l }) {
-    const n = t, e = D(t, "modelValue"), i = D(t, "modelValueSingle"), {
-      selectSearcher: a,
-      selectRegion: o,
+  setup(e, { expose: a }) {
+    const o = e, t = T(e, "modelValue"), r = T(e, "modelValueSingle"), {
+      selectSearcher: l,
+      selectRegion: n,
       compare: u,
       searcherByKey: f,
-      allRegionsIndexes: h,
-      getSearcher: S,
-      getRegion: r
-    } = Ze(n), g = () => {
+      allRegionsIndexes: c,
+      getSearcher: x,
+      getRegion: i
+    } = ct(o), m = () => {
       const d = [];
-      f.value.forEach((x) => {
-        x.enabled && x.regions.forEach((C) => {
-          C.enabled && d.push(C);
+      f.value.forEach((s) => {
+        s.enabled && s.regions.forEach((g) => {
+          g.enabled && d.push(g);
         });
-      }), Ye.open("selectorRegions", {
+      }), it.open("regions", {
         regions: d,
         regionsIndexes: u.regionsIndexes.value,
-        "@update:regionsIndexes": (x) => u.regionsIndexes.value = x
+        "@update:regionsIndexes": (s) => u.regionsIndexes.value = s
       });
     };
-    return w([o.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([n.regionIndex, l.searcherKey, u.regionsIndexes], () => {
+      if (l.searcherKey.value === L && u.regionsIndexes.value.length) {
+        if (JSON.stringify(t.value) === JSON.stringify(u.regionsIndexes.value))
           return;
-        e.value = [...u.regionsIndexes.value];
+        t.value = [...u.regionsIndexes.value];
       } else
-        n.onlySearcher ? (e.value = [a.searcherKey.value], a.searcherKey.value === p && !n.autoRegion && (e.value.length = 0)) : (e.value = [o.regionIndex.value], o.regionIndex.value === p && !n.autoRegion && (e.value.length = 0));
-      !n.onlySearcher && !h.value.size && (a.searcherKey.value = p);
-    }), i.value && w(i, () => {
-      i.value && (e.value = [i.value]);
-    }, { immediate: !0 }), w(e, () => {
-      var d, x, C, T, V;
-      if (e.value[0] && (i.value = e.value[0]), n.onlySearcher) {
-        if (!e.value.length || e.value.length === 1 && !f.value.has(e.value[0]) || e.value.length === 1 && e.value[0] === p && !n.autoRegion) {
-          let m = f.value.keys().next().value;
-          m === p && !n.autoRegion && (m = void 0, i.value = p), m !== void 0 ? e.value = [m] : e.value.length = 0;
+        o.onlySearcher ? (t.value = [l.searcherKey.value], l.searcherKey.value === y && !o.autoRegion && (t.value.length = 0)) : (t.value = [n.regionIndex.value], n.regionIndex.value === y && !o.autoRegion && (t.value.length = 0));
+      !o.onlySearcher && !c.value.size && (l.searcherKey.value = y);
+    }), r.value && E(r, () => {
+      r.value && (t.value = [r.value]);
+    }, { immediate: !0 }), E(t, () => {
+      if (t.value[0] && (r.value = t.value[0]), o.onlySearcher) {
+        if (!t.value.length || t.value.length === 1 && !f.value.has(t.value[0]) || t.value.length === 1 && t.value[0] === y && !o.autoRegion) {
+          let d = f.value.keys().next().value;
+          d === y && !o.autoRegion && (d = void 0, r.value = y), d !== void 0 ? t.value = [d] : t.value.length = 0;
           return;
         }
-        if (e.value.length > 1 && JSON.stringify(e.value) !== JSON.stringify(u.regionsIndexes.value)) {
-          e.value = [...u.regionsIndexes.value];
+        if (t.value.length > 1 && JSON.stringify(t.value) !== JSON.stringify(u.regionsIndexes.value)) {
+          t.value = [...u.regionsIndexes.value];
           return;
         }
       } else {
-        let m = [...new Set(e.value)], s = (x = (d = f.value.values().next().value) == null ? void 0 : d.regionByIndex) == null ? void 0 : x.keys().next().value;
-        if (n.forFrequency && (s = (V = (T = (C = f.value.values().next().value) == null ? void 0 : C.regionByIndex) == null ? void 0 : T.values().next().value) == null ? void 0 : V.key), s === p && !n.autoRegion && (s = void 0, i.value = p), !m.length)
-          s !== void 0 && m.push(s);
-        else if (m.length === 1) {
-          let c = h.value;
-          n.forFrequency && (c = /* @__PURE__ */ new Set(), f.value.forEach((v) => {
-            v.regionByIndex.forEach((I) => {
-              I.index !== te && I.index !== p && c.add(I.key);
+        let d = [...new Set(t.value)], s = f.value.values().next().value?.regionByIndex?.keys().next().value;
+        if (o.forFrequency && (s = f.value.values().next().value?.regionByIndex?.values().next().value?.key), s === y && !o.autoRegion && (s = void 0, r.value = y), !d.length)
+          s !== void 0 && d.push(s);
+        else if (d.length === 1) {
+          let g = c.value;
+          o.forFrequency && (g = /* @__PURE__ */ new Set(), f.value.forEach((Z) => {
+            Z.regionByIndex.forEach((P) => {
+              P.index !== le && P.index !== y && g.add(P.key);
             });
-          })), c.has(m[0]) || (m = [], s !== void 0 && m.push(s));
+          })), g.has(d[0]) || (d = [], s !== void 0 && d.push(s));
         } else
-          m = m.filter((c) => h.value.has(c)), !m.length && s !== void 0 && m.push(s);
-        if (JSON.stringify(e.value) !== JSON.stringify(m)) {
-          e.value = m;
+          d = d.filter((g) => c.value.has(g)), !d.length && s !== void 0 && d.push(s);
+        if (JSON.stringify(t.value) !== JSON.stringify(d)) {
+          t.value = d;
           return;
         }
       }
-      if (!(e.value.length === 1 && e.value[0] === (n.onlySearcher ? a.searcherKey.value : o.regionIndex.value)))
-        if (n.onlySearcher) {
-          if (e.value.length === 1) {
-            a.searcherKey.value = e.value[0];
+      if (!(t.value.length === 1 && t.value[0] === (o.onlySearcher ? l.searcherKey.value : n.regionIndex.value)))
+        if (o.onlySearcher) {
+          if (t.value.length === 1) {
+            l.searcherKey.value = t.value[0];
             return;
           }
-          a.searcherKey.value = M;
+          l.searcherKey.value = L;
           return;
         } else {
-          if (!e.value.length)
+          if (!t.value.length)
             return;
-          if (e.value.length === 1 && a.searcherKey.value !== M) {
-            o.regionIndex.value = e.value[0];
-            let m;
+          if (t.value.length === 1 && l.searcherKey.value !== L) {
+            n.regionIndex.value = t.value[0];
+            let d;
             for (const s of f.value.values()) {
-              for (const c of s.regionByIndex.values())
-                if ((n.forFrequency ? c.key : c.index) === o.regionIndex.value) {
-                  m = s.key;
+              for (const g of s.regionByIndex.values())
+                if ((o.forFrequency ? g.key : g.index) === n.regionIndex.value) {
+                  d = s.key;
                   break;
                 }
-              if (m !== void 0)
+              if (d !== void 0)
                 break;
             }
-            m !== void 0 && (a.searcherKey.value = m);
+            d !== void 0 && (l.searcherKey.value = d);
           } else
-            a.searcherKey.value = M, u.regionsIndexes.value = [...e.value];
+            l.searcherKey.value = L, u.regionsIndexes.value = [...t.value];
         }
-    }, { immediate: !0 }), l({
-      getSearcher: S,
-      getRegion: r
-    }), (d, x) => (k(), b("div", {
+    }, { immediate: !0 }), a({
+      getSearcher: x,
+      getRegion: i
+    }), (d, s) => (h(), A("div", {
       class: X({
         "top-selectorRegion": !0,
-        "top-selectorRegion-onlySearcher": d.onlySearcher
+        "top-selectorRegion-onlySearcher": e.onlySearcher
       })
     }, [
-      A(re, {
-        options: y(a).optionBySearcherKey.value,
-        modelValue: y(a).searcherKey.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (C) => y(a).searcherKey.value = C),
+      N(ce, {
+        options: v(l).optionBySearcherKey.value,
+        modelValue: v(l).searcherKey.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (g) => v(l).searcherKey.value = g),
         name: "searcher_key",
-        addChanger: d.addChanger
+        addChanger: e.addChanger
       }, null, 8, ["options", "modelValue", "addChanger"]),
-      !d.onlySearcher && y(a).searcherKey.value !== y(M) ? (k(), _(re, {
+      !e.onlySearcher && v(l).searcherKey.value !== v(L) ? (h(), C(ce, {
         key: 0,
         class: "top-select-region",
-        options: y(o).optionByRegionIndex.value,
-        modelValue: y(o).regionIndex.value,
-        "onUpdate:modelValue": x[1] || (x[1] = (C) => y(o).regionIndex.value = C),
-        name: d.forFrequency ? "region_key" : "region_index",
-        addChanger: d.addChanger,
-        "data-top-icon": d.addRegionIcon ? "" : void 0
-      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : q("", !0),
-      d.addCompare && !d.onlySearcher && y(a).searcherKey.value === y(M) ? (k(), _(H, {
+        options: v(n).optionByRegionIndex.value,
+        modelValue: v(n).regionIndex.value,
+        "onUpdate:modelValue": s[1] || (s[1] = (g) => v(n).regionIndex.value = g),
+        name: e.forFrequency ? "region_key" : "region_index",
+        addChanger: e.addChanger,
+        "data-top-icon": e.addRegionIcon ? "" : void 0
+      }, null, 8, ["options", "modelValue", "name", "addChanger", "data-top-icon"])) : O("", !0),
+      e.addCompare && !e.onlySearcher && v(l).searcherKey.value === v(L) ? (h(), C(Q, {
         key: 1,
         name: "compare",
-        onClick: g,
-        "data-count-compare-regions-indexes": y(u).regionsIndexes.value.length
+        onClick: m,
+        "data-count-compare-regions-indexes": v(u).regionsIndexes.value.length
       }, {
         default: B(() => [
-          G(K(d.$i18n.Common.Selected_regions), 1)
+          z(b(d.$i18n.Common.Selected_regions), 1)
         ]),
         _: 1
-      }, 8, ["data-count-compare-regions-indexes"])) : q("", !0)
+      }, 8, ["data-count-compare-regions-indexes"])) : O("", !0)
     ], 2));
   }
-}), ve = (t) => "-" + t, Q = (t) => t[0] === "-" ? t.substring(1) : t, ae = (t, l) => {
-  t = Q(t);
-  const n = l.find((e) => e.id === t);
-  if (n)
-    return n;
-}, pt = (t, l, n) => {
-  l || (l = { id: t.id }), l.id = t.id, l.pos ??= "3", l.notch ??= !0, l.posBy ??= "fixed";
-  const e = De.genElPopupOpener("div", l);
-  return e.classList.add("top-tagSelector"), t.useTopButton && e.classList.add("top-tagSelector-useTopButton", "top-button", "top-color_theme", "top-as-selector"), t.useTopButton || e.classList.add("top-tagSelector-custom"), t.mode === "filter" && e.classList.add("top-tagSelector-filter"), t.mode === "setter" && !t.filters && e.classList.add("top-tagSelector-setter_single"), t.mode === "setter" && t.filters && e.classList.add("top-tagSelector-setter_several"), e.onclick = (i) => {
-    i.preventDefault(), i.stopPropagation(), e.onclick = null;
-    const a = F(t.modelValue), o = {
-      model: a,
-      mode: t.mode,
-      targetId: t.targetId,
-      filters: t.filters,
-      payload: t.payload
+}), j = {
+  id: 0,
+  name: "/",
+  path: "/"
+};
+function gt(e) {
+  return e ? M()?.Common.All_folders : "/ (" + M()?.Keywords.Root_folder + ")";
+}
+const pe = (e, a, o = /* @__PURE__ */ new Map(), t = { id: "root" }, r = 0) => (t.childsIds = [], t.id && (t.countAllGroupsActive = t.count_groups_active), e[t.id] && e[t.id].forEach((l) => {
+  l = { ...l }, t.childsIds.push(l.id), l.id === 0 && (l.name = gt(a));
+  const n = r > 1 ? "-".repeat(r - 1) + " " : "";
+  n && !l.name.startsWith(n) && (l.name = n + l.name), o.set(l.id, l), pe(e, a, o, l, r + 1), t.childsIds = t.childsIds.concat(l.childsIds), t.id && l.count_groups_active && (t.countAllGroupsActive += l.count_groups_active);
+}), o), ft = (e) => e.gen("/get/keywords_2/folders/", ["id", "parent_id", "name", "path"]).changeParams({ orders: ["ord_path"], limit: 100 });
+function ge(e, a, o) {
+  const t = Object.keys(e), r = t.map((l) => e[l]);
+  return E(r, (l, n, u) => {
+    const f = {};
+    l.forEach((c, x) => {
+      if (!Object.is(c, n[x])) {
+        const i = t[x];
+        f[i] = {
+          old: n[x],
+          new: c
+        };
+      }
+    }), Object.keys(f).length && a(f, u);
+  }, o);
+}
+const mt = /* @__PURE__ */ R({
+  __name: "folders",
+  props: /* @__PURE__ */ V({
+    folderId: {},
+    folder: {},
+    folders: {},
+    projectId: {},
+    canSelectAll: { type: Boolean },
+    addChanger: { type: Boolean },
+    addIcon: { type: Boolean, default: !0 },
+    client: {}
+  }, {
+    folderId: { required: !0 },
+    folderIdModifiers: {},
+    folder: { default: j },
+    folderModifiers: {}
+  }),
+  emits: ["update:folderId", "update:folder"],
+  setup(e) {
+    const a = e, o = T(e, "folderId"), t = T(e, "folder"), r = a.client && !a.folders ? ft(a.client) : void 0, l = K(null);
+    E(() => a.projectId, () => {
+      r?.changeParams({
+        project_id: a.projectId
+      }), r?.setOptions({
+        checkFingerprint: "TopGroupSelectorFolders:" + a.projectId
+      }), l.value?.resetCache();
+    }, { immediate: !0 });
+    const n = w(() => pe(a.folders ?? { root: [j] }, a.canSelectAll));
+    return ge({
+      modelFolder: t,
+      modelFolderId: o
+    }, async (u) => {
+      if (o.value === t.value.id)
+        return;
+      if (u.modelFolder && !u.modelFolderId) {
+        o.value = t.value.id;
+        return;
+      }
+      let f = n.value.get(a.folderId);
+      f || (f = j), t.value = f, o.value = f.id;
+    }, { immediate: !0 }), (u, f) => (h(), C(we, {
+      class: "top-groupSelector_folder",
+      modelValue: t.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (c) => t.value = c),
+      items: e.folders ? [...n.value.values()] : void 0,
+      "search-type": "inline",
+      icon: e.addIcon ? "" : void 0,
+      api: e.folders ? void 0 : v(r),
+      apiSetSearchParams: (...c) => v(Ee)(...c, "name"),
+      addChanger: e.addChanger,
+      useCache: ""
+    }, null, 8, ["modelValue", "items", "icon", "api", "apiSetSearchParams", "addChanger"]));
+  }
+}), ne = {
+  id: -1,
+  name: "--",
+  folder_id: j.id,
+  folder_path: j.path
+}, re = {
+  id: $e,
+  name: "All groups",
+  folder_id: j.id,
+  folder_path: j.path
+}, W = () => (re.name = M()?.Common.All_groups, re), Le = () => (re.name = M()?.Keywords.Choose_group, re), vt = (e, a, o) => (e = [...e], a !== void 0 && (e = e.filter((t) => t.on == Number(a))), o && o.id && o.childsIds && (e = e.filter((t) => t.folder_id === o.id || o.childsIds.includes(t.folder_id))), e), Ce = (e) => e.gen("/get/keywords_2/groups/", ["id", "name", "folder_id", "folder_path"]).changeParams({ folder_id_depth: !0, limit: 100 }), pt = (e) => e.gen("/add/keywords_2/groups/"), yt = { class: "top-groupSelector_groupItem" }, ht = {
+  key: 0,
+  class: "top-comment"
+}, It = {
+  key: 1,
+  class: "top-groupSelector_groupItemFolderPath"
+}, St = /* @__PURE__ */ R({
+  __name: "groups",
+  props: /* @__PURE__ */ V({
+    groupId: {},
+    group: {},
+    projectId: {},
+    folder: {},
+    groups: {},
+    on: { type: Boolean, default: void 0 },
+    canAdd: { type: [String, Boolean] },
+    canSelectAll: { type: [Boolean, String] },
+    autoselect: { default: "first" },
+    addChanger: { type: Boolean, default: !0 },
+    addIcon: { type: Boolean, default: !0 },
+    client: {}
+  }, {
+    groupId: { required: !0 },
+    groupIdModifiers: {},
+    group: { required: !0 },
+    groupModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["addGroup"], ["update:groupId", "update:group"]),
+  setup(e, { emit: a }) {
+    const o = e, t = a, r = T(e, "groupId"), l = T(e, "group"), n = o.client && !o.groups ? Ce(o.client) : void 0, u = o.client ? pt(o.client) : void 0, f = K(null), c = K(void 0), x = Se("folder_id", "EQUALS", [o.folder?.id ?? 0]);
+    n?.changeParams({
+      project_id: o.projectId,
+      filters: [
+        x
+      ]
+    }), o.on !== void 0 && n?.params.filters?.push(Se("on", "EQUALS", [o.on]));
+    const i = (d) => {
+      l.value = d, r.value = d.id;
+    };
+    ge({
+      projectId: () => o.projectId,
+      folderId: () => o.folder?.id,
+      canSelectAll: () => o.canSelectAll
+    }, (d) => {
+      if (d.projectId && (n?.changeParams({
+        project_id: o.projectId
+      }), n?.setOptions({
+        checkFingerprint: "TopGroupSelectorGroups:" + o.projectId
+      })), d.folderId && (x.values = [
+        o.folder?.id ?? 0
+      ], o.groups && (c.value = vt(o.groups, o.on, o.folder))), f.value?.resetCache(), (d.folderId?.old !== void 0 || d.canSelectAll?.old !== void 0) && r.value !== ue) {
+        let s;
+        o.autoselect === "first" && (s = c.value?.[0], o.canSelectAll && (s = be(W()))), (o.autoselect === "placeholder" || !s) && (s = Le()), i(s);
+      }
+    }, { immediate: !0 }), ge({
+      modelGroup: l,
+      modelGroupId: r
+    }, async (d) => {
+      if (r.value !== l.value.id) {
+        if (d.modelGroup && !d.modelGroupId) {
+          r.value = l.value.id;
+          return;
+        }
+        if (!(o.canAdd && r.value === ue)) {
+          if (o.groups) {
+            let s = c.value?.find((g) => g.id === r.value);
+            if (!s && o.canSelectAll && (s = W()), s)
+              i(s);
+            else {
+              const g = c.value?.[0];
+              g && !r.value ? i(g) : i(ne);
+            }
+          }
+          if (o.client && !o.groups && (r.value || r.value === $e && !o.canSelectAll)) {
+            const s = Ce(o.client).changeParams({
+              project_id: o.projectId,
+              id: r.value,
+              filters: [
+                x
+              ]
+            });
+            s?.setOptions({
+              checkFingerprint: "TopGroupSelectorFindGroup:" + o.projectId
+            });
+            const g = await s.call();
+            if (!g.errors?.length && !g.result) return;
+            !g.errors && g.result[0] ? i(g.result[0]) : i(ne);
+          }
+        }
+      }
+    }, { immediate: !0 });
+    const m = async (d) => {
+      if (o.canAdd !== "api" || !u) return;
+      const s = l.value, g = await u.changeParams({
+        project_id: o.projectId,
+        names: [d.name],
+        to_id: o.folder?.id ?? j.id,
+        to_type: "in_folder_last"
+      }).call();
+      g.result ? (i(g.result), t("addGroup", g.result)) : i(s), f.value?.resetCache(!0);
+    };
+    return (d, s) => (h(), C(we, {
+      ref_key: "refSelector",
+      ref: f,
+      class: "top-groupSelector_group",
+      modelValue: l.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (g) => l.value = g),
+      items: c.value ?? e.groups,
+      searchType: "inline",
+      icon: e.addIcon ? "" : void 0,
+      api: e.groups ? void 0 : v(n),
+      apiSetSearchParams: (...g) => v(Ee)(...g, "name"),
+      appendSearchToResult: !!e.canAdd,
+      useAllItem: e.canSelectAll ? v(W)().name : !1,
+      addChanger: e.addChanger,
+      useCache: "",
+      onAppendItem: m
+    }, {
+      item: B(({ item: g }) => [
+        oe("div", yt, [
+          g.id === v(ue) ? (h(), A("div", ht, b(d.$i18n.Common.Add) + ": ", 1)) : O("", !0),
+          oe("span", null, b(g.name), 1),
+          g.folder_path ? (h(), A("span", It, b(g.folder_path), 1)) : O("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "items", "icon", "api", "apiSetSearchParams", "appendSearchToResult", "useAllItem", "addChanger"]));
+  }
+}), xt = { class: "top-groupSelector" }, Dt = /* @__PURE__ */ R({
+  __name: "groupSelector",
+  props: /* @__PURE__ */ V({
+    folderId: {},
+    folder: {},
+    groupId: {},
+    group: {},
+    projectId: {},
+    folders: {},
+    groups: {},
+    on: { type: Boolean, default: void 0 },
+    canSelectAllGroups: { type: Boolean },
+    canAddGroup: {},
+    autoselect: { default: "first" },
+    addChanger: { type: Boolean, default: !0 },
+    showFolders: { type: Boolean, default: !0 },
+    showGroups: { type: Boolean, default: !0 },
+    addIcon: { type: Boolean, default: !0 },
+    client: {}
+  }, {
+    folderId: { required: !0 },
+    folderIdModifiers: {},
+    folder: {},
+    folderModifiers: {},
+    groupId: { required: !0 },
+    groupIdModifiers: {},
+    group: { default: ne },
+    groupModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["update:groups"], ["update:folderId", "update:folder", "update:groupId", "update:group"]),
+  setup(e, { emit: a }) {
+    const o = e, t = T(e, "folderId"), r = T(e, "folder"), l = T(e, "groupId"), n = T(e, "group"), u = a, f = pe(o.folders ?? { root: [j] }, o.canSelectAllGroups);
+    r.value = f.get(t.value);
+    let c = o.groups?.find((i) => i.id === l.value);
+    l.value || (c = o.groups?.[0]), o.canSelectAllGroups && !c && (c = W()), o.canSelectAllGroups && !c && (c = W()), (o.autoselect === "placeholder" || !c) && (c = Le()), c ??= ne, n.value = c;
+    const x = (i) => {
+      let m;
+      o.groups && i && (m = [...o.groups, i]), u("update:groups", m);
+    };
+    return (i, m) => (h(), A("div", xt, [
+      e.showFolders ? (h(), C(mt, {
+        key: 0,
+        folderId: t.value,
+        "onUpdate:folderId": m[0] || (m[0] = (d) => t.value = d),
+        folder: r.value,
+        "onUpdate:folder": m[1] || (m[1] = (d) => r.value = d),
+        projectId: e.projectId,
+        folders: e.folders,
+        canSelectAll: e.canSelectAllGroups,
+        addChanger: e.addChanger,
+        addIcon: e.addIcon,
+        client: e.client
+      }, null, 8, ["folderId", "folder", "projectId", "folders", "canSelectAll", "addChanger", "addIcon", "client"])) : O("", !0),
+      e.showGroups ? (h(), C(St, {
+        key: 1,
+        groupId: l.value,
+        "onUpdate:groupId": m[2] || (m[2] = (d) => l.value = d),
+        group: n.value,
+        "onUpdate:group": m[3] || (m[3] = (d) => n.value = d),
+        projectId: e.projectId,
+        folder: r.value,
+        groups: e.groups,
+        on: e.on,
+        canAdd: e.canAddGroup,
+        canSelectAll: e.canSelectAllGroups,
+        autoselect: e.autoselect,
+        addChanger: e.addChanger,
+        addIcon: e.addIcon,
+        client: e.client,
+        onAddGroup: x
+      }, null, 8, ["groupId", "group", "projectId", "folder", "groups", "on", "canAdd", "canSelectAll", "autoselect", "addChanger", "addIcon", "client"])) : O("", !0)
+    ]));
+  }
+}), Be = (e) => "-" + e, H = (e) => e[0] === "-" ? e.substring(1) : e, ie = (e, a) => {
+  e = H(e);
+  const o = a.find((t) => t.id === e);
+  if (o)
+    return o;
+}, qt = (e, a, o) => {
+  a || (a = { id: e.id }), a.id = e.id, a.pos ??= "3", a.notch ??= !0, a.posBy ??= "fixed";
+  const t = Xe.genElPopupOpener("div", a);
+  return t.classList.add("top-tagSelector"), e.useTopButton && t.classList.add("top-tagSelector-useTopButton", "top-button", "top-color_theme", "top-as-selector"), e.useTopButton || t.classList.add("top-tagSelector-custom"), e.mode === "filter" && t.classList.add("top-tagSelector-filter"), e.mode === "setter" && !e.filters && t.classList.add("top-tagSelector-setter_single"), e.mode === "setter" && e.filters && t.classList.add("top-tagSelector-setter_several"), t.onclick = (r) => {
+    r.preventDefault(), r.stopPropagation(), t.onclick = null;
+    const l = K(e.modelValue), n = {
+      model: l,
+      mode: e.mode,
+      targetId: e.targetId,
+      filters: e.filters,
+      payload: e.payload
     };
-    W(e, "topTagSelectorTarget", o), delete e.dataset.topPopupDisabled, ce(t.modelValue) || w(a, () => {
-      t.modelValue = a.value, ee(e, t, n);
-    }), e.click();
-  }, ce(t.modelValue) ? w(t.modelValue, () => ee(e, t, n)) : W(e, "topTagSelectorRender", (i) => {
-    t.modelValue = i;
-    const a = W(e, "topTagSelectorTarget");
-    a && (a.model.value = i), ee(e, t, n);
-  }), ee(e, t, n), e;
-}, ht = (t, l) => {
-  var n;
-  (n = W(t, "topTagSelectorRender")) == null || n(l);
-}, ee = (t, l, n) => {
-  var i;
-  const e = y(l.modelValue);
-  if (t.classList.toggle("top-tagSelector-selectedOne", !e.length || e.length === 1), t.classList.toggle("top-tagSelector-toTwoLine", e.length > 5), l.mode === "setter" && l.filters) {
-    t.innerHTML = `<div>${n}</div>`;
+    J(t, "topTagSelectorTarget", n), delete t.dataset.topPopupDisabled, he(e.modelValue) || E(l, () => {
+      e.modelValue = l.value, te(t, e, o);
+    }), t.click();
+  }, he(e.modelValue) ? E(e.modelValue, () => te(t, e, o)) : J(t, "topTagSelectorRender", (r) => {
+    e.modelValue = r;
+    const l = J(t, "topTagSelectorTarget");
+    l && (l.model.value = r), te(t, e, o);
+  }), te(t, e, o), t;
+}, Ft = (e, a) => {
+  J(e, "topTagSelectorRender")?.(a);
+}, te = (e, a, o) => {
+  const t = v(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>${o}</div>`;
     return;
   }
-  if (t.innerHTML = "", !e.length && l.mode === "filter") {
-    const a = ye({
+  if (e.innerHTML = "", !t.length && a.mode === "filter") {
+    const r = Te({
       id: "all",
       colorId: "",
-      name: ((i = R().Common) == null ? void 0 : i.All_tags) ?? "",
+      name: M().Common?.All_tags ?? "",
       state: ""
     });
-    t.append(a);
+    e.append(r);
   }
-  e.forEach((a) => {
-    var u, f;
-    const o = ye({
-      id: Q(a),
-      colorId: ((u = ae(a, l.tags)) == null ? void 0 : u.color_id) ?? "",
-      name: ((f = ae(a, l.tags)) == null ? void 0 : f.name) ?? "",
-      state: Q(a) === a ? "selected" : "excluded"
+  t.forEach((r) => {
+    const l = Te({
+      id: H(r),
+      colorId: ie(r, a.tags)?.color_id ?? "",
+      name: ie(r, a.tags)?.name ?? "",
+      state: H(r) === r ? "selected" : "excluded"
     });
-    t.append(o);
+    e.append(l);
   });
-}, ye = (t) => {
-  const l = document.createElement("div");
-  return l.classList.add("top-tagSelector_tagIcon"), l.classList.toggle("top-tagSelector-active", !!t.state), l.classList.toggle("top-tagSelector-excluded", t.state === "excluded"), l.dataset.tag_id = t.id, l.dataset.tag_color_id = t.colorId, l.title = t.name, l;
-}, et = [
+}, Te = (e) => {
+  const a = document.createElement("div");
+  return a.classList.add("top-tagSelector_tagIcon"), a.classList.toggle("top-tagSelector-active", !!e.state), a.classList.toggle("top-tagSelector-excluded", e.state === "excluded"), a.dataset.tag_id = e.id, a.dataset.tag_color_id = e.colorId, a.title = e.name, a;
+}, kt = [
   {
     id: "1",
     name: "Without Tag",
@@ -594,7 +869,7 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     name: "Turquoise",
     color_id: "10"
   }
-], tt = ["data-tag_id", "data-tag_color_id", "title"], ie = /* @__PURE__ */ U({
+], Ct = ["data-tag_id", "data-tag_color_id", "title"], fe = /* @__PURE__ */ R({
   __name: "tagIcon",
   props: {
     id: {},
@@ -602,21 +877,21 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     name: {},
     state: {}
   },
-  setup(t) {
-    return (l, n) => (k(), b("div", {
+  setup(e) {
+    return (a, o) => (h(), A("div", {
       class: X({
         "top-tagSelector_tagIcon": !0,
-        "top-tagSelector-active": !!l.state,
-        "top-tagSelector-excluded": l.state === "excluded"
+        "top-tagSelector-active": !!e.state,
+        "top-tagSelector-excluded": e.state === "excluded"
       }),
-      "data-tag_id": l.id,
-      "data-tag_color_id": l.colorId,
-      title: l.name
-    }, null, 10, tt));
+      "data-tag_id": e.id,
+      "data-tag_color_id": e.colorId,
+      title: e.name
+    }, null, 10, Ct));
   }
-}), lt = ["contenteditable", "onKeydown"], pe = /* @__PURE__ */ U({
+}), Bt = ["contenteditable", "onKeydown"], Ae = /* @__PURE__ */ R({
   __name: "tagPopupListItem",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ V({
     editable: { type: Boolean },
     disabled: { type: Boolean },
     canExclude: { type: Boolean },
@@ -630,76 +905,74 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     },
     nameModifiers: {}
   }),
-  emits: /* @__PURE__ */ N(["update:name", "unselect", "exclude", "select"], ["update:name"]),
-  setup(t, { emit: l }) {
-    const n = t, e = l, i = D(t, "name"), a = F(null), o = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
+  emits: /* @__PURE__ */ V(["update:name", "unselect", "exclude", "select"], ["update:name"]),
+  setup(e, { emit: a }) {
+    const o = e, t = a, r = T(e, "name"), l = K(null), n = w(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
       contenteditable: u.value,
-      onpaste: (g) => g.preventDefault()
-    } : {}), u = F(!1), f = async () => {
-      var g;
-      u.value = !0, await Be(), (g = a.value) == null || g.focus();
-    }, h = () => {
-      var d;
-      const g = (d = a.value) == null ? void 0 : d.innerText;
-      if (!g) return S();
-      a.value && (a.value.innerText = g), u.value = !1, e("update:name", g);
-    }, S = async () => {
-      a.value && (a.value.innerText = n.name), u.value = !1;
-    }, r = (g) => {
-      if (u.value || n.disabled) return;
+      onpaste: (m) => m.preventDefault()
+    } : {}), u = K(!1), f = async () => {
+      u.value = !0, await Re(), l.value?.focus();
+    }, c = () => {
+      const m = l.value?.innerText;
+      if (!m) return x();
+      l.value && (l.value.innerText = m), u.value = !1, t("update:name", m);
+    }, x = async () => {
+      l.value && (l.value.innerText = o.name), u.value = !1;
+    }, i = (m) => {
+      if (u.value || o.disabled) return;
       let d = "selected";
-      n.canExclude && (g.ctrlKey || g.metaKey) && (d = "excluded"), n.state == d && (d = ""), d === "" && e("unselect"), d === "selected" && e("select"), d === "excluded" && e("exclude");
+      o.canExclude && (m.ctrlKey || m.metaKey) && (d = "excluded"), o.state == d && (d = ""), d === "" && t("unselect"), d === "selected" && t("select"), d === "excluded" && t("exclude");
     };
-    return (g, d) => (k(), _(ue, {
+    return (m, d) => (h(), C(ve, {
       class: X({
         "top-tagSelector_tagListItem": !0,
         "top-tagSelector_tagListItem-inEdit": u.value,
-        "top-tagSelector_tagListItem-disabled": g.disabled,
-        "top-tagSelector_tagListItem-canExclude": g.canExclude,
-        "top-tagSelector-active": !!g.state,
-        "top-tagSelector-excluded": g.state === "excluded"
+        "top-tagSelector_tagListItem-disabled": e.disabled,
+        "top-tagSelector_tagListItem-canExclude": e.canExclude,
+        "top-tagSelector-active": !!e.state,
+        "top-tagSelector-excluded": e.state === "excluded"
       }),
-      onClick: J(r, ["stop"])
+      onClick: U(i, ["stop"])
     }, {
       default: B(() => [
-        A(ie, {
-          id: g.id,
-          name: i.value,
-          colorId: g.colorId,
-          state: g.state
+        N(fe, {
+          id: e.id,
+          name: r.value,
+          colorId: e.colorId,
+          state: e.state
         }, null, 8, ["id", "name", "colorId", "state"]),
-        he("span", Se({
+        oe("span", Ve({
           ref_key: "elName",
-          ref: a,
+          ref: l,
           class: "top-tagSelector_tagListItemName",
           contenteditable: u.value ? "plaintext-only" : !1
-        }, o.value, {
+        }, n.value, {
           onKeydown: [
-            ge(J(h, ["stop"]), ["enter"]),
-            ge(J(S, ["stop"]), ["esc"])
+            Ie(U(c, ["stop"]), ["enter"]),
+            Ie(U(x, ["stop"]), ["esc"])
           ]
-        }), K(i.value), 17, lt),
-        g.editable ? (k(), b(Y, { key: 0 }, [
-          u.value ? (k(), b("span", {
+        }), b(r.value), 17, Bt),
+        e.editable ? (h(), A(Y, { key: 0 }, [
+          u.value ? (h(), A("span", {
             key: 1,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: J(h, ["stop"])
-          })) : (k(), b("span", {
+            onClick: U(c, ["stop"])
+          })) : (h(), A("span", {
             key: 0,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
             onClick: f
           }))
-        ], 64)) : q("", !0)
+        ], 64)) : O("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), at = { key: 1 }, ot = /* @__PURE__ */ U({
+}), Tt = { key: 1 }, At = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "popupOpener",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ V({
     modelValue: {},
     id: {},
     tags: {},
@@ -716,65 +989,62 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const l = t, n = D(t, "modelValue"), e = l.useTopButton ? H : "div", i = l.useTopButton ? "html" : "default", a = {
-      model: n,
-      mode: l.mode,
-      targetId: l.targetId,
-      filters: l.filters,
-      payload: l.payload
+  setup(e) {
+    const a = e, o = T(e, "modelValue"), t = a.useTopButton ? Q : "div", r = a.useTopButton ? "html" : "default", l = {
+      model: o,
+      mode: a.mode,
+      targetId: a.targetId,
+      filters: a.filters,
+      payload: a.payload
     };
-    return (o, u) => {
-      const f = _e("top-data");
-      return k(), _(Fe, { id: o.id }, {
+    return (n, u) => {
+      const f = Ne("top-data");
+      return h(), C(ze, { id: e.id }, {
         default: B(() => [
-          be((k(), _(Ve(y(e)), Se({
+          Pe((h(), C(De(v(t)), Ve({
             class: {
               "top-tagSelector": !0,
-              "top-tagSelector-useTopButton": l.useTopButton,
-              "top-tagSelector-custom": !l.useTopButton,
-              "top-as-selector": l.useTopButton,
-              "top-tagSelector-filter": l.mode === "filter",
-              "top-tagSelector-setter_single": l.mode === "setter" && !o.filters,
-              "top-tagSelector-setter_several": l.mode === "setter" && o.filters,
-              "top-tagSelector-selectedOne": !n.value.length || n.value.length === 1,
-              "top-tagSelector-toTwoLine": n.value.length > 5
+              "top-tagSelector-useTopButton": a.useTopButton,
+              "top-tagSelector-custom": !a.useTopButton,
+              "top-as-selector": a.useTopButton,
+              "top-tagSelector-filter": a.mode === "filter",
+              "top-tagSelector-setter_single": a.mode === "setter" && !e.filters,
+              "top-tagSelector-setter_several": a.mode === "setter" && e.filters,
+              "top-tagSelector-selectedOne": !o.value.length || o.value.length === 1,
+              "top-tagSelector-toTwoLine": o.value.length > 5
             },
             color: "theme",
-            styling: o.styling
-          }, o.$attrs), {
-            [y(i)]: B(() => [
-              !n.value.length && o.mode === "filter" ? (k(), _(ie, {
+            styling: e.styling
+          }, n.$attrs), {
+            [v(r)]: B(() => [
+              !o.value.length && e.mode === "filter" ? (h(), C(fe, {
                 key: 0,
                 id: "all",
                 colorId: "",
-                name: o.$i18n.Common.All_tags ?? "",
+                name: n.$i18n.Common.All_tags ?? "",
                 state: ""
-              }, null, 8, ["name"])) : q("", !0),
-              o.mode === "setter" && o.filters ? (k(), b("div", at, [
-                Ee(o.$slots, "default")
-              ])) : (k(!0), b(Y, { key: 2 }, se(n.value, (h) => {
-                var S, r;
-                return k(), _(ie, {
-                  id: y(Q)(h),
-                  colorId: ((S = y(ae)(h, o.tags)) == null ? void 0 : S.color_id) ?? "",
-                  name: ((r = y(ae)(h, o.tags)) == null ? void 0 : r.name) ?? "",
-                  state: y(Q)(h) === h ? "selected" : "excluded"
-                }, null, 8, ["id", "colorId", "name", "state"]);
-              }), 256))
+              }, null, 8, ["name"])) : O("", !0),
+              e.mode === "setter" && e.filters ? (h(), A("div", Tt, [
+                qe(n.$slots, "default")
+              ])) : (h(!0), A(Y, { key: 2 }, me(o.value, (c) => (h(), C(fe, {
+                id: v(H)(c),
+                colorId: v(ie)(c, e.tags)?.color_id ?? "",
+                name: v(ie)(c, e.tags)?.name ?? "",
+                state: v(H)(c) === c ? "selected" : "excluded"
+              }, null, 8, ["id", "colorId", "name", "state"]))), 256))
             ]),
             _: 2
           }, 1040, ["class", "styling"])), [
-            [f, a, "topTagSelectorTarget"]
+            [f, l, "topTagSelectorTarget"]
           ])
         ]),
         _: 3
       }, 8, ["id"]);
     };
   }
-}), St = /* @__PURE__ */ U({
+}), Ut = /* @__PURE__ */ R({
   __name: "tagSelector",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ V({
     modelValue: {},
     tags: {},
     tagsEditable: { type: Boolean },
@@ -792,180 +1062,177 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     },
     modelModifiers: {},
     tags: {
-      default: $e(et)
+      default: be(kt)
     },
     tagsModifiers: {}
   }),
-  emits: /* @__PURE__ */ N(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
-  setup(t, { emit: l }) {
-    const n = R(), e = t, i = D(t, "modelValue"), a = D(t, "tags"), o = l, u = we((s, c) => {
-      o(s, c);
-    }, e.emitDelay);
-    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 = n.Common.Tags) == null ? void 0 : v.toLowerCase()), c = /* @__PURE__ */ new Map();
-      return c.set("add", { value: "add", title: n.Common.Add + s }), c.set("replace", { value: "replace", title: n.Common.Replace + s }), c.set("delete", { value: "delete", title: n.Common.Delete + s }), c;
+  emits: /* @__PURE__ */ V(["selector", "setter", "tagsChanged"], ["update:modelValue", "update:tags"]),
+  setup(e, { emit: a }) {
+    const o = M(), t = e, r = T(e, "modelValue"), l = T(e, "tags"), n = a, u = _e((p, I) => {
+      n(p, I);
+    }, t.emitDelay);
+    t.singleMode && !r.value.length && (r.value = [l.value[0].id]);
+    const f = t.id ?? "top-popup-id-" + Math.random(), c = K("add"), x = () => {
+      const p = " " + o.Common.Tags?.toLowerCase(), I = /* @__PURE__ */ new Map();
+      return I.set("add", { value: "add", title: o.Common.Add + p }), I.set("replace", { value: "replace", title: o.Common.Replace + p }), I.set("delete", { value: "delete", title: o.Common.Delete + p }), I;
     };
-    let r = Me({
-      model: i,
+    let i = Fe({
+      model: r,
       mode: "filter",
       targetId: void 0,
       filters: void 0,
       payload: void 0
     });
-    w(i, () => {
-      u("selector", i.value);
+    E(r, () => {
+      u("selector", r.value);
     });
-    const g = E(() => {
-      if (r.value.mode === "setter" && e.maxTagsForSetter && !r.value.filters)
-        return r.value.model.value.length >= e.maxTagsForSetter;
-    }), d = (s) => {
-      if (s !== "all") {
-        if (r.value.model.value.includes(s)) return "selected";
-        if (r.value.model.value.includes(ve(s))) return "excluded";
+    const m = w(() => {
+      if (i.value.mode === "setter" && t.maxTagsForSetter && !i.value.filters)
+        return i.value.model.value.length >= t.maxTagsForSetter;
+    }), d = (p) => {
+      if (p !== "all") {
+        if (i.value.model.value.includes(p)) return "selected";
+        if (i.value.model.value.includes(Be(p))) return "excluded";
       }
-      return s === "all" && !r.value.model.value.length ? "selected" : "";
-    }, x = (s, c) => {
-      const v = ve(s);
-      let I = r.value.model.value.filter((L) => L !== s && L !== v);
-      c === "select" && I.push(s), c === "exclude" && I.push(v), r.value.mode === "setter" && r.value.targetId !== void 0 && e.requiredForSetter && (I.length || I.push("1"), I.length === 2 && r.value.model.value.length === 1 && r.value.model.value[0] === "1" && (I = I.filter((L) => L !== "1"))), e.singleMode && !r.value.filters && (I.length || (I = r.value.model.value), I.length > 1 && (I = [I[I.length - 1]])), I.sort((L, P) => {
-        if (!e.tags) return 0;
-        const Z = e.tags.findIndex((O) => O.id === L), z = e.tags.findIndex((O) => O.id === P);
-        return Z - z;
-      }), r.value.model.value = I, r.value.mode === "setter" && r.value.targetId !== void 0 && u("setter", {
-        tagsIds: I,
-        targetId: r.value.targetId,
-        payload: r.value.payload
+      return p === "all" && !i.value.model.value.length ? "selected" : "";
+    }, s = (p, I) => {
+      const S = Be(p);
+      let k = i.value.model.value.filter((G) => G !== p && G !== S);
+      I === "select" && k.push(p), I === "exclude" && k.push(S), i.value.mode === "setter" && i.value.targetId !== void 0 && t.requiredForSetter && (k.length || k.push("1"), k.length === 2 && i.value.model.value.length === 1 && i.value.model.value[0] === "1" && (k = k.filter((G) => G !== "1"))), t.singleMode && !i.value.filters && (k.length || (k = i.value.model.value), k.length > 1 && (k = [k[k.length - 1]])), k.sort((G, ee) => {
+        if (!t.tags) return 0;
+        const D = t.tags.findIndex((F) => F.id === G), q = t.tags.findIndex((F) => F.id === ee);
+        return D - q;
+      }), i.value.model.value = k, i.value.mode === "setter" && i.value.targetId !== void 0 && u("setter", {
+        tagsIds: k,
+        targetId: i.value.targetId,
+        payload: i.value.payload
       });
-    }, C = E(() => {
-      let s = "top-tagSelector_popup";
-      return r.value.mode === "filter" && (s += " top-tagSelector_popup-filter"), r.value.mode === "setter" && (s += " top-tagSelector_popup-setter"), s;
-    }), T = () => {
-      const s = prompt("", "New tag");
-      if (!s || s === "New tag") return;
-      const c = a.value.length + 1;
-      a.value.push({
-        id: String(c),
-        name: s,
-        color_id: String((c - 1) % 10 + 1)
-      }), o("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");
-      if (r.value.filters && (h.value = "add", r.value.model.value = []), !((c = j.$) != null && c.ui.sortable)) {
+    }, g = w(() => {
+      let p = "top-tagSelector_popup";
+      return i.value.mode === "filter" && (p += " top-tagSelector_popup-filter"), i.value.mode === "setter" && (p += " top-tagSelector_popup-setter"), p;
+    }), Z = () => {
+      const p = prompt("", "New tag");
+      if (!p || p === "New tag") return;
+      const I = l.value.length + 1;
+      l.value.push({
+        id: String(I),
+        name: p,
+        color_id: String((I - 1) % 10 + 1)
+      }), n("tagsChanged", l.value);
+    }, P = (p) => {
+      if (i.value = J(p.elPopupOpener, "topTagSelectorTarget"), !i.value) throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");
+      if (i.value.filters && (c.value = "add", i.value.model.value = []), !_.$?.ui.sortable) {
         console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
         return;
       }
-      !j.state.isMobile && !j.state.isMobileUA && a.value && $(s.elPopup).sortable({
+      !_.state.isMobile && !_.state.isMobileUA && l.value && $(p.elPopup).sortable({
         items: 'li:has([data-tag_id]:not([data-tag_id="all"]))',
         /**
          * @todo Удалить `[contenteditable="true"]` через пол года после выхода версии firefox с поддержкой contenteditable plaintext-only, включая бета версии
          */
         cancel: '[contenteditable="plaintext-only"], [contenteditable="true"]',
         distance: 10,
-        stop: function(v, I) {
-          if (!a.value) return;
-          const L = $(I.item).parent().find("[data-tag_id]"), P = [];
-          L.each((Z, z) => {
-            if (!a.value) return;
-            const O = $(z).attr("data-tag_id");
-            P.push(O);
-          }), a.value.sort((Z, z) => {
-            const O = P.findIndex((oe) => oe === Z.id), Ce = P.findIndex((oe) => oe === z.id);
-            return O - Ce;
-          }), u("tagsChanged", a.value);
+        stop: function(I, S) {
+          if (!l.value) return;
+          const k = $(S.item).parent().find("[data-tag_id]"), G = [];
+          k.each((ee, D) => {
+            if (!l.value) return;
+            const q = $(D).attr("data-tag_id");
+            G.push(q);
+          }), l.value.sort((ee, D) => {
+            const q = G.findIndex((de) => de === ee.id), F = G.findIndex((de) => de === D.id);
+            return q - F;
+          }), u("tagsChanged", l.value);
         }
       });
-    }, m = (s) => {
-      var c;
-      (c = j.$) != null && c.ui.sortable && $(s.elPopup).data("ui-sortable") && $(s.elPopup).sortable("destroy");
+    }, je = (p) => {
+      _.$?.ui.sortable && $(p.elPopup).data("ui-sortable") && $(p.elPopup).sortable("destroy");
     };
-    return (s, c) => (k(), b(Y, null, [
-      A(ot, {
-        modelValue: i.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (v) => i.value = v),
-        id: y(f),
-        tags: a.value,
-        styling: s.styling,
+    return (p, I) => (h(), A(Y, null, [
+      N(At, {
+        modelValue: r.value,
+        "onUpdate:modelValue": I[0] || (I[0] = (S) => r.value = S),
+        id: v(f),
+        tags: l.value,
+        styling: e.styling,
         mode: "filter",
-        useTopButton: s.useTopButton
+        useTopButton: e.useTopButton
       }, null, 8, ["modelValue", "id", "tags", "styling", "useTopButton"]),
-      A(Ie, {
-        id: y(f),
-        class: X(C.value),
-        onOpen: c[4] || (c[4] = (v) => V(v)),
-        onClose: c[5] || (c[5] = (v) => m(v)),
+      N(Me, {
+        id: v(f),
+        class: X(g.value),
+        onOpen: I[4] || (I[4] = (S) => P(S)),
+        onClose: I[5] || (I[5] = (S) => je(S)),
         "transition-duration": 50
-      }, Ke({
+      }, Ue({
         contentList: B(() => [
-          y(r).mode === "filter" && !s.singleMode ? (k(), _(pe, {
+          v(i).mode === "filter" && !e.singleMode ? (h(), C(Ae, {
             key: 0,
             id: "all",
             colorId: "",
-            name: s.$i18n.Common.All_tags ?? "",
-            state: y(r).model.value.length ? "" : "selected",
-            onSelect: c[3] || (c[3] = (v) => y(r).model.value = [])
-          }, null, 8, ["name", "state"])) : q("", !0),
-          (k(!0), b(Y, null, se(a.value, (v) => (k(), _(pe, {
-            key: v.id,
-            id: v.id,
-            colorId: v.color_id,
-            name: v.name,
-            state: d(v.id),
-            canExclude: y(r).mode === "filter" && !s.singleMode,
-            editable: s.tagsEditable,
-            disabled: g.value && d(v.id) === "",
-            onUnselect: (I) => x(v.id, "unselect"),
-            onSelect: (I) => x(v.id, "select"),
-            onExclude: (I) => x(v.id, "exclude"),
-            "onUpdate:name": (I) => {
-              v.name = I, y(u)("tagsChanged", a.value);
+            name: p.$i18n.Common.All_tags ?? "",
+            state: v(i).model.value.length ? "" : "selected",
+            onSelect: I[3] || (I[3] = (S) => v(i).model.value = [])
+          }, null, 8, ["name", "state"])) : O("", !0),
+          (h(!0), A(Y, null, me(l.value, (S) => (h(), C(Ae, {
+            key: S.id,
+            id: S.id,
+            colorId: S.color_id,
+            name: S.name,
+            state: d(S.id),
+            canExclude: v(i).mode === "filter" && !e.singleMode,
+            editable: e.tagsEditable,
+            disabled: m.value && d(S.id) === "",
+            onUnselect: (k) => s(S.id, "unselect"),
+            onSelect: (k) => s(S.id, "select"),
+            onExclude: (k) => s(S.id, "exclude"),
+            "onUpdate:name": (k) => {
+              S.name = k, v(u)("tagsChanged", l.value);
             }
           }, null, 8, ["id", "colorId", "name", "state", "canExclude", "editable", "disabled", "onUnselect", "onSelect", "onExclude", "onUpdate:name"]))), 128)),
-          s.tagsEditable && a.value.length < s.tagsMax && a.value.length < 20 ? (k(), _(ue, {
+          e.tagsEditable && l.value.length < e.tagsMax && l.value.length < 20 ? (h(), C(ve, {
             key: 1,
             "data-top-icon": "",
-            onClick: J(T, ["stop"])
+            onClick: U(Z, ["stop"])
           }, {
             default: B(() => [
-              G(K(s.$i18n.Common.Add), 1)
+              z(b(p.$i18n.Common.Add), 1)
             ]),
             _: 1
-          })) : q("", !0)
+          })) : O("", !0)
         ]),
         _: 2
       }, [
-        y(r).mode === "setter" && y(r).filters ? {
+        v(i).mode === "setter" && v(i).filters ? {
           name: "header",
           fn: B(() => [
-            A(re, {
-              modelValue: h.value,
-              "onUpdate:modelValue": c[1] || (c[1] = (v) => h.value = v),
-              options: S()
+            N(ce, {
+              modelValue: c.value,
+              "onUpdate:modelValue": I[1] || (I[1] = (S) => c.value = S),
+              options: x()
             }, null, 8, ["modelValue", "options"])
           ]),
           key: "0"
         } : void 0,
-        y(r).mode === "setter" && y(r).filters ? {
+        v(i).mode === "setter" && v(i).filters ? {
           name: "footer",
           fn: B(() => [
-            A(H, { color: "theme" }, {
+            N(Q, { color: "theme" }, {
               default: B(() => [
-                G(K(s.$i18n.Common.Cancel), 1)
+                z(b(p.$i18n.Common.Cancel), 1)
               ]),
               _: 1
             }),
-            A(H, {
-              onClick: c[2] || (c[2] = (v) => y(u)("setter", {
-                tagsIds: y(r).model.value,
-                filters: y(r).filters,
-                filtersAction: h.value,
-                payload: y(r).payload
+            N(Q, {
+              onClick: I[2] || (I[2] = (S) => v(u)("setter", {
+                tagsIds: v(i).model.value,
+                filters: v(i).filters,
+                filtersAction: c.value,
+                payload: v(i).payload
               }))
             }, {
               default: B(() => [
-                G(K(h.value === "add" ? s.$i18n.Common.Add : "") + " " + K(h.value === "replace" ? s.$i18n.Common.Replace : "") + " " + K(h.value === "delete" ? s.$i18n.Common.Delete : ""), 1)
+                z(b(c.value === "add" ? p.$i18n.Common.Add : "") + " " + b(c.value === "replace" ? p.$i18n.Common.Replace : "") + " " + b(c.value === "delete" ? p.$i18n.Common.Delete : ""), 1)
               ]),
               _: 1
             })
@@ -977,16 +1244,17 @@ const qe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   }
 });
 export {
-  ft as TopSelectorCompetitors,
-  yt as TopSelectorRegion,
-  St as TopTagSelector,
-  ot as TopTagSelectorPopupOpener,
-  ie as TopTagSelectorTagIcon,
-  Ye as dialogSelectorRegions,
-  We as findRegion,
-  pt as genElTopTagSelectorPopupOpener,
-  ke as genSearcherByKey,
-  ht as renderElTopTagSelectorPopupOpener,
-  vt as useItemsFromCompetitors
+  Rt as TopCompetitorSelector,
+  Dt as TopGroupSelector,
+  Pt as TopRegionSelector,
+  Ut as TopTagSelector,
+  At as TopTagSelectorPopupOpener,
+  fe as TopTagSelectorTagIcon,
+  it as dialogRegionSelector,
+  rt as findRegion,
+  qt as genElTopTagSelectorPopupOpener,
+  Ke as genSearcherByKey,
+  Ft as renderElTopTagSelectorPopupOpener,
+  Nt as useItemsFromCompetitors
 };
 //# sourceMappingURL=project.js.map