@contember/echo 0.0.26 → 0.0.28

package/dist/echo.es.js

@@ -1,6 +1,6 @@
-import { sharedConfig as $, createRoot as Te, createRenderEffect as w, getOwner as pe, createEffect as ne, runWithOwner as Ge, createMemo as x, createSignal as D, onCleanup as K, untrack as Ie, onMount as fe, $PROXY as A, $TRACK as xe, getListener as ce, batch as Je, createContext as qe, createComponent as f, useContext as Qe, For as re, mergeProps as Z, Show as j } from "solid-js";
-import Ze from "html2canvas";
-const et = [
+import { sharedConfig as P, createRoot as Te, createRenderEffect as w, getOwner as pe, createEffect as oe, runWithOwner as Xe, createMemo as p, createSignal as M, onCleanup as K, untrack as Ie, onMount as fe, $PROXY as A, $TRACK as xe, getListener as ce, batch as Ge, createContext as Je, createComponent as g, useContext as qe, For as re, mergeProps as Z, Show as j } from "solid-js";
+import Qe from "html2canvas";
+const Ze = [
   "allowfullscreen",
   "async",
   "autofocus",
@@ -26,7 +26,7 @@ const et = [
   "reversed",
   "seamless",
   "selected"
-], tt = /* @__PURE__ */ new Set([
+], et = /* @__PURE__ */ new Set([
   "className",
   "value",
   "readOnly",
@@ -34,8 +34,8 @@ const et = [
   "isMap",
   "noModule",
   "playsInline",
-  ...et
-]), ot = /* @__PURE__ */ new Set([
+  ...Ze
+]), tt = /* @__PURE__ */ new Set([
   "innerHTML",
   "textContent",
   "innerText",
@@ -43,7 +43,7 @@ const et = [
 ]), nt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), rt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), ot = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: {
     $: "formNoValidate",
@@ -68,11 +68,11 @@ const et = [
     TEXTAREA: 1
   }
 });
-function it(e, t) {
-  const o = rt[e];
-  return typeof o == "object" ? o[t] ? o.$ : void 0 : o;
+function rt(e, t) {
+  const n = ot[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
 }
-const at = /* @__PURE__ */ new Set([
+const it = /* @__PURE__ */ new Set([
   "beforeinput",
   "click",
   "dblclick",
@@ -96,196 +96,196 @@ const at = /* @__PURE__ */ new Set([
   "touchmove",
   "touchstart"
 ]);
-function st(e, t, o) {
-  let n = o.length, r = t.length, i = n, a = 0, l = 0, s = t[r - 1].nextSibling, c = null;
-  for (; a < r || l < i; ) {
-    if (t[a] === o[l]) {
+function at(e, t, n) {
+  let o = n.length, i = t.length, r = o, a = 0, l = 0, s = t[i - 1].nextSibling, c = null;
+  for (; a < i || l < r; ) {
+    if (t[a] === n[l]) {
       a++, l++;
       continue;
     }
-    for (; t[r - 1] === o[i - 1]; )
-      r--, i--;
-    if (r === a) {
-      const d = i < n ? l ? o[l - 1].nextSibling : o[i - l] : s;
-      for (; l < i; ) e.insertBefore(o[l++], d);
-    } else if (i === l)
-      for (; a < r; )
+    for (; t[i - 1] === n[r - 1]; )
+      i--, r--;
+    if (i === a) {
+      const d = r < o ? l ? n[l - 1].nextSibling : n[r - l] : s;
+      for (; l < r; ) e.insertBefore(n[l++], d);
+    } else if (r === l)
+      for (; a < i; )
         (!c || !c.has(t[a])) && t[a].remove(), a++;
-    else if (t[a] === o[i - 1] && o[l] === t[r - 1]) {
-      const d = t[--r].nextSibling;
-      e.insertBefore(o[l++], t[a++].nextSibling), e.insertBefore(o[--i], d), t[r] = o[i];
+    else if (t[a] === n[r - 1] && n[l] === t[i - 1]) {
+      const d = t[--i].nextSibling;
+      e.insertBefore(n[l++], t[a++].nextSibling), e.insertBefore(n[--r], d), t[i] = n[r];
     } else {
       if (!c) {
         c = /* @__PURE__ */ new Map();
         let u = l;
-        for (; u < i; ) c.set(o[u], u++);
+        for (; u < r; ) c.set(n[u], u++);
       }
       const d = c.get(t[a]);
       if (d != null)
-        if (l < d && d < i) {
-          let u = a, g = 1, m;
-          for (; ++u < r && u < i && !((m = c.get(t[u])) == null || m !== d + g); )
-            g++;
-          if (g > d - l) {
+        if (l < d && d < r) {
+          let u = a, f = 1, v;
+          for (; ++u < i && u < r && !((v = c.get(t[u])) == null || v !== d + f); )
+            f++;
+          if (f > d - l) {
             const y = t[a];
-            for (; l < d; ) e.insertBefore(o[l++], y);
-          } else e.replaceChild(o[l++], t[a++]);
+            for (; l < d; ) e.insertBefore(n[l++], y);
+          } else e.replaceChild(n[l++], t[a++]);
         } else a++;
       else t[a++].remove();
     }
   }
 }
 const ke = "_$DX_DELEGATE";
-function lt(e, t, o, n = {}) {
-  let r;
-  return Te((i) => {
-    r = i, t === document ? e() : v(t, e(), t.firstChild ? null : void 0, o);
-  }, n.owner), () => {
-    r(), t.textContent = "";
+function st(e, t, n, o = {}) {
+  let i;
+  return Te((r) => {
+    i = r, t === document ? e() : m(t, e(), t.firstChild ? null : void 0, n);
+  }, o.owner), () => {
+    i(), t.textContent = "";
   };
 }
-function b(e, t, o) {
-  let n;
-  const r = () => {
+function b(e, t, n) {
+  let o;
+  const i = () => {
     const a = document.createElement("template");
-    return a.innerHTML = e, o ? a.content.firstChild.firstChild : a.content.firstChild;
-  }, i = t ? () => Ie(() => document.importNode(n || (n = r()), !0)) : () => (n || (n = r())).cloneNode(!0);
-  return i.cloneNode = i, i;
+    return a.innerHTML = e, n ? a.content.firstChild.firstChild : a.content.firstChild;
+  }, r = t ? () => Ie(() => document.importNode(o || (o = i()), !0)) : () => (o || (o = i())).cloneNode(!0);
+  return r.cloneNode = r, r;
 }
-function I(e, t = window.document) {
-  const o = t[ke] || (t[ke] = /* @__PURE__ */ new Set());
-  for (let n = 0, r = e.length; n < r; n++) {
-    const i = e[n];
-    o.has(i) || (o.add(i), t.addEventListener(i, gt));
+function T(e, t = window.document) {
+  const n = t[ke] || (t[ke] = /* @__PURE__ */ new Set());
+  for (let o = 0, i = e.length; o < i; o++) {
+    const r = e[o];
+    n.has(r) || (n.add(r), t.addEventListener(r, ft));
   }
 }
-function h(e, t, o) {
-  J(e) || (o == null ? e.removeAttribute(t) : e.setAttribute(t, o));
+function h(e, t, n) {
+  J(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
 }
-function ct(e, t, o) {
-  J(e) || (o ? e.setAttribute(t, "") : e.removeAttribute(t));
+function lt(e, t, n) {
+  J(e) || (n ? e.setAttribute(t, "") : e.removeAttribute(t));
 }
-function Me(e, t) {
+function De(e, t) {
   J(e) || (t == null ? e.removeAttribute("class") : e.className = t);
 }
-function _(e, t, o, n) {
-  if (n)
-    Array.isArray(o) ? (e[`$$${t}`] = o[0], e[`$$${t}Data`] = o[1]) : e[`$$${t}`] = o;
-  else if (Array.isArray(o)) {
-    const r = o[0];
-    e.addEventListener(t, o[0] = (i) => r.call(e, o[1], i));
-  } else e.addEventListener(t, o, typeof o != "function" && o);
+function _(e, t, n, o) {
+  if (o)
+    Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
+  else if (Array.isArray(n)) {
+    const i = n[0];
+    e.addEventListener(t, n[0] = (r) => i.call(e, n[1], r));
+  } else e.addEventListener(t, n, typeof n != "function" && n);
 }
-function dt(e, t, o = {}) {
-  const n = Object.keys(t || {}), r = Object.keys(o);
-  let i, a;
-  for (i = 0, a = r.length; i < a; i++) {
-    const l = r[i];
-    !l || l === "undefined" || t[l] || (Se(e, l, !1), delete o[l]);
+function ct(e, t, n = {}) {
+  const o = Object.keys(t || {}), i = Object.keys(n);
+  let r, a;
+  for (r = 0, a = i.length; r < a; r++) {
+    const l = i[r];
+    !l || l === "undefined" || t[l] || (Se(e, l, !1), delete n[l]);
   }
-  for (i = 0, a = n.length; i < a; i++) {
-    const l = n[i], s = !!t[l];
-    !l || l === "undefined" || o[l] === s || !s || (Se(e, l, !0), o[l] = s);
+  for (r = 0, a = o.length; r < a; r++) {
+    const l = o[r], s = !!t[l];
+    !l || l === "undefined" || n[l] === s || !s || (Se(e, l, !0), n[l] = s);
   }
-  return o;
+  return n;
 }
-function P(e, t, o) {
-  if (!t) return o ? h(e, "style") : t;
-  const n = e.style;
-  if (typeof t == "string") return n.cssText = t;
-  typeof o == "string" && (n.cssText = o = void 0), o || (o = {}), t || (t = {});
-  let r, i;
-  for (i in o)
-    t[i] == null && n.removeProperty(i), delete o[i];
-  for (i in t)
-    r = t[i], r !== o[i] && (n.setProperty(i, r), o[i] = r);
-  return o;
+function C(e, t, n) {
+  if (!t) return n ? h(e, "style") : t;
+  const o = e.style;
+  if (typeof t == "string") return o.cssText = t;
+  typeof n == "string" && (o.cssText = n = void 0), n || (n = {}), t || (t = {});
+  let i, r;
+  for (r in n)
+    t[r] == null && o.removeProperty(r), delete n[r];
+  for (r in t)
+    i = t[r], i !== n[r] && (o.setProperty(r, i), n[r] = i);
+  return n;
 }
-function ht(e, t = {}, o, n) {
-  const r = {};
+function dt(e, t = {}, n, o) {
+  const i = {};
   return w(
-    () => r.children = V(e, t.children, r.children)
-  ), w(() => typeof t.ref == "function" && G(t.ref, e)), w(() => ut(e, t, o, !0, r, !0)), r;
+    () => i.children = V(e, t.children, i.children)
+  ), w(() => typeof t.ref == "function" && G(t.ref, e)), w(() => ht(e, t, n, !0, i, !0)), i;
 }
-function G(e, t, o) {
-  return Ie(() => e(t, o));
+function G(e, t, n) {
+  return Ie(() => e(t, n));
 }
-function v(e, t, o, n) {
-  if (o !== void 0 && !n && (n = []), typeof t != "function") return V(e, t, n, o);
-  w((r) => V(e, t(), r, o), n);
+function m(e, t, n, o) {
+  if (n !== void 0 && !o && (o = []), typeof t != "function") return V(e, t, o, n);
+  w((i) => V(e, t(), i, n), o);
 }
-function ut(e, t, o, n, r = {}, i = !1) {
+function ht(e, t, n, o, i = {}, r = !1) {
   t || (t = {});
-  for (const a in r)
+  for (const a in i)
     if (!(a in t)) {
       if (a === "children") continue;
-      r[a] = Ce(e, a, null, r[a], o, i, t);
+      i[a] = Ce(e, a, null, i[a], n, r, t);
     }
   for (const a in t) {
     if (a === "children")
       continue;
     const l = t[a];
-    r[a] = Ce(e, a, l, r[a], o, i, t);
+    i[a] = Ce(e, a, l, i[a], n, r, t);
   }
 }
 function J(e) {
-  return !!$.context && !$.done && (!e || e.isConnected);
+  return !!P.context && !P.done && (!e || e.isConnected);
 }
-function ft(e) {
-  return e.toLowerCase().replace(/-([a-z])/g, (t, o) => o.toUpperCase());
+function ut(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function Se(e, t, o) {
-  const n = t.trim().split(/\s+/);
-  for (let r = 0, i = n.length; r < i; r++)
-    e.classList.toggle(n[r], o);
+function Se(e, t, n) {
+  const o = t.trim().split(/\s+/);
+  for (let i = 0, r = o.length; i < r; i++)
+    e.classList.toggle(o[i], n);
 }
-function Ce(e, t, o, n, r, i, a) {
+function Ce(e, t, n, o, i, r, a) {
   let l, s, c, d, u;
-  if (t === "style") return P(e, o, n);
-  if (t === "classList") return dt(e, o, n);
-  if (o === n) return n;
+  if (t === "style") return C(e, n, o);
+  if (t === "classList") return ct(e, n, o);
+  if (n === o) return o;
   if (t === "ref")
-    i || o(e);
+    r || n(e);
   else if (t.slice(0, 3) === "on:") {
-    const g = t.slice(3);
-    n && e.removeEventListener(g, n, typeof n != "function" && n), o && e.addEventListener(g, o, typeof o != "function" && o);
+    const f = t.slice(3);
+    o && e.removeEventListener(f, o, typeof o != "function" && o), n && e.addEventListener(f, n, typeof n != "function" && n);
   } else if (t.slice(0, 10) === "oncapture:") {
-    const g = t.slice(10);
-    n && e.removeEventListener(g, n, !0), o && e.addEventListener(g, o, !0);
+    const f = t.slice(10);
+    o && e.removeEventListener(f, o, !0), n && e.addEventListener(f, n, !0);
   } else if (t.slice(0, 2) === "on") {
-    const g = t.slice(2).toLowerCase(), m = at.has(g);
-    if (!m && n) {
-      const y = Array.isArray(n) ? n[0] : n;
-      e.removeEventListener(g, y);
+    const f = t.slice(2).toLowerCase(), v = it.has(f);
+    if (!v && o) {
+      const y = Array.isArray(o) ? o[0] : o;
+      e.removeEventListener(f, y);
     }
-    (m || o) && (_(e, g, o, m), m && I([g]));
+    (v || n) && (_(e, f, n, v), v && T([f]));
   } else if (t.slice(0, 5) === "attr:")
-    h(e, t.slice(5), o);
+    h(e, t.slice(5), n);
   else if (t.slice(0, 5) === "bool:")
-    ct(e, t.slice(5), o);
-  else if ((u = t.slice(0, 5) === "prop:") || (c = ot.has(t)) || (d = it(t, e.tagName)) || (s = tt.has(t)) || (l = e.nodeName.includes("-") || "is" in a)) {
+    lt(e, t.slice(5), n);
+  else if ((u = t.slice(0, 5) === "prop:") || (c = tt.has(t)) || (d = rt(t, e.tagName)) || (s = et.has(t)) || (l = e.nodeName.includes("-") || "is" in a)) {
     if (u)
       t = t.slice(5), s = !0;
-    else if (J(e)) return o;
-    t === "class" || t === "className" ? Me(e, o) : l && !s && !c ? e[ft(t)] = o : e[d || t] = o;
+    else if (J(e)) return n;
+    t === "class" || t === "className" ? De(e, n) : l && !s && !c ? e[ut(t)] = n : e[d || t] = n;
   } else
-    h(e, nt[t] || t, o);
-  return o;
+    h(e, nt[t] || t, n);
+  return n;
 }
-function gt(e) {
-  if ($.registry && $.events && $.events.find(([s, c]) => c === e))
+function ft(e) {
+  if (P.registry && P.events && P.events.find(([s, c]) => c === e))
     return;
   let t = e.target;
-  const o = `$$${e.type}`, n = e.target, r = e.currentTarget, i = (s) => Object.defineProperty(e, "target", {
+  const n = `$$${e.type}`, o = e.target, i = e.currentTarget, r = (s) => Object.defineProperty(e, "target", {
     configurable: !0,
     value: s
   }), a = () => {
-    const s = t[o];
+    const s = t[n];
     if (s && !t.disabled) {
-      const c = t[`${o}Data`];
+      const c = t[`${n}Data`];
       if (c !== void 0 ? s.call(t, c, e) : s.call(t, e), e.cancelBubble) return;
     }
-    return t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && i(t.host), !0;
+    return t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && r(t.host), !0;
   }, l = () => {
     for (; a() && (t = t._$host || t.parentNode || t.host); ) ;
   };
@@ -294,218 +294,218 @@ function gt(e) {
     get() {
       return t || document;
     }
-  }), $.registry && !$.done && ($.done = _$HY.done = !0), e.composedPath) {
+  }), P.registry && !P.done && (P.done = _$HY.done = !0), e.composedPath) {
     const s = e.composedPath();
-    i(s[0]);
+    r(s[0]);
     for (let c = 0; c < s.length - 2 && (t = s[c], !!a()); c++) {
       if (t._$host) {
         t = t._$host, l();
         break;
       }
-      if (t.parentNode === r)
+      if (t.parentNode === i)
         break;
     }
   } else l();
-  i(n);
+  r(o);
 }
-function V(e, t, o, n, r) {
-  const i = J(e);
-  if (i) {
-    !o && (o = [...e.childNodes]);
+function V(e, t, n, o, i) {
+  const r = J(e);
+  if (r) {
+    !n && (n = [...e.childNodes]);
     let s = [];
-    for (let c = 0; c < o.length; c++) {
-      const d = o[c];
+    for (let c = 0; c < n.length; c++) {
+      const d = n[c];
       d.nodeType === 8 && d.data.slice(0, 2) === "!$" ? d.remove() : s.push(d);
     }
-    o = s;
+    n = s;
   }
-  for (; typeof o == "function"; ) o = o();
-  if (t === o) return o;
-  const a = typeof t, l = n !== void 0;
-  if (e = l && o[0] && o[0].parentNode || e, a === "string" || a === "number") {
-    if (i || a === "number" && (t = t.toString(), t === o))
-      return o;
+  for (; typeof n == "function"; ) n = n();
+  if (t === n) return n;
+  const a = typeof t, l = o !== void 0;
+  if (e = l && n[0] && n[0].parentNode || e, a === "string" || a === "number") {
+    if (r || a === "number" && (t = t.toString(), t === n))
+      return n;
     if (l) {
-      let s = o[0];
-      s && s.nodeType === 3 ? s.data !== t && (s.data = t) : s = document.createTextNode(t), o = N(e, o, n, s);
+      let s = n[0];
+      s && s.nodeType === 3 ? s.data !== t && (s.data = t) : s = document.createTextNode(t), n = N(e, n, o, s);
     } else
-      o !== "" && typeof o == "string" ? o = e.firstChild.data = t : o = e.textContent = t;
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
   } else if (t == null || a === "boolean") {
-    if (i) return o;
-    o = N(e, o, n);
+    if (r) return n;
+    n = N(e, n, o);
   } else {
     if (a === "function")
       return w(() => {
         let s = t();
         for (; typeof s == "function"; ) s = s();
-        o = V(e, s, o, n);
-      }), () => o;
+        n = V(e, s, n, o);
+      }), () => n;
     if (Array.isArray(t)) {
-      const s = [], c = o && Array.isArray(o);
-      if (de(s, t, o, r))
-        return w(() => o = V(e, s, o, n, !0)), () => o;
-      if (i) {
-        if (!s.length) return o;
-        if (n === void 0) return o = [...e.childNodes];
+      const s = [], c = n && Array.isArray(n);
+      if (de(s, t, n, i))
+        return w(() => n = V(e, s, n, o, !0)), () => n;
+      if (r) {
+        if (!s.length) return n;
+        if (o === void 0) return n = [...e.childNodes];
         let d = s[0];
-        if (d.parentNode !== e) return o;
+        if (d.parentNode !== e) return n;
         const u = [d];
-        for (; (d = d.nextSibling) !== n; ) u.push(d);
-        return o = u;
+        for (; (d = d.nextSibling) !== o; ) u.push(d);
+        return n = u;
       }
       if (s.length === 0) {
-        if (o = N(e, o, n), l) return o;
-      } else c ? o.length === 0 ? Pe(e, s, n) : st(e, o, s) : (o && N(e), Pe(e, s));
-      o = s;
+        if (n = N(e, n, o), l) return n;
+      } else c ? n.length === 0 ? Pe(e, s, o) : at(e, n, s) : (n && N(e), Pe(e, s));
+      n = s;
     } else if (t.nodeType) {
-      if (i && t.parentNode) return o = l ? [t] : t;
-      if (Array.isArray(o)) {
-        if (l) return o = N(e, o, n, t);
-        N(e, o, null, t);
-      } else o == null || o === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
-      o = t;
+      if (r && t.parentNode) return n = l ? [t] : t;
+      if (Array.isArray(n)) {
+        if (l) return n = N(e, n, o, t);
+        N(e, n, null, t);
+      } else n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
     }
   }
-  return o;
+  return n;
 }
-function de(e, t, o, n) {
-  let r = !1;
-  for (let i = 0, a = t.length; i < a; i++) {
-    let l = t[i], s = o && o[e.length], c;
+function de(e, t, n, o) {
+  let i = !1;
+  for (let r = 0, a = t.length; r < a; r++) {
+    let l = t[r], s = n && n[e.length], c;
     if (!(l == null || l === !0 || l === !1)) if ((c = typeof l) == "object" && l.nodeType)
       e.push(l);
     else if (Array.isArray(l))
-      r = de(e, l, s) || r;
+      i = de(e, l, s) || i;
     else if (c === "function")
-      if (n) {
+      if (o) {
         for (; typeof l == "function"; ) l = l();
-        r = de(
+        i = de(
           e,
           Array.isArray(l) ? l : [l],
           Array.isArray(s) ? s : [s]
-        ) || r;
+        ) || i;
       } else
-        e.push(l), r = !0;
+        e.push(l), i = !0;
     else {
       const d = String(l);
       s && s.nodeType === 3 && s.data === d ? e.push(s) : e.push(document.createTextNode(d));
     }
   }
-  return r;
+  return i;
 }
-function Pe(e, t, o = null) {
-  for (let n = 0, r = t.length; n < r; n++) e.insertBefore(t[n], o);
+function Pe(e, t, n = null) {
+  for (let o = 0, i = t.length; o < i; o++) e.insertBefore(t[o], n);
 }
-function N(e, t, o, n) {
-  if (o === void 0) return e.textContent = "";
-  const r = n || document.createTextNode("");
+function N(e, t, n, o) {
+  if (n === void 0) return e.textContent = "";
+  const i = o || document.createTextNode("");
   if (t.length) {
-    let i = !1;
+    let r = !1;
     for (let a = t.length - 1; a >= 0; a--) {
       const l = t[a];
-      if (r !== l) {
+      if (i !== l) {
         const s = l.parentNode === e;
-        !i && !a ? s ? e.replaceChild(r, l) : e.insertBefore(r, o) : s && l.remove();
-      } else i = !0;
+        !r && !a ? s ? e.replaceChild(i, l) : e.insertBefore(i, n) : s && l.remove();
+      } else r = !0;
     }
-  } else e.insertBefore(r, o);
-  return [r];
+  } else e.insertBefore(i, n);
+  return [i];
 }
-const mt = "http://www.w3.org/2000/svg";
-function vt(e, t = !1) {
-  return t ? document.createElementNS(mt, e) : document.createElement(e);
+const gt = "http://www.w3.org/2000/svg";
+function mt(e, t = !1) {
+  return t ? document.createElementNS(gt, e) : document.createElement(e);
 }
-function wt(e) {
-  const { useShadow: t } = e, o = document.createTextNode(""), n = () => e.mount || document.body, r = pe();
-  let i, a = !!$.context;
-  return ne(
+function vt(e) {
+  const { useShadow: t } = e, n = document.createTextNode(""), o = () => e.mount || document.body, i = pe();
+  let r, a = !!P.context;
+  return oe(
     () => {
-      a && (pe().user = a = !1), i || (i = Ge(r, () => x(() => e.children)));
-      const l = n();
+      a && (pe().user = a = !1), r || (r = Xe(i, () => p(() => e.children)));
+      const l = o();
       if (l instanceof HTMLHeadElement) {
-        const [s, c] = D(!1), d = () => c(!0);
-        Te((u) => v(l, () => s() ? u() : i(), null)), K(d);
+        const [s, c] = M(!1), d = () => c(!0);
+        Te((u) => m(l, () => s() ? u() : r(), null)), K(d);
       } else {
-        const s = vt(e.isSVG ? "g" : "div", e.isSVG), c = t && s.attachShadow ? s.attachShadow({
+        const s = mt(e.isSVG ? "g" : "div", e.isSVG), c = t && s.attachShadow ? s.attachShadow({
           mode: "open"
         }) : s;
         Object.defineProperty(s, "_$host", {
           get() {
-            return o.parentNode;
+            return n.parentNode;
           },
           configurable: !0
-        }), v(c, i), l.appendChild(s), e.ref && e.ref(s), K(() => l.removeChild(s));
+        }), m(c, r), l.appendChild(s), e.ref && e.ref(s), K(() => l.removeChild(s));
       }
     },
     void 0,
     {
       render: !a
     }
-  ), o;
+  ), n;
 }
-const bt = (e, t) => {
-  let o;
-  return (...n) => {
-    clearTimeout(o), o = window.setTimeout(() => e(...n), t);
+const wt = (e, t) => {
+  let n;
+  return (...o) => {
+    clearTimeout(n), n = window.setTimeout(() => e(...o), t);
   };
-}, yt = (e, t) => {
+}, bt = (e, t) => {
   W({
     event: "keydown",
-    callback: (o) => {
-      o.key === e && t(o);
+    callback: (n) => {
+      n.key === e && t(n);
     }
   });
 }, W = (e) => {
-  const { event: t, callback: o, onMount: n, onCleanup: r } = e, i = (a) => {
-    o(a);
+  const { event: t, callback: n, onMount: o, onCleanup: i } = e, r = (a) => {
+    n(a);
   };
   fe(() => {
-    n == null || n(), window.addEventListener(t, i);
+    o == null || o(), window.addEventListener(t, r);
   }), K(() => {
-    r == null || r(), window.removeEventListener(t, i);
+    i == null || i(), window.removeEventListener(t, r);
   });
 }, ge = (e) => {
-  const { target: t, options: o, callback: n, onMount: r, onCleanup: i } = e, a = new MutationObserver(n);
+  const { target: t, options: n, callback: o, onMount: i, onCleanup: r } = e, a = new MutationObserver(o);
   fe(() => {
-    r == null || r(), a.observe(t, o);
+    i == null || i(), a.observe(t, n);
   }), K(() => {
-    i == null || i(), a.disconnect();
+    r == null || r(), a.disconnect();
   });
-}, pt = "echo_", F = "echo_page_state", De = () => {
+}, yt = "echo_", F = "echo_page_state", Me = () => {
   window.dispatchEvent(new CustomEvent("echo-storage-change"));
-}, Ae = (e) => `${pt}${e}`, je = (e, t) => {
+}, Ae = (e) => `${yt}${e}`, je = (e, t) => {
   try {
-    const o = localStorage.getItem(Ae(e));
-    return o ? JSON.parse(o) : t;
+    const n = localStorage.getItem(Ae(e));
+    return n ? JSON.parse(n) : t;
   } catch {
     return t;
   }
 }, he = (e, t) => {
   try {
     localStorage.setItem(Ae(e), JSON.stringify(t));
-  } catch (o) {
-    console.warn("Failed to save to localStorage:", o);
+  } catch (n) {
+    console.warn("Failed to save to localStorage:", n);
   }
-}, ae = () => window.location.pathname, xt = (e, t) => {
+}, ae = () => window.location.pathname, pt = (e, t) => {
   try {
-    const o = localStorage.getItem(F), n = o ? JSON.parse(o) : {};
+    const n = localStorage.getItem(F), o = n ? JSON.parse(n) : {};
     if (!t.feedback.comment && (!t.drawing.shapes || t.drawing.shapes.length === 0))
-      delete n[e];
+      delete o[e];
     else {
-      const r = window.location.search || void 0, i = {
+      const i = window.location.search || void 0, r = {
         feedback: {
           comment: t.feedback.comment
         },
         drawing: {
           shapes: t.drawing.shapes
         },
-        latestQuery: r
+        latestQuery: i
       };
-      n[e] = i;
+      o[e] = r;
     }
-    localStorage.setItem(F, JSON.stringify(n)), De();
-  } catch (o) {
-    console.error("Failed to save page state:", o);
+    localStorage.setItem(F, JSON.stringify(o)), Me();
+  } catch (n) {
+    console.error("Failed to save page state:", n);
   }
 }, me = (e) => {
   try {
@@ -518,8 +518,8 @@ const bt = (e, t) => {
   try {
     const t = localStorage.getItem(F);
     if (!t) return;
-    const o = JSON.parse(t);
-    delete o[e], localStorage.setItem(F, JSON.stringify(o)), De();
+    const n = JSON.parse(t);
+    delete n[e], localStorage.setItem(F, JSON.stringify(n)), Me();
   } catch (t) {
     console.error("Failed to clear page state:", t);
   }
@@ -537,25 +537,25 @@ const bt = (e, t) => {
     const e = localStorage.getItem(F);
     if (!e) return [];
     const t = JSON.parse(e);
-    return Object.entries(t).map(([o, n]) => ({
-      path: o,
-      state: n
+    return Object.entries(t).map(([n, o]) => ({
+      path: n,
+      state: o
     }));
   } catch (e) {
     return console.error("Failed to get stored pages:", e), [];
   }
-}, ue = Symbol("store-raw"), B = Symbol("store-node"), E = Symbol("store-has"), Ne = Symbol("store-self");
+}, ue = Symbol("store-raw"), B = Symbol("store-node"), $ = Symbol("store-has"), Ne = Symbol("store-self");
 function Be(e) {
   let t = e[A];
   if (!t && (Object.defineProperty(e, A, {
-    value: t = new Proxy(e, Ct)
+    value: t = new Proxy(e, St)
   }), !Array.isArray(e))) {
-    const o = Object.keys(e), n = Object.getOwnPropertyDescriptors(e);
-    for (let r = 0, i = o.length; r < i; r++) {
-      const a = o[r];
-      n[a].get && Object.defineProperty(e, a, {
-        enumerable: n[a].enumerable,
-        get: n[a].get.bind(t)
+    const n = Object.keys(e), o = Object.getOwnPropertyDescriptors(e);
+    for (let i = 0, r = n.length; i < r; i++) {
+      const a = n[i];
+      o[a].get && Object.defineProperty(e, a, {
+        enumerable: o[a].enumerable,
+        get: o[a].get.bind(t)
       });
     }
   }
@@ -566,62 +566,62 @@ function ee(e) {
   return e != null && typeof e == "object" && (e[A] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
 function R(e, t = /* @__PURE__ */ new Set()) {
-  let o, n, r, i;
-  if (o = e != null && e[ue]) return o;
+  let n, o, i, r;
+  if (n = e != null && e[ue]) return n;
   if (!ee(e) || t.has(e)) return e;
   if (Array.isArray(e)) {
     Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
     for (let a = 0, l = e.length; a < l; a++)
-      r = e[a], (n = R(r, t)) !== r && (e[a] = n);
+      i = e[a], (o = R(i, t)) !== i && (e[a] = o);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
     const a = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
     for (let s = 0, c = a.length; s < c; s++)
-      i = a[s], !l[i].get && (r = e[i], (n = R(r, t)) !== r && (e[i] = n));
+      r = a[s], !l[r].get && (i = e[r], (o = R(i, t)) !== i && (e[r] = o));
   }
   return e;
 }
 function te(e, t) {
-  let o = e[t];
-  return o || Object.defineProperty(e, t, {
-    value: o = /* @__PURE__ */ Object.create(null)
-  }), o;
+  let n = e[t];
+  return n || Object.defineProperty(e, t, {
+    value: n = /* @__PURE__ */ Object.create(null)
+  }), n;
 }
-function X(e, t, o) {
+function X(e, t, n) {
   if (e[t]) return e[t];
-  const [n, r] = D(o, {
+  const [o, i] = M(n, {
     equals: !1,
     internal: !0
   });
-  return n.$ = r, e[t] = n;
+  return o.$ = i, e[t] = o;
 }
-function kt(e, t) {
-  const o = Reflect.getOwnPropertyDescriptor(e, t);
-  return !o || o.get || !o.configurable || t === A || t === B || (delete o.value, delete o.writable, o.get = () => e[A][t]), o;
+function xt(e, t) {
+  const n = Reflect.getOwnPropertyDescriptor(e, t);
+  return !n || n.get || !n.configurable || t === A || t === B || (delete n.value, delete n.writable, n.get = () => e[A][t]), n;
 }
 function Ye(e) {
   ce() && X(te(e, B), Ne)();
 }
-function St(e) {
+function kt(e) {
   return Ye(e), Reflect.ownKeys(e);
 }
-const Ct = {
-  get(e, t, o) {
+const St = {
+  get(e, t, n) {
     if (t === ue) return e;
-    if (t === A) return o;
+    if (t === A) return n;
     if (t === xe)
-      return Ye(e), o;
-    const n = te(e, B), r = n[t];
-    let i = r ? r() : e[t];
-    if (t === B || t === E || t === "__proto__") return i;
-    if (!r) {
+      return Ye(e), n;
+    const o = te(e, B), i = o[t];
+    let r = i ? i() : e[t];
+    if (t === B || t === $ || t === "__proto__") return r;
+    if (!i) {
       const a = Object.getOwnPropertyDescriptor(e, t);
-      ce() && (typeof i != "function" || e.hasOwnProperty(t)) && !(a && a.get) && (i = X(n, t, i)());
+      ce() && (typeof r != "function" || e.hasOwnProperty(t)) && !(a && a.get) && (r = X(o, t, r)());
     }
-    return ee(i) ? Be(i) : i;
+    return ee(r) ? Be(r) : r;
   },
   has(e, t) {
-    return t === ue || t === A || t === xe || t === B || t === E || t === "__proto__" ? !0 : (ce() && X(te(e, E), t)(), t in e);
+    return t === ue || t === A || t === xe || t === B || t === $ || t === "__proto__" ? !0 : (ce() && X(te(e, $), t)(), t in e);
   },
   set() {
     return !0;
@@ -629,75 +629,75 @@ const Ct = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: St,
-  getOwnPropertyDescriptor: kt
+  ownKeys: kt,
+  getOwnPropertyDescriptor: xt
 };
-function oe(e, t, o, n = !1) {
-  if (!n && e[t] === o) return;
-  const r = e[t], i = e.length;
-  o === void 0 ? (delete e[t], e[E] && e[E][t] && r !== void 0 && e[E][t].$()) : (e[t] = o, e[E] && e[E][t] && r === void 0 && e[E][t].$());
+function ne(e, t, n, o = !1) {
+  if (!o && e[t] === n) return;
+  const i = e[t], r = e.length;
+  n === void 0 ? (delete e[t], e[$] && e[$][t] && i !== void 0 && e[$][t].$()) : (e[t] = n, e[$] && e[$][t] && i === void 0 && e[$][t].$());
   let a = te(e, B), l;
-  if ((l = X(a, t, r)) && l.$(() => o), Array.isArray(e) && e.length !== i) {
-    for (let s = e.length; s < i; s++) (l = a[s]) && l.$();
-    (l = X(a, "length", i)) && l.$(e.length);
+  if ((l = X(a, t, i)) && l.$(() => n), Array.isArray(e) && e.length !== r) {
+    for (let s = e.length; s < r; s++) (l = a[s]) && l.$();
+    (l = X(a, "length", r)) && l.$(e.length);
   }
   (l = a[Ne]) && l.$();
 }
 function He(e, t) {
-  const o = Object.keys(t);
-  for (let n = 0; n < o.length; n += 1) {
-    const r = o[n];
-    oe(e, r, t[r]);
+  const n = Object.keys(t);
+  for (let o = 0; o < n.length; o += 1) {
+    const i = n[o];
+    ne(e, i, t[i]);
   }
 }
-function Pt(e, t) {
+function Ct(e, t) {
   if (typeof t == "function" && (t = t(e)), t = R(t), Array.isArray(t)) {
     if (e === t) return;
-    let o = 0, n = t.length;
-    for (; o < n; o++) {
-      const r = t[o];
-      e[o] !== r && oe(e, o, r);
+    let n = 0, o = t.length;
+    for (; n < o; n++) {
+      const i = t[n];
+      e[n] !== i && ne(e, n, i);
     }
-    oe(e, "length", n);
+    ne(e, "length", o);
   } else He(e, t);
 }
-function U(e, t, o = []) {
-  let n, r = e;
+function U(e, t, n = []) {
+  let o, i = e;
   if (t.length > 1) {
-    n = t.shift();
-    const a = typeof n, l = Array.isArray(e);
-    if (Array.isArray(n)) {
-      for (let s = 0; s < n.length; s++)
-        U(e, [n[s]].concat(t), o);
+    o = t.shift();
+    const a = typeof o, l = Array.isArray(e);
+    if (Array.isArray(o)) {
+      for (let s = 0; s < o.length; s++)
+        U(e, [o[s]].concat(t), n);
       return;
     } else if (l && a === "function") {
       for (let s = 0; s < e.length; s++)
-        n(e[s], s) && U(e, [s].concat(t), o);
+        o(e[s], s) && U(e, [s].concat(t), n);
       return;
     } else if (l && a === "object") {
-      const { from: s = 0, to: c = e.length - 1, by: d = 1 } = n;
+      const { from: s = 0, to: c = e.length - 1, by: d = 1 } = o;
       for (let u = s; u <= c; u += d)
-        U(e, [u].concat(t), o);
+        U(e, [u].concat(t), n);
       return;
     } else if (t.length > 1) {
-      U(e[n], t, [n].concat(o));
+      U(e[o], t, [o].concat(n));
       return;
     }
-    r = e[n], o = [n].concat(o);
+    i = e[o], n = [o].concat(n);
   }
-  let i = t[0];
-  typeof i == "function" && (i = i(r, o), i === r) || n === void 0 && i == null || (i = R(i), n === void 0 || ee(r) && ee(i) && !Array.isArray(i) ? He(r, i) : oe(e, n, i));
+  let r = t[0];
+  typeof r == "function" && (r = r(i, n), r === i) || o === void 0 && r == null || (r = R(r), o === void 0 || ee(i) && ee(r) && !Array.isArray(r) ? He(i, r) : ne(e, o, r));
 }
 function ve(...[e, t]) {
-  const o = R(e || {}), n = Array.isArray(o), r = Be(o);
-  function i(...a) {
-    Je(() => {
-      n && a.length === 1 ? Pt(o, a[0]) : U(o, a);
+  const n = R(e || {}), o = Array.isArray(n), i = Be(n);
+  function r(...a) {
+    Ge(() => {
+      o && a.length === 1 ? Ct(n, a[0]) : U(n, a);
     });
   }
-  return [r, i];
+  return [i, r];
 }
-const O = {
+const z = {
   rectangle: {
     id: "rectangle",
     label: "Highlight",
@@ -718,110 +718,110 @@ const O = {
       default: 1
     }
   }
-}, $t = (e) => {
-  const t = e.replace("#", ""), o = Number.parseInt(t.slice(0, 2), 16) / 255, n = Number.parseInt(t.slice(2, 2), 16) / 255, r = Number.parseInt(t.slice(4, 2), 16) / 255;
-  return 0.2126 * o + 0.7152 * n + 0.0722 * r;
-}, Et = (e) => $t(e) < 0.5 ? "#FFFFFF" : "#000000", We = (e, t) => {
+}, Pt = (e) => {
+  const t = e.replace("#", ""), n = Number.parseInt(t.slice(0, 2), 16) / 255, o = Number.parseInt(t.slice(2, 2), 16) / 255, i = Number.parseInt(t.slice(4, 2), 16) / 255;
+  return 0.2126 * n + 0.7152 * o + 0.0722 * i;
+}, $t = (e) => Pt(e) < 0.5 ? "#FFFFFF" : "#000000", We = (e, t) => {
   if (!t) return e;
-  const o = { ...e };
-  for (const n in t)
-    t[n] && typeof t[n] == "object" && !Array.isArray(t[n]) ? o[n] = We(e[n], t[n]) : o[n] = t[n];
-  return o;
+  const n = { ...e };
+  for (const o in t)
+    t[o] && typeof t[o] == "object" && !Array.isArray(t[o]) ? n[o] = We(e[o], t[o]) : n[o] = t[o];
+  return n;
 };
-let z = [], C = null, Y = null, H = null;
-const le = (e, t) => (...o) => {
-  const n = o.map((r) => typeof r == "string" ? r : r instanceof Error ? r.stack || r.message : JSON.stringify(r)).join(" ");
-  z.push({
+let E = [], S = null, Y = null, H = null;
+const le = (e, t) => (...n) => {
+  const o = n.map((i) => typeof i == "string" ? i : i instanceof Error ? i.stack || i.message : JSON.stringify(i)).join(" ");
+  E.push({
     type: e,
-    message: n,
+    message: o,
     timestamp: (/* @__PURE__ */ new Date()).toISOString()
-  }), z.length > 1e3 && (z = z.slice(-1e3)), t.apply(console, o);
-}, zt = () => {
-  C || (C = {
+  }), E.length > 1e3 && (E = E.slice(-1e3)), t.apply(console, n);
+}, Et = () => {
+  S || (S = {
     log: console.log,
     warn: console.warn,
     error: console.error
-  }, Y = window.onerror, H = window.onunhandledrejection, window.onerror = (e, t, o, n, r) => {
-    const i = (r == null ? void 0 : r.stack) || (r == null ? void 0 : r.message) || e;
-    return z.push({
+  }, Y = window.onerror, H = window.onunhandledrejection, window.onerror = (e, t, n, o, i) => {
+    const r = (i == null ? void 0 : i.stack) || (i == null ? void 0 : i.message) || e;
+    return E.push({
       type: "error",
-      message: `Uncaught Error: ${i}
-Location: ${t}:${o}:${n}`,
+      message: `Uncaught Error: ${r}
+Location: ${t}:${n}:${o}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), Y ? Y(e, t, o, n, r) : !1;
+    }), Y ? Y(e, t, n, o, i) : !1;
   }, window.onunhandledrejection = (e) => {
     const t = e.reason;
-    z.push({
+    E.push({
       type: "error",
       message: `Unhandled Promise Rejection: ${(t == null ? void 0 : t.stack) || (t == null ? void 0 : t.message) || t}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     }), H && H(e);
-  }, console.log = le("log", C.log), console.warn = le("warn", C.warn), console.error = le("error", C.error), window.addEventListener("error", (e) => {
-    const { message: t, filename: o, lineno: n, colno: r, error: i } = e, a = (i == null ? void 0 : i.stack) || (i == null ? void 0 : i.message) || t;
-    z.push({
+  }, console.log = le("log", S.log), console.warn = le("warn", S.warn), console.error = le("error", S.error), window.addEventListener("error", (e) => {
+    const { message: t, filename: n, lineno: o, colno: i, error: r } = e, a = (r == null ? void 0 : r.stack) || (r == null ? void 0 : r.message) || t;
+    E.push({
       type: "error",
       message: `Uncaught Error: ${a}
-Location: ${o}:${n}:${r}`,
+Location: ${n}:${o}:${i}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
   }));
-}, Ot = () => {
-  C && (console.log = C.log, console.warn = C.warn, console.error = C.error, C = null), Y && (window.onerror = Y, Y = null), H && (window.onunhandledrejection = H, H = null), window.removeEventListener("error", () => {
-  }), z = [];
-}, _e = () => [...z], Ue = () => {
+}, zt = () => {
+  S && (console.log = S.log, console.warn = S.warn, console.error = S.error, S = null), Y && (window.onerror = Y, Y = null), H && (window.onunhandledrejection = H, H = null), window.removeEventListener("error", () => {
+  }), E = [];
+}, _e = () => [...E], Ot = () => {
   var e;
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || ((e = window.matchMedia) == null ? void 0 : e.call(window, "(max-width: 768px)").matches);
 }, q = (e, { useClientCoords: t = !1 } = {}) => {
-  const n = typeof TouchEvent < "u" && e instanceof TouchEvent ? e.touches[0] : null;
+  const o = typeof TouchEvent < "u" && e instanceof TouchEvent ? e.touches[0] : null;
   return {
-    x: n ? t ? n.clientX : n.pageX : t ? e.clientX : e.pageX,
-    y: n ? t ? n.clientY : n.pageY : t ? e.clientY : e.pageY
+    x: o ? t ? o.clientX : o.pageX : t ? e.clientX : e.pageX,
+    y: o ? t ? o.clientY : o.pageY : t ? e.clientY : e.pageY
   };
 }, $e = (e, t) => {
-  const o = t.x - e.x, n = t.y - e.y;
-  return Math.sqrt(o * o + n * n);
-}, Ke = (e) => {
+  const n = t.x - e.x, o = t.y - e.y;
+  return Math.sqrt(n * n + o * o);
+}, Ue = (e) => {
   if (e.length !== 2) return null;
-  const [t, o] = e;
+  const [t, n] = e;
   return {
-    x: Math.min(t.x, o.x),
-    y: Math.min(t.y, o.y),
-    width: Math.abs(o.x - t.x),
-    height: Math.abs(o.y - t.y)
+    x: Math.min(t.x, n.x),
+    y: Math.min(t.y, n.y),
+    width: Math.abs(n.x - t.x),
+    height: Math.abs(n.y - t.y)
   };
 }, Tt = (e) => e.length < 2 ? null : `M ${e[0].x} ${e[0].y} ${e.slice(1).map((t) => `L ${t.x} ${t.y}`).join(" ")}`, It = (e, t) => {
-  const o = document.createElement("canvas");
-  return o.width = e, o.height = t, o;
-}, Mt = (e) => e.hasAttribute("data-hide-when-drawing"), Dt = async () => {
+  const n = document.createElement("canvas");
+  return n.width = e, n.height = t, n;
+}, Dt = (e) => e.hasAttribute("data-hide-when-drawing"), Mt = async () => {
   try {
-    const e = await Ze(document.body, {
+    const e = await Qe(document.body, {
       backgroundColor: null,
       logging: !1,
       useCORS: !0,
       scale: 1,
       allowTaint: !0,
       foreignObjectRendering: !0,
-      ignoreElements: Mt
-    }), t = It(e.width, e.height), o = t.getContext("2d");
-    if (!o)
+      ignoreElements: Dt
+    }), t = It(e.width, e.height), n = t.getContext("2d");
+    if (!n)
       throw new Error("Failed to get canvas context");
-    return o.drawImage(e, 0, 0), t.toDataURL();
+    return n.drawImage(e, 0, 0), t.toDataURL();
   } catch (e) {
     console.error("Failed to capture screenshot:", e);
     return;
   }
-}, At = (e, t, o) => {
-  let n = `M0 0 H${e.width} V${e.height} H0 Z`;
+}, At = (e, t, n) => {
+  let o = `M0 0 H${e.width} V${e.height} H0 Z`;
   if (t.length === 2) {
-    const [r, i] = t;
-    n += ` M${r.x} ${r.y} h${i.x - r.x} v${i.y - r.y} h${r.x - i.x} v${r.y - i.y}`;
+    const [i, r] = t;
+    o += ` M${i.x} ${i.y} h${r.x - i.x} v${r.y - i.y} h${i.x - r.x} v${i.y - r.y}`;
   }
-  for (const r of o)
-    if (r.type === "rectangle") {
-      const [i, a] = r.points;
-      n += ` M${i.x} ${i.y} h${a.x - i.x} v${a.y - i.y} h${i.x - a.x} v${i.y - a.y}`;
+  for (const i of n)
+    if (i.type === "rectangle") {
+      const [r, a] = i.points;
+      o += ` M${r.x} ${r.y} h${a.x - r.x} v${a.y - r.y} h${r.x - a.x} v${r.y - a.y}`;
     }
-  return n;
+  return o;
 }, jt = (e) => {
   if (typeof e != "object" || e === null)
     throw new Error("Echo initialization failed: options must be an object");
@@ -829,9 +829,9 @@ Location: ${o}:${n}:${r}`,
     throw new Error("Echo initialization failed: onSubmit must be a function");
   if (e.primaryColor && !/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e.primaryColor))
     throw new Error("Echo initialization failed: primaryColor must be a valid hex color");
-}, Ee = 5, ze = (e, t) => O[e].getCursor(t), Ft = (e, t, o) => {
+}, Ee = 5, ze = (e, t) => z[e].getCursor(t), Ft = (e, t, n) => {
   var l, s;
-  const [n, r] = ve({
+  const [o, i] = ve({
     isDrawing: !1,
     currentPoints: [],
     selectedShapeId: null,
@@ -846,36 +846,36 @@ Location: ${o}:${n}:${r}`,
     initialClickPos: null,
     dragOffset: null,
     cursor: ze("rectangle", e.primaryColor)
-  }), i = (c, d = !1) => {
+  }), r = (c, d = !1) => {
     if (c.selectedTool || c.selectedColor) {
-      const u = c.selectedTool || n.selectedTool, g = c.selectedColor || n.selectedColor;
-      c.cursor = ze(u, g);
+      const u = c.selectedTool || o.selectedTool, f = c.selectedColor || o.selectedColor;
+      c.cursor = ze(u, f);
     }
-    r(c), o == null || o(c, d);
+    i(c), n == null || n(c, d);
   }, a = {
     startDrawing: (c) => {
-      i({
+      r({
         isDrawing: !0,
         currentPoints: [c],
         selectedShapeId: null
       });
     },
     updateDrawing: (c) => {
-      n.selectedTool === "rectangle" ? i({ currentPoints: [n.currentPoints[0], c] }) : n.selectedTool === "path" && i({
-        currentPoints: [...n.currentPoints, c]
+      o.selectedTool === "rectangle" ? r({ currentPoints: [o.currentPoints[0], c] }) : o.selectedTool === "path" && r({
+        currentPoints: [...o.currentPoints, c]
       });
     },
     finishDrawing: () => {
-      if (n.currentPoints.length >= 2) {
+      if (o.currentPoints.length >= 2) {
         const c = {
           id: Math.random().toString(36).substring(2),
-          type: n.selectedTool,
-          color: n.selectedColor,
-          points: n.currentPoints
+          type: o.selectedTool,
+          color: o.selectedColor,
+          points: o.currentPoints
         };
-        i({ shapes: [...n.shapes, c] });
+        r({ shapes: [...o.shapes, c] });
       }
-      i({ isDrawing: !1, currentPoints: [] });
+      r({ isDrawing: !1, currentPoints: [] });
     },
     handleShapeClick: (c) => {
     },
@@ -888,10 +888,10 @@ Location: ${o}:${n}:${r}`,
       const d = q(c);
       if (c.target instanceof SVGElement && c.target.classList.contains("echo-shape")) {
         const u = c.target.dataset.shapeId;
-        if (u && n.selectedShapeId === u) {
-          const g = n.shapes.find((m) => m.id === u);
-          if (g) {
-            a.startDrag(d), a.updateDragOffset(g, d);
+        if (u && o.selectedShapeId === u) {
+          const f = o.shapes.find((v) => v.id === u);
+          if (f) {
+            a.startDrag(d), a.updateDragOffset(f, d);
             return;
           }
         }
@@ -900,63 +900,63 @@ Location: ${o}:${n}:${r}`,
     },
     handleMove: (c) => {
       const d = q(c, { useClientCoords: !0 }), u = q(c);
-      if (i({ mousePosition: d }), n.isDragging && n.selectedShapeId && n.dragStartPos && n.shapes.find((m) => m.id === n.selectedShapeId)) {
-        const m = u.x - n.dragStartPos.x, y = u.y - n.dragStartPos.y, p = n.shapes.map((S) => S.id === n.selectedShapeId ? {
-          ...S,
-          points: S.points.map((L) => ({
-            x: L.x + m,
+      if (r({ mousePosition: d }), o.isDragging && o.selectedShapeId && o.dragStartPos && o.shapes.find((v) => v.id === o.selectedShapeId)) {
+        const v = u.x - o.dragStartPos.x, y = u.y - o.dragStartPos.y, k = o.shapes.map((I) => I.id === o.selectedShapeId ? {
+          ...I,
+          points: I.points.map((L) => ({
+            x: L.x + v,
             y: L.y + y
           }))
-        } : S);
-        i({ shapes: p }), a.startDrag(u);
+        } : I);
+        r({ shapes: k }), a.startDrag(u);
         return;
       }
-      if (n.initialClickPos && !n.isDrawing) {
-        $e(n.initialClickPos, u) >= Ee && a.startDrawing(n.initialClickPos);
+      if (o.initialClickPos && !o.isDrawing) {
+        $e(o.initialClickPos, u) >= Ee && a.startDrawing(o.initialClickPos);
         return;
       }
-      n.isDrawing && a.updateDrawing(u);
+      o.isDrawing && a.updateDrawing(u);
     },
     handleEnd: (c) => {
-      if (n.isDragging) {
+      if (o.isDragging) {
         a.stopDrag();
         return;
       }
-      if (n.initialClickPos && !n.isDrawing) {
+      if (o.initialClickPos && !o.isDrawing) {
         const d = q(c);
-        if ($e(n.initialClickPos, d) < Ee && c.target instanceof SVGElement && c.target.classList.contains("echo-shape")) {
-          const g = c.target.dataset.shapeId;
-          g && i({ selectedShapeId: g });
+        if ($e(o.initialClickPos, d) < Ee && c.target instanceof SVGElement && c.target.classList.contains("echo-shape")) {
+          const f = c.target.dataset.shapeId;
+          f && r({ selectedShapeId: f });
         }
       }
       a.setInitialClick(null), a.finishDrawing();
     },
     handleEnter: (c) => {
-      c.target === c.currentTarget && !n.hasDrawn && i({ showTooltip: !0 });
+      c.target === c.currentTarget && !o.hasDrawn && r({ showTooltip: !0 });
     },
     handleLeave: (c) => {
-      c.target === c.currentTarget && i({ showTooltip: !1 });
+      c.target === c.currentTarget && r({ showTooltip: !1 });
     },
     startDrag: (c) => {
-      i({
+      r({
         isDragging: !0,
         dragStartPos: c
       });
     },
     stopDrag: () => {
-      i({
+      r({
         isDragging: !1,
         dragStartPos: null,
         dragOffset: null
       });
     },
     setInitialClick: (c) => {
-      i({
+      r({
         initialClickPos: c
       });
     },
     updateDragOffset: (c, d) => {
-      i({
+      r({
         dragOffset: {
           x: d.x - c.points[0].x,
           y: d.y - c.points[0].y
@@ -965,26 +965,26 @@ Location: ${o}:${n}:${r}`,
     }
   };
   return {
-    state: n,
-    setState: i,
+    state: o,
+    setState: r,
     methods: a
   };
-}, Lt = (e, t, o) => {
+}, Lt = (e, t, n) => {
   var a, l;
-  const [n, r] = ve({
+  const [o, i] = ve({
     comment: ((l = (a = me(t)) == null ? void 0 : a.feedback) == null ? void 0 : l.comment) || "",
     screenshot: void 0,
     isCapturing: !1,
     isMinimized: !1
   });
   return {
-    state: n,
+    state: o,
     setState: (s, c = !1) => {
-      r(s), o == null || o(s, c);
+      i(s), n == null || n(s, c);
     }
   };
 }, Nt = (e, t) => {
-  const [o, n] = ve({
+  const [n, o] = ve({
     text: e.textConfig,
     isOpen: !1,
     primaryColor: e.primaryColor,
@@ -1002,29 +1002,29 @@ Location: ${o}:${n}:${r}`,
     welcomeMessageIsClosing: !1
   });
   return {
-    state: o,
-    setState: n
+    state: n,
+    setState: o
   };
 }, Bt = (e) => {
   let t = ae();
-  const o = bt((s, c = !1) => {
-    (c || n.state.comment.trim().length > 0 || r.state.shapes.length > 0) && (xt(s, {
-      feedback: n.state,
-      drawing: r.state
-    }), i.setState({ pagesCount: Le() }));
-  }, 1e3), n = Lt(e, t, (s, c) => {
-    o(t, c);
-  }), r = Ft(e, t, (s, c) => {
-    o(t, c);
-  }), i = Nt(e), a = () => {
-    const s = ae();
-    if (s !== t) {
-      t = s;
-      const c = me(t);
-      n.setState({
-        comment: (c == null ? void 0 : c.feedback.comment) || ""
-      }), r.setState({
-        shapes: (c == null ? void 0 : c.drawing.shapes) || []
+  const n = wt((c, d = !1) => {
+    (d || o.state.comment.trim().length > 0 || i.state.shapes.length > 0) && (pt(c, {
+      feedback: o.state,
+      drawing: i.state
+    }), r.setState({ pagesCount: Le() }));
+  }, 1e3), o = Lt(e, t, (c, d) => {
+    n(t, d);
+  }), i = Ft(e, t, (c, d) => {
+    n(t, d);
+  }), r = Nt(e), a = () => {
+    const c = ae();
+    if (c !== t) {
+      t = c;
+      const d = me(t);
+      o.setState({
+        comment: (d == null ? void 0 : d.feedback.comment) || ""
+      }), i.setState({
+        shapes: (d == null ? void 0 : d.drawing.shapes) || []
       });
     }
   };
@@ -1042,7 +1042,7 @@ Location: ${o}:${n}:${r}`,
     }
   });
   const l = () => {
-    Fe(t), n.setState(
+    Fe(t), o.setState(
       {
         comment: "",
         screenshot: void 0,
@@ -1050,7 +1050,7 @@ Location: ${o}:${n}:${r}`,
         isMinimized: !1
       },
       !0
-    ), r.setState(
+    ), i.setState(
       {
         isDrawing: !1,
         currentPoints: [],
@@ -1067,39 +1067,46 @@ Location: ${o}:${n}:${r}`,
         dragOffset: null
       },
       !0
-    ), i.setState({
+    ), r.setState({
       isOpen: !1
     });
+  }, s = (c) => {
+    r.setState({ notification: { show: !0, type: c.type, message: c.message } }), setTimeout(() => {
+      r.setState({ notification: { show: !1, type: c.type, message: c.message } });
+    }, 5e3);
   };
   return {
-    feedback: n,
-    drawing: r,
-    widget: i,
+    feedback: o,
+    drawing: i,
+    widget: r,
     methods: {
       reset: l,
-      postSubmit: (s) => {
-        l(), i.setState({ notification: { show: !0, type: s.type, message: s.message } }), setTimeout(() => {
-          i.setState({ notification: { show: !1, type: s.type, message: s.message } });
-        }, 5e3);
-      },
-      onSubmit: (s) => e.onSubmit(s)
+      submit: async (c) => {
+        r.setState({ isOpen: !1 });
+        try {
+          const d = await e.onSubmit(c);
+          return d instanceof Response && !d.ok ? (s({ show: !0, type: "error", message: "Submission failed" }), d) : (l(), s({ show: !0, type: "success", message: "Feedback submitted" }), d);
+        } catch {
+          s({ show: !0, type: "error", message: "Submission failed" });
+        }
+      }
     }
   };
-}, Ve = qe(), Yt = (e) => {
+}, Ke = Je(), Yt = (e) => {
   const t = Bt({
     primaryColor: e.primaryColor,
     onSubmit: e.onSubmit,
     textConfig: e.textConfig,
     position: e.position
   });
-  return f(Ve.Provider, {
+  return g(Ke.Provider, {
     value: t,
     get children() {
       return e.children;
     }
   });
-}, k = () => {
-  const e = Qe(Ve);
+}, x = () => {
+  const e = qe(Ke);
   if (!e)
     throw new Error("useEchoStore must be used within EchoProvider");
   return e;
@@ -1107,9 +1114,9 @@ Location: ${o}:${n}:${r}`,
 var Wt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">');
 const _t = (e) => (() => {
   var t = Wt();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1122,10 +1129,10 @@ const _t = (e) => (() => {
 })();
 var Ut = /* @__PURE__ */ b('<svg viewBox="0 0 64 66"fill=none><path d="M59.716 36.936L54.9 33l-6.17 5.108a77.278 77.278 0 00-12.744 13.469l-3.637 4.914-3.778-5.017a83.719 83.719 0 00-13.956-14.538L9.799 33l2.86-2.332A104.39 104.39 0 0030.1 12.5l2.24-2.98 1.736 2.298a111.905 111.905 0 0018.608 19.384l2.206 1.81 2.861-2.333a104.13 104.13 0 005.297-4.641C59.978 11.294 47.409.26 32.349.26 14.997.26.92 14.923.92 33c0 18.076 14.077 32.74 31.43 32.74 15.102 0 27.715-11.103 30.73-25.892a75.808 75.808 0 00-3.375-2.912h.011z">');
 const Kt = (e) => (() => {
-  var t = Ut(), o = t.firstChild;
-  return w((n) => {
-    var r = e.size ?? 24, i = e.size ?? 24, a = e.class, l = e.style, s = e.fill ?? "currentColor";
-    return r !== n.e && h(t, "width", n.e = r), i !== n.t && h(t, "height", n.t = i), a !== n.a && h(t, "class", n.a = a), n.o = P(t, l, n.o), s !== n.i && h(o, "fill", n.i = s), n;
+  var t = Ut(), n = t.firstChild;
+  return w((o) => {
+    var i = e.size ?? 24, r = e.size ?? 24, a = e.class, l = e.style, s = e.fill ?? "currentColor";
+    return i !== o.e && h(t, "width", o.e = i), r !== o.t && h(t, "height", o.t = r), a !== o.a && h(t, "class", o.a = a), o.o = C(t, l, o.o), s !== o.i && h(n, "fill", o.i = s), o;
   }, {
     e: void 0,
     t: void 0,
@@ -1137,9 +1144,9 @@ const Kt = (e) => (() => {
 var Vt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2">');
 const Rt = (e) => (() => {
   var t = Vt();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1153,9 +1160,9 @@ const Rt = (e) => (() => {
 var Xt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z">');
 const Gt = (e) => (() => {
   var t = Xt();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1167,11 +1174,11 @@ const Gt = (e) => (() => {
   }), t;
 })();
 var Jt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1=10 x2=10 y1=11 y2=17></line><line x1=14 x2=14 y1=11 y2=17>');
-const Re = (e) => (() => {
+const Ve = (e) => (() => {
   var t = Jt();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1185,9 +1192,9 @@ const Re = (e) => (() => {
 var qt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><path d="m9 12 2 2 4-4">');
 const Qt = (e) => (() => {
   var t = qt();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1199,11 +1206,11 @@ const Qt = (e) => (() => {
   }), t;
 })();
 var Zt = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6">');
-const eo = (e) => (() => {
+const en = (e) => (() => {
   var t = Zt();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1214,12 +1221,12 @@ const eo = (e) => (() => {
     s: void 0
   }), t;
 })();
-var to = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">');
+var tn = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">');
 const ie = (e) => (() => {
-  var t = to();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+  var t = tn();
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1230,8 +1237,8 @@ const ie = (e) => (() => {
     s: void 0
   }), t;
 })();
-var oo = /* @__PURE__ */ b("<div class=echo-color-selector><button class=echo-drawing-toolbar-button title=Color></button><div class=echo-color-swatch-wrapper><div class=echo-color-swatch>"), no = /* @__PURE__ */ b("<button class=echo-color-swatch-button>");
-const ro = [
+var nn = /* @__PURE__ */ b("<div class=echo-color-selector><button class=echo-drawing-toolbar-button title=Color></button><div class=echo-color-swatch-wrapper><div class=echo-color-swatch>"), on = /* @__PURE__ */ b("<button class=echo-color-swatch-button>");
+const rn = [
   "#ff6b6b",
   // Soft Red
   "#69db7c",
@@ -1248,44 +1255,44 @@ const ro = [
   // Soft Orange
   "#e599f7"
   // Soft Pink
-], io = () => {
-  const e = k();
+], an = () => {
+  const e = x();
   return (() => {
-    var t = oo(), o = t.firstChild, n = o.nextSibling, r = n.firstChild;
-    return v(r, f(re, {
+    var t = nn(), n = t.firstChild, o = n.nextSibling, i = o.firstChild;
+    return m(i, g(re, {
       get each() {
-        return [e.widget.state.primaryColor, ...ro];
+        return [e.widget.state.primaryColor, ...rn];
       },
-      children: (i) => (() => {
-        var a = no();
+      children: (r) => (() => {
+        var a = on();
         return a.$$click = () => e.drawing.setState({
-          selectedColor: i
-        }), h(a, "title", `Select ${i} color`), i != null ? a.style.setProperty("background-color", i) : a.style.removeProperty("background-color"), w(() => h(a, "data-selected", e.drawing.state.selectedColor === i)), a;
+          selectedColor: r
+        }), h(a, "title", `Select ${r} color`), r != null ? a.style.setProperty("background-color", r) : a.style.removeProperty("background-color"), w(() => h(a, "data-selected", e.drawing.state.selectedColor === r)), a;
       })()
-    })), w((i) => (i = e.drawing.state.selectedColor) != null ? o.style.setProperty("background-color", i) : o.style.removeProperty("background-color")), t;
+    })), w((r) => (r = e.drawing.state.selectedColor) != null ? n.style.setProperty("background-color", r) : n.style.removeProperty("background-color")), t;
   })();
 };
-I(["click"]);
-var ao = /* @__PURE__ */ b('<div class=echo-drawing-toolbar data-hide-when-drawing=true><button class=echo-drawing-toolbar-button title="Clear drawings">'), so = /* @__PURE__ */ b("<button class=echo-drawing-toolbar-button>");
-const lo = {
+T(["click"]);
+var sn = /* @__PURE__ */ b('<div class=echo-drawing-toolbar data-hide-when-drawing=true><button class=echo-drawing-toolbar-button title="Clear drawings">'), ln = /* @__PURE__ */ b("<button class=echo-drawing-toolbar-button>");
+const cn = {
   rectangle: Rt,
   path: Gt
-}, co = () => {
-  const e = k(), t = Object.values(O);
+}, dn = () => {
+  const e = x(), t = Object.values(z);
   return (() => {
-    var o = ao(), n = o.firstChild;
-    return v(o, f(re, {
+    var n = sn(), o = n.firstChild;
+    return m(n, g(re, {
       each: t,
-      children: (r) => {
-        const i = lo[r.id];
+      children: (i) => {
+        const r = cn[i.id];
         return (() => {
-          var a = so();
+          var a = ln();
           return a.$$click = () => e.drawing.setState({
-            selectedTool: r.id
-          }), v(a, f(i, {
+            selectedTool: i.id
+          }), m(a, g(r, {
             class: "echo-drawing-toolbar-icon"
           })), w((l) => {
-            var s = r.label, c = e.drawing.state.selectedTool === r.id;
+            var s = i.label, c = e.drawing.state.selectedTool === i.id;
             return s !== l.e && h(a, "title", l.e = s), c !== l.t && h(a, "data-selected", l.t = c), l;
           }, {
             e: void 0,
@@ -1293,32 +1300,32 @@ const lo = {
           }), a;
         })();
       }
-    }), n), v(o, f(io, {}), n), n.$$click = () => e.drawing.setState({
+    }), o), m(n, g(an, {}), o), o.$$click = () => e.drawing.setState({
       shapes: []
-    }, !0), v(n, f(Re, {
+    }, !0), m(o, g(Ve, {
       class: "echo-drawing-toolbar-icon"
-    })), o;
+    })), n;
   })();
 };
-I(["click"]);
-var ho = /* @__PURE__ */ b("<button>");
-const T = (e) => {
-  const t = () => e.variant || "primary", o = () => e.size || "md";
+T(["click"]);
+var hn = /* @__PURE__ */ b("<button>");
+const O = (e) => {
+  const t = () => e.variant || "primary", n = () => e.size || "md";
   return (() => {
-    var n = ho();
-    return ht(n, Z(e, {
+    var o = hn();
+    return dt(o, Z(e, {
       get class() {
-        return `echo-button echo-button-${t()} echo-button-${o()} ${e.class}`;
+        return `echo-button echo-button-${t()} echo-button-${n()} ${e.class}`;
       }
-    }), !1), n;
+    }), !1), o;
   })();
 };
-var uo = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1=10 y1=14 x2=21 y2=3>');
-const fo = (e) => (() => {
-  var t = uo();
-  return w((o) => {
-    var n = e.size ?? 24, r = e.size ?? 24, i = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return n !== o.e && h(t, "width", o.e = n), r !== o.t && h(t, "height", o.t = r), i !== o.a && h(t, "fill", o.a = i), a !== o.o && h(t, "stroke", o.o = a), l !== o.i && h(t, "stroke-width", o.i = l), s !== o.n && h(t, "class", o.n = s), o.s = P(t, c, o.s), o;
+var un = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1=10 y1=14 x2=21 y2=3>');
+const fn = (e) => (() => {
+  var t = un();
+  return w((n) => {
+    var o = e.size ?? 24, i = e.size ?? 24, r = e.fill ?? "none", a = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
+    return o !== n.e && h(t, "width", n.e = o), i !== n.t && h(t, "height", n.t = i), r !== n.a && h(t, "fill", n.a = r), a !== n.o && h(t, "stroke", n.o = a), l !== n.i && h(t, "stroke-width", n.i = l), s !== n.n && h(t, "class", n.n = s), n.s = C(t, c, n.s), n;
   }, {
     e: void 0,
     t: void 0,
@@ -1329,19 +1336,19 @@ const fo = (e) => (() => {
     s: void 0
   }), t;
 })();
-var go = /* @__PURE__ */ b("<div class=echo-stored-feedback-empty>No unsubmitted feedback"), mo = /* @__PURE__ */ b("<div class=echo-stored-feedback><div class=echo-stored-feedback-header><h3>Unsubmitted Feedback</h3></div><div class=echo-stored-feedback-list>"), vo = /* @__PURE__ */ b("<div><div class=echo-stored-feedback-content><div class=echo-stored-feedback-path></div><div class=echo-stored-feedback-preview></div></div><div class=echo-stored-feedback-actions>");
-const wo = () => {
-  const e = k(), [t, o] = D(se()), [n, r] = D(window.location.pathname), i = () => {
+var gn = /* @__PURE__ */ b("<div class=echo-stored-feedback-empty>No unsubmitted feedback"), mn = /* @__PURE__ */ b("<div class=echo-stored-feedback><div class=echo-stored-feedback-header><h3>Unsubmitted Feedback</h3></div><div class=echo-stored-feedback-list>"), vn = /* @__PURE__ */ b("<div><div class=echo-stored-feedback-content><div class=echo-stored-feedback-path></div><div class=echo-stored-feedback-preview></div></div><div class=echo-stored-feedback-actions>");
+const wn = () => {
+  const e = x(), [t, n] = M(se()), [o, i] = M(window.location.pathname), r = () => {
     const d = se();
-    o(d), e.widget.setState({
+    n(d), e.widget.setState({
       pagesCount: d.length
     });
   }, a = () => {
-    r(window.location.pathname);
+    i(window.location.pathname);
   };
   W({
     event: "echo-storage-change",
-    callback: i
+    callback: r
   }), W({
     event: "popstate",
     callback: a
@@ -1352,18 +1359,18 @@ const wo = () => {
       subtree: !0
     },
     callback: () => {
-      r(window.location.pathname);
+      i(window.location.pathname);
     }
   });
   const l = (d, u) => {
-    const g = u ? `${d}${u}` : d;
-    window.location.href = g, e.widget.setState({
+    const f = u ? `${d}${u}` : d;
+    window.location.href = f, e.widget.setState({
       isStoredFeedbackOpen: !1
     });
   }, s = (d) => {
-    n() === d && e.methods.reset(), Fe(d);
+    o() === d && e.methods.reset(), Fe(d);
     const u = se();
-    o(u), e.widget.setState({
+    n(u), e.widget.setState({
       pagesCount: u.length
     });
   }, c = (d) => {
@@ -1371,83 +1378,83 @@ const wo = () => {
     const u = d.split("/");
     return u.length <= 4 ? d : `/${u[1]}/.../${u[u.length - 1]}`;
   };
-  return f(j, {
+  return g(j, {
     get when() {
       return e.widget.state.isStoredFeedbackOpen;
     },
     get children() {
-      var d = mo(), u = d.firstChild;
+      var d = mn(), u = d.firstChild;
       u.firstChild;
-      var g = u.nextSibling;
-      return v(u, f(T, {
+      var f = u.nextSibling;
+      return m(u, g(O, {
         variant: "secondary",
         size: "sm",
         onClick: () => e.widget.setState({
           isStoredFeedbackOpen: !1
         }),
         get children() {
-          return f(ie, {
+          return g(ie, {
             size: 20
           });
         }
-      }), null), v(g, f(re, {
+      }), null), m(f, g(re, {
         get each() {
           return t();
         },
-        children: (m) => {
-          const y = x(() => m.path === n());
+        children: (v) => {
+          const y = p(() => v.path === o());
           return (() => {
-            var p = vo(), S = p.firstChild, L = S.firstChild, Xe = L.nextSibling, we = S.nextSibling;
-            return v(L, () => c(m.path)), v(Xe, () => m.state.feedback.comment), v(we, (() => {
-              var M = x(() => !y());
-              return () => M() && f(T, {
+            var k = vn(), I = k.firstChild, L = I.firstChild, Re = L.nextSibling, we = I.nextSibling;
+            return m(L, () => c(v.path)), m(Re, () => v.state.feedback.comment), m(we, (() => {
+              var D = p(() => !y());
+              return () => D() && g(O, {
                 class: "echo-stored-feedback-link",
                 variant: "secondary",
                 size: "sm",
-                onClick: () => l(m.path, m.state.latestQuery),
+                onClick: () => l(v.path, v.state.latestQuery),
                 get children() {
-                  return f(fo, {});
+                  return g(fn, {});
                 }
               });
-            })(), null), v(we, f(T, {
+            })(), null), m(we, g(O, {
               class: "echo-stored-feedback-delete",
               variant: "secondary",
               size: "sm",
-              onClick: () => s(m.path),
+              onClick: () => s(v.path),
               children: "Delete"
-            }), null), w((M) => {
-              var be = `echo-stored-feedback-item ${y() ? "echo-stored-feedback-item-current" : ""}`, ye = m.path;
-              return be !== M.e && Me(p, M.e = be), ye !== M.t && h(L, "title", M.t = ye), M;
+            }), null), w((D) => {
+              var be = `echo-stored-feedback-item ${y() ? "echo-stored-feedback-item-current" : ""}`, ye = v.path;
+              return be !== D.e && De(k, D.e = be), ye !== D.t && h(L, "title", D.t = ye), D;
             }, {
               e: void 0,
               t: void 0
-            }), p;
+            }), k;
           })();
         }
-      }), null), v(g, f(j, {
+      }), null), m(f, g(j, {
         get when() {
           return t().length === 0;
         },
         get children() {
-          return go();
+          return gn();
         }
       }), null), d;
     }
   });
 };
-var bo = /* @__PURE__ */ b("<button class=echo-launcher-button>"), yo = /* @__PURE__ */ b("<span class=echo-launcher-button-count>");
-const po = () => {
-  const e = k(), [t, o] = D(!1);
-  let n;
-  const r = () => {
-    n && window.clearTimeout(n), n = window.setTimeout(() => {
+var bn = /* @__PURE__ */ b("<button class=echo-launcher-button>"), yn = /* @__PURE__ */ b("<span class=echo-launcher-button-count>");
+const pn = () => {
+  const e = x(), [t, n] = M(!1);
+  let o;
+  const i = () => {
+    o && window.clearTimeout(o), o = window.setTimeout(() => {
       const c = je("welcome_message_shown", !1);
-      !e.widget.state.isOpen && !e.widget.state.isStoredFeedbackOpen && c && o(!0);
+      !e.widget.state.isOpen && !e.widget.state.isStoredFeedbackOpen && c && n(!0);
     }, 4e3);
-  }, i = () => {
-    o(!1);
+  }, r = () => {
+    n(!1);
   }, a = () => {
-    r();
+    i();
   }, l = () => {
     e.widget.setState({
       isOpen: !e.widget.state.isOpen
@@ -1455,45 +1462,45 @@ const po = () => {
       welcomeMessageIsClosing: !0
     }), he("welcome_message_shown", !0);
   };
-  ne(() => {
-    e.widget.state.isOpen || (o(!1), r()), e.widget.state.isStoredFeedbackOpen && o(!1);
+  oe(() => {
+    e.widget.state.isOpen || (n(!1), i()), e.widget.state.isStoredFeedbackOpen && n(!1);
   });
   const s = (c) => {
     c.stopPropagation(), e.widget.setState({
       isStoredFeedbackOpen: !e.widget.state.isStoredFeedbackOpen
-    }), o(!1);
+    }), n(!1);
   };
   return [(() => {
-    var c = bo();
-    return c.addEventListener("pointerleave", a), c.addEventListener("pointerenter", i), c.$$click = l, v(c, f(Kt, {
+    var c = bn();
+    return c.addEventListener("pointerleave", a), c.addEventListener("pointerenter", r), c.$$click = l, m(c, g(Kt, {
       stroke: "white",
       fill: "#ffffff"
-    }), null), v(c, (() => {
-      var d = x(() => e.widget.state.pagesCount > 0);
+    }), null), m(c, (() => {
+      var d = p(() => e.widget.state.pagesCount > 0);
       return () => d() && (() => {
-        var u = yo();
-        return u.$$click = s, v(u, () => e.widget.state.pagesCount), u;
+        var u = yn();
+        return u.$$click = s, m(u, () => e.widget.state.pagesCount), u;
       })();
     })(), null), w((d) => {
-      var u = e.widget.state.isOpen, g = t() ? "45px" : "0";
-      return u !== d.e && h(c, "data-hidden", d.e = u), g !== d.t && ((d.t = g) != null ? c.style.setProperty("left", g) : c.style.removeProperty("left")), d;
+      var u = e.widget.state.isOpen, f = t() ? "45px" : "0";
+      return u !== d.e && h(c, "data-hidden", d.e = u), f !== d.t && ((d.t = f) != null ? c.style.setProperty("left", f) : c.style.removeProperty("left")), d;
     }, {
       e: void 0,
       t: void 0
     }), c;
-  })(), f(wo, {})];
+  })(), g(wn, {})];
 };
-I(["click"]);
-var xo = /* @__PURE__ */ b("<div class=echo-notification><div class=echo-notification-icon></div><div class=echo-notification-content><div class=echo-notification-title></div><div class=echo-notification-message>");
-const ko = () => {
-  const e = k(), t = () => {
+T(["click"]);
+var xn = /* @__PURE__ */ b("<div class=echo-notification><div class=echo-notification-icon></div><div class=echo-notification-content><div class=echo-notification-title></div><div class=echo-notification-message>");
+const kn = () => {
+  const e = x(), t = () => {
     e.widget.setState({
       notification: {
         ...e.widget.state.notification,
         show: !1
       }
     });
-  }, o = () => {
+  }, n = () => {
     switch (e.widget.state.notification.type) {
       case "success":
         return e.widget.state.text.notification.successTitle;
@@ -1504,8 +1511,8 @@ const ko = () => {
     }
   };
   return (() => {
-    var n = xo(), r = n.firstChild, i = r.nextSibling, a = i.firstChild, l = a.nextSibling;
-    return v(n, f(T, {
+    var o = xn(), i = o.firstChild, r = i.nextSibling, a = r.firstChild, l = a.nextSibling;
+    return m(o, g(O, {
       class: "echo-notification-hide",
       variant: "secondary",
       size: "sm",
@@ -1514,40 +1521,40 @@ const ko = () => {
         return e.widget.state.text.notification.hideTitle;
       },
       get children() {
-        return f(ie, {
+        return g(ie, {
           size: 20
         });
       }
-    }), r), v(r, (() => {
-      var s = x(() => e.widget.state.notification.type === "success");
-      return () => s() ? f(Qt, {
+    }), i), m(i, (() => {
+      var s = p(() => e.widget.state.notification.type === "success");
+      return () => s() ? g(Qt, {
         size: 32
       }) : (() => {
-        var c = x(() => e.widget.state.notification.type === "error");
-        return () => c() ? f(eo, {
+        var c = p(() => e.widget.state.notification.type === "error");
+        return () => c() ? g(en, {
           size: 32
         }) : null;
       })();
-    })()), v(a, o), v(l, () => {
+    })()), m(a, n), m(l, () => {
       var s;
       return (s = e.widget.state.notification) == null ? void 0 : s.message;
     }), w((s) => {
       var c = e.widget.state.notification.type, d = !e.widget.state.notification.type, u = !e.widget.state.notification.show;
-      return c !== s.e && h(n, "data-type", s.e = c), d !== s.t && h(n, "data-empty", s.t = d), u !== s.a && h(n, "data-hidden", s.a = u), s;
+      return c !== s.e && h(o, "data-type", s.e = c), d !== s.t && h(o, "data-empty", s.t = d), u !== s.a && h(o, "data-hidden", s.a = u), s;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), n;
+    }), o;
   })();
 };
-var So = /* @__PURE__ */ b("<button class=echo-welcome-message><span class=echo-welcome-message-pulsar></span><div class=echo-welcome-message-close role=button tabindex=0>");
-const Co = () => {
-  const e = k(), t = je("welcome_message_shown", !1), o = (r) => {
-    r.stopPropagation(), e.widget.setState({
+var Sn = /* @__PURE__ */ b("<button class=echo-welcome-message><span class=echo-welcome-message-pulsar></span><div class=echo-welcome-message-close role=button tabindex=0>");
+const Cn = () => {
+  const e = x(), t = je("welcome_message_shown", !1), n = (i) => {
+    i.stopPropagation(), e.widget.setState({
       welcomeMessageIsClosing: !0
     }), he("welcome_message_shown", !0);
-  }, n = () => {
+  }, o = () => {
     e.widget.setState({
       isOpen: !0
     }), e.widget.setState({
@@ -1555,60 +1562,60 @@ const Co = () => {
     }), he("welcome_message_shown", !0);
   };
   return t ? null : (() => {
-    var r = So(), i = r.firstChild, a = i.nextSibling;
-    return r.$$click = n, r.style.setProperty("bottom", "80px"), r.style.setProperty("right", "20px"), v(r, () => e.widget.state.text.welcomeMessage.text, a), a.$$keydown = (l) => l.key === "Enter" && o(l), a.$$click = o, v(a, f(ie, {
+    var i = Sn(), r = i.firstChild, a = r.nextSibling;
+    return i.$$click = o, i.style.setProperty("bottom", "80px"), i.style.setProperty("right", "20px"), m(i, () => e.widget.state.text.welcomeMessage.text, a), a.$$keydown = (l) => l.key === "Enter" && n(l), a.$$click = n, m(a, g(ie, {
       size: 16,
       strokeWidth: 3
     })), w((l) => {
       var s = e.widget.state.welcomeMessageIsClosing, c = e.widget.state.text.welcomeMessage.closeAriaLabel;
-      return s !== l.e && h(r, "data-hidden", l.e = s), c !== l.t && h(a, "aria-label", l.t = c), l;
+      return s !== l.e && h(i, "data-hidden", l.e = s), c !== l.t && h(a, "aria-label", l.t = c), l;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), i;
   })();
 };
-I(["click", "keydown"]);
-var Po = /* @__PURE__ */ b("<svg><rect class=echo-shape fill=transparent vector-effect=non-scaling-stroke></svg>", !1, !0), $o = /* @__PURE__ */ b("<svg><path class=echo-shape fill=none vector-effect=non-scaling-stroke stroke-linecap=round></svg>", !1, !0);
+T(["click", "keydown"]);
+var Pn = /* @__PURE__ */ b("<svg><rect class=echo-shape fill=transparent vector-effect=non-scaling-stroke></svg>", !1, !0), $n = /* @__PURE__ */ b("<svg><path class=echo-shape fill=none vector-effect=non-scaling-stroke stroke-linecap=round></svg>", !1, !0);
 const Oe = (e) => {
-  const t = x(() => e.id === e.selectedShapeId);
-  return [f(j, {
+  const t = p(() => e.id === e.selectedShapeId);
+  return [g(j, {
     get when() {
       return e.type === "rectangle";
     },
     get children() {
-      return f(Eo, Z(e, {
+      return g(En, Z(e, {
         get isSelected() {
           return t();
         }
       }));
     }
-  }), f(j, {
+  }), g(j, {
     get when() {
       return e.type === "path";
     },
     get children() {
-      return f(zo, Z(e, {
+      return g(zn, Z(e, {
         get isSelected() {
           return t();
         }
       }));
     }
   })];
-}, Eo = (e) => {
-  const t = x(() => Ke(e.points));
-  return f(j, {
+}, En = (e) => {
+  const t = p(() => Ue(e.points));
+  return g(j, {
     get when() {
       return t();
     },
     get children() {
-      var o = Po();
-      return o.$$click = () => {
-        var n;
-        return (n = e.onShapeClick) == null ? void 0 : n.call(e, e.id);
-      }, w((n) => {
-        var r = e.id, i = e.isSelected, a = t().x, l = t().y, s = t().width, c = t().height, d = e.color, u = O.rectangle.strokeWidth, g = e.isSelected ? O.rectangle.opacity.selected : O.rectangle.opacity.default, m = e.isSelected ? "5,5" : "none", y = e.isSelected ? "move" : "pointer";
-        return r !== n.e && h(o, "data-shape-id", n.e = r), i !== n.t && h(o, "data-selected", n.t = i), a !== n.a && h(o, "x", n.a = a), l !== n.o && h(o, "y", n.o = l), s !== n.i && h(o, "width", n.i = s), c !== n.n && h(o, "height", n.n = c), d !== n.s && h(o, "stroke", n.s = d), u !== n.h && h(o, "stroke-width", n.h = u), g !== n.r && h(o, "opacity", n.r = g), m !== n.d && h(o, "stroke-dasharray", n.d = m), y !== n.l && h(o, "cursor", n.l = y), n;
+      var n = Pn();
+      return n.$$click = () => {
+        var o;
+        return (o = e.onShapeClick) == null ? void 0 : o.call(e, e.id);
+      }, w((o) => {
+        var i = e.id, r = e.isSelected, a = t().x, l = t().y, s = t().width, c = t().height, d = e.color, u = z.rectangle.strokeWidth, f = e.isSelected ? z.rectangle.opacity.selected : z.rectangle.opacity.default, v = e.isSelected ? "5,5" : "none", y = e.isSelected ? "move" : "pointer";
+        return i !== o.e && h(n, "data-shape-id", o.e = i), r !== o.t && h(n, "data-selected", o.t = r), a !== o.a && h(n, "x", o.a = a), l !== o.o && h(n, "y", o.o = l), s !== o.i && h(n, "width", o.i = s), c !== o.n && h(n, "height", o.n = c), d !== o.s && h(n, "stroke", o.s = d), u !== o.h && h(n, "stroke-width", o.h = u), f !== o.r && h(n, "opacity", o.r = f), v !== o.d && h(n, "stroke-dasharray", o.d = v), y !== o.l && h(n, "cursor", o.l = y), o;
       }, {
         e: void 0,
         t: void 0,
@@ -1621,23 +1628,23 @@ const Oe = (e) => {
         r: void 0,
         d: void 0,
         l: void 0
-      }), o;
+      }), n;
     }
   });
-}, zo = (e) => {
-  const t = x(() => Tt(e.points));
-  return f(j, {
+}, zn = (e) => {
+  const t = p(() => Tt(e.points));
+  return g(j, {
     get when() {
       return t();
     },
     get children() {
-      var o = $o();
-      return o.$$click = () => {
-        var n;
-        return (n = e.onShapeClick) == null ? void 0 : n.call(e, e.id);
-      }, w((n) => {
-        var r = e.id, i = e.isSelected, a = t(), l = e.color, s = O.path.strokeWidth, c = e.isSelected ? O.path.opacity.selected : O.path.opacity.default, d = e.isSelected ? "move" : "pointer";
-        return r !== n.e && h(o, "data-shape-id", n.e = r), i !== n.t && h(o, "data-selected", n.t = i), a !== n.a && h(o, "d", n.a = a), l !== n.o && h(o, "stroke", n.o = l), s !== n.i && h(o, "stroke-width", n.i = s), c !== n.n && h(o, "opacity", n.n = c), d !== n.s && h(o, "cursor", n.s = d), n;
+      var n = $n();
+      return n.$$click = () => {
+        var o;
+        return (o = e.onShapeClick) == null ? void 0 : o.call(e, e.id);
+      }, w((o) => {
+        var i = e.id, r = e.isSelected, a = t(), l = e.color, s = z.path.strokeWidth, c = e.isSelected ? z.path.opacity.selected : z.path.opacity.default, d = e.isSelected ? "move" : "pointer";
+        return i !== o.e && h(n, "data-shape-id", o.e = i), r !== o.t && h(n, "data-selected", o.t = r), a !== o.a && h(n, "d", o.a = a), l !== o.o && h(n, "stroke", o.o = l), s !== o.i && h(n, "stroke-width", o.i = s), c !== o.n && h(n, "opacity", o.n = c), d !== o.s && h(n, "cursor", o.s = d), o;
       }, {
         e: void 0,
         t: void 0,
@@ -1646,62 +1653,62 @@ const Oe = (e) => {
         i: void 0,
         n: void 0,
         s: void 0
-      }), o;
+      }), n;
     }
   });
 };
-I(["click"]);
-var Oo = /* @__PURE__ */ b("<div class=echo-drawing-tooltip data-hide-when-drawing=true>");
-const To = () => {
-  const e = k(), t = x(() => e.drawing.state.showTooltip && e.drawing.state.mousePosition.y && e.drawing.state.mousePosition.x && e.widget.state.isOpen && !Ue());
-  return f(j, {
+T(["click"]);
+var On = /* @__PURE__ */ b("<div class=echo-drawing-tooltip data-hide-when-drawing=true>");
+const Tn = () => {
+  const e = x(), t = p(() => e.drawing.state.showTooltip && e.drawing.state.mousePosition.y && e.drawing.state.mousePosition.x && e.widget.state.isOpen && !Ot());
+  return g(j, {
     get when() {
       return t();
     },
     get children() {
-      var o = Oo();
-      return v(o, () => e.widget.state.text.drawingTooltip.text), w((n) => {
-        var r = `${e.drawing.state.mousePosition.y + 20}px`, i = `${e.drawing.state.mousePosition.x + 10}px`;
-        return r !== n.e && ((n.e = r) != null ? o.style.setProperty("top", r) : o.style.removeProperty("top")), i !== n.t && ((n.t = i) != null ? o.style.setProperty("left", i) : o.style.removeProperty("left")), n;
+      var n = On();
+      return m(n, () => e.widget.state.text.drawingTooltip.text), w((o) => {
+        var i = `${e.drawing.state.mousePosition.y + 20}px`, r = `${e.drawing.state.mousePosition.x + 10}px`;
+        return i !== o.e && ((o.e = i) != null ? n.style.setProperty("top", i) : n.style.removeProperty("top")), r !== o.t && ((o.t = r) != null ? n.style.setProperty("left", r) : n.style.removeProperty("left")), o;
       }, {
         e: void 0,
         t: void 0
-      }), o;
+      }), n;
     }
   });
 };
-var Io = /* @__PURE__ */ b("<div class=echo-shape-actions data-hide-when-drawing=true>");
-const Mo = () => {
-  const e = k();
+var In = /* @__PURE__ */ b("<div class=echo-shape-actions data-hide-when-drawing=true>");
+const Dn = () => {
+  const e = x();
   let t;
-  const [o, n] = D({
+  const [n, o] = M({
     x: window.scrollX,
     y: window.scrollY
   });
   W({
     event: "scroll",
     callback: () => {
-      n({
+      o({
         x: window.scrollX,
         y: window.scrollY
       });
     }
   });
-  const i = () => {
+  const r = () => {
     e.drawing.state.selectedShapeId && e.drawing.setState({
       shapes: e.drawing.state.shapes.filter((s) => s.id !== e.drawing.state.selectedShapeId),
       selectedShapeId: null
     });
-  }, a = x(() => e.drawing.state.selectedShapeId ? e.drawing.state.shapes.find((s) => s.id === e.drawing.state.selectedShapeId) : null), l = x(() => {
+  }, a = p(() => e.drawing.state.selectedShapeId ? e.drawing.state.shapes.find((s) => s.id === e.drawing.state.selectedShapeId) : null), l = p(() => {
     const s = a(), c = t == null ? void 0 : t.getBoundingClientRect();
     if (!s || !c) return null;
     let d = null;
     if (s.type === "rectangle") {
-      const m = Ke(s.points);
-      if (!m) return null;
+      const v = Ue(s.points);
+      if (!v) return null;
       d = {
-        x: m.x + m.width / 2,
-        y: m.y
+        x: v.x + v.width / 2,
+        y: v.y
       };
     } else if (s.type === "path" && s.points.length > 0)
       d = {
@@ -1710,28 +1717,28 @@ const Mo = () => {
       };
     else
       return null;
-    const u = 8, g = o();
+    const u = 8, f = n();
     return {
-      x: Math.max(c.width / 2 + u, Math.min(window.innerWidth - c.width / 2 - u, d.x - g.x)),
-      y: Math.max(c.height + u, Math.min(window.innerHeight - u, d.y - g.y))
+      x: Math.max(c.width / 2 + u, Math.min(window.innerWidth - c.width / 2 - u, d.x - f.x)),
+      y: Math.max(c.height + u, Math.min(window.innerHeight - u, d.y - f.y))
     };
   });
   return (() => {
-    var s = Io(), c = t;
-    return typeof c == "function" ? G(c, s) : t = s, v(s, f(T, {
-      onClick: i,
+    var s = In(), c = t;
+    return typeof c == "function" ? G(c, s) : t = s, m(s, g(O, {
+      onClick: r,
       size: "sm",
       variant: "secondary",
       title: "Delete shape",
       get children() {
-        return f(Re, {
+        return g(Ve, {
           size: 20
         });
       }
     })), w((d) => {
-      var y, p;
-      var u = !l(), g = l() ? `${(y = l()) == null ? void 0 : y.x}px` : "0", m = l() ? `${(p = l()) == null ? void 0 : p.y}px` : "0";
-      return u !== d.e && (s.hidden = d.e = u), g !== d.t && ((d.t = g) != null ? s.style.setProperty("left", g) : s.style.removeProperty("left")), m !== d.a && ((d.a = m) != null ? s.style.setProperty("top", m) : s.style.removeProperty("top")), d;
+      var y, k;
+      var u = !l(), f = l() ? `${(y = l()) == null ? void 0 : y.x}px` : "0", v = l() ? `${(k = l()) == null ? void 0 : k.y}px` : "0";
+      return u !== d.e && (s.hidden = d.e = u), f !== d.t && ((d.t = f) != null ? s.style.setProperty("left", f) : s.style.removeProperty("left")), v !== d.a && ((d.a = v) != null ? s.style.setProperty("top", v) : s.style.removeProperty("top")), d;
     }, {
       e: void 0,
       t: void 0,
@@ -1739,9 +1746,9 @@ const Mo = () => {
     }), s;
   })();
 };
-var Do = /* @__PURE__ */ b('<div class=echo-drawing-layer-container><svg width=100% height=100% class=echo-drawing-layer preserveAspectRatio=none><path class=echo-drawing-layer-mask fill="rgba(33, 43, 55, 1)"fill-opacity=0.2 fill-rule=evenodd>');
-const Ao = () => {
-  const e = k();
+var Mn = /* @__PURE__ */ b('<div class=echo-drawing-layer-container><svg width=100% height=100% class=echo-drawing-layer preserveAspectRatio=none><path class=echo-drawing-layer-mask fill="rgba(33, 43, 55, 1)"fill-opacity=0.2 fill-rule=evenodd>');
+const An = () => {
+  const e = x();
   let t;
   return fe(() => {
     t == null || t.addEventListener("mousemove", e.drawing.methods.handleMove), t == null || t.addEventListener("mouseup", e.drawing.methods.handleEnd), t == null || t.addEventListener("touchmove", e.drawing.methods.handleMove, {
@@ -1750,24 +1757,24 @@ const Ao = () => {
   }), K(() => {
     t == null || t.removeEventListener("mousemove", e.drawing.methods.handleMove), t == null || t.removeEventListener("mouseup", e.drawing.methods.handleEnd), t == null || t.removeEventListener("touchmove", e.drawing.methods.handleMove), t == null || t.removeEventListener("touchend", e.drawing.methods.handleEnd);
   }), (() => {
-    var o = Do(), n = o.firstChild, r = n.firstChild, i = t;
-    return typeof i == "function" ? G(i, o) : t = o, v(o, f(To, {}), n), v(o, f(Mo, {}), n), _(n, "touchend", e.drawing.methods.handleLeave, !0), _(n, "mouseleave", e.drawing.methods.handleLeave), _(n, "mouseenter", e.drawing.methods.handleEnter), n.$$touchmove = (a) => {
+    var n = Mn(), o = n.firstChild, i = o.firstChild, r = t;
+    return typeof r == "function" ? G(r, n) : t = n, m(n, g(Tn, {}), o), m(n, g(Dn, {}), o), _(o, "touchend", e.drawing.methods.handleLeave, !0), _(o, "mouseleave", e.drawing.methods.handleLeave), _(o, "mouseenter", e.drawing.methods.handleEnter), o.$$touchmove = (a) => {
       a.preventDefault(), e.drawing.methods.handleMove(a);
-    }, _(n, "mousemove", e.drawing.methods.handleMove, !0), n.$$touchstart = (a) => {
+    }, _(o, "mousemove", e.drawing.methods.handleMove, !0), o.$$touchstart = (a) => {
       a.preventDefault(), e.drawing.methods.handleStart(a), e.drawing.methods.handleEnter(a), e.drawing.setState({
         showTooltip: !1,
         hasDrawn: !0
       });
-    }, n.$$mousedown = (a) => {
+    }, o.$$mousedown = (a) => {
       e.drawing.methods.handleStart(a), e.drawing.setState({
         showTooltip: !1,
         hasDrawn: !0
       });
-    }, v(n, f(re, {
+    }, m(o, g(re, {
       get each() {
         return e.drawing.state.shapes;
       },
-      children: (a) => f(Oe, {
+      children: (a) => g(Oe, {
         get id() {
           return a.id;
         },
@@ -1787,7 +1794,7 @@ const Ao = () => {
           return e.drawing.methods.handleShapeClick;
         }
       })
-    }), null), v(n, f(Oe, {
+    }), null), m(o, g(Oe, {
       id: "temp",
       get type() {
         return e.drawing.state.selectedTool;
@@ -1806,22 +1813,22 @@ const Ao = () => {
         width: e.widget.state.dimensions.width,
         height: e.widget.state.dimensions.height
       }, e.drawing.state.currentPoints, e.drawing.state.shapes);
-      return l !== a.e && ((a.e = l) != null ? o.style.setProperty("cursor", l) : o.style.removeProperty("cursor")), s !== a.t && h(r, "d", a.t = s), a;
+      return l !== a.e && ((a.e = l) != null ? n.style.setProperty("cursor", l) : n.style.removeProperty("cursor")), s !== a.t && h(i, "d", a.t = s), a;
     }, {
       e: void 0,
       t: void 0
-    }), o;
+    }), n;
   })();
 };
-I(["mousedown", "touchstart", "mousemove", "touchmove", "touchend"]);
-var jo = /* @__PURE__ */ b("<div class=echo-feedback data-hide-when-drawing=true><form class=echo-feedback-content><div class=echo-feedback-header><h3 class=echo-feedback-title></h3><div class=echo-feedback-header-actions></div></div><textarea class=echo-feedback-form-textarea required>");
-const Fo = () => {
+T(["mousedown", "touchstart", "mousemove", "touchmove", "touchend"]);
+var jn = /* @__PURE__ */ b("<div class=echo-feedback data-hide-when-drawing=true><form class=echo-feedback-content><div class=echo-feedback-header><h3 class=echo-feedback-title></h3><div class=echo-feedback-header-actions></div></div><textarea class=echo-feedback-form-textarea required>");
+const Fn = () => {
   let e;
-  const t = k(), o = Ue(), n = async (a) => {
-    a.preventDefault();
-    const l = await Dt(), s = {
+  const t = x(), n = async (r) => {
+    r.preventDefault();
+    const a = await Mt(), l = {
       comment: t.feedback.state.comment,
-      screenshot: l,
+      screenshot: a,
       metadata: {
         url: window.location.href,
         userAgent: navigator.userAgent,
@@ -1830,35 +1837,18 @@ const Fo = () => {
           width: window.innerWidth,
           height: window.innerHeight,
           screenWidth: window.screen.width,
-          screenHeight: window.screen.height,
-          isMobile: o
+          screenHeight: window.screen.height
         }
-      }
+      },
+      console: _e()
     };
-    try {
-      t.widget.setState({
-        isOpen: !1
-      }), await t.methods.onSubmit({
-        ...s,
-        console: _e()
-      }), t.methods.postSubmit({
-        show: !0,
-        type: "success",
-        message: ""
-      });
-    } catch {
-      t.methods.postSubmit({
-        show: !0,
-        type: "error",
-        message: t.widget.state.text.notification.errorMessage
-      });
-    }
+    t.methods.submit(l);
   };
-  ne(() => {
+  oe(() => {
     e && t.widget.state.isOpen && e.focus();
   });
-  const r = (a) => {
-    a.stopPropagation(), t.feedback.setState({
+  const o = (r) => {
+    r.stopPropagation(), t.feedback.setState({
       isMinimized: !0
     });
   }, i = () => {
@@ -1867,19 +1857,19 @@ const Fo = () => {
     });
   };
   return (() => {
-    var a = jo(), l = a.firstChild, s = l.firstChild, c = s.firstChild, d = c.nextSibling, u = s.nextSibling;
-    a.$$click = () => t.feedback.state.isMinimized && i(), l.addEventListener("submit", n), v(c, () => t.widget.state.text.feedbackForm.title), v(d, f(T, {
+    var r = jn(), a = r.firstChild, l = a.firstChild, s = l.firstChild, c = s.nextSibling, d = l.nextSibling;
+    r.$$click = () => t.feedback.state.isMinimized && i(), a.addEventListener("submit", n), m(s, () => t.widget.state.text.feedbackForm.title), m(c, g(O, {
       type: "button",
       title: "Hide form",
       variant: "secondary",
       size: "sm",
-      onClick: r,
+      onClick: o,
       get children() {
-        return f(_t, {
+        return g(_t, {
           size: 20
         });
       }
-    }), null), v(d, f(T, {
+    }), null), m(c, g(O, {
       type: "button",
       title: "Close form",
       variant: "secondary",
@@ -1888,15 +1878,15 @@ const Fo = () => {
         isOpen: !1
       }),
       get children() {
-        return f(ie, {
+        return g(ie, {
           size: 20
         });
       }
-    }), null), u.$$input = (m) => t.feedback.setState({
-      comment: m.currentTarget.value
+    }), null), d.$$input = (f) => t.feedback.setState({
+      comment: f.currentTarget.value
     });
-    var g = e;
-    return typeof g == "function" ? G(g, u) : e = u, v(l, f(T, {
+    var u = e;
+    return typeof u == "function" ? G(u, d) : e = d, m(a, g(O, {
       type: "submit",
       variant: "primary",
       size: "lg",
@@ -1906,66 +1896,66 @@ const Fo = () => {
       get children() {
         return t.widget.state.text.feedbackForm.submitButton;
       }
-    }), null), w((m) => {
-      var y = t.feedback.state.isMinimized, p = t.feedback.state.isMinimized ? "pointer" : "default", S = t.widget.state.text.feedbackForm.placeholder;
-      return y !== m.e && h(a, "data-minimized", m.e = y), p !== m.t && ((m.t = p) != null ? a.style.setProperty("cursor", p) : a.style.removeProperty("cursor")), S !== m.a && h(u, "placeholder", m.a = S), m;
+    }), null), w((f) => {
+      var v = t.feedback.state.isMinimized, y = t.feedback.state.isMinimized ? "pointer" : "default", k = t.widget.state.text.feedbackForm.placeholder;
+      return v !== f.e && h(r, "data-minimized", f.e = v), y !== f.t && ((f.t = y) != null ? r.style.setProperty("cursor", y) : r.style.removeProperty("cursor")), k !== f.a && h(d, "placeholder", f.a = k), f;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), w(() => u.value = t.feedback.state.comment), a;
+    }), w(() => d.value = t.feedback.state.comment), r;
   })();
 };
-I(["click", "input"]);
-var Lo = /* @__PURE__ */ b("<style>"), No = /* @__PURE__ */ b("<div class=echo-launcher>"), Bo = /* @__PURE__ */ b("<div class=echo-overlay>"), Yo = /* @__PURE__ */ b("<div class=echo-root>");
-const Ho = (e) => f(wt, {
+T(["click", "input"]);
+var Ln = /* @__PURE__ */ b("<style>"), Nn = /* @__PURE__ */ b("<div class=echo-launcher>"), Bn = /* @__PURE__ */ b("<div class=echo-overlay>"), Yn = /* @__PURE__ */ b("<div class=echo-root>");
+const Hn = (e) => g(vt, {
   useShadow: !0,
   get mount() {
     return document.body;
   },
   get children() {
-    return f(Yt, Z(e, {
+    return g(Yt, Z(e, {
       get children() {
-        return f(Uo, {
+        return g(Un, {
           get children() {
-            return [f(Wo, {
+            return [g(Wn, {
               get primaryColor() {
                 return e.primaryColor;
               }
-            }), f(_o, {})];
+            }), g(_n, {})];
           }
         });
       }
     }));
   }
-}), Wo = (e) => {
-  const [t, o] = D("");
-  return ne(() => {
-    const n = `
+}), Wn = (e) => {
+  const [t, n] = M("");
+  return oe(() => {
+    const o = `
 				.echo-root {
 					--primary-color: ${e.primaryColor};
-					--primary-text-color: ${Et(e.primaryColor)};
+					--primary-text-color: ${$t(e.primaryColor)};
 				}
 			`;
-    o(n);
+    n(o);
   }), (() => {
-    var n = Lo();
-    return v(n, Ht, null), v(n, t, null), n;
+    var o = Ln();
+    return m(o, Ht, null), m(o, t, null), o;
   })();
-}, _o = () => {
-  const e = k();
+}, _n = () => {
+  const e = x();
   return [(() => {
-    var t = No();
-    return v(t, f(po, {}), null), v(t, f(Co, {}), null), v(t, f(ko, {}), null), w(() => h(t, "data-hidden", e.widget.state.isOpen)), t;
+    var t = Nn();
+    return m(t, g(pn, {}), null), m(t, g(Cn, {}), null), m(t, g(kn, {}), null), w(() => h(t, "data-hidden", e.widget.state.isOpen)), t;
   })(), (() => {
-    var t = Bo();
-    return v(t, f(Fo, {}), null), v(t, f(co, {}), null), v(t, f(Ao, {}), null), w(() => h(t, "data-hidden", !e.widget.state.isOpen)), t;
+    var t = Bn();
+    return m(t, g(Fn, {}), null), m(t, g(dn, {}), null), m(t, g(An, {}), null), w(() => h(t, "data-hidden", !e.widget.state.isOpen)), t;
   })()];
-}, Uo = (e) => {
+}, Un = (e) => {
   let t;
-  const o = k(), n = () => {
+  const n = x(), o = () => {
     requestAnimationFrame(() => {
-      t && (t.style.height = "0px", t.style.height = `${document.documentElement.scrollHeight}px`, o.widget.setState({
+      t && (t.style.height = "0px", t.style.height = `${document.documentElement.scrollHeight}px`, n.widget.setState({
         dimensions: {
           width: document.documentElement.clientWidth,
           height: document.documentElement.scrollHeight
@@ -1975,10 +1965,10 @@ const Ho = (e) => f(wt, {
   };
   return W({
     event: "resize",
-    callback: n,
-    onMount: n
-  }), yt("Escape", () => {
-    o.widget.setState({
+    callback: o,
+    onMount: o
+  }), bt("Escape", () => {
+    n.widget.setState({
       isOpen: !1
     });
   }), ge({
@@ -1989,20 +1979,20 @@ const Ho = (e) => f(wt, {
       attributes: !0
     },
     callback: () => {
-      n();
+      o();
     }
   }), (() => {
-    var r = Yo(), i = t;
-    return typeof i == "function" ? G(i, r) : t = r, v(r, () => e.children), w((a) => {
-      var l = o.drawing.state.isDrawing, s = `${o.widget.state.dimensions.height}px`, c = `${o.widget.state.dimensions.width}px`;
-      return l !== a.e && h(r, "data-drawing", a.e = l), s !== a.t && ((a.t = s) != null ? r.style.setProperty("height", s) : r.style.removeProperty("height")), c !== a.a && ((a.a = c) != null ? r.style.setProperty("width", c) : r.style.removeProperty("width")), a;
+    var i = Yn(), r = t;
+    return typeof r == "function" ? G(r, i) : t = i, m(i, () => e.children), w((a) => {
+      var l = n.drawing.state.isDrawing, s = `${n.widget.state.dimensions.height}px`, c = `${n.widget.state.dimensions.width}px`;
+      return l !== a.e && h(i, "data-drawing", a.e = l), s !== a.t && ((a.t = s) != null ? i.style.setProperty("height", s) : i.style.removeProperty("height")), c !== a.a && ((a.a = c) != null ? i.style.setProperty("width", c) : i.style.removeProperty("width")), a;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), r;
+    }), i;
   })();
-}, Ko = {
+}, Kn = {
   welcomeMessage: {
     text: "Click here to leave feedback",
     closeAriaLabel: "Close welcome message"
@@ -2028,33 +2018,27 @@ const Ho = (e) => f(wt, {
   }
 };
 let Q = null;
-function Xo(e) {
+function Xn(e) {
   Q && (console.warn("Echo widget is already initialized. Cleaning up previous instance..."), Q());
   try {
-    jt(e), zt();
+    jt(e), Et();
     const {
       position: t = "bottom-right",
-      primaryColor: o = "#6227dc",
-      onSubmit: n,
-      textConfig: r = {}
-    } = e, i = We(Ko, r), a = document.createElement("div");
+      primaryColor: n = "#6227dc",
+      onSubmit: o,
+      textConfig: i = {}
+    } = e, r = We(Kn, i), a = document.createElement("div");
     a.id = "echo-container", document.body.appendChild(a);
-    const l = lt(() => f(Ho, {
+    const l = st(() => g(Hn, {
       position: t,
-      primaryColor: o,
-      textConfig: i,
-      onSubmit: async (c) => {
-        try {
-          await n({
-            ...c,
-            console: _e()
-          });
-        } catch (d) {
-          throw console.error("Error in Echo onSubmit handler:", d), d;
-        }
-      }
+      primaryColor: n,
+      textConfig: r,
+      onSubmit: async (c) => await o({
+        ...c,
+        console: _e()
+      })
     }), a), s = () => {
-      l(), a.remove(), Ot(), Q = null;
+      l(), a.remove(), zt(), Q = null;
     };
     return window.addEventListener("unload", s, {
       once: !0
@@ -2064,5 +2048,5 @@ function Xo(e) {
   }
 }
 export {
-  Xo as initEcho
+  Xn as initEcho
 };