@topvisor/ui 1.4.3-3 → 1.4.3-updateGroupSelector.1

package/project/project.js

@@ -3,18 +3,18 @@
 		const fileNames = ['../assets/project.css'].map(fileName => import.meta.resolve(fileName));
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 	
-import { defineComponent as R, mergeModels as V, useModel as T, computed as M, 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 P, createTextVNode as J, 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 Pe, withDirectives as Ne, resolveDynamicComponent as qe, renderSlot as De, shallowRef as Fe, createSlots as Ue } from "vue";
-import { u as w, C as z, e as Q, q as ce, d as ze } from "../.chunks/forms-CUaoBGD5.es.js";
+import { defineComponent as R, mergeModels as V, useModel as T, computed as M, createElementBlock as A, openBlock as h, createBlock as C, unref as v, withCtx as B, Fragment as Q, renderList as me, normalizeClass as Z, createElementVNode as oe, toDisplayString as b, createVNode as P, createTextVNode as J, 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 Pe, withDirectives as Ne, resolveDynamicComponent as qe, renderSlot as De, shallowRef as Fe, createSlots as Ue } from "vue";
+import { u as w, C as z, e as H, q as ce, d as ze } from "../.chunks/forms-CUaoBGD5.es.js";
 import { _ as we, b as ve, a as Je } from "../.chunks/popupHint.vue_vue_type_style_index_0_lang-DzT1BFMx.es.js";
-import { a as We, _ as Me, b as Ee, c as $e, I as ue } from "../.chunks/policy.vue_vue_type_style_index_0_lang-uPC0N7jl.es.js";
-import { u as _e } from "../.chunks/utils-Kzz2mc2t.es.js";
-import { getSearcherGIcon as Ye, getLangLabel as Qe, getDeviceGIcon as He } from "../utils/searchers.js";
+import { a as We, _ as Me, b as $e, c as Ee, I as ue } from "../.chunks/policy.vue_vue_type_style_index_0_lang-uPC0N7jl.es.js";
+import { u as Ye } from "../.chunks/utils-Kzz2mc2t.es.js";
+import { getSearcherGIcon as Qe, getLangLabel as He, getDeviceGIcon as Xe } from "../utils/searchers.js";
 import "../.chunks/core-DBWAn2Eg.es.js";
 import "../.chunks/dialogs.vue_vue_type_script_setup_true_lang-BZM_iKPW.es.js";
 import { g as Se } from "../.chunks/field-CyyFzM-Y.es.js";
 import { storage as W } from "../utils/dom.js";
-import { TopPopupWorker as Xe } from "../popup/worker.js";
-const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" }, Rt = /* @__PURE__ */ R({
+import { TopPopupWorker as Ze } from "../popup/worker.js";
+const _e = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" }, Rt = /* @__PURE__ */ R({
   __name: "competitorSelector",
   props: /* @__PURE__ */ V({
     modelValue: {},
@@ -35,10 +35,10 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
           content: ""
         };
     });
-    return (r, l) => (h(), A("div", Ze, [
+    return (r, l) => (h(), A("div", _e, [
       v(z).state.isMobile ? (h(), C(we, { key: 0 }, {
         opener: B(() => [
-          P(Q, {
+          P(H, {
             class: "top-competitorSelector_opener",
             color: "theme",
             icon: "",
@@ -51,8 +51,8 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
           })
         ]),
         contentList: B(() => [
-          (h(!0), A(Y, null, me(e.items, (n) => (h(), C(ve, {
-            class: X({
+          (h(!0), A(Q, null, me(e.items, (n) => (h(), C(ve, {
+            class: Z({
               "top-active": o.value?.includes(n.value)
             }),
             "data-top-icon": n.icon,
@@ -166,7 +166,7 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
     }), r))
       return !1;
   }), r;
-}, it = _e(() => import("../.chunks/dialog_regionSelectorRegions-BMWyYCfD.es.js")), dt = (e, a) => {
+}, it = Ye(() => import("../.chunks/dialog_regionSelectorRegions-BMWyYCfD.es.js")), dt = (e, a) => {
   const o = w(), t = K(a.value.keys().next().value ?? y), r = M(() => {
     const l = /* @__PURE__ */ new Map();
     if (a.value.forEach((n) => {
@@ -174,7 +174,7 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
         value: n.key,
         title: n.name
       };
-      e.addSearcherIcon && (u.icon = Ye(n.key)), l.set(n.key, u);
+      e.addSearcherIcon && (u.icon = Qe(n.key)), l.set(n.key, u);
     }), e.addCompare && !l.has(y)) {
       const n = {
         value: "",
@@ -210,12 +210,12 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
         return;
       }
       n.device && (u += " (" + o.Common["Device_" + n.device] + ")");
-      const f = Qe(a.value.key || 0, n.lang ?? "");
+      const f = He(a.value.key || 0, n.lang ?? "");
       f && (u += " / " + f);
       const c = {
         value: n.index,
         title: u,
-        icon: n.device ? He(n.device) : void 0
+        icon: n.device ? Xe(n.device) : void 0
       };
       l.set(n.index, c);
     }), l;
@@ -394,8 +394,8 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
           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((N) => {
+          o.forFrequency && (g = /* @__PURE__ */ new Set(), f.value.forEach((_) => {
+            _.regionByIndex.forEach((N) => {
               N.index !== le && N.index !== y && g.add(N.key);
             });
           })), g.has(d[0]) || (d = [], s !== void 0 && d.push(s));
@@ -437,7 +437,7 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
       getSearcher: x,
       getRegion: i
     }), (d, s) => (h(), A("div", {
-      class: X({
+      class: Z({
         "top-selectorRegion": !0,
         "top-selectorRegion-onlySearcher": e.onlySearcher
       })
@@ -459,7 +459,7 @@ const Ze = { class: "top-competitorSelector" }, et = { class: "top-ellipsis1" },
         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, {
+      e.addCompare && !e.onlySearcher && v(l).searcherKey.value === v(L) ? (h(), C(H, {
         key: 1,
         name: "compare",
         onClick: m,
@@ -484,7 +484,7 @@ const pe = (e, a, o = /* @__PURE__ */ new Map(), t = { id: "root" }, r = 0) => (
   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 });
+}), o), ft = (e, a) => e.gen(`/get/${a}/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) => {
@@ -510,7 +510,8 @@ const mt = /* @__PURE__ */ R({
     canSelectAll: { type: Boolean },
     addChanger: { type: Boolean },
     addIcon: { type: Boolean, default: !0 },
-    client: {}
+    client: {},
+    service: {}
   }, {
     folderId: { required: !0 },
     folderIdModifiers: {},
@@ -519,7 +520,7 @@ const mt = /* @__PURE__ */ R({
   }),
   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);
+    const a = e, o = T(e, "folderId"), t = T(e, "folder"), r = a.client && !a.folders ? ft(a.client, a.service) : void 0, l = K(null);
     E(() => a.projectId, () => {
       r?.changeParams({
         project_id: a.projectId
@@ -548,7 +549,7 @@ const mt = /* @__PURE__ */ R({
       "search-type": "inline",
       icon: e.addIcon ? "" : void 0,
       api: e.folders ? void 0 : v(r),
-      apiSetSearchParams: (...c) => v(Ee)(...c, "name"),
+      apiSetSearchParams: (...c) => v($e)(...c, "name"),
       addChanger: e.addChanger,
       useCache: ""
     }, null, 8, ["modelValue", "items", "icon", "api", "apiSetSearchParams", "addChanger"]));
@@ -559,11 +560,11 @@ const mt = /* @__PURE__ */ R({
   folder_id: j.id,
   folder_path: j.path
 }, re = {
-  id: $e,
+  id: Ee,
   name: "All groups",
   folder_id: j.id,
   folder_path: j.path
-}, _ = () => (re.name = w()?.Common.All_groups, re), Le = () => (re.name = w()?.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 = {
+}, Y = () => (re.name = w()?.Common.All_groups, re), Le = () => (re.name = w()?.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, a) => e.gen(`/get/${a}/groups/`, ["id", "name", "folder_id", "folder_path"]).changeParams({ folder_id_depth: !0, limit: 100 }), pt = (e, a) => e.gen(`/add/${a}/groups/`), yt = { class: "top-groupSelector_groupItem" }, ht = {
   key: 0,
   class: "top-comment"
 }, It = {
@@ -584,7 +585,8 @@ const mt = /* @__PURE__ */ R({
     addChanger: { type: Boolean, default: !0 },
     showPath: { type: Boolean },
     addIcon: { type: Boolean, default: !0 },
-    client: {}
+    client: {},
+    service: {}
   }, {
     groupId: { required: !0 },
     groupIdModifiers: {},
@@ -593,7 +595,7 @@ const mt = /* @__PURE__ */ R({
   }),
   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]);
+    const o = e, t = a, r = T(e, "groupId"), l = T(e, "group"), n = o.client && !o.groups ? Ce(o.client, o.service) : void 0, u = o.client ? pt(o.client, o.service) : void 0, f = K(null), c = K(void 0), x = Se("folder_id", "EQUALS", [o.folder?.id ?? 0]);
     n?.changeParams({
       project_id: o.projectId,
       folder_id_depth: !0,
@@ -617,7 +619,7 @@ const mt = /* @__PURE__ */ R({
         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(_()))), (o.autoselect === "placeholder" || !s) && (s = Le()), i(s);
+        o.autoselect === "first" && (s = c.value?.[0], o.canSelectAll && (s = be(Y()))), (o.autoselect === "placeholder" || !s) && (s = Le()), i(s);
       }
     }, { immediate: !0 }), ge({
       modelGroup: l,
@@ -631,15 +633,15 @@ const mt = /* @__PURE__ */ R({
         if (!(o.canAdd && r.value === ue)) {
           if (o.groups) {
             let s = c.value?.find((g) => g.id === r.value);
-            if (!s && o.canSelectAll && (s = _()), s)
+            if (!s && o.canSelectAll && (s = Y()), 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({
+          if (o.client && !o.groups && (r.value || r.value === Ee && !o.canSelectAll)) {
+            const s = Ce(o.client, o.service).changeParams({
               project_id: o.projectId,
               id: r.value,
               filters: [
@@ -676,9 +678,9 @@ const mt = /* @__PURE__ */ R({
       searchType: "inline",
       icon: e.addIcon ? "" : void 0,
       api: e.groups ? void 0 : v(n),
-      apiSetSearchParams: (...g) => v(Ee)(...g, "name"),
+      apiSetSearchParams: (...g) => v($e)(...g, "name"),
       appendSearchToResult: !!e.canAdd,
-      useAllItem: e.canSelectAll ? v(_)().name : !1,
+      useAllItem: e.canSelectAll ? v(Y)().name : !1,
       addChanger: e.addChanger,
       useCache: "",
       onAppendItem: m
@@ -711,7 +713,8 @@ const mt = /* @__PURE__ */ R({
     showFolders: { type: Boolean, default: !0 },
     showGroups: { type: Boolean, default: !0 },
     addIcon: { type: Boolean, default: !0 },
-    client: {}
+    client: {},
+    service: { default: "keywords_2" }
   }, {
     folderId: { required: !0 },
     folderIdModifiers: {},
@@ -727,7 +730,7 @@ const mt = /* @__PURE__ */ R({
     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 = _()), o.canSelectAllGroups && !c && (c = _()), (o.autoselect === "placeholder" || !c) && (c = Le()), c ??= ne, n.value = c;
+    l.value || (c = o.groups?.[0]), o.canSelectAllGroups && !c && (c = Y()), o.canSelectAllGroups && !c && (c = Y()), (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);
@@ -744,8 +747,9 @@ const mt = /* @__PURE__ */ R({
         canSelectAll: e.canSelectAllGroups,
         addChanger: e.addChanger,
         addIcon: e.addIcon,
-        client: e.client
-      }, null, 8, ["folderId", "folder", "projectId", "folders", "canSelectAll", "addChanger", "addIcon", "client"])) : O("", !0),
+        client: e.client,
+        service: e.service
+      }, null, 8, ["folderId", "folder", "projectId", "folders", "canSelectAll", "addChanger", "addIcon", "client", "service"])) : O("", !0),
       e.showGroups ? (h(), C(St, {
         key: 1,
         groupId: l.value,
@@ -763,18 +767,19 @@ const mt = /* @__PURE__ */ R({
         showPath: e.showFolders && !!e.folders?.[0],
         addIcon: e.addIcon,
         client: e.client,
+        service: e.service,
         onAddGroup: x
-      }, null, 8, ["groupId", "group", "projectId", "folder", "groups", "on", "canAdd", "canSelectAll", "autoselect", "addChanger", "showPath", "addIcon", "client"])) : O("", !0)
+      }, null, 8, ["groupId", "group", "projectId", "folder", "groups", "on", "canAdd", "canSelectAll", "autoselect", "addChanger", "showPath", "addIcon", "client", "service"])) : O("", !0)
     ]));
   }
-}), Be = (e) => "-" + e, H = (e) => e[0] === "-" ? e.substring(1) : e, ie = (e, a) => {
-  e = H(e);
+}), Be = (e) => "-" + e, X = (e) => e[0] === "-" ? e.substring(1) : e, ie = (e, a) => {
+  e = X(e);
   const o = a.find((t) => t.id === e);
   if (o)
     return o;
 }, Dt = (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);
+  const t = Ze.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 = {
@@ -811,10 +816,10 @@ const mt = /* @__PURE__ */ R({
   }
   t.forEach((r) => {
     const l = Te({
-      id: H(r),
+      id: X(r),
       colorId: ie(r, a.tags)?.color_id ?? "",
       name: ie(r, a.tags)?.name ?? "",
-      state: H(r) === r ? "selected" : "excluded"
+      state: X(r) === r ? "selected" : "excluded"
     });
     e.append(l);
   });
@@ -882,7 +887,7 @@ const mt = /* @__PURE__ */ R({
   },
   setup(e) {
     return (a, o) => (h(), A("div", {
-      class: X({
+      class: Z({
         "top-tagSelector_tagIcon": !0,
         "top-tagSelector-active": !!e.state,
         "top-tagSelector-excluded": e.state === "excluded"
@@ -927,7 +932,7 @@ const mt = /* @__PURE__ */ R({
       o.canExclude && (m.ctrlKey || m.metaKey) && (d = "excluded"), o.state == d && (d = ""), d === "" && t("unselect"), d === "selected" && t("select"), d === "excluded" && t("exclude");
     };
     return (m, d) => (h(), C(ve, {
-      class: X({
+      class: Z({
         "top-tagSelector_tagListItem": !0,
         "top-tagSelector_tagListItem-inEdit": u.value,
         "top-tagSelector_tagListItem-disabled": e.disabled,
@@ -955,7 +960,7 @@ const mt = /* @__PURE__ */ R({
             Ie(U(x, ["stop"]), ["esc"])
           ]
         }), b(r.value), 17, Bt),
-        e.editable ? (h(), A(Y, { key: 0 }, [
+        e.editable ? (h(), A(Q, { key: 0 }, [
           u.value ? (h(), A("span", {
             key: 1,
             "data-top-icon": "",
@@ -993,7 +998,7 @@ const mt = /* @__PURE__ */ R({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = T(e, "modelValue"), t = a.useTopButton ? Q : "div", r = a.useTopButton ? "html" : "default", l = {
+    const a = e, o = T(e, "modelValue"), t = a.useTopButton ? H : "div", r = a.useTopButton ? "html" : "default", l = {
       model: o,
       mode: a.mode,
       targetId: a.targetId,
@@ -1029,11 +1034,11 @@ const mt = /* @__PURE__ */ R({
               }, null, 8, ["name"])) : O("", !0),
               e.mode === "setter" && e.filters ? (h(), A("div", Tt, [
                 De(n.$slots, "default")
-              ])) : (h(!0), A(Y, { key: 2 }, me(o.value, (c) => (h(), C(fe, {
-                id: v(H)(c),
+              ])) : (h(!0), A(Q, { key: 2 }, me(o.value, (c) => (h(), C(fe, {
+                id: v(X)(c),
                 colorId: v(ie)(c, e.tags)?.color_id ?? "",
                 name: v(ie)(c, e.tags)?.name ?? "",
-                state: v(H)(c) === c ? "selected" : "excluded"
+                state: v(X)(c) === c ? "selected" : "excluded"
               }, null, 8, ["id", "colorId", "name", "state"]))), 256))
             ]),
             _: 2
@@ -1113,7 +1118,7 @@ const mt = /* @__PURE__ */ R({
     }, g = M(() => {
       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;
@@ -1151,7 +1156,7 @@ const mt = /* @__PURE__ */ R({
     }, je = (p) => {
       z.$?.ui.sortable && $(p.elPopup).data("ui-sortable") && $(p.elPopup).sortable("destroy");
     };
-    return (p, I) => (h(), A(Y, null, [
+    return (p, I) => (h(), A(Q, null, [
       P(At, {
         modelValue: r.value,
         "onUpdate:modelValue": I[0] || (I[0] = (S) => r.value = S),
@@ -1163,7 +1168,7 @@ const mt = /* @__PURE__ */ R({
       }, null, 8, ["modelValue", "id", "tags", "styling", "useTopButton"]),
       P(we, {
         id: v(f),
-        class: X(g.value),
+        class: Z(g.value),
         onOpen: I[4] || (I[4] = (S) => N(S)),
         onClose: I[5] || (I[5] = (S) => je(S)),
         "transition-duration": 50
@@ -1177,7 +1182,7 @@ const mt = /* @__PURE__ */ R({
             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, {
+          (h(!0), A(Q, null, me(l.value, (S) => (h(), C(Ae, {
             key: S.id,
             id: S.id,
             colorId: S.color_id,
@@ -1196,7 +1201,7 @@ const mt = /* @__PURE__ */ R({
           e.tagsEditable && l.value.length < e.tagsMax && l.value.length < 20 ? (h(), C(ve, {
             key: 1,
             "data-top-icon": "",
-            onClick: U(Z, ["stop"])
+            onClick: U(_, ["stop"])
           }, {
             default: B(() => [
               J(b(p.$i18n.Common.Add), 1)
@@ -1220,13 +1225,13 @@ const mt = /* @__PURE__ */ R({
         v(i).mode === "setter" && v(i).filters ? {
           name: "footer",
           fn: B(() => [
-            P(Q, { color: "theme" }, {
+            P(H, { color: "theme" }, {
               default: B(() => [
                 J(b(p.$i18n.Common.Cancel), 1)
               ]),
               _: 1
             }),
-            P(Q, {
+            P(H, {
               onClick: I[2] || (I[2] = (S) => v(u)("setter", {
                 tagsIds: v(i).model.value,
                 filters: v(i).filters,