pollcatch 2.1.3 → 2.1.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pollcatch",
   "private": false,
-  "version": "2.1.3",
+  "version": "2.1.5",
   "type": "module",
   "main": "pc.js",
   "module": "pc.js",

package/pc.js

@@ -281,7 +281,7 @@ U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[K("elementProper
  */
 const W = globalThis, nt = W.trustedTypes, Bt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ne = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + P, Ne = `<${le}>`, L = document, X = () => L.createComment(""), Q = (e) => e === null || typeof e != "object" && typeof e != "function", Pt = Array.isArray, Me = (e) => Pt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", bt = `[ 	
 \f\r]`, Z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Vt = />/g, N = RegExp(`>|${bt}(?:([^\\s"'>=/]+)(${bt}*=${bt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, ce = /^(?:script|style|textarea|title)$/i, Le = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), d = Le(1), z = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Ft = /* @__PURE__ */ new WeakMap(), M = L.createTreeWalker(L, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, ce = /^(?:script|style|textarea|title)$/i, Le = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), d = Le(1), z = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), Ft = /* @__PURE__ */ new WeakMap(), M = L.createTreeWalker(L, 129);
 function de(e, t) {
   if (!Pt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Bt !== void 0 ? Bt.createHTML(t) : t;
@@ -291,10 +291,10 @@ const Re = (e, t) => {
   let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Z;
   for (let n = 0; n < o; n++) {
     const l = e[n];
-    let p, c, h = -1, w = 0;
-    for (; w < l.length && (a.lastIndex = w, c = a.exec(l), c !== null); ) w = a.lastIndex, a === Z ? c[1] === "!--" ? a = Dt : c[1] !== void 0 ? a = Vt : c[2] !== void 0 ? (ce.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = N) : c[3] !== void 0 && (a = N) : a === N ? c[0] === ">" ? (a = s ?? Z, h = -1) : c[1] === void 0 ? h = -2 : (h = a.lastIndex - c[2].length, p = c[1], a = c[3] === void 0 ? N : c[3] === '"' ? Ht : qt) : a === Ht || a === qt ? a = N : a === Dt || a === Vt ? a = Z : (a = N, s = void 0);
-    const v = a === N && e[n + 1].startsWith("/>") ? " " : "";
-    i += a === Z ? l + Ne : h >= 0 ? (r.push(p), l.slice(0, h) + ne + l.slice(h) + P + v) : l + P + (h === -2 ? n : v);
+    let u, c, p = -1, v = 0;
+    for (; v < l.length && (a.lastIndex = v, c = a.exec(l), c !== null); ) v = a.lastIndex, a === Z ? c[1] === "!--" ? a = Dt : c[1] !== void 0 ? a = Vt : c[2] !== void 0 ? (ce.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = N) : c[3] !== void 0 && (a = N) : a === N ? c[0] === ">" ? (a = s ?? Z, p = -1) : c[1] === void 0 ? p = -2 : (p = a.lastIndex - c[2].length, u = c[1], a = c[3] === void 0 ? N : c[3] === '"' ? Ht : qt) : a === Ht || a === qt ? a = N : a === Dt || a === Vt ? a = Z : (a = N, s = void 0);
+    const y = a === N && e[n + 1].startsWith("/>") ? " " : "";
+    i += a === Z ? l + Ne : p >= 0 ? (r.push(u), l.slice(0, p) + ne + l.slice(p) + P + y) : l + P + (p === -2 ? n : y);
   }
   return [de(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -303,29 +303,29 @@ let kt = class pe {
     let s;
     this.parts = [];
     let i = 0, a = 0;
-    const n = t.length - 1, l = this.parts, [p, c] = Re(t, o);
-    if (this.el = pe.createElement(p, r), M.currentNode = this.el.content, o === 2 || o === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
+    const n = t.length - 1, l = this.parts, [u, c] = Re(t, o);
+    if (this.el = pe.createElement(u, r), M.currentNode = this.el.content, o === 2 || o === 3) {
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.childNodes);
     }
     for (; (s = M.nextNode()) !== null && l.length < n; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(ne)) {
-          const w = c[a++], v = s.getAttribute(h).split(P), E = /([.?@])?(.*)/.exec(w);
-          l.push({ type: 1, index: i, name: E[2], strings: v, ctor: E[1] === "." ? je : E[1] === "?" ? Be : E[1] === "@" ? De : ct }), s.removeAttribute(h);
-        } else h.startsWith(P) && (l.push({ type: 6, index: i }), s.removeAttribute(h));
+        if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(ne)) {
+          const v = c[a++], y = s.getAttribute(p).split(P), E = /([.?@])?(.*)/.exec(v);
+          l.push({ type: 1, index: i, name: E[2], strings: y, ctor: E[1] === "." ? je : E[1] === "?" ? Be : E[1] === "@" ? De : ct }), s.removeAttribute(p);
+        } else p.startsWith(P) && (l.push({ type: 6, index: i }), s.removeAttribute(p));
         if (ce.test(s.tagName)) {
-          const h = s.textContent.split(P), w = h.length - 1;
-          if (w > 0) {
+          const p = s.textContent.split(P), v = p.length - 1;
+          if (v > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let v = 0; v < w; v++) s.append(h[v], X()), M.nextNode(), l.push({ type: 2, index: ++i });
-            s.append(h[w], X());
+            for (let y = 0; y < v; y++) s.append(p[y], X()), M.nextNode(), l.push({ type: 2, index: ++i });
+            s.append(p[v], X());
           }
         }
       } else if (s.nodeType === 8) if (s.data === le) l.push({ type: 2, index: i });
       else {
-        let h = -1;
-        for (; (h = s.data.indexOf(P, h + 1)) !== -1; ) l.push({ type: 7, index: i }), h += P.length - 1;
+        let p = -1;
+        for (; (p = s.data.indexOf(P, p + 1)) !== -1; ) l.push({ type: 7, index: i }), p += P.length - 1;
       }
       i++;
     }
@@ -358,8 +358,8 @@ let Ue = class {
     let i = M.nextNode(), a = 0, n = 0, l = r[0];
     for (; l !== void 0; ) {
       if (a === l.index) {
-        let p;
-        l.type === 2 ? p = new et(i, i.nextSibling, this, t) : l.type === 1 ? p = new l.ctor(i, l.name, l.strings, this, t) : l.type === 6 && (p = new Ve(i, this, t)), this._$AV.push(p), l = r[++n];
+        let u;
+        l.type === 2 ? u = new et(i, i.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(i, l.name, l.strings, this, t) : l.type === 6 && (u = new Ve(i, this, t)), this._$AV.push(u), l = r[++n];
       }
       a !== (l == null ? void 0 : l.index) && (i = M.nextNode(), a++);
     }
@@ -376,7 +376,7 @@ class et {
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, o, r, s) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = o, this._$AM = r, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+    this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = o, this._$AM = r, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -390,7 +390,7 @@ class et {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    t = D(this, t, o), Q(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Me(t) ? this.k(t) : this._(t);
+    t = D(this, t, o), Q(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Me(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,7 +399,7 @@ class et {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== u && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(L.createTextNode(t)), this._$AH = t;
+    this._$AH !== h && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(L.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var i;
@@ -441,7 +441,7 @@ class ct {
     return this._$AM._$AU;
   }
   constructor(t, o, r, s, i) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = o, this._$AM = s, this.options = i, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = u;
+    this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = o, this._$AM = s, this.options = i, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = h;
   }
   _$AI(t, o = this, r, s) {
     const i = this.strings;
@@ -449,13 +449,13 @@ class ct {
     if (i === void 0) t = D(this, t, o, 0), a = !Q(t) || t !== this._$AH && t !== z, a && (this._$AH = t);
     else {
       const n = t;
-      let l, p;
-      for (t = i[0], l = 0; l < i.length - 1; l++) p = D(this, n[r + l], o, l), p === z && (p = this._$AH[l]), a || (a = !Q(p) || p !== this._$AH[l]), p === u ? t = u : t !== u && (t += (p ?? "") + i[l + 1]), this._$AH[l] = p;
+      let l, u;
+      for (t = i[0], l = 0; l < i.length - 1; l++) u = D(this, n[r + l], o, l), u === z && (u = this._$AH[l]), a || (a = !Q(u) || u !== this._$AH[l]), u === h ? t = h : t !== h && (t += (u ?? "") + i[l + 1]), this._$AH[l] = u;
     }
     a && !s && this.j(t);
   }
   j(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
 let je = class extends ct {
@@ -463,7 +463,7 @@ let je = class extends ct {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === u ? void 0 : t;
+    this.element[this.name] = t === h ? void 0 : t;
   }
 };
 class Be extends ct {
@@ -471,7 +471,7 @@ class Be extends ct {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== u);
+    this.element.toggleAttribute(this.name, !!t && t !== h);
   }
 }
 class De extends ct {
@@ -479,8 +479,8 @@ class De extends ct {
     super(t, o, r, s, i), this.type = 5;
   }
   _$AI(t, o = this) {
-    if ((t = D(this, t, o, 0) ?? u) === z) return;
-    const r = this._$AH, s = t === u && r !== u || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, i = t !== u && (r === u || s);
+    if ((t = D(this, t, o, 0) ?? h) === z) return;
+    const r = this._$AH, s = t === h && r !== h || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, i = t !== h && (r === h || s);
     s && this.element.removeEventListener(this.name, this, r), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -618,8 +618,8 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
 }, fe = function(e) {
   var t = e.h, o = e.s, r = e.v, s = e.a;
   t = t / 360 * 6, o /= 100, r /= 100;
-  var i = Math.floor(t), a = r * (1 - o), n = r * (1 - (t - i) * o), l = r * (1 - (1 - t + i) * o), p = i % 6;
-  return { r: 255 * [r, n, a, a, l, r][p], g: 255 * [l, r, r, n, a, a][p], b: 255 * [a, a, l, r, r, n][p], a: s };
+  var i = Math.floor(t), a = r * (1 - o), n = r * (1 - (t - i) * o), l = r * (1 - (1 - t + i) * o), u = i % 6;
+  return { r: 255 * [r, n, a, a, l, r][u], g: 255 * [l, r, r, n, a, a][u], b: 255 * [a, a, l, r, r, n][u], a: s };
 }, Zt = function(e) {
   return { h: ue(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
 }, Gt = function(e) {
@@ -744,7 +744,7 @@ function ro(e) {
     }
   };
 }
-const b = ro("Pollcatch");
+const m = ro("Pollcatch");
 var me = /* @__PURE__ */ ((e) => (e[e.AA_NORMAL = 4.5] = "AA_NORMAL", e[e.AA_LARGE = 3] = "AA_LARGE", e[e.AAA_NORMAL = 7] = "AAA_NORMAL", e[e.AAA_LARGE = 4.5] = "AAA_LARGE", e))(me || {});
 const so = {
   black: "#000000",
@@ -777,7 +777,7 @@ function te(e) {
 }
 function ao(e, t = {}) {
   if (!C(e).isValid())
-    return b.warn(`Invalid color provided: ${e}`), "black";
+    return m.warn(`Invalid color provided: ${e}`), "black";
   const {
     minContrast: r = 4.5,
     colorOptions: s = ["black", "white", "light", "dark"],
@@ -787,21 +787,21 @@ function ao(e, t = {}) {
     },
     fallback: a = "white"
   } = t, n = s.map((c) => c === "black" ? "#000000" : c === "white" ? "#ffffff" : c === "light" ? i.light || "#f8f9fa" : c === "dark" ? i.dark || "#343a40" : c);
-  let l = a, p = 0;
+  let l = a, u = 0;
   for (const c of n) {
-    const h = St(e, c);
-    h >= r && h > p && (p = h, l = c);
+    const p = St(e, c);
+    p >= r && p > u && (u = p, l = c);
   }
-  if (p === 0) {
+  if (u === 0) {
     const c = St(e, a);
-    l = a, p = c;
-    for (const h of n) {
-      if (h === a) continue;
-      const w = St(e, h);
-      w > p && (p = w, l = h);
+    l = a, u = c;
+    for (const p of n) {
+      if (p === a) continue;
+      const v = St(e, p);
+      v > u && (u = v, l = p);
     }
-    b.warn(
-      `No color option met the minimum contrast ratio of ${r}:1 against ${e}. Using ${l} with contrast ratio ${p.toFixed(2)}:1 instead.`
+    m.warn(
+      `No color option met the minimum contrast ratio of ${r}:1 against ${e}. Using ${l} with contrast ratio ${u.toFixed(2)}:1 instead.`
     );
   }
   return l;
@@ -809,7 +809,7 @@ function ao(e, t = {}) {
 function no(e) {
   const o = io(e) || e, r = C(o);
   if (!r.isValid())
-    return b.warn(`Invalid color provided: ${e}`), { r: 0, g: 0, b: 0 };
+    return m.warn(`Invalid color provided: ${e}`), { r: 0, g: 0, b: 0 };
   const { r: s, g: i, b: a } = r.toRgb();
   return { r: s, g: i, b: a };
 }
@@ -901,17 +901,17 @@ function ho(e) {
   return /^(#[0-9a-fA-F]{3,8}|rgb\([^)]+\)|rgba\([^)]+\)|hsl\([^)]+\)|hsla\([^)]+\)|[a-zA-Z]+)$/.test(t);
 }
 function R(e) {
-  return ho(e) ? e.replace(/[<>"']/g, "").trim() : (b.warn("Invalid color value:", e), "#000000");
+  return ho(e) ? e.replace(/[<>"']/g, "").trim() : (m.warn("Invalid color value:", e), "#000000");
 }
 function fo(e) {
   if (typeof e != "string")
-    return b.warn("Non-string value passed to sanitizeCSS:", typeof e), "";
+    return m.warn("Non-string value passed to sanitizeCSS:", typeof e), "";
   let t = e;
   return t = t.replace(/@import[^;]+;/gi, "").replace(/expression\s*\([^)]*\)/gi, "").replace(/javascript:\s*[^"'\s;]*/gi, "").replace(/url\s*\(\s*["']?data:(?!image\/[^;]+;base64,)[^"')]*["']?\s*\)/gi, "").replace(/-moz-binding\s*:[^;]+;/gi, "").replace(/behavior\s*:[^;]+;/gi, ""), t;
 }
 const ee = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", mo = "pc_session_id", bo = 24 * 60 * 60 * 1e3;
 function oe() {
-  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (b.warn("crypto.randomUUID not available, using fallback UUID generator"), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (m.warn("crypto.randomUUID not available, using fallback UUID generator"), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e === "x" ? t : t & 3 | 8).toString(16);
   }));
@@ -921,7 +921,7 @@ function Tt() {
   try {
     return localStorage.setItem(e, e), localStorage.removeItem(e), !0;
   } catch {
-    return b.warn("localStorage not available, session ID will not persist"), !1;
+    return m.warn("localStorage not available, session ID will not persist"), !1;
   }
 }
 function be(e) {
@@ -929,7 +929,7 @@ function be(e) {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : void 0;
   } catch (t) {
-    b.warn(`Failed to get item from localStorage: ${e}`, t);
+    m.warn(`Failed to get item from localStorage: ${e}`, t);
     return;
   }
 }
@@ -937,29 +937,29 @@ function ge(e, t) {
   try {
     return localStorage.setItem(e, JSON.stringify(t)), !0;
   } catch (o) {
-    return b.warn(`Failed to set item in localStorage: ${e}`, o), !1;
+    return m.warn(`Failed to set item in localStorage: ${e}`, o), !1;
   }
 }
 async function go() {
   if (typeof window < "u") {
     if (window.pcProject !== void 0)
-      return b.debug("Found project key in global variable"), window.pcProject;
+      return m.debug("Found project key in global variable"), window.pcProject;
     const e = document.querySelectorAll("script[pc-project]");
     if (e.length > 0) {
       const t = e[e.length - 1], o = t == null ? void 0 : t.getAttribute("pc-project");
       if (o)
-        return b.debug("Found project key in script tag attribute"), o;
+        return m.debug("Found project key in script tag attribute"), o;
     }
   }
-  b.warn("No project key found in global variable or script tags");
+  m.warn("No project key found in global variable or script tags");
 }
 async function re() {
   const e = mo, t = bo;
   if (Tt()) {
     const o = be(e);
     if (o && o.id && o.timestamp && Date.now() - o.timestamp < t)
-      return b.debug("Using existing session ID from localStorage"), o.id;
-    b.debug(
+      return m.debug("Using existing session ID from localStorage"), o.id;
+    m.debug(
       o ? "Session ID expired" : "No session ID found",
       "generating new one"
     );
@@ -967,10 +967,10 @@ async function re() {
     return ge(e, {
       id: r,
       timestamp: Date.now()
-    }) ? b.debug("Generated and stored new session ID") : b.warn("Generated session ID but failed to store it"), r;
+    }) ? m.debug("Generated and stored new session ID") : m.warn("Generated session ID but failed to store it"), r;
   } else {
     const o = oe();
-    return b.debug("Generated non-persistent session ID"), o;
+    return m.debug("Generated non-persistent session ID"), o;
   }
 }
 function lt(e) {
@@ -1003,16 +1003,16 @@ function vo(e) {
     const t = be(e);
     return t ? { ...O(), ...t } : O();
   } catch (t) {
-    return b.warn("Failed to load localStats from localStorage", t), O();
+    return m.warn("Failed to load localStats from localStorage", t), O();
   }
 }
 function yo(e, t) {
   if (!Tt())
     return !1;
   try {
-    return ge(e, t) ? (b.debug("Saved localStats to localStorage", t), !0) : !1;
+    return ge(e, t) ? (m.debug("Saved localStats to localStorage", t), !0) : !1;
   } catch (o) {
-    return b.warn("Failed to save localStats to localStorage", o), !1;
+    return m.warn("Failed to save localStats to localStorage", o), !1;
   }
 }
 function wo(e, t) {
@@ -1127,44 +1127,52 @@ class Ao {
     this.isLoading = !1, this.stats = this.localStats, this.host.requestUpdate();
     try {
       const o = await this.getProjectId(), r = t.name, s = t.type;
-      if (!r)
-        throw new Error("Name parameter is required");
       let i;
       if (t.dataFunc && typeof window < "u") {
-        const w = t.dataFunc.replace(/^window\./, "").split(".");
-        let v = window;
-        for (const E of w)
-          if (v = v == null ? void 0 : v[E], v === void 0) break;
-        i = v;
+        const v = t.dataFunc.replace(/^window\./, "").split(".");
+        let y = window;
+        for (const E of v)
+          if (y = y == null ? void 0 : y[E], y === void 0) break;
+        i = y;
       }
-      let a;
-      if (i && typeof i == "function")
-        b.debug(`Using data function for: ${r}`, {
+      let a, n;
+      if (i && typeof i == "function") {
+        const p = t.options.map((v) => v.value);
+        if (m.debug(`Using data function for: ${r}`, {
           dataFuncName: t.dataFunc,
-          projectKey: o
-        }), a = await i(o, r);
-      else {
-        const h = t.dataEndpoint || ee, w = `${h}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
-        b.debug(`Fetching stats for: ${r}`, { endpoint: h, projectKey: o });
-        const v = await fetch(w);
-        if (!v.ok)
-          throw new Error(`API request failed with status: ${v.status}`);
-        a = await v.json();
+          projectKey: o,
+          options: p
+        }), a = await i(o, r, p), a && typeof a == "object" && "success" in a && "data" in a) {
+          if (!a.success)
+            throw m.error("Custom data function returned unsuccessful response", a), new Error("Custom data function returned unsuccessful response");
+          n = a.data || {};
+        } else
+          n = a || {};
+      } else {
+        const p = t.dataEndpoint || ee;
+        if (!r)
+          throw new Error("Name parameter is required");
+        const v = `${p}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
+        m.debug(`Fetching stats for: ${r}`, { endpoint: p, projectKey: o });
+        const y = await fetch(v);
+        if (!y.ok)
+          throw new Error(`API request failed with status: ${y.status}`);
+        if (a = await y.json(), !a.success)
+          throw m.error("Backend returned unsuccessful response", a), new Error("Backend returned unsuccessful response");
+        n = a.data || {};
       }
-      if (!a.success)
-        throw b.error("Backend returned unsuccessful response", a), new Error("Backend returned unsuccessful response");
-      const n = a.data || {}, l = n.count > 0 ? Math.round(n.sum / n.count) : 0, p = Math.round(n.sum / n.count * 100), c = {
+      const l = n.count > 0 ? Math.round(n.sum / n.count) : 0, u = Math.round(n.sum / n.count * 100), c = {
         count: n.count ?? 0,
         sum: n.sum,
         avg: l,
-        pct: p,
+        pct: u,
         nps: s === x.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
         breakdown: n.breakdown ?? {},
         updated: n.updated_at || (/* @__PURE__ */ new Date()).toISOString()
       };
       this.stats = c;
     } catch (o) {
-      throw b.error("Error loading stats:", o, this.localStats), o;
+      throw m.error("Error loading stats:", o, this.localStats), o;
     } finally {
       this.isLoading = !1, this.host.requestUpdate();
     }
@@ -1176,9 +1184,9 @@ class Ao {
     const t = await this.getLocalStatsKey();
     try {
       const o = vo(t);
-      b.debug("Loaded localStats from localStorage", o), this.localStats = o;
+      m.debug("Loaded localStats from localStorage", o), this.localStats = o;
     } catch (o) {
-      b.warn("Failed to generate localStorage key for localStats", o), this.localStats = O();
+      m.warn("Failed to generate localStorage key for localStats", o), this.localStats = O();
     }
     this.host.requestUpdate();
   }
@@ -1188,9 +1196,9 @@ class Ao {
   async persistLocalStats() {
     try {
       const t = await this.getLocalStatsKey();
-      yo(t, this.localStats) || b.warn("Failed to save localStats to localStorage");
+      yo(t, this.localStats) || m.warn("Failed to save localStats to localStorage");
     } catch (t) {
-      b.warn("Failed to save localStats to localStorage", t);
+      m.warn("Failed to save localStats to localStorage", t);
     }
   }
   /**
@@ -1218,14 +1226,14 @@ class Ao {
     }, o && o.length > 0)
       for (const s of o)
         s && (this.localStats.breakdown[s] = 1);
-    this.stats = $o(this.stats, this.localStats), b.debug("Stats updated - remote: ", this.stats), b.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
+    this.stats = $o(this.stats, this.localStats), m.debug("Stats updated - remote: ", this.stats), m.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
   }
   async markStatsAsSubmitted() {
     this.localStats.submitted = (/* @__PURE__ */ new Date()).toISOString(), await this.persistLocalStats(), this.host.requestUpdate();
   }
   async submitStats() {
     if (!this.hasLocalStats())
-      throw b.warn("No local stats to submit"), new Error("No local stats to submit");
+      throw m.warn("No local stats to submit"), new Error("No local stats to submit");
     const t = this.host, o = Math.floor(Date.now() / 1e3).toString(), r = await re(), s = await this.getProjectId(), i = t.name || "", a = this.localStats.sum, n = Object.keys(this.localStats.breakdown || {});
     this.isSubmitting = !0, this.host.requestUpdate();
     const l = {
@@ -1238,11 +1246,11 @@ class Ao {
       textValues: n,
       metadata: t.metadata,
       timestamp: o
-    }, p = Co(JSON.stringify(l), o);
+    }, u = Co(JSON.stringify(l), o);
     try {
-      await this.sendStats({ ...l, hash: p }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(l);
+      await this.sendStats({ ...l, hash: u }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(l);
     } catch (c) {
-      b.warn("Failed to send stats event", c);
+      m.warn("Failed to send stats event", c);
     } finally {
       this.isSubmitting = !1, this.host.requestUpdate();
     }
@@ -1251,18 +1259,18 @@ class Ao {
   async sendStats(t) {
     const o = JSON.stringify(t), r = this.host, s = r.dataEndpoint || ee;
     if (r.dataFunc) {
-      b.debug("Skip sending stats as data function is in use.");
+      m.debug("Skip sending stats as data function is in use.");
       return;
     }
     if (!dt(s))
-      throw b.error("Invalid data endpoint", { dataEndpoint: s }), new Error(`Invalid data endpoint: ${s}`);
+      throw m.error("Invalid data endpoint", { dataEndpoint: s }), new Error(`Invalid data endpoint: ${s}`);
     try {
-      if (b.debug("Sending stats", { endpoint: s, event: t }), typeof navigator < "u" && navigator.sendBeacon)
+      if (m.debug("Sending stats", { endpoint: s, event: t }), typeof navigator < "u" && navigator.sendBeacon)
         if (navigator.sendBeacon(s, o)) {
-          b.debug("Successfully sent stats via sendBeacon");
+          m.debug("Successfully sent stats via sendBeacon");
           return;
         } else
-          b.debug("sendBeacon failed, falling back to fetch");
+          m.debug("sendBeacon failed, falling back to fetch");
       const i = await fetch(s, {
         body: o,
         method: "POST",
@@ -1273,9 +1281,9 @@ class Ao {
       });
       if (!i.ok)
         throw new Error(`API request failed with status: ${i.status}`);
-      b.debug("Successfully sent stats via fetch");
+      m.debug("Successfully sent stats via fetch");
     } catch (i) {
-      throw b.error("Failed to send analytics:", i), i;
+      throw m.error("Failed to send analytics:", i), i;
     }
   }
   /**
@@ -1292,7 +1300,7 @@ class Ao {
       pct: (o == null ? void 0 : o.pct) || 0,
       nps: r.type === x.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
     };
-    return b.debug("Stats data: ", this.stats), So(t, s);
+    return m.debug("Stats data: ", this.stats), So(t, s);
   }
   /**
    * Checks if a value is selected in the local stats
@@ -1320,7 +1328,7 @@ class Ao {
     let a = 1;
     if ((i.type === x.stars || i.type === x.nps) && (a = parseInt(t)), s)
       if (o) {
-        const l = r.filter((p) => p !== t);
+        const l = r.filter((u) => u !== t);
         this.updateStats(l.length > 0 ? 1 : 0, l);
       } else
         this.updateStats(0, []);
@@ -1352,7 +1360,7 @@ class Ao {
       bubbles: !0,
       composed: !0
     });
-    t.dispatchEvent(i), b.debug("Dispatched change event", s);
+    t.dispatchEvent(i), m.debug("Dispatched change event", s);
   }
   /**
    * Dispatches a 'submit' CustomEvent on the host element
@@ -1364,7 +1372,7 @@ class Ao {
       bubbles: !0,
       composed: !0
     });
-    o.dispatchEvent(r), b.debug("Dispatched submit event", t);
+    o.dispatchEvent(r), m.debug("Dispatched submit event", t);
   }
   hasLocalStats() {
     var t;
@@ -1516,7 +1524,7 @@ let xe = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y = $e(class extends xe {
+const w = $e(class extends xe {
   constructor(e) {
     var t;
     if (super(e), e.type !== we.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -1662,13 +1670,13 @@ const st = {
   }
   /** Common render methods */
   renderLabel() {
-    return this.question ? d`<label class="pc-label" data-testid="pc-label">${this.question}</label>` : u;
+    return this.question ? d`<label class="pc-label" data-testid="pc-label">${this.question}</label>` : h;
   }
   renderLabelAtStart() {
-    return this.questionPosition === "left" || this.questionPosition === "top" ? this.renderLabel() : u;
+    return this.questionPosition === "left" || this.questionPosition === "top" ? this.renderLabel() : h;
   }
   renderLabelAtEnd() {
-    return this.questionPosition === "right" || this.questionPosition === "bottom" ? this.renderLabel() : u;
+    return this.questionPosition === "right" || this.questionPosition === "bottom" ? this.renderLabel() : h;
   }
   /**
    * Handle edit button click - switch to edit mode
@@ -1691,10 +1699,10 @@ const st = {
         tabindex="0"
         @keydown="${this.handleEditToggleKeyDown}"
       />
-    ` : u;
+    ` : h;
   }
   renderStatsText() {
-    if (!this.displayController.shouldShowStats()) return u;
+    if (!this.displayController.shouldShowStats()) return h;
     const t = this.dataController.formatStatsText(this.statsText || "");
     return d`<span class="pc-stats-text">${t}</span>`;
   }
@@ -1710,31 +1718,31 @@ const st = {
         tabindex="0"
         @keydown="${() => this.displayController.toggleChartVisibility()}"
       />
-    ` : u;
+    ` : h;
   }
   renderStatus() {
     if (!this.displayController.shouldShowStats() && !this.displayController.shouldShowChartToggle() && !this.displayController.shouldShowEditButton())
-      return u;
+      return h;
     const o = {
       "pc-status": !0,
       [`pc-flex-content-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return d`<div class="${y(o)}" data-testid="pc-status">
+    return d`<div class="${w(o)}" data-testid="pc-status">
       ${this.renderStatsText()} ${this.renderChartToggle()} ${this.renderEditToggleIcon()}
     </div>`;
   }
   renderStatusAtStart() {
-    return this.statsPosition === "left" || this.statsPosition === "top" ? this.renderStatus() : u;
+    return this.statsPosition === "left" || this.statsPosition === "top" ? this.renderStatus() : h;
   }
   renderStatusAtEnd() {
-    return this.statsPosition === "right" || this.statsPosition === "bottom" ? this.renderStatus() : u;
+    return this.statsPosition === "right" || this.statsPosition === "bottom" ? this.renderStatus() : h;
   }
   /**
    * Renders the thank you message with edit button (new overlay style)
    */
   renderThankYouMessage() {
     if (!this.displayController.shouldDisplayThankYouMsg())
-      return u;
+      return h;
     const t = ko(this.thankYouMsg || "");
     return d`
       <div class="pc-thank-you-overlay" data-testid="poll-thank-you-overlay">
@@ -1845,106 +1853,106 @@ Mt.styles = [
       }
     `
 ];
-let m = Mt;
+let b = Mt;
 g([
   f({ type: String, attribute: "show-stats" })
-], m.prototype, "showStats");
+], b.prototype, "showStats");
 g([
   f({ type: Boolean, attribute: "show-chart" })
-], m.prototype, "showChart");
+], b.prototype, "showChart");
 g([
   f({ type: Boolean, attribute: "initialized" })
-], m.prototype, "initialized");
+], b.prototype, "initialized");
 g([
   f({ type: Boolean, attribute: "lock-answer" })
-], m.prototype, "lockAnswer");
+], b.prototype, "lockAnswer");
 g([
   f({ type: String, attribute: "primary-color" })
-], m.prototype, "primaryColor");
+], b.prototype, "primaryColor");
 g([
   f({ type: String, attribute: "mute-color" })
-], m.prototype, "muteColor");
+], b.prototype, "muteColor");
 g([
   f({ type: String, attribute: "text-color" })
-], m.prototype, "textColor");
+], b.prototype, "textColor");
 g([
   f({ type: String, attribute: "background-color" })
-], m.prototype, "backgroundColor");
+], b.prototype, "backgroundColor");
 g([
   f({ type: String, attribute: "accent-color" })
-], m.prototype, "accentColor");
+], b.prototype, "accentColor");
 g([
   f({ type: String, attribute: "star-color" })
-], m.prototype, "starColor");
+], b.prototype, "starColor");
 g([
   f({ type: String, attribute: "star-hover-color" })
-], m.prototype, "starHoverColor");
+], b.prototype, "starHoverColor");
 g([
   f({ type: String })
-], m.prototype, "size");
+], b.prototype, "size");
 g([
   f({ type: String, attribute: "aria-label" })
-], m.prototype, "ariaLabel");
+], b.prototype, "ariaLabel");
 g([
   f({ type: String, attribute: "aria-describedby" })
-], m.prototype, "ariaDescribedby");
+], b.prototype, "ariaDescribedby");
 g([
   f({ type: Number, attribute: "min-contrast" })
-], m.prototype, "minContrast");
+], b.prototype, "minContrast");
 g([
   f({ type: String })
-], m.prototype, "css");
+], b.prototype, "css");
 g([
   f({ type: Array })
-], m.prototype, "options");
+], b.prototype, "options");
 g([
   f({ type: String })
-], m.prototype, "project");
+], b.prototype, "project");
 g([
   f({ type: String, attribute: "name" })
-], m.prototype, "name");
+], b.prototype, "name");
 g([
   f({ type: String })
-], m.prototype, "metadata");
+], b.prototype, "metadata");
 g([
   f({ type: String, attribute: "data-func" })
-], m.prototype, "dataFunc");
+], b.prototype, "dataFunc");
 g([
   f({ type: String, attribute: "data-endpoint" })
-], m.prototype, "dataEndpoint");
+], b.prototype, "dataEndpoint");
 g([
   f({ type: String })
-], m.prototype, "question");
+], b.prototype, "question");
 g([
   f({ type: String, attribute: "question-position" })
-], m.prototype, "questionPosition");
+], b.prototype, "questionPosition");
 g([
   f({ type: String, attribute: "question-align" })
-], m.prototype, "questionAlign");
+], b.prototype, "questionAlign");
 g([
   f({ type: String, attribute: "stats-text" })
-], m.prototype, "statsText");
+], b.prototype, "statsText");
 g([
   f({ type: String, attribute: "stats-position" })
-], m.prototype, "statsPosition");
+], b.prototype, "statsPosition");
 g([
   f({ type: String, attribute: "stats-align" })
-], m.prototype, "statsAlign");
+], b.prototype, "statsAlign");
 g([
   f({ type: String, attribute: "button-text" })
-], m.prototype, "buttonText");
+], b.prototype, "buttonText");
 g([
   f({ type: String, attribute: "button-radius" })
-], m.prototype, "buttonRadius");
+], b.prototype, "buttonRadius");
 g([
   f({ type: String, attribute: "thank-you-msg" })
-], m.prototype, "thankYouMsg");
+], b.prototype, "thankYouMsg");
 g([
   f({ type: Boolean, attribute: "multiple" })
-], m.prototype, "multiple");
+], b.prototype, "multiple");
 g([
   f({ type: Boolean, attribute: "read-only" })
-], m.prototype, "readOnly");
+], b.prototype, "readOnly");
 const To = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
@@ -2586,10 +2594,10 @@ function It(e, t = {}) {
     const n = `
           width: ${o > 0 ? i.value / o * s.maxWidth : 0}%;
           background-color: ${s.barColor};
-        `, l = s.labelFormatter(i), p = i.label ? d`<span class="pc-bar-label-text">${l}</span>` : u, c = !i.label && i.icon ? d`<span class="pc-bar-label-icon">${i.icon}</span>` : u;
+        `, l = s.labelFormatter(i), u = i.label ? d`<span class="pc-bar-label-text">${l}</span>` : h, c = !i.label && i.icon ? d`<span class="pc-bar-label-icon">${i.icon}</span>` : h;
     return d`
           <div class="pc-bar-row">
-            <div class="pc-bar-label">${p} ${c}</div>
+            <div class="pc-bar-label">${u} ${c}</div>
             <div class="pc-bar-container">
               <div class="pc-bar" style="${n}"></div>
               <div class="pc-bar-value">${s.valueFormatter(i)}</div>
@@ -2605,7 +2613,7 @@ var zo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Y = (e, t,
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && zo(t, o, s), s;
 };
-let I = class extends m {
+let I = class extends b {
   constructor() {
     super(), this.min = 0, this.max = 10, this.type = x.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
       this.hoverValue = -1;
@@ -2630,7 +2638,7 @@ let I = class extends m {
         <button
           data-testid="nps-button-${s}"
           ?disabled=${!this.displayController.allowEdit()}
-          class=${y(a)}
+          class=${w(a)}
           @click="${() => this.handleNumberClick(s)}"
           @mouseenter="${() => this.handleNumberHover(s)}"
           @focus="${() => this.handleNumberHover(s)}"
@@ -2647,7 +2655,7 @@ let I = class extends m {
     });
     return d`
       <div class="nps-container" data-testid="nps-edit-container">
-        ${this.minMaxPosition === "top" ? this.renderMinMaxLabels() : u}
+        ${this.minMaxPosition === "top" ? this.renderMinMaxLabels() : h}
         <div
           class="nps-buttons-container"
           id="${t}"
@@ -2656,7 +2664,7 @@ let I = class extends m {
         >
           ${r}
         </div>
-        ${this.minMaxPosition === "bottom" ? this.renderMinMaxLabels() : u}
+        ${this.minMaxPosition === "bottom" ? this.renderMinMaxLabels() : h}
         <div id="${t}-description" class="sr-only" data-testid="nps-description">
           Rate from ${this.min} (${this.minLabel}) to ${this.max} (${this.maxLabel})
         </div>
@@ -2668,7 +2676,7 @@ let I = class extends m {
    */
   renderChart() {
     var a;
-    if (!this.displayController.shouldShowChart()) return u;
+    if (!this.displayController.shouldShowChart()) return h;
     const e = ((a = this.dataController.stats) == null ? void 0 : a.breakdown) || {}, t = Object.values(e).reduce((n, l) => n + l, 0), o = Object.entries(e).map(([n, l]) => ({
       label: n,
       value: l
@@ -2723,9 +2731,9 @@ let I = class extends m {
       [`pc-flex-align-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
     return d`
-      <div class="pc-container ${y(e)}" data-testid="nps-container">
+      <div class="pc-container ${w(e)}" data-testid="nps-container">
         ${this.renderLabelAtStart()}
-        <div class="pc-body ${y(t)}" data-testid="nps-body">
+        <div class="pc-body ${w(t)}" data-testid="nps-body">
           ${this.renderStatusAtStart()} ${this.renderContent()} ${this.renderStatusAtEnd()}
         </div>
         ${this.renderLabelAtEnd()}
@@ -2733,7 +2741,7 @@ let I = class extends m {
     `;
   }
 };
-I.styles = [...m.styles, pt, To];
+I.styles = [...b.styles, pt, To];
 Y([
   f({ type: String, attribute: "min-label" })
 ], I.prototype, "minLabel", 2);
@@ -3014,7 +3022,7 @@ var Mo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Nt = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Mo(t, o, s), s;
 };
-let tt = class extends m {
+let tt = class extends b {
   constructor() {
     super(), this.type = x.poll, this.multiple = !1, this.compact = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
   }
@@ -3023,7 +3031,7 @@ let tt = class extends m {
       "pc-status": !0,
       [`pc-flex-content-${k("bottom", this.statsAlign)}`]: !0
     };
-    return d`<div class="${y(t)}" data-testid="pc-status">
+    return d`<div class="${w(t)}" data-testid="pc-status">
       <span>${this.renderStatsText()} ${this.renderEditToggleIcon("stats-edit-button")}</span>
     </div>`;
   }
@@ -3031,14 +3039,14 @@ let tt = class extends m {
    * Render submit button for any selection type
    */
   renderSubmitButton() {
-    if (!this.displayController.isEditing) return u;
+    if (!this.displayController.isEditing) return h;
     const e = {
       "pc-submit-button": !0,
       "pc-submit-button--compact": this.compact
     }, t = this.displayController.shouldDisableSubmitButton();
     return d`
       <button
-        class="${y(e)}"
+        class="${w(e)}"
         data-testid="pc-submit-button"
         @click="${this.handleSubmit}"
         ?disabled="${t}"
@@ -3053,7 +3061,7 @@ let tt = class extends m {
       <div class="pc-footer" data-testid="pc-footer">
         ${this.renderStatus()} ${this.renderSubmitButton()}
       </div>
-    ` : u;
+    ` : h;
   }
   /**
    * Handle click on an option with optimistic updates
@@ -3085,7 +3093,7 @@ let tt = class extends m {
         src="${e == null ? void 0 : e.icon}"
         alt="${s.alt}"
         class="poll-option-icon-img"
-        aria-label="${s.ariaLabel || u}"
+        aria-label="${s.ariaLabel || h}"
         aria-hidden="${s.ariaHidden ? "true" : "false"}"
       />` : d`<span
       class="poll-option-icon"
@@ -3119,7 +3127,7 @@ let tt = class extends m {
     return d`
       <button
         data-testid="poll-option-i${t}"
-        class="${y(s)}"
+        class="${w(s)}"
         @click="${() => this.handleClick(e)}"
         ?disabled="${r}"
         id="${a}-option-${t}"
@@ -3146,7 +3154,7 @@ let tt = class extends m {
     });
     return d`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-option-container"
@@ -3161,14 +3169,14 @@ let tt = class extends m {
    * Render chart that replaces poll options when showing
    */
   renderBarChart() {
-    var l, p;
-    const e = ((l = this.dataController.stats) == null ? void 0 : l.breakdown) || {}, t = ((p = this.dataController.localStats) == null ? void 0 : p.breakdown) || {}, o = Object.values(e).reduce((c, h) => c + h, 0), r = this.options.map((c, h) => {
-      const w = e[c.value] || 0, v = o > 0 ? Math.round(w / o * 100) : 0, E = (t[c.value] || 0) > 0;
+    var l, u;
+    const e = ((l = this.dataController.stats) == null ? void 0 : l.breakdown) || {}, t = ((u = this.dataController.localStats) == null ? void 0 : u.breakdown) || {}, o = Object.values(e).reduce((c, p) => c + p, 0), r = this.options.map((c, p) => {
+      const v = e[c.value] || 0, y = o > 0 ? Math.round(v / o * 100) : 0, E = (t[c.value] || 0) > 0;
       return {
         option: c,
-        index: h,
-        voteCount: w,
-        percentage: v,
+        index: p,
+        voteCount: v,
+        percentage: y,
         isSelected: E
       };
     }), s = this.multiple ? _.GROUP : _.RADIOGROUP, i = this.question || this.name || "Options", a = B({
@@ -3177,7 +3185,7 @@ let tt = class extends m {
     });
     return d`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-chart-container"
@@ -3185,7 +3193,7 @@ let tt = class extends m {
         ...=${a}
       >
         ${r.map((c) => {
-      const h = {
+      const p = {
         "poll-option": !0,
         "poll-option--compact": this.compact,
         "poll-option--chart-view": !0,
@@ -3193,11 +3201,11 @@ let tt = class extends m {
       };
       return d`
             <div
-              class="${y(h)}"
+              class="${w(p)}"
               data-testid="poll-chart-item-${c.index}"
               role="listitem"
               aria-label="${c.option.label}: ${c.percentage}% (${c.voteCount} votes)"
-              @click="${this.multiple ? () => this.handleClick(c.option) : u}"
+              @click="${this.multiple ? () => this.handleClick(c.option) : h}"
             >
               <div
                 class="poll-option-bar"
@@ -3264,12 +3272,12 @@ let tt = class extends m {
     });
     return d`
       <div
-        class="pc-container ${y(t)}"
+        class="pc-container ${w(t)}"
         data-testid="poll-container"
         ...=${s}
       >
         ${this.renderLabelAtStart()}
-        <div class="${y(r)}" data-testid="poll-body">
+        <div class="${w(r)}" data-testid="poll-body">
           ${this.renderContent()} ${this.renderFooter()}
         </div>
         ${this.renderLabelAtEnd()}
@@ -3277,7 +3285,7 @@ let tt = class extends m {
     `;
   }
 };
-tt.styles = [...m.styles, pt, No];
+tt.styles = [...b.styles, pt, No];
 Nt([
   f({ type: Boolean })
 ], tt.prototype, "multiple", 2);
@@ -3400,7 +3408,7 @@ var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ut = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Bo(t, o, s), s;
 };
-let V = class extends m {
+let V = class extends b {
   constructor() {
     super(), this.type = x.stars, this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
       if (e.key === "Enter" || e.key === " ") {
@@ -3424,20 +3432,20 @@ let V = class extends m {
    */
   renderStars() {
     var i, a;
-    if (this.displayController.shouldShowChart()) return u;
+    if (this.displayController.shouldShowChart()) return h;
     const e = ((i = this.dataController.stats) == null ? void 0 : i.avg) || 0, t = ((a = this.dataController.localStats) == null ? void 0 : a.avg) || 0, o = this.readOnly ? e : t, r = this.displayController.allowEdit(), s = Array.from({ length: this.numStars }, (n, l) => l + 1).map((n) => {
-      const l = n <= Math.floor(o) || n <= (this.hoverValue || 0), p = !l && n === Math.ceil(o) && o % 1 !== 0, c = {
+      const l = n <= Math.floor(o) || n <= (this.hoverValue || 0), u = !l && n === Math.ceil(o) && o % 1 !== 0, c = {
         star: !0,
         selected: l,
-        partial: p,
+        partial: u,
         "view-mode": !r
-      }, h = p ? { "--partial-fill": `${o % 1 * 100}%` } : {};
+      }, p = u ? { "--partial-fill": `${o % 1 * 100}%` } : {};
       return d`
         <div class="pc-section" data-testid="pc-section">
           <span
             data-testid="stars-view-star-${n}"
-            class=${y(c)}
-            style=${jo(h)}
+            class=${w(c)}
+            style=${jo(p)}
             role="${r ? "button" : "presentation"}"
             tabindex="${r ? "0" : ""}"
             aria-label="${r ? `Rate ${n} star${n > 1 ? "s" : ""}` : ""}"
@@ -3460,7 +3468,7 @@ let V = class extends m {
    */
   renderChart() {
     var a;
-    if (!this.displayController.shouldShowChart()) return u;
+    if (!this.displayController.shouldShowChart()) return h;
     const e = ((a = this.dataController.stats) == null ? void 0 : a.breakdown) || {}, t = Object.values(e).reduce((n, l) => n + l, 0), o = Object.entries(e).map(([n, l]) => ({
       label: n,
       value: l,
@@ -3486,9 +3494,9 @@ let V = class extends m {
       [`pc-flex-align-${o}`]: !0
     };
     return d`
-      <div class="pc-container ${y(t)}" data-testid="pc-container">
+      <div class="pc-container ${w(t)}" data-testid="pc-container">
         ${this.renderLabelAtStart()}
-        <div class="${y(r)}" data-testid="stars-body">
+        <div class="${w(r)}" data-testid="stars-body">
           ${this.renderStatusAtStart()} ${this.renderChart()} ${this.renderStars()}
           ${this.renderStatusAtEnd()}
         </div>
@@ -3497,7 +3505,7 @@ let V = class extends m {
     `;
   }
 };
-V.styles = [...m.styles, pt, Ro];
+V.styles = [...b.styles, pt, Ro];
 ut([
   f({ type: String })
 ], V.prototype, "icon", 2);
@@ -3859,7 +3867,7 @@ var Ho = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, ht = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Ho(t, o, s), s;
 };
-let q = class extends m {
+let q = class extends b {
   constructor() {
     super(), this.type = x.reaction, this.showCounts = !1, this.compact = !1, this.popupPosition = "auto", this.hasEditButton = !1, this.statsText = "{count} votes", this.buttonRadius = "990px", this.muteColor = "#cccccc", this.questionPosition = "top", this.statsPosition = "right", this.popupPosition = "auto";
   }
@@ -3894,7 +3902,7 @@ let q = class extends m {
         class="icon-img"
         src="${o}"
         alt="${a.alt}"
-        aria-label="${a.ariaLabel || u}"
+        aria-label="${a.ariaLabel || h}"
         aria-hidden="${a.ariaHidden}"
       />` : d`<span class="icon" aria-hidden="${a.ariaHidden}"
         >${o}</span
@@ -3911,7 +3919,7 @@ let q = class extends m {
     }, n = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
     return d`
       <button
-        class="${y(a)}"
+        class="${w(a)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${s}"
         aria-pressed="${o}"
@@ -3919,8 +3927,8 @@ let q = class extends m {
         title="${e.tooltip || ""}"
         data-testid="reaction-button-${i}"
       >
-        ${e.icon ? this.renderReactionIcon(e.icon, e) : u}
-        ${t ? d`<span class="count-label">${r}</span>` : u}
+        ${e.icon ? this.renderReactionIcon(e.icon, e) : h}
+        ${t ? d`<span class="count-label">${r}</span>` : h}
       </button>
     `;
   }
@@ -3946,14 +3954,14 @@ let q = class extends m {
    * Render the popover for compact mode
    */
   renderPopover() {
-    if (!this.displayController.shouldShowReactionPopover() || !this.compact) return u;
+    if (!this.displayController.shouldShowReactionPopover() || !this.compact) return h;
     const e = {
       popover: !0,
       top: this.popupPosition === "top" || this.popupPosition === "auto" && this.shouldShowPopoverOnTop(),
       bottom: this.popupPosition === "bottom" || this.popupPosition === "auto" && !this.shouldShowPopoverOnTop()
     };
     return d`
-      <div class="${y(e)}" role="menu">
+      <div class="${w(e)}" role="menu">
         <div class="popover-content">
           ${this.options.map((t) => {
       const o = this.displayController.shouldDisableOption(t);
@@ -3966,7 +3974,7 @@ let q = class extends m {
                 aria-label="${t.tooltip || t.value} reaction"
                 title="${t.tooltip || ""}"
               >
-                ${t.icon ? this.renderReactionIcon(t.icon, t) : u}
+                ${t.icon ? this.renderReactionIcon(t.icon, t) : h}
               </button>
             `;
     })}
@@ -3989,7 +3997,7 @@ let q = class extends m {
    * Render reactions based on mode
    */
   renderReactions() {
-    if (this.displayController.shouldShowChart() || this.options.length === 0) return u;
+    if (this.displayController.shouldShowChart() || this.options.length === 0) return h;
     const e = {
       reaction: !0,
       expand: !this.compact,
@@ -4000,7 +4008,7 @@ let q = class extends m {
         (o) => this.getReactionCount(o.value) > 0
       );
       return d`
-        <div class="${y(e)}">
+        <div class="${w(e)}">
           ${this.renderTriggerButton()}
           ${t.length > 0 ? d`
                 <div class="reaction-list">
@@ -4008,13 +4016,13 @@ let q = class extends m {
         (o) => this.renderReactionButton(o, this.showCounts)
       )}
                 </div>
-              ` : u}
+              ` : h}
           ${this.renderPopover()}
         </div>
       `;
     } else
       return d`
-        <div class="${y(e)}">
+        <div class="${w(e)}">
           <div class="reaction-list">
             ${this.options.map((t) => this.renderReactionButton(t, this.showCounts))}
           </div>
@@ -4025,15 +4033,15 @@ let q = class extends m {
    * Render chart for reaction stats - simplified approach similar to pc-stars
    */
   renderChart() {
-    if (!this.displayController.shouldShowChart()) return u;
+    if (!this.displayController.shouldShowChart()) return h;
     const e = this.dataController.getBreakdownInfo(), o = Object.entries(e.breakdownCount).filter(
-      ([l, p]) => this.options.some((c) => c.value === l)
-    ).map(([l, p]) => {
-      const c = this.options.find((h) => h.value === l);
+      ([l, u]) => this.options.some((c) => c.value === l)
+    ).map(([l, u]) => {
+      const c = this.options.find((p) => p.value === l);
       return {
         label: l,
         // Use the reaction value as label
-        value: p,
+        value: u,
         icon: (c == null ? void 0 : c.icon) || l
         // Use the icon or fall back to reaction value
       };
@@ -4058,9 +4066,9 @@ let q = class extends m {
       [`pc-flex-align-${o}`]: !0
     };
     return d`
-      <div class="${y(t)}" data-testid="reaction-container">
+      <div class="${w(t)}" data-testid="reaction-container">
         ${this.renderLabelAtStart()}
-        <div class="${y(r)}" data-testid="reaction-body">
+        <div class="${w(r)}" data-testid="reaction-body">
           ${this.renderStatusAtStart()} ${this.renderChart()} ${this.renderReactions()}
           ${this.renderStatusAtEnd()}
         </div>
@@ -4069,7 +4077,7 @@ let q = class extends m {
     `;
   }
 };
-q.styles = [...m.styles, pt, Vo];
+q.styles = [...b.styles, pt, Vo];
 ht([
   f({ type: Boolean, attribute: "show-counts" })
 ], q.prototype, "showCounts", 2);
@@ -4163,12 +4171,12 @@ let H = class extends j {
       // REACTION widget uses options for the icon
     }));
     t && t.length > 0 && (r = Array.from(t).map((s) => {
-      const i = G(s, "value", "") || "", a = G(s, "label", Yo(s, i)) || "", n = G(s, "icon", void 0), l = G(s, "tooltip", void 0), p = G(s, "disabled", void 0), c = { value: i, label: a };
+      const i = G(s, "value", "") || "", a = G(s, "label", Yo(s, i)) || "", n = G(s, "icon", void 0), l = G(s, "tooltip", void 0), u = G(s, "disabled", void 0), c = { value: i, label: a };
       if (n !== void 0) {
-        const h = Ce(n);
-        c.icon = h.icon;
+        const p = Ce(n);
+        c.icon = p.icon;
       }
-      return l !== void 0 && (c.tooltip = l), p !== void 0 && (c.disabled = !0), c;
+      return l !== void 0 && (c.tooltip = l), u !== void 0 && (c.disabled = !0), c;
     })), this.parsedOptions = r;
   }
   /**
@@ -4187,7 +4195,7 @@ let H = class extends j {
       default:
         return console.warn(
           `poll-catch: Unknown widget type "${this.type}". Supported types: nps, poll, stars, reaction.`
-        ), u;
+        ), h;
     }
   }
 };