@topvisor/ui 1.0.22-selectorRegion-pr → 1.1.0

package/project/project.js

@@ -1,9 +1,9 @@
 import { Core as Te } from "../core/app.js";
 import { defineComponent as q, mergeModels as R, useModel as N, computed as E, createElementBlock as B, openBlock as k, createBlock as b, unref as y, withCtx as _, Fragment as W, renderList as ie, normalizeClass as Q, createElementVNode as ye, toDisplayString as M, createVNode as L, createTextVNode as z, ref as D, watch as K, createCommentVNode as F, withModifiers as j, mergeProps as pe, withKeys as de, nextTick as be, resolveDirective as Be, withDirectives as Ve, resolveDynamicComponent as Ee, renderSlot as Me, shallowRef as $e, createSlots as Ke, reactive as we, toValue as ue, isRef as ce } from "vue";
-import { u as A, C as J, _ as Y, x as re, d as Le } from "../.chunks/forms-LTK63Ugt.es.js";
-import { _ as he, a as se, b as Ae } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-UC3o5oK5.es.js";
-import { _ as Oe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-hQu5BJPe.es.js";
-import { u as Re } from "../.chunks/utils-COoE8KP7.es.js";
+import { u as A, C as J, _ as Y, x as re, d as Le } from "../.chunks/forms-BsuCen2-.es.js";
+import { _ as he, a as se, b as Ae } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CszHDnB0.es.js";
+import { _ as Oe } from "../.chunks/menu.vue_vue_type_style_index_0_lang-DmY5w4yr.es.js";
+import { u as Re } from "../.chunks/utils-B1H3EGkg.es.js";
 import { getSearcherGIcon as Ne, getLangLabel as De, getDeviceGIcon as Fe } from "../utils/searchers.js";
 import { storage as G } from "../utils/dom.js";
 import { TopPopupWorker as qe } from "../popup/worker.js";
@@ -43,8 +43,8 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
               var n;
               return [
                 z(M((n = i.items.find((d) => {
-                  var g;
-                  return d.value === ((g = o.value) == null ? void 0 : g[0]);
+                  var m;
+                  return d.value === ((m = o.value) == null ? void 0 : m[0]);
                 })) == null ? void 0 : n.content), 1)
               ];
             }),
@@ -53,10 +53,10 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
         ]),
         contentList: _(() => [
           (k(!0), B(W, null, ie(i.items, (n, d) => {
-            var g;
+            var m;
             return k(), b(se, {
               class: Q({
-                "top-active": (g = o.value) == null ? void 0 : g.includes(n.value)
+                "top-active": (m = o.value) == null ? void 0 : m.includes(n.value)
               }),
               "data-top-icon": n.icon,
               title: n.title,
@@ -110,7 +110,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   name: "Autoselect",
   regions: [te],
   regionByIndex: /* @__PURE__ */ new Map([[x, te]])
-}, me = {
+}, ge = {
   countryCode: "00",
   depth: 1,
   device: 0,
@@ -118,7 +118,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   index: -1,
   lang: "ru",
   name: "Without region"
-}, ze = () => (te.name = A().Common.Autoselect, te), Ge = () => (ze(), oe.name = A().Common.Autoselect, console.log(oe), oe), We = () => (me.name = A().Keywords.Without_region, me), Ie = (t = !1, l = !1, o = []) => {
+}, ze = () => (te.name = A().Common.Autoselect, te), Ge = () => (ze(), oe.name = A().Common.Autoselect, console.log(oe), oe), We = () => (ge.name = A().Keywords.Without_region, ge), Ie = (t = !1, l = !1, o = []) => {
   let e;
   return t ? e = Ye(o) : e = xe(o), l && e.set(x, Ge()), e.size || e.set(x, Se), e;
 }, xe = (t, l = !0, o = [], e = !1) => {
@@ -128,9 +128,8 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     const n = { ...a };
     n.regionByIndex = /* @__PURE__ */ new Map(), a.regions && a.regions.forEach((d) => {
       if (l && !d.enabled) return;
-      vd(d.index);
-      const g = { ...d };
-      n.regionByIndex.set(g.index, g);
+      const m = { ...d };
+      n.regionByIndex.set(m.index, m);
     }), !n.regionByIndex.size && !o.length && n.regionByIndex.set(ee.index, ee), typeof n.key == "number" && i.set(n.key, n);
   }), o.forEach((a) => {
     if (i.has(a)) return;
@@ -163,7 +162,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     }), i))
       return !1;
   }), i;
-}, Qe = Re(() => import("../.chunks/dialog_selectorRegions-BYAZLdbp.es.js")), Xe = (t, l) => {
+}, Qe = Re(() => import("../.chunks/dialog_selectorRegions-BZcnnvJM.es.js")), Xe = (t, l) => {
   const o = A(), e = D(l.value.keys().next().value ?? x), i = E(() => {
     const a = /* @__PURE__ */ new Map();
     if (l.value.forEach((n) => {
@@ -197,7 +196,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   t.modelValue.length === 1 && (e.value = t.modelValue[0]), e.value === x && (t.forFrequency ? e.value = ((n = (a = l.value) == null ? void 0 : a.regionByIndex.values().next().value) == null ? void 0 : n.key) ?? x : e.value = ((d = l.value) == null ? void 0 : d.regionByIndex.keys().next().value) ?? x);
   const i = E(() => {
     var p;
-    const g = /* @__PURE__ */ new Map();
+    const m = /* @__PURE__ */ new Map();
     return (p = l.value.regionByIndex) == null || p.forEach((h) => {
       let r = h.name;
       if (t.forFrequency) {
@@ -205,31 +204,31 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
           value: h.key,
           title: r
         };
-        g.has(h.key) || g.set(h.key, I);
+        m.has(h.key) || m.set(h.key, I);
         return;
       }
       h.device && (r += " (" + o.Common["Device_" + h.device] + ")");
-      const m = De(l.value.key || 0, h.lang ?? "");
-      m && (r += " / " + m);
+      const g = De(l.value.key || 0, h.lang ?? "");
+      g && (r += " / " + g);
       const u = {
         value: h.index,
         title: r,
         icon: h.device ? Fe(h.device) : void 0
       };
-      g.set(h.index, u);
-    }), g;
+      m.set(h.index, u);
+    }), m;
   });
-  return K(i, (g, p) => {
+  return K(i, (m, p) => {
     var u;
-    if (t.onlySearcher || e.value !== void 0 && g.get(e.value))
+    if (t.onlySearcher || e.value !== void 0 && m.get(e.value))
       return;
-    let h = g.keys().next().value;
+    let h = m.keys().next().value;
     if (e.value === x || h === x) {
       e.value = h;
       return;
     }
-    let r = ((u = p == null ? void 0 : p.get(e.value)) == null ? void 0 : u.title) || "", m = -1;
-    for (const [I, T] of g.entries()) {
+    let r = ((u = p == null ? void 0 : p.get(e.value)) == null ? void 0 : u.title) || "", g = -1;
+    for (const [I, T] of m.entries()) {
       const C = T.title;
       if (typeof C != "string" || typeof I == "string")
         break;
@@ -239,7 +238,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       }
       const V = new RegExp(` \\((${o.Common.Device_1}|${o.Common.Device_2})\\)`);
       let f = r, s = 3;
-      C.indexOf(f) === -1 && (f = r.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(f) === -1 && (f = r.replace(/ \/.*/, ""), s--), C.indexOf(f) === -1 && (f = r.replace(/ \/.*/, ""), f = f.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(f) !== -1 && (s <= m || (m = s, h = I));
+      C.indexOf(f) === -1 && (f = r.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(f) === -1 && (f = r.replace(/ \/.*/, ""), s--), C.indexOf(f) === -1 && (f = r.replace(/ \/.*/, ""), f = f.replace(/^[^a-zа-я]/i, "").replace(V, ""), s--), C.indexOf(f) !== -1 && (s <= g || (g = s, h = I));
     }
     e.value = h;
   }), {
@@ -274,14 +273,14 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
 }, tt = (t) => {
   const l = E(() => Ie(t.forFrequency, t.autoRegion, t.searchers)), o = E(() => l.value.get(i.searcherKey.value) || Se), e = E(() => {
     const r = /* @__PURE__ */ new Set();
-    return l.value.forEach((m) => {
-      m.regionByIndex.forEach((u) => {
+    return l.value.forEach((g) => {
+      g.regionByIndex.forEach((u) => {
         u.index !== -1 && u.index !== x && r.add(u.index);
       });
     }), r;
   }), i = Xe(t, l), a = Ze(t, o), n = et(t, l, e);
   K(l, () => {
-    var m, u, I, T;
+    var g, u, I, T;
     if (t.onlySearcher ? n.regionsIndexes.value = Array.from(l.value.keys()) : n.regionsIndexes.value = n.regionsIndexes.value.filter((C) => e.value.has(C)), i.searcherKey.value === -1) return;
     let r = l.value.keys().next().value;
     l.value.forEach((C) => {
@@ -296,16 +295,16 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
         const v = (s = l.value.get(C.key)) == null ? void 0 : s.regionByIndex;
         c != null && c.has(x) && !(v != null && v.has(x)) && (r = C.key);
       }
-    }), r !== void 0 && (i.searcherKey.value = r), a.regionIndex.value !== void 0 && !((u = (m = o.value) == null ? void 0 : m.regionByIndex) != null && u.has(a.regionIndex.value)) && (a.regionIndex.value = (T = (I = o.value) == null ? void 0 : I.regions) == null ? void 0 : T.keys().next().value);
+    }), r !== void 0 && (i.searcherKey.value = r), a.regionIndex.value !== void 0 && !((u = (g = o.value) == null ? void 0 : g.regionByIndex) != null && u.has(a.regionIndex.value)) && (a.regionIndex.value = (T = (I = o.value) == null ? void 0 : I.regions) == null ? void 0 : T.keys().next().value);
   }, { immediate: !0 });
   const d = () => {
     if (!(i.searcherKey.value === -1 || i.searcherKey.value === x))
       return i.searcherKey.value;
-  }, g = () => {
+  }, m = () => {
     if (t.onlySearcher || a.regionIndex.value === x) return;
     let r = a.regionIndex.value;
     if (t.forFrequency) {
-      const m = a.regionIndex.value, u = He(t.forFrequency, { searcher_key: d(), key: m }, t.searchers);
+      const g = a.regionIndex.value, u = He(t.forFrequency, { searcher_key: d(), key: g }, t.searchers);
       r = u == null ? void 0 : u.index;
     }
     return r;
@@ -322,10 +321,10 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     allRegionsIndexes: e,
     getSearcher: p,
     getRegion: () => {
-      var m, u;
-      const r = g();
+      var g, u;
+      const r = m();
       if (r !== void 0)
-        return (u = (m = p()) == null ? void 0 : m.regionByIndex) == null ? void 0 : u.get(r);
+        return (u = (g = p()) == null ? void 0 : g.regionByIndex) == null ? void 0 : u.get(r);
     }
   };
 }, at = /* @__PURE__ */ q({
@@ -354,13 +353,13 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       selectSearcher: a,
       selectRegion: n,
       compare: d,
-      searcherByKey: g,
+      searcherByKey: m,
       allRegionsIndexes: p,
       getSearcher: h,
       getRegion: r
-    } = tt(o), m = () => {
+    } = tt(o), g = () => {
       const u = [];
-      g.value.forEach((I) => {
+      m.value.forEach((I) => {
         I.enabled && I.regions.forEach((T) => {
           T.enabled && u.push(T);
         });
@@ -383,8 +382,8 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     }, { immediate: !0 }), K(e, () => {
       var u, I, T, C, V;
       if (e.value[0] && (i.value = e.value[0]), o.onlySearcher) {
-        if (!e.value.length || e.value.length === 1 && !g.value.has(e.value[0])) {
-          let f = g.value.keys().next().value;
+        if (!e.value.length || e.value.length === 1 && !m.value.has(e.value[0])) {
+          let f = m.value.keys().next().value;
           f !== void 0 && (e.value = [f]);
           return;
         }
@@ -393,12 +392,12 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
           return;
         }
       } else {
-        let f = [...new Set(e.value)], s = (I = (u = g.value.values().next().value) == null ? void 0 : u.regionByIndex) == null ? void 0 : I.keys().next().value;
-        if (o.forFrequency && (s = (V = (C = (T = g.value.values().next().value) == null ? void 0 : T.regionByIndex) == null ? void 0 : C.values().next().value) == null ? void 0 : V.key), !f.length)
+        let f = [...new Set(e.value)], s = (I = (u = m.value.values().next().value) == null ? void 0 : u.regionByIndex) == null ? void 0 : I.keys().next().value;
+        if (o.forFrequency && (s = (V = (C = (T = m.value.values().next().value) == null ? void 0 : T.regionByIndex) == null ? void 0 : C.values().next().value) == null ? void 0 : V.key), !f.length)
           s !== void 0 && f.push(s);
         else if (f.length === 1) {
           let c = p.value;
-          o.forFrequency && (c = /* @__PURE__ */ new Set(), g.value.forEach((v) => {
+          o.forFrequency && (c = /* @__PURE__ */ new Set(), m.value.forEach((v) => {
             v.regionByIndex.forEach((S) => {
               S.index !== -1 && S.index !== x && c.add(S.key);
             });
@@ -421,7 +420,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
         } else if (e.value.length === 1 && a.searcherKey.value !== -1) {
           n.regionIndex.value = e.value[0];
           let f;
-          for (const s of g.value.values()) {
+          for (const s of m.value.values()) {
             for (const c of s.regionByIndex.values())
               if ((o.forFrequency ? c.key : c.index) === n.regionIndex.value) {
                 f = s.key;
@@ -462,7 +461,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       u.addCompare && !u.onlySearcher && y(a).searcherKey.value === -1 ? (k(), b(Y, {
         key: 1,
         name: "compare",
-        onClick: m,
+        onClick: g,
         "data-count-compare-regions-indexes": y(d).regionsIndexes.value.length
       }, {
         default: _(() => [
@@ -523,7 +522,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     name: "Turquoise",
     color_id: "10"
   }
-], ge = (t) => "-" + t, H = (t) => t[0] === "-" ? t.substring(1) : t, ae = (t, l) => {
+], me = (t) => "-" + t, H = (t) => t[0] === "-" ? t.substring(1) : t, ae = (t, l) => {
   t = H(t);
   const o = l.find((e) => e.id === t);
   if (o)
@@ -568,39 +567,39 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
   setup(t, { emit: l }) {
     const o = t, e = l, i = N(t, "name"), a = D(null), n = E(() => navigator.userAgent.indexOf("Firefox") != -1 ? {
       contenteditable: d.value,
-      onpaste: (m) => m.preventDefault()
-    } : {}), d = D(!1), g = async () => {
-      var m;
-      d.value = !0, await be(), (m = a.value) == null || m.focus();
+      onpaste: (g) => g.preventDefault()
+    } : {}), d = D(!1), m = async () => {
+      var g;
+      d.value = !0, await be(), (g = a.value) == null || g.focus();
     }, p = () => {
       var u;
-      const m = (u = a.value) == null ? void 0 : u.innerText;
-      if (!m) return h();
-      a.value && (a.value.innerText = m), d.value = !1, e("update:name", m);
+      const g = (u = a.value) == null ? void 0 : u.innerText;
+      if (!g) return h();
+      a.value && (a.value.innerText = g), d.value = !1, e("update:name", g);
     }, h = async () => {
       a.value && (a.value.innerText = o.name), d.value = !1;
-    }, r = (m) => {
+    }, r = (g) => {
       if (d.value || o.disabled) return;
       let u = "selected";
-      o.canExclude && (m.ctrlKey || m.metaKey) && (u = "excluded"), o.state == u && (u = ""), u === "" && e("unselect"), u === "selected" && e("select"), u === "excluded" && e("exclude");
+      o.canExclude && (g.ctrlKey || g.metaKey) && (u = "excluded"), o.state == u && (u = ""), u === "" && e("unselect"), u === "selected" && e("select"), u === "excluded" && e("exclude");
     };
-    return (m, u) => (k(), b(se, {
+    return (g, u) => (k(), 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"
+        "top-tagSelector_tagListItem-disabled": g.disabled,
+        "top-tagSelector_tagListItem-canExclude": g.canExclude,
+        "top-tagSelector-active": !!g.state,
+        "top-tagSelector-excluded": g.state === "excluded"
       }),
       onClick: j(r, ["stop"])
     }, {
       default: _(() => [
         L(le, {
-          id: m.id,
+          id: g.id,
           name: i.value,
-          colorId: m.colorId,
-          state: m.state
+          colorId: g.colorId,
+          state: g.state
         }, null, 8, ["id", "name", "colorId", "state"]),
         ye("span", pe({
           ref_key: "elName",
@@ -613,7 +612,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
             de(j(h, ["stop"]), ["esc"])
           ]
         }), M(i.value), 17, ot),
-        m.editable ? (k(), B(W, { key: 0 }, [
+        g.editable ? (k(), B(W, { key: 0 }, [
           d.value ? (k(), B("span", {
             key: 1,
             "data-top-icon": "",
@@ -623,7 +622,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
             key: 0,
             "data-top-icon": "",
             class: "top-tagSelector_edit",
-            onClick: g
+            onClick: m
           }))
         ], 64)) : F("", !0)
       ]),
@@ -658,7 +657,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       payload: l.payload
     };
     return (n, d) => {
-      const g = Be("top-data");
+      const m = Be("top-data");
       return k(), b(Ae, { id: n.id }, {
         default: _(() => [
           Ve((k(), b(Ee(y(e)), pe({
@@ -695,7 +694,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
             ]),
             _: 2
           }, 1040, ["class"])), [
-            [g, a, "topTagSelectorTarget"]
+            [m, a, "topTagSelectorTarget"]
           ])
         ]),
         _: 3
@@ -730,7 +729,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
       n(s, c);
     }, e.emitDelay);
     e.singleMode && !i.value.length && (i.value = [a.value[0].id]);
-    const g = e.id ?? "top-popup-id-" + Math.random(), p = D("add"), h = () => {
+    const m = e.id ?? "top-popup-id-" + Math.random(), p = D("add"), h = () => {
       var v;
       const s = " " + ((v = o.Common.Tags) == null ? void 0 : v.toLowerCase()), c = /* @__PURE__ */ new Map();
       return c.set("add", { value: "add", title: o.Common.Add + s }), c.set("replace", { value: "replace", title: o.Common.Replace + s }), c.set("delete", { value: "delete", title: o.Common.Delete + s }), c;
@@ -745,17 +744,17 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     K(i, () => {
       d("selector", i.value);
     });
-    const m = E(() => {
+    const g = E(() => {
       if (r.value.mode === "setter" && e.maxTagsForSetter && !r.value.filters)
         return r.value.model.value.length >= e.maxTagsForSetter;
     }), u = (s) => {
       if (s !== "all") {
         if (r.value.model.value.includes(s)) return "selected";
-        if (r.value.model.value.includes(ge(s))) return "excluded";
+        if (r.value.model.value.includes(me(s))) return "excluded";
       }
       return s === "all" && !r.value.model.value.length ? "selected" : "";
     }, I = (s, c) => {
-      const v = ge(s);
+      const v = me(s);
       let S = r.value.model.value.filter((w) => w !== s && w !== v);
       c === "select" && S.push(s), c === "exclude" && S.push(v), r.value.mode === "setter" && r.value.targetId !== void 0 && e.requiredForSetter && (S.length || S.push("1"), S.length === 2 && r.value.model.value.length === 1 && r.value.model.value[0] === "1" && (S = S.filter((w) => w !== "1"))), e.singleMode && !r.value.filters && (S.length || (S = r.value.model.value), S.length > 1 && (S = [S[S.length - 1]])), S.sort((w, P) => {
         if (!e.tags) return 0;
@@ -814,13 +813,13 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
         class: "top-select_arrow",
         modelValue: i.value,
         "onUpdate:modelValue": c[0] || (c[0] = (v) => i.value = v),
-        id: y(g),
+        id: y(m),
         tags: a.value,
         mode: "filter",
         useTopButton: ""
       }, null, 8, ["modelValue", "id", "tags"]),
       L(he, {
-        id: y(g),
+        id: y(m),
         class: Q(T.value),
         onOpen: c[4] || (c[4] = (v) => V(v)),
         onClose: c[5] || (c[5] = (v) => f(v)),
@@ -843,7 +842,7 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
             state: u(v.id),
             canExclude: y(r).mode === "filter" && !s.singleMode,
             editable: s.tagsEditable,
-            disabled: m.value && u(v.id) === "",
+            disabled: g.value && u(v.id) === "",
             onUnselect: (S) => I(v.id, "unselect"),
             onSelect: (S) => I(v.id, "select"),
             onExclude: (S) => I(v.id, "exclude"),
@@ -948,11 +947,11 @@ const Pe = { class: "top-selectorCompetitors" }, Ue = { class: "top-ellipsis1" }
     t.append(a);
   }
   e.forEach((a) => {
-    var d, g;
+    var d, m;
     const n = ve({
       id: H(a),
       colorId: ((d = ae(a, l.tags)) == null ? void 0 : d.color_id) ?? "",
-      name: ((g = ae(a, l.tags)) == null ? void 0 : g.name) ?? "",
+      name: ((m = ae(a, l.tags)) == null ? void 0 : m.name) ?? "",
       state: H(a) === a ? "selected" : "excluded"
     });
     t.append(n);