@topvisor/ui 1.0.20-selector2-3 → 1.0.20-selector2-4

package/project/project.js

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