@ohbug/extension-feedback 0.4.0 → 0.6.0

package/dist/index.mjs

@@ -1,19 +1,19 @@
-const E = {};
-function ze(e) {
-  E.context = e;
+const S = {};
+function Le(e) {
+  S.context = e;
 }
-const Le = (e, t) => e === t, L = Symbol("solid-proxy"), De = Symbol("solid-track"), W = {
-  equals: Le
+const ze = (e, t) => e === t, z = Symbol("solid-proxy"), He = Symbol("solid-track"), W = {
+  equals: ze
 };
 let be = me;
-const D = {}, O = 1, X = 2, pe = {
+const H = {}, O = 1, X = 2, pe = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var y = null;
-let G = null, b = null, M = null, v = null, _ = null, le = 0;
+let G = null, b = null, B = null, $ = null, E = null, le = 0;
 function je(e, t) {
   const n = b, o = y, l = e.length === 0, s = l ? pe : {
     owned: null,
@@ -34,10 +34,10 @@ function F(e, t) {
     value: e,
     observers: null,
     observerSlots: null,
-    pending: D,
+    pending: H,
     comparator: t.equals || void 0
-  }, o = (l) => (typeof l == "function" && (l = l(n.pending !== D ? n.pending : n.value)), ie(n, l));
-  return [$e.bind(n), o];
+  }, o = (l) => (typeof l == "function" && (l = l(n.pending !== H ? n.pending : n.value)), ie(n, l));
+  return [ve.bind(n), o];
 }
 function j(e, t, n) {
   const o = re(e, t, !1, O);
@@ -46,29 +46,29 @@ function j(e, t, n) {
 function we(e, t, n) {
   be = Fe;
   const o = re(e, t, !1, O);
-  o.user = !0, _ ? _.push(o) : I(o);
+  o.user = !0, E ? E.push(o) : I(o);
 }
 function de(e, t, n) {
   n = n ? Object.assign({}, W, n) : W;
   const o = re(e, t, !0, 0);
-  return o.pending = D, o.observers = null, o.observerSlots = null, o.comparator = n.equals || void 0, I(o), $e.bind(o);
+  return o.pending = H, o.observers = null, o.observerSlots = null, o.comparator = n.equals || void 0, I(o), ve.bind(o);
 }
 function ye(e) {
-  if (M)
+  if (B)
     return e();
   let t;
-  const n = M = [];
+  const n = B = [];
   try {
     t = e();
   } finally {
-    M = null;
+    B = null;
   }
   return ce(() => {
     for (let o = 0; o < n.length; o += 1) {
       const l = n[o];
-      if (l.pending !== D) {
+      if (l.pending !== H) {
         const s = l.pending;
-        l.pending = D, ie(l, s);
+        l.pending = H, ie(l, s);
       }
     }
   }, !1), t;
@@ -77,17 +77,17 @@ function se(e) {
   let t, n = b;
   return b = null, t = e(), b = n, t;
 }
-function He(e) {
+function Me(e) {
   return y === null || (y.cleanups === null ? y.cleanups = [e] : y.cleanups.push(e)), e;
 }
-function ve() {
+function $e() {
   return b;
 }
-function $e() {
+function ve() {
   const e = G;
   if (this.sources && (this.state || e)) {
-    const t = v;
-    v = null, this.state === O || e ? I(this) : Y(this), v = t;
+    const t = $;
+    $ = null, this.state === O || e ? I(this) : Y(this), $ = t;
   }
   if (b) {
     const t = this.observers ? this.observers.length : 0;
@@ -96,18 +96,18 @@ function $e() {
   return this.value;
 }
 function ie(e, t, n) {
-  if (M)
-    return e.pending === D && M.push(e), e.pending = t, t;
+  if (B)
+    return e.pending === H && B.push(e), e.pending = t, t;
   if (e.comparator && e.comparator(e.value, t))
     return t;
   let o = !1;
   return e.value = t, e.observers && e.observers.length && ce(() => {
     for (let l = 0; l < e.observers.length; l += 1) {
       const s = e.observers[l];
-      o && G.disposed.has(s), (o && !s.tState || !o && !s.state) && (s.pure ? v.push(s) : _.push(s), s.observers && xe(s)), o || (s.state = O);
+      o && G.disposed.has(s), (o && !s.tState || !o && !s.state) && (s.pure ? $.push(s) : E.push(s), s.observers && xe(s)), o || (s.state = O);
     }
-    if (v.length > 1e6)
-      throw v = [], new Error();
+    if ($.length > 1e6)
+      throw $ = [], new Error();
   }, !1), t;
 }
 function I(e) {
@@ -115,14 +115,14 @@ function I(e) {
     return;
   ue(e);
   const t = y, n = b, o = le;
-  b = y = e, Be(e, e.value, o), b = n, y = t;
+  b = y = e, De(e, e.value, o), b = n, y = t;
 }
-function Be(e, t, n) {
+function De(e, t, n) {
   let o;
   try {
     o = e.fn(t);
   } catch (l) {
-    Se(l);
+    Ee(l);
   }
   (!e.updatedAt || e.updatedAt <= n) && (e.observers && e.observers.length ? ie(e, o) : e.value = o, e.updatedAt = n);
 }
@@ -157,26 +157,26 @@ function R(e) {
     if (e = n[o], e.state === O || t)
       I(e);
     else if (e.state === X || t) {
-      const l = v;
-      v = null, Y(e, n[0]), v = l;
+      const l = $;
+      $ = null, Y(e, n[0]), $ = l;
     }
 }
 function ce(e, t) {
-  if (v)
+  if ($)
     return e();
   let n = !1;
-  t || (v = []), _ ? n = !0 : _ = [], le++;
+  t || ($ = []), E ? n = !0 : E = [], le++;
   try {
     const o = e();
-    return Me(n), o;
+    return Be(n), o;
   } catch (o) {
-    v || (_ = null), Se(o);
+    $ || (E = null), Ee(o);
   }
 }
-function Me(e) {
-  v && (me(v), v = null), !e && (_.length ? ye(() => {
-    be(_), _ = null;
-  }) : _ = null);
+function Be(e) {
+  $ && (me($), $ = null), !e && (E.length ? ye(() => {
+    be(E), E = null;
+  }) : E = null);
 }
 function me(e) {
   for (let t = 0; t < e.length; t++)
@@ -188,7 +188,7 @@ function Fe(e) {
     const l = e[t];
     l.user ? e[n++] = l : R(l);
   }
-  E.context && ze();
+  S.context && Le();
   const o = e.length;
   for (t = 0; t < n; t++)
     R(e[t]);
@@ -207,7 +207,7 @@ function xe(e) {
   const t = G;
   for (let n = 0; n < e.observers.length; n += 1) {
     const o = e.observers[n];
-    (!o.state || t) && (o.state = X, o.pure ? v.push(o) : _.push(o), o.observers && xe(o));
+    (!o.state || t) && (o.state = X, o.pure ? $.push(o) : E.push(o), o.observers && xe(o));
   }
 }
 function ue(e) {
@@ -232,10 +232,10 @@ function ue(e) {
   }
   e.state = 0, e.context = null;
 }
-function Se(e) {
+function Ee(e) {
   throw e;
 }
-function S(e, t) {
+function x(e, t) {
   return se(() => e(t || {}));
 }
 function V(e) {
@@ -253,7 +253,7 @@ function V(e) {
   });
 }
 function Re(e, t, n) {
-  let o = n.length, l = t.length, s = o, i = 0, r = 0, c = t[l - 1].nextSibling, u = null;
+  let o = n.length, l = t.length, s = o, i = 0, r = 0, c = t[l - 1].nextSibling, f = null;
   for (; i < l || r < s; ) {
     if (t[i] === n[r]) {
       i++, r++;
@@ -267,24 +267,24 @@ function Re(e, t, n) {
         e.insertBefore(n[r++], a);
     } else if (s === r)
       for (; i < l; )
-        (!u || !u.has(t[i])) && t[i].remove(), i++;
+        (!f || !f.has(t[i])) && t[i].remove(), i++;
     else if (t[i] === n[s - 1] && n[r] === t[l - 1]) {
       const a = t[--l].nextSibling;
       e.insertBefore(n[r++], t[i++].nextSibling), e.insertBefore(n[--s], a), t[l] = n[s];
     } else {
-      if (!u) {
-        u = /* @__PURE__ */ new Map();
-        let g = r;
-        for (; g < s; )
-          u.set(n[g], g++);
+      if (!f) {
+        f = /* @__PURE__ */ new Map();
+        let h = r;
+        for (; h < s; )
+          f.set(n[h], h++);
       }
-      const a = u.get(t[i]);
+      const a = f.get(t[i]);
       if (a != null)
         if (r < a && a < s) {
-          let g = i, $ = 1, x;
-          for (; ++g < l && g < s && !((x = u.get(t[g])) == null || x !== a + $); )
-            $++;
-          if ($ > a - r) {
+          let h = i, v = 1, _;
+          for (; ++h < l && h < s && !((_ = f.get(t[h])) == null || _ !== a + v); )
+            v++;
+          if (v > a - r) {
             const C = t[i];
             for (; r < a; )
               e.insertBefore(n[r++], C);
@@ -312,22 +312,19 @@ function N(e, t, n) {
   let l = o.content.firstChild;
   return n && (l = l.firstChild), l;
 }
-function _e(e, t = window.document) {
+function Se(e, t = window.document) {
   const n = t[he] || (t[he] = /* @__PURE__ */ new Set());
   for (let o = 0, l = e.length; o < l; o++) {
     const s = e[o];
-    n.has(s) || (n.add(s), t.addEventListener(s, Ge));
+    n.has(s) || (n.add(s), t.addEventListener(s, Ue));
   }
 }
-function Ue(e, t) {
-  t == null ? e.removeAttribute("class") : e.className = t;
-}
 function m(e, t, n, o) {
   if (n !== void 0 && !o && (o = []), typeof t != "function")
     return J(e, t, o, n);
   j((l) => J(e, t(), l, n), o);
 }
-function Ge(e) {
+function Ue(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -338,7 +335,7 @@ function Ge(e) {
     get() {
       return n || document;
     }
-  }), E.registry && !E.done && (E.done = !0, document.querySelectorAll("[id^=pl-]").forEach((o) => o.remove())); n !== null; ) {
+  }), S.registry && !S.done && (S.done = !0, document.querySelectorAll("[id^=pl-]").forEach((o) => o.remove())); n !== null; ) {
     const o = n[t];
     if (o && !n.disabled) {
       const l = n[`${t}Data`];
@@ -349,13 +346,13 @@ function Ge(e) {
   }
 }
 function J(e, t, n, o, l) {
-  for (E.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+  for (S.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
     n = n();
   if (t === n)
     return n;
   const s = typeof t, i = o !== void 0;
   if (e = i && n[0] && n[0].parentNode || e, s === "string" || s === "number") {
-    if (E.context)
+    if (S.context)
       return n;
     if (s === "number" && (t = t.toString()), i) {
       let r = n[0];
@@ -363,7 +360,7 @@ function J(e, t, n, o, l) {
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
   } else if (t == null || s === "boolean") {
-    if (E.context)
+    if (S.context)
       return n;
     n = P(e, n, o);
   } else {
@@ -378,9 +375,9 @@ function J(e, t, n, o, l) {
       const r = [], c = n && Array.isArray(n);
       if (te(r, t, n, l))
         return j(() => n = J(e, r, n, o, !0)), () => n;
-      if (E.context) {
-        for (let u = 0; u < r.length; u++)
-          if (r[u].parentNode)
+      if (S.context) {
+        for (let f = 0; f < r.length; f++)
+          if (r[f].parentNode)
             return n = r;
       }
       if (r.length === 0) {
@@ -390,7 +387,7 @@ function J(e, t, n, o, l) {
         c ? n.length === 0 ? ge(e, r, o) : Re(e, n, r) : (n && P(e), ge(e, r));
       n = r;
     } else if (t instanceof Node) {
-      if (E.context && t.parentNode)
+      if (S.context && t.parentNode)
         return n = i ? [t] : t;
       if (Array.isArray(n)) {
         if (i)
@@ -420,8 +417,8 @@ function te(e, t, n, o) {
         } else
           e.push(r), l = !0;
       else {
-        const u = String(r);
-        c && c.nodeType === 3 && c.data === u ? e.push(c) : e.push(document.createTextNode(u));
+        const f = String(r);
+        c && c.nodeType === 3 && c.data === f ? e.push(c) : e.push(document.createTextNode(f));
       }
   }
   return l;
@@ -448,42 +445,48 @@ function P(e, t, n, o) {
     e.insertBefore(l, n);
   return [l];
 }
-function Ie(e, t, ...n) {
+function Ge(e, t, ...n) {
   if (t === void 0)
     throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");
   if (!e) {
-    let o = 0, l = t.replace(/%s/g, () => n[o++]);
+    let o = 0;
+    const l = t.replace(/%s/g, () => n[o++]);
     throw new Error(`Ohbug ${l}`);
   }
 }
-var qe = {};
-function Ke() {
-  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : qe;
-}
-function We() {
-  let e = Ke();
-  return Ie(Boolean(e.__OHBUG__), "Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"), e.__OHBUG__;
+var Ie = {};
+function qe() {
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : Ie;
 }
-function Ee(e, t) {
-  e.parentNode && (t.push(e.parentNode), Ee(e.parentNode, t));
-}
-function Xe(e) {
-  let t = [];
-  return t.push(e), Ee(e, t), t;
-}
-var Ye = (e) => {
-  let t = e.target || e.srcElement, n = e.target || e.srcElement, o = [];
+function Ke() {
+  const e = qe();
+  return Ge(
+    Boolean(e.__OHBUG__),
+    "Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"
+  ), e.__OHBUG__;
+}
+function _e(e, t) {
+  e.parentNode && (t.push(e.parentNode), _e(e.parentNode, t));
+}
+function We(e) {
+  const t = [];
+  return t.push(e), _e(e, t), t;
+}
+var Xe = (e) => {
+  const t = e.target || e.srcElement;
+  let n = e.target || e.srcElement;
+  const o = [];
   for (let i = 0; n && n.nodeType === Node.ELEMENT_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE; n = n.previousSibling)
     i && o.push(n), i += 1;
-  let l = typeof e.path > "u" ? Xe(e.target) : e.path, { outerHTML: s } = t;
+  const l = typeof e.path > "u" ? We(e.target) : e.path, { outerHTML: s } = t;
   return l.reverse().map((i) => (i.localName || "") + (i.id ? `#${i.id}` : "") + (i.className ? `.${i.className}` : "") + (i.outerHTML === s ? `:nth-child(${o.length})` : "")).filter((i) => Boolean(i)).join(" > ");
 };
-const Ae = Symbol("store-raw"), Q = Symbol("store-node"), Je = Symbol("store-name");
+const Ae = Symbol("store-raw"), Q = Symbol("store-node"), Ye = Symbol("store-name");
 function Ne(e, t) {
-  let n = e[L];
+  let n = e[z];
   if (!n) {
-    Object.defineProperty(e, L, {
-      value: n = new Proxy(e, et)
+    Object.defineProperty(e, z, {
+      value: n = new Proxy(e, Ze)
     });
     const o = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
     for (let s = 0, i = o.length; s < i; s++) {
@@ -500,7 +503,7 @@ function Ne(e, t) {
 }
 function Z(e) {
   let t;
-  return e != null && typeof e == "object" && (e[L] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+  return e != null && typeof e == "object" && (e[z] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
 function U(e, t = /* @__PURE__ */ new Set()) {
   let n, o, l, s;
@@ -515,7 +518,7 @@ function U(e, t = /* @__PURE__ */ new Set()) {
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
     const i = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
-    for (let c = 0, u = i.length; c < u; c++)
+    for (let c = 0, f = i.length; c < f; c++)
       s = i[c], !r[s].get && (l = e[s], (o = U(l, t)) !== l && (e[s] = o));
   }
   return e;
@@ -529,17 +532,17 @@ function fe(e) {
 function ne(e, t, n) {
   return e[t] || (e[t] = Oe(n, !0));
 }
-function Qe(e, t) {
+function Je(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === L || t === Q || t === Je || (delete n.value, delete n.writable, n.get = () => e[L][t]), n;
+  return !n || n.get || !n.configurable || t === z || t === Q || t === Ye || (delete n.value, delete n.writable, n.get = () => e[z][t]), n;
 }
 function ke(e) {
-  if (ve()) {
+  if ($e()) {
     const t = fe(e);
     (t._ || (t._ = Oe()))();
   }
 }
-function Ze(e) {
+function Qe(e) {
   return ke(e), Reflect.ownKeys(e);
 }
 function Oe(e, t) {
@@ -551,13 +554,13 @@ function Oe(e, t) {
   });
   return n.$ = o, n;
 }
-const et = {
+const Ze = {
   get(e, t, n) {
     if (t === Ae)
       return e;
-    if (t === L)
+    if (t === z)
       return n;
-    if (t === De)
+    if (t === He)
       return ke(e);
     const o = fe(e), l = o[t];
     let s = l ? o[t]() : e[t];
@@ -565,7 +568,7 @@ const et = {
       return s;
     if (!l) {
       const i = Object.getOwnPropertyDescriptor(e, t);
-      ve() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = ne(o, t, s)());
+      $e() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = ne(o, t, s)());
     }
     return Z(s) ? Ne(s) : s;
   },
@@ -575,8 +578,8 @@ const et = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: Ze,
-  getOwnPropertyDescriptor: Qe
+  ownKeys: Qe,
+  getOwnPropertyDescriptor: Je
 };
 function ee(e, t, n) {
   if (e[t] === n)
@@ -593,7 +596,7 @@ function Ce(e, t) {
     ee(e, l, t[l]);
   }
 }
-function tt(e, t) {
+function et(e, t) {
   if (typeof t == "function" && (t = t(e)), t = U(t), Array.isArray(t)) {
     if (e === t)
       return;
@@ -606,30 +609,30 @@ function tt(e, t) {
   } else
     Ce(e, t);
 }
-function B(e, t, n = []) {
+function D(e, t, n = []) {
   let o, l = e;
   if (t.length > 1) {
     o = t.shift();
     const i = typeof o, r = Array.isArray(e);
     if (Array.isArray(o)) {
       for (let c = 0; c < o.length; c++)
-        B(e, [o[c]].concat(t), n);
+        D(e, [o[c]].concat(t), n);
       return;
     } else if (r && i === "function") {
       for (let c = 0; c < e.length; c++)
-        o(e[c], c) && B(e, [c].concat(t), n);
+        o(e[c], c) && D(e, [c].concat(t), n);
       return;
     } else if (r && i === "object") {
       const {
         from: c = 0,
-        to: u = e.length - 1,
+        to: f = e.length - 1,
         by: a = 1
       } = o;
-      for (let g = c; g <= u; g += a)
-        B(e, [g].concat(t), n);
+      for (let h = c; h <= f; h += a)
+        D(e, [h].concat(t), n);
       return;
     } else if (t.length > 1) {
-      B(e[o], t, [o].concat(n));
+      D(e[o], t, [o].concat(n));
       return;
     }
     l = e[o], n = [o].concat(n);
@@ -637,36 +640,36 @@ function B(e, t, n = []) {
   let s = t[0];
   typeof s == "function" && (s = s(l, n), s === l) || o === void 0 && s == null || (s = U(s), o === void 0 || Z(l) && Z(s) && !Array.isArray(s) ? Ce(l, s) : ee(e, o, s));
 }
-function nt(...[e, t]) {
+function tt(...[e, t]) {
   const n = U(e || {}), o = Array.isArray(n), l = Ne(n);
   function s(...i) {
     ye(() => {
-      o && i.length === 1 ? tt(n, i[0]) : B(n, i);
+      o && i.length === 1 ? et(n, i[0]) : D(n, i);
     });
   }
   return [l, s];
 }
-const [p, z] = nt({ working: !1, selectedElement: null }), ot = /* @__PURE__ */ N('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" data-ohbug-selector fill="rgba(255,255,255,1)"></path></svg>'), lt = /* @__PURE__ */ N('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" data-ohbug-selector></path></svg>'), oe = () => ot.cloneNode(!0), st = () => (() => {
-  const e = lt.cloneNode(!0);
+const [p, L] = tt({ working: !1, selectedElement: null }), nt = /* @__PURE__ */ N('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" data-ohbug-selector fill="rgba(255,255,255,1)"></path></svg>'), ot = /* @__PURE__ */ N('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" data-ohbug-selector></path></svg>'), oe = () => nt.cloneNode(!0), lt = () => (() => {
+  const e = ot.cloneNode(!0);
   return e.firstChild.nextSibling.style.setProperty("fill", "var(--color)"), e;
 })();
-const it = /* @__PURE__ */ N('<div class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none" data-ohbug-selector><div class="tips" data-ohbug-selector>Select element on the page<button class="stop-btn" type="button"></button></div></div>'), rt = /* @__PURE__ */ N('<button class="rounded-full cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" data-ohbug-selector type="button"></button>'), ct = /* @__PURE__ */ N('<button class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" data-ohbug-selector type="button">Change</button>'), ut = /* @__PURE__ */ N('<div class="-z-1 fixed" data-ohbug-selector><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div data-ohbug-selector></div></div>'), ft = () => {
+const st = /* @__PURE__ */ N('<div class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none" data-ohbug-selector><div class="tips" data-ohbug-selector>Select element on the page<button class="stop-btn" type="button"></button></div></div>'), it = /* @__PURE__ */ N('<button class="rounded-full cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" data-ohbug-selector type="button"></button>'), rt = /* @__PURE__ */ N('<button class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" data-ohbug-selector type="button">Change</button>'), ct = /* @__PURE__ */ N('<div class="-z-1 fixed" data-ohbug-selector><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div data-ohbug-selector></div></div>'), ut = () => {
   const [e, t] = F();
   let n, o, l, s, i;
   const r = 2;
-  function c(f) {
-    if (!f)
+  function c(u) {
+    if (!u || u.tagName === "HTML")
       return;
     const {
-      width: h,
+      width: g,
       height: w,
       top: A,
       right: T,
-      bottom: H,
+      bottom: M,
       left: d
-    } = f.getBoundingClientRect();
+    } = u.getBoundingClientRect();
     i == null || i.setAttribute("style", `
-      width: ${h + r * 2}px;
+      width: ${g + r * 2}px;
       height: ${w + r * 2}px;
       top: ${A - r}px;
       left: ${d - r}px;
@@ -681,8 +684,8 @@ const it = /* @__PURE__ */ N('<div class="bg-none border-solid border-4 border-b
       bottom: 0;
       left: ${T}px;
     `), l == null || l.setAttribute("style", `
-      width: ${h + d}px;
-      top: ${H}px;
+      width: ${g + d}px;
+      top: ${M}px;
       bottom: 0;
       left: 0;
     `), s == null || s.setAttribute("style", `
@@ -692,80 +695,80 @@ const it = /* @__PURE__ */ N('<div class="bg-none border-solid border-4 border-b
       left: 0;
     `);
   }
-  function u(f) {
-    if (!f)
+  function f(u) {
+    if (!u || u.tagName === "HTML")
       return;
     const {
-      width: h,
+      width: g,
       height: w,
       top: A,
       left: T
-    } = f.getBoundingClientRect();
-    z({
-      selectedElement: f
+    } = u.getBoundingClientRect();
+    L({
+      selectedElement: u
     }), i == null || i.setAttribute("style", `
-      width: ${h + r * 2}px;
+      width: ${g + r * 2}px;
       height: ${w + r * 2}px;
       top: ${A - r}px;
       left: ${T - r}px;
     `);
   }
-  function a(f) {
+  function a(u) {
     var w;
-    z({
+    L({
       working: !0
     });
-    const h = document.elementFromPoint(f.clientX, f.clientY);
-    if (((w = h == null ? void 0 : h.dataset) == null ? void 0 : w.ohbugSelector) !== void 0)
+    const g = document.elementFromPoint(u.clientX, u.clientY);
+    if (((w = g == null ? void 0 : g.dataset) == null ? void 0 : w.ohbugSelector) !== void 0 || g.tagName === "HTML")
       return !1;
-    c(h);
+    c(g);
   }
-  function g() {
+  function h() {
     document.addEventListener("mousemove", a);
   }
-  function $() {
+  function v() {
     document.removeEventListener("mousemove", a);
   }
-  function x(f) {
+  function _(u) {
     var w;
-    const h = document.elementFromPoint(f.clientX, f.clientY);
-    if (((w = h == null ? void 0 : h.dataset) == null ? void 0 : w.ohbugSelector) !== void 0 || p.selectedElement && p.working)
+    const g = document.elementFromPoint(u.clientX, u.clientY);
+    if (((w = g == null ? void 0 : g.dataset) == null ? void 0 : w.ohbugSelector) !== void 0 || g.tagName === "HTML" || p.selectedElement && p.working)
       return !1;
-    t(h), u(e()), $();
+    t(g), f(e()), v();
   }
   function C() {
-    document.addEventListener("mousedown", x);
+    document.addEventListener("mousedown", _);
   }
   function q() {
-    document.removeEventListener("mousedown", x);
+    document.removeEventListener("mousedown", _);
   }
   function k() {
-    t(null), $(), q(), z({
+    t(null), v(), q(), L({
       working: !1,
       selectedElement: null
     });
   }
   function K() {
-    z({
+    L({
       working: !0,
       selectedElement: null
-    }), t(null), g();
+    }), t(null), h();
   }
   return we(() => {
-    p.working ? (g(), C()) : ($(), q());
-  }), He(k), (() => {
-    const f = ut.cloneNode(!0), h = f.firstChild, w = h.nextSibling, A = w.nextSibling, T = A.nextSibling, H = T.nextSibling;
-    return m(f, S(V, {
+    p.working ? (h(), C()) : (v(), q());
+  }), Me(k), (() => {
+    const u = ct.cloneNode(!0), g = u.firstChild, w = g.nextSibling, A = w.nextSibling, T = A.nextSibling, M = T.nextSibling;
+    return m(u, x(V, {
       get when() {
         return !p.selectedElement && p.working;
       },
       get children() {
-        const d = it.cloneNode(!0), Te = d.firstChild, Pe = Te.firstChild, ae = Pe.nextSibling;
-        return ae.$$click = k, m(ae, S(oe, {})), d;
+        const d = st.cloneNode(!0), Te = d.firstChild, Pe = Te.firstChild, ae = Pe.nextSibling;
+        return ae.$$click = k, m(ae, x(oe, {})), d;
       }
-    }), h), ((d) => {
+    }), g), ((d) => {
       n = d;
-    })(h), ((d) => {
+    })(g), ((d) => {
       o = d;
     })(w), ((d) => {
       l = d;
@@ -773,48 +776,61 @@ const it = /* @__PURE__ */ N('<div class="bg-none border-solid border-4 border-b
       s = d;
     })(T), ((d) => {
       i = d;
-    })(H), m(H, S(V, {
+    })(M), m(M, x(V, {
       get when() {
         return p.selectedElement && p.working;
       },
       get children() {
         return [(() => {
-          const d = rt.cloneNode(!0);
-          return d.$$click = k, m(d, S(oe, {})), d;
+          const d = it.cloneNode(!0);
+          return d.$$click = k, m(d, x(oe, {})), d;
         })(), (() => {
-          const d = ct.cloneNode(!0);
+          const d = rt.cloneNode(!0);
           return d.$$click = K, d.style.setProperty("transform", "translate(4px, -8px)"), d;
         })()];
       }
-    })), j(() => Ue(H, `fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e() ? "border-red-500 border-solid" : "border-blue-500 border-dashed"}`)), f;
+    })), j(() => M.className = `fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e() ? "border-red-500 border-solid" : "border-blue-500 border-dashed"}`), u;
   })();
 };
-_e(["click"]);
-const at = /* @__PURE__ */ N('<button class="main-btn" data-ohbug-selector type="button"></button>'), dt = /* @__PURE__ */ N('<div class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed" data-ohbug-selector><div class="bg-gray-300 p-4" data-ohbug-selector><textarea autofocus class="bg-transparent outline-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer" data-ohbug-selector type="button"></button></div><div class="flex flex-1 p-4 justify-between items-center" data-ohbug-selector><span class="text-sm" data-ohbug-selector>Try<a class="ml-2 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="send-btn" data-ohbug-selector type="button"></button></div><button class="rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" data-ohbug-selector type="button"></button></div>'), ht = /* @__PURE__ */ N('<div class="z-max relative" data-ohbug-selector><div></div></div>'), gt = () => {
+Se(["click"]);
+const ft = /* @__PURE__ */ N('<button class="main-btn" data-ohbug-selector type="button"></button>'), at = /* @__PURE__ */ N('<div class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed" data-ohbug-selector><div class="bg-gray-300 p-4" data-ohbug-selector><textarea autofocus class="bg-transparent outline-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer" data-ohbug-selector type="button"></button></div><div class="flex flex-1 p-4 justify-between items-center" data-ohbug-selector><span class="text-sm" data-ohbug-selector>Try<a class="ml-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="send-btn" data-ohbug-selector type="button"></button></div><button class="rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" data-ohbug-selector type="button"></button></div>'), dt = /* @__PURE__ */ N('<div class="z-max relative" data-ohbug-selector><div></div></div>'), ht = () => {
   const [e, t] = F(!1), [n, o] = F("");
   function l() {
-    z({
+    L({
       working: !0
     });
   }
   const [s, i] = F(!1);
   async function r() {
     i(!0);
-    const c = {
-      target: p.selectedElement
-    };
-    let u, a;
-    p.selectedElement && (u = Ye(c), a = p.selectedElement.outerHTML);
-    const $ = We().client, x = $.createEvent({
-      category: "feedback",
-      type: "feedback",
-      detail: {
-        selector: u,
-        outerHTML: a,
-        feedback: n()
-      }
-    });
-    await $.notify(x), t(!1), o(""), z({
+    let c, f;
+    const a = Ke().client;
+    if (p.selectedElement) {
+      const h = {
+        target: p.selectedElement
+      };
+      c = Xe(h), f = p.selectedElement.outerHTML;
+      const v = a.createEvent({
+        category: "feedback",
+        type: "feedback",
+        detail: {
+          selector: c,
+          outerHTML: f,
+          feedback: n()
+        }
+      });
+      await a.notify(v);
+    } else {
+      const h = a.createEvent({
+        category: "feedback",
+        type: "feedback",
+        detail: {
+          feedback: n()
+        }
+      });
+      await a.notify(h);
+    }
+    t(!1), o(""), L({
       working: !1,
       selectedElement: null
     }), i(!1);
@@ -822,74 +838,48 @@ const at = /* @__PURE__ */ N('<button class="main-btn" data-ohbug-selector type=
   return we(() => {
     p.working === !1 && p.selectedElement === null || p.working && !p.selectedElement ? t(!1) : t(!0);
   }), (() => {
-    const c = ht.cloneNode(!0), u = c.firstChild;
-    return m(c, S(V, {
+    const c = dt.cloneNode(!0), f = c.firstChild;
+    return m(c, x(V, {
       get when() {
         return p.working;
       },
       get children() {
-        return S(ft, {});
+        return x(ut, {});
       }
-    }), u), m(u, S(V, {
+    }), f), m(f, x(V, {
       get when() {
         return !(p.working && !p.selectedElement);
       },
       get children() {
-        const a = at.cloneNode(!0);
-        return a.$$click = () => t((g) => !g), m(a, () => e() ? "\u{1F606}" : "\u{1F642}"), a;
+        const a = ft.cloneNode(!0);
+        return a.$$click = () => t((h) => !h), m(a, () => e() ? "\u{1F606}" : "\u{1F642}"), a;
       }
-    }), null), m(u, S(V, {
+    }), null), m(f, x(V, {
       get when() {
         return e();
       },
       get children() {
-        const a = dt.cloneNode(!0), g = a.firstChild, $ = g.firstChild, x = $.nextSibling, C = g.nextSibling, q = C.firstChild, k = q.nextSibling, K = C.nextSibling;
-        return $.$$input = (f) => o(f.currentTarget.value), x.$$click = l, m(x, S(st, {})), k.$$click = r, m(k, () => s() ? "Sending..." : "Send"), K.$$click = () => t((f) => !f), m(K, S(oe, {})), j((f) => {
-          const h = p.selectedElement ? "blue" : "gray", w = !n() || s();
-          return h !== f._v$ && x.style.setProperty("--color", f._v$ = h), w !== f._v$2 && (k.disabled = f._v$2 = w), f;
+        const a = at.cloneNode(!0), h = a.firstChild, v = h.firstChild, _ = v.nextSibling, C = h.nextSibling, q = C.firstChild, k = q.nextSibling, K = C.nextSibling;
+        return v.$$input = (u) => o(u.currentTarget.value), _.$$click = l, m(_, x(lt, {})), k.$$click = r, m(k, () => s() ? "Sending..." : "Send"), K.$$click = () => t((u) => !u), m(K, x(oe, {})), j((u) => {
+          const g = p.selectedElement ? "blue" : "gray", w = !n() || s();
+          return g !== u._v$ && _.style.setProperty("--color", u._v$ = g), w !== u._v$2 && (k.disabled = u._v$2 = w), u;
         }, {
           _v$: void 0,
           _v$2: void 0
-        }), j(() => $.value = n()), a;
+        }), j(() => v.value = n()), a;
       }
     }), null), c;
   })();
 };
-_e(["click", "input"]);
-const bt = {
+Se(["click", "input"]);
+const gt = {
   name: "OhbugExtensionFeedback",
   onSetup: () => {
     const e = document.createElement("div");
-    e.id = "OhbugExtensionFeedback-ROOT", document.body.appendChild(e), Ve(() => S(gt, {}), e);
+    e.id = "OhbugExtensionFeedback-ROOT", document.body.appendChild(e), Ve(() => x(ht, {}), e);
   }
 };
-function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.send-btn {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  border-radius: 0.125rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
-  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  transition-duration: 150ms;
-}
-.send-btn:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.main-btn {
+function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.main-btn {
   --tw-bg-opacity: 1;
   background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
   border-radius: 0.25rem;
@@ -940,6 +930,32 @@ function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;
   -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
 }
+.send-btn {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-radius: 0.125rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.send-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
 /* windicss layer base */
 *, ::before, ::after {
   -webkit-box-sizing: border-box;
@@ -1166,8 +1182,8 @@ textarea::-ms-input-placeholder {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.ml-2 {
-  margin-left: 0.5rem;
+.ml-1 {
+  margin-left: 0.25rem;
 }
 .outline-none {
   outline: 2px solid transparent;
@@ -1332,5 +1348,5 @@ textarea::-ms-input-placeholder {
   transition-duration: 150ms;
 }`);
 export {
-  bt as default
+  gt as default
 };