pollcatch 2.1.10 → 2.1.12

package/package.json

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

package/pc.js

@@ -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 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);
+    let u, c, p = -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, 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 v = 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 + v) : l + P + (p === -2 ? n : v);
   }
   return [de(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -311,15 +311,15 @@ let kt = class pe {
     for (; (s = M.nextNode()) !== null && l.length < n; ) {
       if (s.nodeType === 1) {
         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);
+          const w = c[a++], v = s.getAttribute(p).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(p);
         } else p.startsWith(P) && (l.push({ type: 6, index: i }), s.removeAttribute(p));
         if (ce.test(s.tagName)) {
-          const p = s.textContent.split(P), v = p.length - 1;
-          if (v > 0) {
+          const p = s.textContent.split(P), w = p.length - 1;
+          if (w > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            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());
+            for (let v = 0; v < w; v++) s.append(p[v], X()), M.nextNode(), l.push({ type: 2, index: ++i });
+            s.append(p[w], X());
           }
         }
       } else if (s.nodeType === 8) if (s.data === le) l.push({ type: 2, index: i });
@@ -595,11 +595,11 @@ function f(e) {
 function Ot(e) {
   return f({ ...e, state: !0, attribute: !1 });
 }
-var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
+var $ = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))($ || {});
 const Ye = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M640-160v-280h160v280H640Zm-240%200v-640h160v640H400Zm-240%200v-440h160v440H160Z'/%3e%3c/svg%3e", Ze = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M160-160v-440h160v440H160Zm240%200v-400l160%20160v240H400Zm160-354L400-674v-126h160v286Zm240%20240L640-434v-6h160v166Zm-9%20219L55-791l57-57%20736%20736-57%2057Z'/%3e%3c/svg%3e", Ge = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='currentColor'%3e%3cpath%20d='M200-200h57l391-391-57-57-391%20391v57Zm-80%2080v-170l528-527q12-11%2026.5-17t30.5-6q16%200%2031%206t26%2018l55%2056q12%2011%2017.5%2026t5.5%2030q0%2016-5.5%2030.5T817-647L290-120H120Zm640-584-56-56%2056%2056Zm-141%2085-28-29%2057%2057-29-28Z'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23666666'%20class='bi%20bi-x'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e";
 var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
-}, $ = function(e, t, o) {
+}, x = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = Math.pow(10, t)), Math.round(o * e) / o + 0;
 }, S = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = 1), e > o ? o : e > t ? e : t;
@@ -608,7 +608,7 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
 }, Yt = function(e) {
   return { r: S(e.r, 0, 255), g: S(e.g, 0, 255), b: S(e.b, 0, 255), a: S(e.a) };
 }, yt = function(e) {
-  return { r: $(e.r), g: $(e.g), b: $(e.b), a: $(e.a, 3) };
+  return { r: x(e.r), g: x(e.g), b: x(e.b), a: x(e.a, 3) };
 }, Je = /^#([0-9a-f]{3,8})$/i, rt = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
@@ -623,7 +623,7 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
 }, 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) {
-  return { h: $(e.h), s: $(e.s), l: $(e.l), a: $(e.a, 3) };
+  return { h: x(e.h), s: x(e.s), l: x(e.l), a: x(e.a, 3) };
 }, Kt = function(e) {
   return fe((o = (t = e).s, { h: t.h, s: (o *= ((r = t.l) < 50 ? r : 100 - r) / 100) > 0 ? 2 * o / (r + o) * 100 : 0, v: r + o, a: t.a }));
   var t, o, r;
@@ -632,7 +632,7 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   var t, o, r, s;
 }, Xe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, to = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, eo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Wt = { string: [[function(e) {
   var t = Je.exec(e);
-  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? $(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? $(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? x(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? x(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = to.exec(e) || eo.exec(e);
   return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Yt({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
@@ -679,13 +679,13 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   return e.prototype.isValid = function() {
     return this.parsed !== null;
   }, e.prototype.brightness = function() {
-    return $($t(this.rgba), 2);
+    return x($t(this.rgba), 2);
   }, e.prototype.isDark = function() {
     return $t(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
     return $t(this.rgba) >= 0.5;
   }, e.prototype.toHex = function() {
-    return t = yt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? rt($(255 * i)) : "", "#" + rt(o) + rt(r) + rt(s) + a;
+    return t = yt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? rt(x(255 * i)) : "", "#" + rt(o) + rt(r) + rt(s) + a;
     var t, o, r, s, i, a;
   }, e.prototype.toRgb = function() {
     return yt(this.rgba);
@@ -698,7 +698,7 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
     return t = Gt(J(this.rgba)), o = t.h, r = t.s, s = t.l, (i = t.a) < 1 ? "hsla(" + o + ", " + r + "%, " + s + "%, " + i + ")" : "hsl(" + o + ", " + r + "%, " + s + "%)";
     var t, o, r, s, i;
   }, e.prototype.toHsv = function() {
-    return t = he(this.rgba), { h: $(t.h), s: $(t.s), v: $(t.v), a: $(t.a, 3) };
+    return t = he(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
     return C({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
@@ -716,11 +716,11 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   }, e.prototype.rotate = function(t) {
     return t === void 0 && (t = 15), this.hue(this.hue() + t);
   }, e.prototype.alpha = function(t) {
-    return typeof t == "number" ? C({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : $(this.rgba.a, 3);
+    return typeof t == "number" ? C({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : x(this.rgba.a, 3);
     var o;
   }, e.prototype.hue = function(t) {
     var o = J(this.rgba);
-    return typeof t == "number" ? C({ h: t, s: o.s, l: o.l, a: o.a }) : $(o.h);
+    return typeof t == "number" ? C({ h: t, s: o.s, l: o.l, a: o.a }) : x(o.h);
   }, e.prototype.isEqual = function(t) {
     return this.toHex() === C(t).toHex();
   }, e;
@@ -797,8 +797,8 @@ function ao(e, t = {}) {
     l = a, u = c;
     for (const p of n) {
       if (p === a) continue;
-      const v = St(e, p);
-      v > u && (u = v, l = p);
+      const w = St(e, p);
+      w > u && (u = w, l = p);
     }
     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.`
@@ -909,7 +909,13 @@ function fo(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 mo(e) {
+  return typeof e != "string" || !e.trim() ? "" : e.replace(
+    /([^{}:;]+):\s*([^;{}!]+)(\s*!important)?\s*(;|})/gi,
+    (t, o, r, s, i) => s ? t : `${o}: ${r.trim()} !important${i}`
+  );
+}
+const ee = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", bo = "pc_session_id", go = 24 * 60 * 60 * 1e3;
 function oe() {
   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;
@@ -940,7 +946,7 @@ function ge(e, t) {
     return m.warn(`Failed to set item in localStorage: ${e}`, o), !1;
   }
 }
-async function go() {
+async function vo() {
   if (typeof window < "u") {
     if (window.pcProject !== void 0)
       return m.debug("Found project key in global variable"), window.pcProject;
@@ -954,7 +960,7 @@ async function go() {
   m.warn("No project key found in global variable or script tags");
 }
 async function re() {
-  const e = mo, t = bo;
+  const e = bo, t = go;
   if (Tt()) {
     const o = be(e);
     if (o && o.id && o.timestamp && Date.now() - o.timestamp < t)
@@ -996,7 +1002,7 @@ function O() {
     updated: (/* @__PURE__ */ new Date()).toISOString()
   };
 }
-function vo(e) {
+function yo(e) {
   if (!Tt())
     return O();
   try {
@@ -1006,7 +1012,7 @@ function vo(e) {
     return m.warn("Failed to load localStats from localStorage", t), O();
   }
 }
-function yo(e, t) {
+function wo(e, t) {
   if (!Tt())
     return !1;
   try {
@@ -1015,7 +1021,7 @@ function yo(e, t) {
     return m.warn("Failed to save localStats to localStorage", o), !1;
   }
 }
-function wo(e, t) {
+function $o(e, t) {
   const o = {
     count: Math.max(0, e.count - t.count),
     sum: (e.sum || 0) - (t.sum || 0),
@@ -1030,7 +1036,7 @@ function wo(e, t) {
       o.breakdown[r] && (o.breakdown[r] = Math.max(0, o.breakdown[r] - s), o.breakdown[r] === 0 && delete o.breakdown[r]);
   return o.nps = lt((o == null ? void 0 : o.breakdown) || {}), o;
 }
-function $o(e, t) {
+function xo(e, t) {
   if (!e.count && !t.count)
     return O();
   if (!e.count)
@@ -1068,7 +1074,7 @@ function dt(e) {
     return !1;
   }
 }
-function xo(e) {
+function So(e) {
   if (!e || typeof e != "string")
     return [];
   const t = e.trim();
@@ -1083,24 +1089,24 @@ function xo(e) {
     }
   return t.split(",").map((o) => o.trim()).filter((o) => o !== "");
 }
-function So(e, t) {
+function Co(e, t) {
   const o = /{([^{}]+)}/g;
   return e.replace(o, (r, s) => {
     const i = s.trim(), a = t[i];
     return a !== void 0 ? String(a) : r;
   });
 }
-function Co(e, t) {
+function ko(e, t) {
   let o = 2166136261;
   const r = e + ":" + t;
   for (let s = 0; s < r.length; s++)
     o ^= r.charCodeAt(s), o += (o << 1) + (o << 4) + (o << 7) + (o << 8) + (o << 24);
   return (o >>> 0).toString(16).padStart(8, "0");
 }
-function ko(e, t = 50) {
+function Ao(e, t = 50) {
   return e.length <= t ? e : e.substring(0, t).trim() + "...";
 }
-class Ao {
+class _o {
   constructor(t) {
     this.stats = O(), this.localStats = O(), this.isLoading = !0, this.isSubmitting = !1, (this.host = t).addController(this);
   }
@@ -1108,7 +1114,7 @@ class Ao {
     this.loadStats();
   }
   async getProjectId() {
-    return this.host.project || await go() || "public";
+    return this.host.project || await vo() || "public";
   }
   async getLocalStatsKey() {
     const t = this.host, o = await re(), r = await this.getProjectId(), s = t.name || "unnamed";
@@ -1131,15 +1137,15 @@ class Ao {
       const o = await this.getProjectId(), r = t.name, s = t.type;
       let i;
       if (t.dataFunc && typeof window < "u") {
-        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;
+        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;
       }
       let a, n;
       if (i && typeof i == "function") {
-        const p = t.options.map((v) => v.value);
+        const p = this.getOptionsForDataFunc(t);
         if (m.debug(`Using data function for: ${r}`, {
           dataFuncName: t.dataFunc,
           projectKey: o,
@@ -1154,12 +1160,12 @@ class Ao {
         const p = t.dataEndpoint || ee;
         if (!r)
           throw new Error("Name parameter is required");
-        const v = `${p}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
+        const w = `${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)
+        const v = await fetch(w);
+        if (!v.ok)
+          throw new Error(`API request failed with status: ${v.status}`);
+        if (a = await v.json(), !a.success)
           throw m.error("Backend returned unsuccessful response", a), new Error("Backend returned unsuccessful response");
         n = a.data || {};
       }
@@ -1168,7 +1174,7 @@ class Ao {
         sum: n.sum,
         avg: l,
         pct: u,
-        nps: s === x.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
+        nps: s === $.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
         breakdown: n.breakdown ?? {},
         updated: n.updated_at || (/* @__PURE__ */ new Date()).toISOString()
       };
@@ -1179,13 +1185,33 @@ class Ao {
       this.isLoading = !1, this.host.requestUpdate();
     }
   }
+  /**
+   * Gets the options array for the data function based on widget type.
+   * - For poll/reaction: uses the options from pcBase.options
+   * - For stars: generates ['1', '2', ..., numStars]
+   * - For NPS: generates ['0', '1', '2', ..., '10']
+   */
+  getOptionsForDataFunc(t) {
+    switch (t.type) {
+      case $.stars: {
+        const r = t.numStars || 5;
+        return Array.from({ length: r }, (s, i) => String(i + 1));
+      }
+      case $.nps:
+        return Array.from({ length: 11 }, (r, s) => String(s));
+      case $.poll:
+      case $.reaction:
+      default:
+        return t.options.map((r) => r.value);
+    }
+  }
   /**
    * Loads the local stats from localStorage
    */
   async loadLocalStats() {
     const t = await this.getLocalStatsKey();
     try {
-      const o = vo(t);
+      const o = yo(t);
       m.debug("Loaded localStats from localStorage", o), this.localStats = o;
     } catch (o) {
       m.warn("Failed to generate localStorage key for localStats", o), this.localStats = O();
@@ -1198,7 +1224,7 @@ class Ao {
   async persistLocalStats() {
     try {
       const t = await this.getLocalStatsKey();
-      yo(t, this.localStats) || m.warn("Failed to save localStats to localStorage");
+      wo(t, this.localStats) || m.warn("Failed to save localStats to localStorage");
     } catch (t) {
       m.warn("Failed to save localStats to localStorage", t);
     }
@@ -1213,8 +1239,8 @@ class Ao {
    */
   updateStats(t, o) {
     const r = this.host;
-    if (this.stats && (this.stats = wo(this.stats, this.localStats)), this.localStats = {
-      count: t > 0 || r.type === x.nps ? 1 : 0,
+    if (this.stats && (this.stats = $o(this.stats, this.localStats)), this.localStats = {
+      count: t > 0 || r.type === $.nps ? 1 : 0,
       // always 1 or 0
       sum: t,
       // e.g. number of stars, nps value
@@ -1228,7 +1254,7 @@ class Ao {
     }, o && o.length > 0)
       for (const s of o)
         s && (this.localStats.breakdown[s] = 1);
-    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();
+    this.stats = xo(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();
@@ -1248,7 +1274,7 @@ class Ao {
       textValues: n,
       metadata: t.metadata,
       timestamp: o
-    }, u = Co(JSON.stringify(l), o);
+    }, u = ko(JSON.stringify(l), o);
     try {
       await this.sendStats({ ...l, hash: u }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(l);
     } catch (c) {
@@ -1300,9 +1326,9 @@ class Ao {
       sum: (o == null ? void 0 : o.sum) || 0,
       avg: (o == null ? void 0 : o.avg) || 0,
       pct: (o == null ? void 0 : o.pct) || 0,
-      nps: r.type === x.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
+      nps: r.type === $.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
     };
-    return m.debug("Stats data: ", this.stats), So(t, s);
+    return m.debug("Stats data: ", this.stats), Co(t, s);
   }
   /**
    * Checks if a value is selected in the local stats
@@ -1328,7 +1354,7 @@ class Ao {
   toggleValueSelected(t, o) {
     const r = Object.keys(this.localStats.breakdown || {}), s = r.includes(t), i = this.host;
     let a = 1;
-    if ((i.type === x.stars || i.type === x.nps) && (a = parseInt(t)), s)
+    if ((i.type === $.stars || i.type === $.nps) && (a = parseInt(t)), s)
       if (o) {
         const l = r.filter((u) => u !== t);
         this.updateStats(l.length > 0 ? 1 : 0, l);
@@ -1389,7 +1415,7 @@ class Ao {
     return ((t = this.localStats) == null ? void 0 : t.submitted) !== void 0 && this.hasLocalStats();
   }
 }
-class _o {
+class Eo {
   constructor(t, o) {
     this.isEditing = !0, this.isChartVisible = !1, this.isStatsVisible = !1, this.isThankYouVisible = !1, this.isReactionPopoverVisible = !1, this.initialized = !1, this.handleClickOutside = (r) => {
       r.target !== this.host && (this.toggleThankYouVisibility(!1), this.toggleReactionPopoverVisibility(!1));
@@ -1490,13 +1516,13 @@ function ye(e, t = {}) {
     ariaHidden: !1
   };
 }
-function Eo(e, t = "polite") {
+function Po(e, t = "polite") {
   let o = document.getElementById("screen-reader-announcer");
   o ? o.setAttribute("aria-live", t) : (o = document.createElement("div"), o.id = "screen-reader-announcer", o.setAttribute("aria-live", t), o.setAttribute("role", "status"), o.setAttribute("aria-atomic", "true"), o.style.position = "absolute", o.style.width = "1px", o.style.height = "1px", o.style.margin = "-1px", o.style.padding = "0", o.style.overflow = "hidden", o.style.clip = "rect(0, 0, 0, 0)", o.style.whiteSpace = "nowrap", o.style.border = "0", document.body.appendChild(o)), o.textContent = "", setTimeout(() => {
     o.textContent = e;
   }, 50);
 }
-function Po(e, t) {
+function Oo(e, t) {
   return `${e}: ${t}`;
 }
 /**
@@ -1526,7 +1552,7 @@ let xe = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const w = $e(class extends xe {
+const y = $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.");
@@ -1550,10 +1576,10 @@ const w = $e(class extends xe {
     return z;
   }
 });
-var Oo = Object.defineProperty, g = (e, t, o, r) => {
+var To = Object.defineProperty, g = (e, t, o, r) => {
   for (var s = void 0, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = a(t, o, s) || s);
-  return s && Oo(t, o, s), s;
+  return s && To(t, o, s), s;
 };
 const st = {
   mobile: "480px",
@@ -1561,7 +1587,7 @@ const st = {
   desktop: "1024px"
 }, Mt = class Mt extends j {
   constructor() {
-    super(...arguments), this.dataController = new Ao(this), this.displayController = new _o(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.lockAnswer = !1, this.ariaLabel = null, this.minContrast = me.AA_NORMAL, this.options = [], this.project = "public", this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.readOnly = !1, this.handleEditToggleKeyDown = (t) => {
+    super(...arguments), this.dataController = new _o(this), this.displayController = new Eo(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.lockAnswer = !1, this.ariaLabel = null, this.minContrast = me.AA_NORMAL, this.options = [], this.project = "public", this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.readOnly = !1, this.handleEditToggleKeyDown = (t) => {
       (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleEnterEditMode());
     };
   }
@@ -1637,7 +1663,7 @@ const st = {
 `;
     }
     o += `}
-`, this.css && (o += fo(this.css)), t.textContent = o;
+`, this.css && (o += mo(fo(this.css))), t.textContent = o;
   }
   /**
    * Update ARIA attributes for accessibility
@@ -1668,7 +1694,7 @@ const st = {
    */
   announceSelectionChange(t, o, r) {
     const s = `Poll for "${t}"`, i = r ? `${o.label} selected` : `${o.label} unselected`;
-    Eo(Po(s, i));
+    Po(Oo(s, i));
   }
   /** Common render methods */
   renderLabel() {
@@ -1729,7 +1755,7 @@ const st = {
       "pc-status": !0,
       [`pc-flex-content-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return d`<div class="${w(o)}" data-testid="pc-status">
+    return d`<div class="${y(o)}" data-testid="pc-status">
       ${this.renderStatsText()} ${this.renderChartToggle()} ${this.renderEditToggleIcon()}
     </div>`;
   }
@@ -1745,7 +1771,7 @@ const st = {
   renderThankYouMessage() {
     if (!this.displayController.shouldDisplayThankYouMsg())
       return h;
-    const t = ko(this.thankYouMsg || "");
+    const t = Ao(this.thankYouMsg || "");
     return d`
       <div class="pc-thank-you-overlay" data-testid="poll-thank-you-overlay">
         <div class="pc-thank-you" data-testid="thank-you">
@@ -1955,7 +1981,7 @@ g([
 g([
   f({ type: Boolean, attribute: "read-only" })
 ], b.prototype, "readOnly");
-const To = F`
+const zo = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-body {
@@ -2610,14 +2636,14 @@ function It(e, t = {}) {
     </div>
   `;
 }
-var zo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Y = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Io(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var Io = Object.defineProperty, No = Object.getOwnPropertyDescriptor, Y = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? No(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && zo(t, o, s), s;
+  return r && s && Io(t, o, s), s;
 };
 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 = () => {
+    super(), this.min = 0, this.max = 10, this.type = $.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
       this.hoverValue = -1;
     }, this.handleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.hoverValue >= 0 && this.handleNumberClick(this.hoverValue));
@@ -2640,7 +2666,7 @@ let I = class extends b {
         <button
           data-testid="nps-button-${s}"
           ?disabled=${!this.displayController.allowEdit()}
-          class=${w(a)}
+          class=${y(a)}
           @click="${() => this.handleNumberClick(s)}"
           @mouseenter="${() => this.handleNumberHover(s)}"
           @focus="${() => this.handleNumberHover(s)}"
@@ -2733,9 +2759,9 @@ let I = class extends b {
       [`pc-flex-align-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
     return d`
-      <div class="pc-container ${w(e)}" data-testid="nps-container">
+      <div class="pc-container ${y(e)}" data-testid="nps-container">
         ${this.renderLabelAtStart()}
-        <div class="pc-body ${w(t)}" data-testid="nps-body">
+        <div class="pc-body ${y(t)}" data-testid="nps-body">
           ${this.renderStatusAtStart()} ${this.renderContent()} ${this.renderStatusAtEnd()}
         </div>
         ${this.renderLabelAtEnd()}
@@ -2743,7 +2769,7 @@ let I = class extends b {
     `;
   }
 };
-I.styles = [...b.styles, pt, To];
+I.styles = [...b.styles, pt, zo];
 Y([
   f({ type: String, attribute: "min-label" })
 ], I.prototype, "minLabel", 2);
@@ -2762,7 +2788,7 @@ Y([
 I = Y([
   ot("pc-nps")
 ], I);
-const No = F`
+const Mo = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-container {
@@ -3019,21 +3045,21 @@ const No = F`
     visibility: hidden;
   }
 `;
-var Mo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Nt = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Lo(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var Lo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Nt = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ro(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && Mo(t, o, s), s;
+  return r && s && Lo(t, o, s), s;
 };
 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";
+    super(), this.type = $.poll, this.multiple = !1, this.compact = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
   }
   renderStatus() {
     const t = {
       "pc-status": !0,
       [`pc-flex-content-${k("bottom", this.statsAlign)}`]: !0
     };
-    return d`<div class="${w(t)}" data-testid="pc-status">
+    return d`<div class="${y(t)}" data-testid="pc-status">
       <span>${this.renderStatsText()} ${this.renderEditToggleIcon("stats-edit-button")}</span>
     </div>`;
   }
@@ -3048,7 +3074,7 @@ let tt = class extends b {
     }, t = this.displayController.shouldDisableSubmitButton();
     return d`
       <button
-        class="${w(e)}"
+        class="${y(e)}"
         data-testid="pc-submit-button"
         @click="${this.handleSubmit}"
         ?disabled="${t}"
@@ -3129,7 +3155,7 @@ let tt = class extends b {
     return d`
       <button
         data-testid="poll-option-i${t}"
-        class="${w(s)}"
+        class="${y(s)}"
         @click="${() => this.handleClick(e)}"
         ?disabled="${r}"
         id="${a}-option-${t}"
@@ -3156,7 +3182,7 @@ let tt = class extends b {
     });
     return d`
       <div
-        class="${w({
+        class="${y({
       "poll-container": !0
     })}"
         data-testid="poll-option-container"
@@ -3173,12 +3199,12 @@ let tt = class extends b {
   renderBarChart() {
     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;
+      const w = e[c.value] || 0, v = o > 0 ? Math.round(w / o * 100) : 0, E = (t[c.value] || 0) > 0;
       return {
         option: c,
         index: p,
-        voteCount: v,
-        percentage: y,
+        voteCount: w,
+        percentage: v,
         isSelected: E
       };
     }), s = this.multiple ? _.GROUP : _.RADIOGROUP, i = this.question || this.name || "Options", a = B({
@@ -3187,7 +3213,7 @@ let tt = class extends b {
     });
     return d`
       <div
-        class="${w({
+        class="${y({
       "poll-container": !0
     })}"
         data-testid="poll-chart-container"
@@ -3203,7 +3229,7 @@ let tt = class extends b {
       };
       return d`
             <div
-              class="${w(p)}"
+              class="${y(p)}"
               data-testid="poll-chart-item-${c.index}"
               role="listitem"
               aria-label="${c.option.label}: ${c.percentage}% (${c.voteCount} votes)"
@@ -3274,12 +3300,12 @@ let tt = class extends b {
     });
     return d`
       <div
-        class="pc-container ${w(t)}"
+        class="pc-container ${y(t)}"
         data-testid="poll-container"
         ...=${s}
       >
         ${this.renderLabelAtStart()}
-        <div class="${w(r)}" data-testid="poll-body">
+        <div class="${y(r)}" data-testid="poll-body">
           ${this.renderContent()} ${this.renderFooter()}
         </div>
         ${this.renderLabelAtEnd()}
@@ -3287,7 +3313,7 @@ let tt = class extends b {
     `;
   }
 };
-tt.styles = [...b.styles, pt, No];
+tt.styles = [...b.styles, pt, Mo];
 Nt([
   f({ type: Boolean })
 ], tt.prototype, "multiple", 2);
@@ -3297,7 +3323,7 @@ Nt([
 tt = Nt([
   ot("pc-poll")
 ], tt);
-const Ro = F`
+const Uo = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-section {
@@ -3379,7 +3405,7 @@ const Ro = F`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Se = "important", Uo = " !" + Se, jo = $e(class extends xe {
+const Se = "important", jo = " !" + Se, Bo = $e(class extends xe {
   constructor(e) {
     var t;
     if (super(e), e.type !== we.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
@@ -3398,21 +3424,21 @@ const Se = "important", Uo = " !" + Se, jo = $e(class extends xe {
       const s = t[r];
       if (s != null) {
         this.ft.add(r);
-        const i = typeof s == "string" && s.endsWith(Uo);
+        const i = typeof s == "string" && s.endsWith(jo);
         r.includes("-") || i ? o.setProperty(r, i ? s.slice(0, -11) : s, i ? Se : "") : o[r] = s;
       }
     }
     return z;
   }
 });
-var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ut = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Do(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var Do = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, ut = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Vo(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && Bo(t, o, s), s;
+  return r && s && Do(t, o, s), s;
 };
 let V = class extends b {
   constructor() {
-    super(), this.type = x.stars, this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
+    super(), this.type = $.stars, this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         const t = e.target, o = parseInt(t.dataset.star || "0");
@@ -3446,8 +3472,8 @@ let V = class extends b {
         <div class="pc-section" data-testid="pc-section">
           <span
             data-testid="stars-view-star-${n}"
-            class=${w(c)}
-            style=${jo(p)}
+            class=${y(c)}
+            style=${Bo(p)}
             role="${r ? "button" : "presentation"}"
             tabindex="${r ? "0" : ""}"
             aria-label="${r ? `Rate ${n} star${n > 1 ? "s" : ""}` : ""}"
@@ -3496,9 +3522,9 @@ let V = class extends b {
       [`pc-flex-align-${o}`]: !0
     };
     return d`
-      <div class="pc-container ${w(t)}" data-testid="pc-container">
+      <div class="pc-container ${y(t)}" data-testid="pc-container">
         ${this.renderLabelAtStart()}
-        <div class="${w(r)}" data-testid="stars-body">
+        <div class="${y(r)}" data-testid="stars-body">
           ${this.renderStatusAtStart()} ${this.renderChart()} ${this.renderStars()}
           ${this.renderStatusAtEnd()}
         </div>
@@ -3507,7 +3533,7 @@ let V = class extends b {
     `;
   }
 };
-V.styles = [...b.styles, pt, Ro];
+V.styles = [...b.styles, pt, Uo];
 ut([
   f({ type: String })
 ], V.prototype, "icon", 2);
@@ -3520,7 +3546,7 @@ ut([
 V = ut([
   ot("pc-stars")
 ], V);
-const Vo = F`
+const qo = F`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, var(--default-font-size-small));
@@ -3864,15 +3890,15 @@ function Ce(e) {
     isRemoteImage: o
   };
 }
-const qo = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M480-480Zm0%20400q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q43%200%2083%208.5t77%2024.5v90q-35-20-75.5-31.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-32-6.5-62T776-600h86q9%2029%2013.5%2058.5T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm320-600v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM620-520q25%200%2042.5-17.5T680-580q0-25-17.5-42.5T620-640q-25%200-42.5%2017.5T560-580q0%2025%2017.5%2042.5T620-520Zm-280%200q25%200%2042.5-17.5T400-580q0-25-17.5-42.5T340-640q-25%200-42.5%2017.5T280-580q0%2025%2017.5%2042.5T340-520Zm140%20260q68%200%20123.5-38.5T684-400H276q25%2063%2080.5%20101.5T480-260Z'/%3e%3c/svg%3e";
-var Ho = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, ht = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Fo(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+const Ho = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M480-480Zm0%20400q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q43%200%2083%208.5t77%2024.5v90q-35-20-75.5-31.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-32-6.5-62T776-600h86q9%2029%2013.5%2058.5T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm320-600v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM620-520q25%200%2042.5-17.5T680-580q0-25-17.5-42.5T620-640q-25%200-42.5%2017.5T560-580q0%2025%2017.5%2042.5T620-520Zm-280%200q25%200%2042.5-17.5T400-580q0-25-17.5-42.5T340-640q-25%200-42.5%2017.5T280-580q0%2025%2017.5%2042.5T340-520Zm140%20260q68%200%20123.5-38.5T684-400H276q25%2063%2080.5%20101.5T480-260Z'/%3e%3c/svg%3e";
+var Fo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, ht = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Yo(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && Ho(t, o, s), s;
+  return r && s && Fo(t, o, s), s;
 };
 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";
+    super(), this.type = $.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";
   }
   /**
    * Get the display count for a specific reaction including local optimistic updates
@@ -3921,7 +3947,7 @@ let q = class extends b {
     }, n = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
     return d`
       <button
-        class="${w(a)}"
+        class="${y(a)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${s}"
         aria-pressed="${o}"
@@ -3948,7 +3974,7 @@ let q = class extends b {
         aria-expanded="${this.displayController.shouldShowReactionPopover()}"
         aria-haspopup="true"
       >
-        <img src="${qo}" alt="" class="trigger-icon" />
+        <img src="${Ho}" alt="" class="trigger-icon" />
       </button>
     `;
   }
@@ -3963,7 +3989,7 @@ let q = class extends b {
       bottom: this.popupPosition === "bottom" || this.popupPosition === "auto" && !this.shouldShowPopoverOnTop()
     };
     return d`
-      <div class="${w(e)}" role="menu">
+      <div class="${y(e)}" role="menu">
         <div class="popover-content">
           ${this.options.map((t) => {
       const o = this.displayController.shouldDisableOption(t);
@@ -4010,7 +4036,7 @@ let q = class extends b {
         (o) => this.dataController.isValueSelected(o.value)
       );
       return d`
-        <div class="${w(e)}">
+        <div class="${y(e)}">
           ${this.renderTriggerButton()}
           ${t.length > 0 ? d`
                 <div class="reaction-list">
@@ -4024,7 +4050,7 @@ let q = class extends b {
       `;
     } else
       return d`
-        <div class="${w(e)}">
+        <div class="${y(e)}">
           <div class="reaction-list">
             ${this.options.map((t) => this.renderReactionButton(t, this.showCounts))}
           </div>
@@ -4068,9 +4094,9 @@ let q = class extends b {
       [`pc-flex-align-${o}`]: !0
     };
     return d`
-      <div class="${w(t)}" data-testid="reaction-container">
+      <div class="${y(t)}" data-testid="reaction-container">
         ${this.renderLabelAtStart()}
-        <div class="${w(r)}" data-testid="reaction-body">
+        <div class="${y(r)}" data-testid="reaction-body">
           ${this.renderStatusAtStart()} ${this.renderChart()} ${this.renderReactions()}
           ${this.renderStatusAtEnd()}
         </div>
@@ -4079,7 +4105,7 @@ let q = class extends b {
     `;
   }
 };
-q.styles = [...b.styles, pt, Vo];
+q.styles = [...b.styles, pt, qo];
 ht([
   f({ type: Boolean, attribute: "show-counts" })
 ], q.prototype, "showCounts", 2);
@@ -4096,14 +4122,14 @@ function G(e, t, o = void 0) {
   const r = e.getAttribute(t);
   return r === null ? o : r == null ? void 0 : r.trim();
 }
-function Yo(e, t = void 0) {
+function Zo(e, t = void 0) {
   const o = e.textContent;
   return o === "" || o === null ? t : o == null ? void 0 : o.trim();
 }
-var Zo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, ft = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Go(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var Go = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, ft = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ko(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
-  return r && s && Zo(t, o, s), s;
+  return r && s && Go(t, o, s), s;
 };
 let H = class extends j {
   constructor() {
@@ -4166,14 +4192,14 @@ let H = class extends j {
     const e = this.querySelector("pc-poll, pc-reaction");
     if (!e) return;
     const t = this.querySelectorAll("poll-catch-option");
-    let r = xo(this.options).map((s) => ({
+    let r = So(this.options).map((s) => ({
       value: s,
       label: s,
       icon: e.tagName === "PC-REACTION" ? s : void 0
       // 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), u = G(s, "disabled", void 0), c = { value: i, label: a };
+      const i = G(s, "value", "") || "", a = G(s, "label", Zo(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 p = Ce(n);
         c.icon = p.icon;
@@ -4186,13 +4212,13 @@ let H = class extends j {
    */
   render() {
     switch (this.type) {
-      case x.nps:
+      case $.nps:
         return d`<pc-nps></pc-nps>`;
-      case x.poll:
+      case $.poll:
         return d`<pc-poll .options=${this.parsedOptions}></pc-poll>`;
-      case x.stars:
+      case $.stars:
         return d`<pc-stars></pc-stars>`;
-      case x.reaction:
+      case $.reaction:
         return d`<pc-reaction .options=${this.parsedOptions}></pc-reaction>`;
       default:
         return console.warn(