pollcatch 2.1.4 → 2.1.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pollcatch",
   "private": false,
-  "version": "2.1.4",
+  "version": "2.1.6",
   "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) {
@@ -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);
     }
     m.warn(
-      `No color option met the minimum contrast ratio of ${r}:1 against ${e}. Using ${l} with contrast ratio ${p.toFixed(2)}:1 instead.`
+      `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;
@@ -1129,41 +1129,43 @@ class Ao {
       const o = await this.getProjectId(), r = t.name, s = t.type;
       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, n;
-      if (i && typeof i == "function")
+      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), a && typeof a == "object" && "success" in a && "data" in a) {
+          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 h = t.dataEndpoint || ee;
+      } else {
+        const p = t.dataEndpoint || ee;
         if (!r)
           throw new Error("Name parameter is required");
-        const w = `${h}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
-        m.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}`);
-        if (a = await v.json(), !a.success)
+        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 || {};
       }
-      const 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()
@@ -1244,9 +1246,9 @@ 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) {
       m.warn("Failed to send stats event", c);
     } finally {
@@ -1326,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, []);
@@ -1522,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.");
@@ -1668,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
@@ -1697,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>`;
   }
@@ -1716,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">
@@ -2592,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>
@@ -2636,7 +2638,7 @@ let I = class extends b {
         <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)}"
@@ -2653,7 +2655,7 @@ let I = class extends b {
     });
     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}"
@@ -2662,7 +2664,7 @@ let I = class extends b {
         >
           ${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>
@@ -2674,7 +2676,7 @@ let I = class extends b {
    */
   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
@@ -2729,9 +2731,9 @@ let I = class extends b {
       [`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()}
@@ -3029,7 +3031,7 @@ let tt = class extends b {
       "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>`;
   }
@@ -3037,14 +3039,14 @@ let tt = class extends b {
    * 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}"
@@ -3059,7 +3061,7 @@ let tt = class extends b {
       <div class="pc-footer" data-testid="pc-footer">
         ${this.renderStatus()} ${this.renderSubmitButton()}
       </div>
-    ` : u;
+    ` : h;
   }
   /**
    * Handle click on an option with optimistic updates
@@ -3091,7 +3093,7 @@ let tt = class extends b {
         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"
@@ -3125,7 +3127,7 @@ let tt = class extends b {
     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}"
@@ -3152,7 +3154,7 @@ let tt = class extends b {
     });
     return d`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-option-container"
@@ -3167,14 +3169,14 @@ let tt = class extends b {
    * 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({
@@ -3183,7 +3185,7 @@ let tt = class extends b {
     });
     return d`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-chart-container"
@@ -3191,7 +3193,7 @@ let tt = class extends b {
         ...=${a}
       >
         ${r.map((c) => {
-      const h = {
+      const p = {
         "poll-option": !0,
         "poll-option--compact": this.compact,
         "poll-option--chart-view": !0,
@@ -3199,11 +3201,11 @@ let tt = class extends b {
       };
       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"
@@ -3270,12 +3272,12 @@ let tt = class extends b {
     });
     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()}
@@ -3430,20 +3432,20 @@ let V = class extends b {
    */
   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" : ""}` : ""}"
@@ -3466,7 +3468,7 @@ let V = class extends b {
    */
   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,
@@ -3492,9 +3494,9 @@ let V = class extends b {
       [`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>
@@ -3873,9 +3875,8 @@ let q = class extends b {
    * Get the display count for a specific reaction including local optimistic updates
    */
   getReactionCount(e) {
-    var r, s, i;
-    const t = ((r = this.dataController.localStats.breakdown) == null ? void 0 : r[e]) || 0, o = ((i = (s = this.dataController.stats) == null ? void 0 : s.breakdown) == null ? void 0 : i[e]) || 0;
-    return t > 0 ? t : o;
+    var t, o;
+    return ((o = (t = this.dataController.stats) == null ? void 0 : t.breakdown) == null ? void 0 : o[e]) || 0;
   }
   /**
    * Handle trigger button click (compact mode)
@@ -3900,7 +3901,7 @@ let q = class extends b {
         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
@@ -3917,7 +3918,7 @@ let q = class extends b {
     }, 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}"
@@ -3925,8 +3926,8 @@ let q = class extends b {
         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>
     `;
   }
@@ -3952,14 +3953,14 @@ let q = class extends b {
    * 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);
@@ -3972,7 +3973,7 @@ let q = class extends b {
                 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>
             `;
     })}
@@ -3995,7 +3996,7 @@ let q = class extends b {
    * 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,
@@ -4006,7 +4007,7 @@ let q = class extends b {
         (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">
@@ -4014,13 +4015,13 @@ let q = class extends b {
         (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>
@@ -4031,15 +4032,15 @@ let q = class extends b {
    * 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
       };
@@ -4064,9 +4065,9 @@ let q = class extends b {
       [`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>
@@ -4169,12 +4170,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;
   }
   /**
@@ -4193,7 +4194,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;
     }
   }
 };