pollcatch 2.5.1 → 2.5.3

package/pc.js

@@ -22,7 +22,7 @@ let Pe = class {
     return this.cssText;
   }
 };
-const We = (e) => new Pe(typeof e == "string" ? e : e + "", void 0, Gt), U = (e, ...t) => {
+const We = (e) => new Pe(typeof e == "string" ? e : e + "", void 0, Gt), V = (e, ...t) => {
   const o = e.length === 1 ? e[0] : t.reduce((r, s, i) => r + ((a) => {
     if (a._$cssResult$ === !0) return a.cssText;
     if (typeof a == "number") return a;
@@ -45,7 +45,7 @@ const We = (e) => new Pe(typeof e == "string" ? e : e + "", void 0, Gt), U = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ge, defineProperty: Ze, getOwnPropertyDescriptor: Je, getOwnPropertyNames: Xe, getOwnPropertySymbols: Qe, getPrototypeOf: to } = Object, q = globalThis, ie = q.trustedTypes, eo = ie ? ie.emptyScript : "", Mt = q.reactiveElementPolyfillSupport, pt = (e, t) => e, kt = { toAttribute(e, t) {
+const { is: Ge, defineProperty: Ze, getOwnPropertyDescriptor: Xe, getOwnPropertyNames: Je, getOwnPropertySymbols: Qe, getPrototypeOf: to } = Object, H = globalThis, ie = H.trustedTypes, eo = ie ? ie.emptyScript : "", Mt = H.reactiveElementPolyfillSupport, pt = (e, t) => e, kt = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? eo : null;
@@ -74,8 +74,8 @@ const { is: Ge, defineProperty: Ze, getOwnPropertyDescriptor: Je, getOwnProperty
   }
   return o;
 } }, Zt = (e, t) => !Ge(e, t), ae = { attribute: !0, type: String, converter: kt, reflect: !1, hasChanged: Zt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), q.litPropertyMetadata ?? (q.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let rt = class extends HTMLElement {
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), H.litPropertyMetadata ?? (H.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let st = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -89,7 +89,7 @@ let rt = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(t, o, r) {
-    const { get: s, set: i } = Je(this.prototype, t) ?? { get() {
+    const { get: s, set: i } = Xe(this.prototype, t) ?? { get() {
       return this[o];
     }, set(a) {
       this[o] = a;
@@ -112,7 +112,7 @@ let rt = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(pt("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(pt("properties"))) {
-      const o = this.properties, r = [...Xe(o), ...Qe(o)];
+      const o = this.properties, r = [...Je(o), ...Qe(o)];
       for (const s of r) this.createProperty(s, o[s]);
     }
     const t = this[Symbol.metadata];
@@ -273,17 +273,17 @@ let rt = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-rt.elementStyles = [], rt.shadowRootOptions = { mode: "open" }, rt[pt("elementProperties")] = /* @__PURE__ */ new Map(), rt[pt("finalized")] = /* @__PURE__ */ new Map(), Mt == null || Mt({ ReactiveElement: rt }), (q.reactiveElementVersions ?? (q.reactiveElementVersions = [])).push("2.0.4");
+st.elementStyles = [], st.shadowRootOptions = { mode: "open" }, st[pt("elementProperties")] = /* @__PURE__ */ new Map(), st[pt("finalized")] = /* @__PURE__ */ new Map(), Mt == null || Mt({ ReactiveElement: st }), (H.reactiveElementVersions ?? (H.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ut = globalThis, Et = ut.trustedTypes, ne = Et ? Et.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Te = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, _e = "?" + j, oo = `<${_e}>`, X = document, gt = () => X.createComment(""), mt = (e) => e === null || typeof e != "object" && typeof e != "function", Jt = Array.isArray, ro = (e) => Jt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", Lt = `[ 	
-\f\r]`, ct = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, le = /-->/g, ce = />/g, Z = RegExp(`>|${Lt}(?:([^\\s"'>=/]+)(${Lt}*=${Lt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), de = /'/g, pe = /"/g, Oe = /^(?:script|style|textarea|title)$/i, so = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), c = so(1), H = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ue = /* @__PURE__ */ new WeakMap(), J = X.createTreeWalker(X, 129);
+const ut = globalThis, Et = ut.trustedTypes, ne = Et ? Et.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Te = "$lit$", q = `lit$${Math.random().toFixed(9).slice(2)}$`, _e = "?" + q, oo = `<${_e}>`, Q = document, gt = () => Q.createComment(""), mt = (e) => e === null || typeof e != "object" && typeof e != "function", Xt = Array.isArray, ro = (e) => Xt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", Lt = `[ 	
+\f\r]`, ct = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, le = /-->/g, ce = />/g, X = RegExp(`>|${Lt}(?:([^\\s"'>=/]+)(${Lt}*=${Lt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), de = /'/g, pe = /"/g, Oe = /^(?:script|style|textarea|title)$/i, so = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), c = so(1), F = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ue = /* @__PURE__ */ new WeakMap(), J = Q.createTreeWalker(Q, 129);
 function Ie(e, t) {
-  if (!Jt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  if (!Xt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ne !== void 0 ? ne.createHTML(t) : t;
 }
 const io = (e, t) => {
@@ -291,10 +291,10 @@ const io = (e, t) => {
   let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = ct;
   for (let l = 0; l < o; l++) {
     const n = e[l];
-    let d, p, h = -1, v = 0;
-    for (; v < n.length && (a.lastIndex = v, p = a.exec(n), p !== null); ) v = a.lastIndex, a === ct ? p[1] === "!--" ? a = le : p[1] !== void 0 ? a = ce : p[2] !== void 0 ? (Oe.test(p[2]) && (s = RegExp("</" + p[2], "g")), a = Z) : p[3] !== void 0 && (a = Z) : a === Z ? p[0] === ">" ? (a = s ?? ct, h = -1) : p[1] === void 0 ? h = -2 : (h = a.lastIndex - p[2].length, d = p[1], a = p[3] === void 0 ? Z : p[3] === '"' ? pe : de) : a === pe || a === de ? a = Z : a === le || a === ce ? a = ct : (a = Z, s = void 0);
-    const x = a === Z && e[l + 1].startsWith("/>") ? " " : "";
-    i += a === ct ? n + oo : h >= 0 ? (r.push(d), n.slice(0, h) + Te + n.slice(h) + j + x) : n + j + (h === -2 ? l : x);
+    let d, p, f = -1, b = 0;
+    for (; b < n.length && (a.lastIndex = b, p = a.exec(n), p !== null); ) b = a.lastIndex, a === ct ? p[1] === "!--" ? a = le : p[1] !== void 0 ? a = ce : p[2] !== void 0 ? (Oe.test(p[2]) && (s = RegExp("</" + p[2], "g")), a = X) : p[3] !== void 0 && (a = X) : a === X ? p[0] === ">" ? (a = s ?? ct, f = -1) : p[1] === void 0 ? f = -2 : (f = a.lastIndex - p[2].length, d = p[1], a = p[3] === void 0 ? X : p[3] === '"' ? pe : de) : a === pe || a === de ? a = X : a === le || a === ce ? a = ct : (a = X, s = void 0);
+    const w = a === X && e[l + 1].startsWith("/>") ? " " : "";
+    i += a === ct ? n + oo : f >= 0 ? (r.push(d), n.slice(0, f) + Te + n.slice(f) + q + w) : n + q + (f === -2 ? l : w);
   }
   return [Ie(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -305,42 +305,42 @@ let Ft = class ze {
     let i = 0, a = 0;
     const l = t.length - 1, n = this.parts, [d, p] = io(t, o);
     if (this.el = ze.createElement(d, r), J.currentNode = this.el.content, o === 2 || o === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
+      const f = this.el.content.firstChild;
+      f.replaceWith(...f.childNodes);
     }
     for (; (s = J.nextNode()) !== null && n.length < l; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(Te)) {
-          const v = p[a++], x = s.getAttribute(h).split(j), k = /([.?@])?(.*)/.exec(v);
-          n.push({ type: 1, index: i, name: k[2], strings: x, ctor: k[1] === "." ? no : k[1] === "?" ? lo : k[1] === "@" ? co : Tt }), s.removeAttribute(h);
-        } else h.startsWith(j) && (n.push({ type: 6, index: i }), s.removeAttribute(h));
+        if (s.hasAttributes()) for (const f of s.getAttributeNames()) if (f.endsWith(Te)) {
+          const b = p[a++], w = s.getAttribute(f).split(q), E = /([.?@])?(.*)/.exec(b);
+          n.push({ type: 1, index: i, name: E[2], strings: w, ctor: E[1] === "." ? no : E[1] === "?" ? lo : E[1] === "@" ? co : Tt }), s.removeAttribute(f);
+        } else f.startsWith(q) && (n.push({ type: 6, index: i }), s.removeAttribute(f));
         if (Oe.test(s.tagName)) {
-          const h = s.textContent.split(j), v = h.length - 1;
-          if (v > 0) {
+          const f = s.textContent.split(q), b = f.length - 1;
+          if (b > 0) {
             s.textContent = Et ? Et.emptyScript : "";
-            for (let x = 0; x < v; x++) s.append(h[x], gt()), J.nextNode(), n.push({ type: 2, index: ++i });
-            s.append(h[v], gt());
+            for (let w = 0; w < b; w++) s.append(f[w], gt()), J.nextNode(), n.push({ type: 2, index: ++i });
+            s.append(f[b], gt());
           }
         }
       } else if (s.nodeType === 8) if (s.data === _e) n.push({ type: 2, index: i });
       else {
-        let h = -1;
-        for (; (h = s.data.indexOf(j, h + 1)) !== -1; ) n.push({ type: 7, index: i }), h += j.length - 1;
+        let f = -1;
+        for (; (f = s.data.indexOf(q, f + 1)) !== -1; ) n.push({ type: 7, index: i }), f += q.length - 1;
       }
       i++;
     }
   }
   static createElement(t, o) {
-    const r = X.createElement("template");
+    const r = Q.createElement("template");
     return r.innerHTML = t, r;
   }
 };
-function it(e, t, o = e, r) {
+function at(e, t, o = e, r) {
   var a, l;
-  if (t === H) return t;
+  if (t === F) return t;
   let s = r !== void 0 ? (a = o._$Co) == null ? void 0 : a[r] : o._$Cl;
   const i = mt(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== i && ((l = s == null ? void 0 : s._$AO) == null || l.call(s, !1), i === void 0 ? s = void 0 : (s = new i(e), s._$AT(e, o, r)), r !== void 0 ? (o._$Co ?? (o._$Co = []))[r] = s : o._$Cl = s), s !== void 0 && (t = it(e, s._$AS(e, t.values), s, r)), t;
+  return (s == null ? void 0 : s.constructor) !== i && ((l = s == null ? void 0 : s._$AO) == null || l.call(s, !1), i === void 0 ? s = void 0 : (s = new i(e), s._$AT(e, o, r)), r !== void 0 ? (o._$Co ?? (o._$Co = []))[r] = s : o._$Cl = s), s !== void 0 && (t = at(e, s._$AS(e, t.values), s, r)), t;
 }
 let ao = class {
   constructor(t, o) {
@@ -353,7 +353,7 @@ let ao = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: o }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? X).importNode(o, !0);
+    const { el: { content: o }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? Q).importNode(o, !0);
     J.currentNode = s;
     let i = J.nextNode(), a = 0, l = 0, n = r[0];
     for (; n !== void 0; ) {
@@ -363,7 +363,7 @@ let ao = class {
       }
       a !== (n == null ? void 0 : n.index) && (i = J.nextNode(), a++);
     }
-    return J.currentNode = X, s;
+    return J.currentNode = Q, s;
   }
   p(t) {
     let o = 0;
@@ -390,7 +390,7 @@ class vt {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    t = it(this, t, o), mt(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ro(t) ? this.k(t) : this._(t);
+    t = at(this, t, o), mt(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== F && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ro(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,7 +399,7 @@ class vt {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== u && mt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(X.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && mt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Q.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var i;
@@ -415,7 +415,7 @@ class vt {
     return o === void 0 && ue.set(t.strings, o = new Ft(t)), o;
   }
   k(t) {
-    Jt(this._$AH) || (this._$AH = [], this._$AR());
+    Xt(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let r, s = 0;
     for (const i of t) s === o.length ? o.push(r = new vt(this.O(gt()), this.O(gt()), this, this.options)) : r = o[s], r._$AI(i), s++;
@@ -446,11 +446,11 @@ class Tt {
   _$AI(t, o = this, r, s) {
     const i = this.strings;
     let a = !1;
-    if (i === void 0) t = it(this, t, o, 0), a = !mt(t) || t !== this._$AH && t !== H, a && (this._$AH = t);
+    if (i === void 0) t = at(this, t, o, 0), a = !mt(t) || t !== this._$AH && t !== F, a && (this._$AH = t);
     else {
       const l = t;
       let n, d;
-      for (t = i[0], n = 0; n < i.length - 1; n++) d = it(this, l[r + n], o, n), d === H && (d = this._$AH[n]), a || (a = !mt(d) || d !== this._$AH[n]), d === u ? t = u : t !== u && (t += (d ?? "") + i[n + 1]), this._$AH[n] = d;
+      for (t = i[0], n = 0; n < i.length - 1; n++) d = at(this, l[r + n], o, n), d === F && (d = this._$AH[n]), a || (a = !mt(d) || d !== this._$AH[n]), d === u ? t = u : t !== u && (t += (d ?? "") + i[n + 1]), this._$AH[n] = d;
     }
     a && !s && this.j(t);
   }
@@ -479,7 +479,7 @@ class co extends Tt {
     super(t, o, r, s, i), this.type = 5;
   }
   _$AI(t, o = this) {
-    if ((t = it(this, t, o, 0) ?? u) === H) return;
+    if ((t = at(this, t, o, 0) ?? u) === F) 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);
     s && this.element.removeEventListener(this.name, this, r), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -496,7 +496,7 @@ class po {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    it(this, t);
+    at(this, t);
   }
 }
 const Dt = ut.litHtmlPolyfillSupport;
@@ -515,7 +515,7 @@ const uo = (e, t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let R = class extends rt {
+let B = class extends st {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -537,13 +537,13 @@ let R = class extends rt {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return H;
+    return F;
   }
 };
 var Ae;
-R._$litElement$ = !0, R.finalized = !0, (Ae = globalThis.litElementHydrateSupport) == null || Ae.call(globalThis, { LitElement: R });
+B._$litElement$ = !0, B.finalized = !0, (Ae = globalThis.litElementHydrateSupport) == null || Ae.call(globalThis, { LitElement: B });
 const Nt = globalThis.litElementPolyfillSupport;
-Nt == null || Nt({ LitElement: R });
+Nt == null || Nt({ LitElement: B });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
 /**
  * @license
@@ -581,7 +581,7 @@ const ho = { attribute: !0, type: String, converter: kt, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + r);
 };
-function f(e) {
+function h(e) {
   return (t, o) => typeof o == "object" ? fo(e, t, o) : ((r, s, i) => {
     const a = s.hasOwnProperty(i);
     return s.constructor.createProperty(i, a ? { ...r, wrapped: !0 } : r), a ? Object.getOwnPropertyDescriptor(s, i) : void 0;
@@ -592,8 +592,8 @@ function f(e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function A(e) {
-  return f({ ...e, state: !0, attribute: !1 });
+function C(e) {
+  return h({ ...e, state: !0, attribute: !1 });
 }
 /**
  * @license
@@ -617,8 +617,8 @@ function bt(e, t) {
     } });
   };
 }
-var S = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(S || {});
-const Xt = c`
+var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
+const Jt = c`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     height="24px"
@@ -675,18 +675,18 @@ const Xt = c`
     <path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" />
   </svg>
 `;
-var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
+var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, D = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
-}, C = function(e, t, o) {
+}, S = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = Math.pow(10, t)), Math.round(o * e) / o + 0;
-}, T = function(e, t, o) {
+}, P = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = 1), e > o ? o : e > t ? e : t;
 }, Le = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
 }, he = function(e) {
-  return { r: T(e.r, 0, 255), g: T(e.g, 0, 255), b: T(e.b, 0, 255), a: T(e.a) };
+  return { r: P(e.r, 0, 255), g: P(e.g, 0, 255), b: P(e.b, 0, 255), a: P(e.a) };
 }, Rt = function(e) {
-  return { r: C(e.r), g: C(e.g), b: C(e.b), a: C(e.a, 3) };
+  return { r: S(e.r), g: S(e.g), b: S(e.b), a: S(e.a, 3) };
 }, vo = /^#([0-9a-f]{3,8})$/i, xt = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
@@ -699,9 +699,9 @@ var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
   var i = Math.floor(t), a = r * (1 - o), l = r * (1 - (t - i) * o), n = r * (1 - (1 - t + i) * o), d = i % 6;
   return { r: 255 * [r, l, a, a, n, r][d], g: 255 * [n, r, r, l, a, a][d], b: 255 * [a, a, n, r, r, l][d], a: s };
 }, fe = function(e) {
-  return { h: Le(e.h), s: T(e.s, 0, 100), l: T(e.l, 0, 100), a: T(e.a) };
+  return { h: Le(e.h), s: P(e.s, 0, 100), l: P(e.l, 0, 100), a: P(e.a) };
 }, ge = function(e) {
-  return { h: C(e.h), s: C(e.s), l: C(e.l), a: C(e.a, 3) };
+  return { h: S(e.h), s: S(e.s), l: S(e.l), a: S(e.a, 3) };
 }, me = function(e) {
   return Ne((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;
@@ -710,7 +710,7 @@ var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
   var t, o, r, s;
 }, bo = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, yo = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, wo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, xo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ve = { string: [[function(e) {
   var t = vo.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 ? C(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 ? C(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 ? S(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 ? S(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = wo.exec(e) || xo.exec(e);
   return t ? t[2] !== t[4] || t[4] !== t[6] ? null : he({ 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;
@@ -721,17 +721,17 @@ var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
   return me(s);
 }, "hsl"]], object: [[function(e) {
   var t = e.r, o = e.g, r = e.b, s = e.a, i = s === void 0 ? 1 : s;
-  return L(t) && L(o) && L(r) ? he({ r: Number(t), g: Number(o), b: Number(r), a: Number(i) }) : null;
+  return D(t) && D(o) && D(r) ? he({ r: Number(t), g: Number(o), b: Number(r), a: Number(i) }) : null;
 }, "rgb"], [function(e) {
   var t = e.h, o = e.s, r = e.l, s = e.a, i = s === void 0 ? 1 : s;
-  if (!L(t) || !L(o) || !L(r)) return null;
+  if (!D(t) || !D(o) || !D(r)) return null;
   var a = fe({ h: Number(t), s: Number(o), l: Number(r), a: Number(i) });
   return me(a);
 }, "hsl"], [function(e) {
   var t = e.h, o = e.s, r = e.v, s = e.a, i = s === void 0 ? 1 : s;
-  if (!L(t) || !L(o) || !L(r)) return null;
+  if (!D(t) || !D(o) || !D(r)) return null;
   var a = function(l) {
-    return { h: Le(l.h), s: T(l.s, 0, 100), v: T(l.v, 0, 100), a: T(l.a) };
+    return { h: Le(l.h), s: P(l.s, 0, 100), v: P(l.v, 0, 100), a: P(l.a) };
   }({ h: Number(t), s: Number(o), v: Number(r), a: Number(i) });
   return Ne(a);
 }, "hsv"]] }, be = function(e, t) {
@@ -744,12 +744,12 @@ var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
   return typeof e == "string" ? be(e.trim(), ve.string) : typeof e == "object" && e !== null ? be(e, ve.object) : [null, void 0];
 }, Bt = function(e, t) {
   var o = ht(e);
-  return { h: o.h, s: T(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
+  return { h: o.h, s: P(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
 }, Ut = function(e) {
   return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
 }, ye = function(e, t) {
   var o = ht(e);
-  return { h: o.h, s: o.s, l: T(o.l + 100 * t, 0, 100), a: o.a };
+  return { h: o.h, s: o.s, l: P(o.l + 100 * t, 0, 100), a: o.a };
 }, we = function() {
   function e(t) {
     this.parsed = $o(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
@@ -757,13 +757,13 @@ var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
   return e.prototype.isValid = function() {
     return this.parsed !== null;
   }, e.prototype.brightness = function() {
-    return C(Ut(this.rgba), 2);
+    return S(Ut(this.rgba), 2);
   }, e.prototype.isDark = function() {
     return Ut(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
     return Ut(this.rgba) >= 0.5;
   }, e.prototype.toHex = function() {
-    return t = Rt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? xt(C(255 * i)) : "", "#" + xt(o) + xt(r) + xt(s) + a;
+    return t = Rt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? xt(S(255 * i)) : "", "#" + xt(o) + xt(r) + xt(s) + a;
     var t, o, r, s, i, a;
   }, e.prototype.toRgb = function() {
     return Rt(this.rgba);
@@ -776,36 +776,36 @@ var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, L = function(e) {
     return t = ge(ht(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 = De(this.rgba), { h: C(t.h), s: C(t.s), v: C(t.v), a: C(t.a, 3) };
+    return t = De(this.rgba), { h: S(t.h), s: S(t.s), v: S(t.v), a: S(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
-    return O({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    return T({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
     var t;
   }, e.prototype.saturate = function(t) {
-    return t === void 0 && (t = 0.1), O(Bt(this.rgba, t));
+    return t === void 0 && (t = 0.1), T(Bt(this.rgba, t));
   }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), O(Bt(this.rgba, -t));
+    return t === void 0 && (t = 0.1), T(Bt(this.rgba, -t));
   }, e.prototype.grayscale = function() {
-    return O(Bt(this.rgba, -1));
+    return T(Bt(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), O(ye(this.rgba, t));
+    return t === void 0 && (t = 0.1), T(ye(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), O(ye(this.rgba, -t));
+    return t === void 0 && (t = 0.1), T(ye(this.rgba, -t));
   }, 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" ? O({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : C(this.rgba.a, 3);
+    return typeof t == "number" ? T({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : S(this.rgba.a, 3);
     var o;
   }, e.prototype.hue = function(t) {
     var o = ht(this.rgba);
-    return typeof t == "number" ? O({ h: t, s: o.s, l: o.l, a: o.a }) : C(o.h);
+    return typeof t == "number" ? T({ h: t, s: o.s, l: o.l, a: o.a }) : S(o.h);
   }, e.prototype.isEqual = function(t) {
-    return this.toHex() === O(t).toHex();
+    return this.toHex() === T(t).toHex();
   }, e;
-}(), O = function(e) {
+}(), T = function(e) {
   return e instanceof we ? e : new we(e);
 };
-const So = typeof process < "u" ? process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test" : !1;
+const So = typeof process < "u" && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test");
 function Vt() {
   if (So) return !0;
   try {
@@ -862,7 +862,7 @@ function xe(e) {
   return 0.2126 * i + 0.7152 * a + 0.0722 * l;
 }
 function Ao(e, t = {}) {
-  if (!O(e).isValid())
+  if (!T(e).isValid())
     return g.warn(`Invalid color provided: ${e}`), "black";
   const {
     minContrast: r = 4.5,
@@ -875,16 +875,16 @@ function Ao(e, t = {}) {
   } = t, l = s.map((p) => p === "black" ? "#000000" : p === "white" ? "#ffffff" : p === "light" ? i.light || "#f8f9fa" : p === "dark" ? i.dark || "#343a40" : p);
   let n = a, d = 0;
   for (const p of l) {
-    const h = jt(e, p);
-    h >= r && h > d && (d = h, n = p);
+    const f = jt(e, p);
+    f >= r && f > d && (d = f, n = p);
   }
   if (d === 0) {
     const p = jt(e, a);
     n = a, d = p;
-    for (const h of l) {
-      if (h === a) continue;
-      const v = jt(e, h);
-      v > d && (d = v, n = h);
+    for (const f of l) {
+      if (f === a) continue;
+      const b = jt(e, f);
+      b > d && (d = b, n = f);
     }
     g.warn(
       `No color option met the minimum contrast ratio of ${r}:1 against ${e}. Using ${n} with contrast ratio ${d.toFixed(2)}:1 instead.`
@@ -893,13 +893,13 @@ function Ao(e, t = {}) {
   return n;
 }
 function Po(e) {
-  const o = Eo(e) || e, r = O(o);
+  const o = Eo(e) || e, r = T(o);
   if (!r.isValid())
     return g.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 };
 }
-function z(e, t) {
+function O(e, t) {
   const r = t ? {
     left: "start",
     right: "end",
@@ -950,8 +950,8 @@ function To(e, t = "4px") {
   const a = parseFloat(s);
   return isNaN(a) ? t : `${a}px`;
 }
-var D = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.CHECKBOX = "checkbox", e.RADIO = "radio", e.RADIOGROUP = "radiogroup", e.SWITCH = "switch", e.TAB = "tab", e.TABLIST = "tablist", e.TABPANEL = "tabpanel", e.MENU = "menu", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.SLIDER = "slider", e.TEXTBOX = "textbox", e.COMBOBOX = "combobox", e.LISTBOX = "listbox", e.OPTION = "option", e.PROGRESSBAR = "progressbar", e.STATUS = "status", e.ALERT = "alert", e.DIALOG = "dialog", e.GROUP = "group", e.REGION = "region", e.NONE = "none", e.PRESENTATION = "presentation", e))(D || {});
-function st(e) {
+var N = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.CHECKBOX = "checkbox", e.RADIO = "radio", e.RADIOGROUP = "radiogroup", e.SWITCH = "switch", e.TAB = "tab", e.TABLIST = "tablist", e.TABPANEL = "tabpanel", e.MENU = "menu", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.SLIDER = "slider", e.TEXTBOX = "textbox", e.COMBOBOX = "combobox", e.LISTBOX = "listbox", e.OPTION = "option", e.PROGRESSBAR = "progressbar", e.STATUS = "status", e.ALERT = "alert", e.DIALOG = "dialog", e.GROUP = "group", e.REGION = "region", e.NONE = "none", e.PRESENTATION = "presentation", e))(N || {});
+function it(e) {
   const t = {};
   e.role !== void 0 && (t.role = e.role);
   for (const [o, r] of Object.entries(e)) {
@@ -962,7 +962,7 @@ function st(e) {
   return t;
 }
 function _o(e, t, o) {
-  return st({
+  return it({
     role: "button",
     ariaLabel: e,
     ariaPressed: t,
@@ -970,7 +970,7 @@ function _o(e, t, o) {
   });
 }
 function Oo(e, t, o, r = !1) {
-  return st({
+  return it({
     role: r ? "radio" : "checkbox",
     ariaLabel: e,
     ariaChecked: t,
@@ -986,7 +986,7 @@ function Io(e) {
   const t = e.replace(/[<>"']/g, "").trim();
   return /^(#[0-9a-fA-F]{3,8}|rgb\([^)]+\)|rgba\([^)]+\)|hsl\([^)]+\)|hsla\([^)]+\)|[a-zA-Z]+)$/.test(t);
 }
-function ot(e) {
+function rt(e) {
   return Io(e) ? e.replace(/[<>"']/g, "").trim() : (g.warn("Invalid color value:", e), "#000000");
 }
 function zo(e) {
@@ -1091,7 +1091,7 @@ function Ce(e, t) {
   }
   return { avg: s > 0 ? Math.round(r / s * 10) / 10 : 0, count: s, sum: r, breakdown: o };
 }
-function N() {
+function R() {
   return {
     count: 0,
     sum: 0,
@@ -1103,12 +1103,12 @@ function N() {
 }
 function Bo(e) {
   if (!te())
-    return N();
+    return R();
   try {
     const t = Be(e);
-    return t ? { ...N(), ...t } : N();
+    return t ? { ...R(), ...t } : R();
   } catch (t) {
-    return g.warn("Failed to load localStats from localStorage", t), N();
+    return g.warn("Failed to load localStats from localStorage", t), R();
   }
 }
 function Uo(e, t) {
@@ -1137,7 +1137,7 @@ function Vo(e, t) {
 }
 function jo(e, t) {
   if (!e.count && !t.count)
-    return N();
+    return R();
   if (!e.count)
     return { ...t };
   const o = {
@@ -1217,7 +1217,7 @@ const ke = 5;
 class Go {
   // Tracks if user has ever made a selection (even if later deselected)
   constructor(t) {
-    this.stats = N(), this.localStats = N(), this.prevLocalStats = N(), this.isLoading = !0, this.isLoadingConfig = !1, this.isSubmitting = !1, this.hasInteracted = !1, (this.host = t).addController(this);
+    this.stats = R(), this.localStats = R(), this.prevLocalStats = R(), this.isLoading = !0, this.isLoadingConfig = !1, this.isSubmitting = !1, this.hasInteracted = !1, (this.host = t).addController(this);
   }
   hostConnected() {
     this.loadStats();
@@ -1272,17 +1272,20 @@ class Go {
     if (o.type === "registered" && t.widgetId) {
       const a = Ko(t.widgetId);
       if (a) {
-        g.debug("Using prefetched config from cache", { widgetId: t.widgetId }), this.applyWidgetAttributes(a.attributes);
-        const l = this.getOptionsForDataFunc(t), n = Ce(a.stats.breakdown, l), d = n.count, p = n.sum, h = d > 0 ? Math.round(p / d * 10) / 10 : 0, v = d > 0 ? Math.round(p / d * 100) : 0;
-        this.stats = {
+        g.debug("Using prefetched widget config from cache", { widgetId: t.widgetId }), this.applyWidgetAttributes(a.config.attributes);
+        const l = this.getOptionsForDataFunc(t), n = Ce(
+          a.stats.breakdown ?? {},
+          l
+        ), d = n.count, p = n.sum, f = d > 0 ? Math.round(p / d * 10) / 10 : 0, b = d > 0 ? Math.round(p / d * 100) : 0, w = {
           count: d,
           sum: p,
-          avg: h,
-          pct: v,
-          nps: t.type === S.nps ? ft(n.breakdown) : 0,
+          avg: f,
+          pct: b,
+          nps: t.type === x.nps ? ft(n.breakdown) : 0,
           breakdown: n.breakdown,
           updated: a.stats.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
-        }, this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate();
+        };
+        this.stats = w, this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate();
         return;
       }
     }
@@ -1290,52 +1293,52 @@ class Go {
       const a = t.type;
       let l;
       if (t.dataFunc && typeof window < "u") {
-        const y = t.dataFunc.replace(/^window\./, "").split(".");
-        let E = window;
-        for (const G of y)
-          if (E = E == null ? void 0 : E[G], E === void 0) break;
-        l = E;
+        const $ = t.dataFunc.replace(/^window\./, "").split(".");
+        let A = window;
+        for (const Z of $)
+          if (A = A == null ? void 0 : A[Z], A === void 0) break;
+        l = A;
       }
       let n, d = null;
       if (l && typeof l == "function") {
-        const $ = this.getOptionsForDataFunc(t);
+        const k = this.getOptionsForDataFunc(t);
         g.debug(`Using data function for: ${t.widgetId || t.name}`, {
           dataFuncName: t.dataFunc,
-          options: $
+          options: k
         });
-        const y = await l(t.widgetId, t.name, $);
-        if (y && typeof y == "object" && "success" in y && "data" in y) {
-          if (!y.success)
-            throw g.error("Custom data function returned unsuccessful response", y), new Error("Custom data function returned unsuccessful response");
-          n = y.data || {};
+        const $ = await l(t.widgetId, t.name, k);
+        if ($ && typeof $ == "object" && "success" in $ && "data" in $) {
+          if (!$.success)
+            throw g.error("Custom data function returned unsuccessful response", $), new Error("Custom data function returned unsuccessful response");
+          n = $.data || {};
         } else
-          n = y || {};
+          n = $ || {};
       } else {
-        const $ = t.dataEndpoint || Yt;
-        let y;
-        o.type === "registered" ? (y = `${$}/widgets/${encodeURIComponent(t.widgetId)}`, this.isLoadingConfig = !0, this.host.requestUpdate()) : y = `${$}/public-widgets/${encodeURIComponent(t.name)}`, g.debug("Fetching stats for widget", {
-          endpoint: y,
+        const k = t.dataEndpoint || Yt;
+        let $;
+        o.type === "registered" ? ($ = `${k}/widgets/${encodeURIComponent(t.widgetId)}`, this.isLoadingConfig = !0, this.host.requestUpdate()) : $ = `${k}/public-widgets/${encodeURIComponent(t.name)}`, g.debug("Fetching stats for widget", {
+          endpoint: $,
           type: o.type
         });
-        const E = await fetch(y);
-        if (!E.ok)
-          throw new Error(`API request failed with status: ${E.status}`);
-        const G = await E.json();
-        if (!G.success)
-          throw g.error("Backend returned unsuccessful response", G), new Error("Backend returned unsuccessful response");
-        o.type === "registered" ? (d = ((s = (r = G.data) == null ? void 0 : r.config) == null ? void 0 : s.attributes) || null, n = ((i = G.data) == null ? void 0 : i.stats) || {}) : n = G.data || {};
+        const A = await fetch($);
+        if (!A.ok)
+          throw new Error(`API request failed with status: ${A.status}`);
+        const Z = await A.json();
+        if (!Z.success)
+          throw g.error("Backend returned unsuccessful response", Z), new Error("Backend returned unsuccessful response");
+        o.type === "registered" ? (d = ((s = (r = Z.data) == null ? void 0 : r.config) == null ? void 0 : s.attributes) || null, n = ((i = Z.data) == null ? void 0 : i.stats) || {}) : n = Z.data || {};
       }
       d && !l && this.applyWidgetAttributes(d);
-      const p = this.getOptionsForDataFunc(t), h = Ce(n.breakdown ?? {}, p), v = h.count, x = h.sum, k = v > 0 ? Math.round(x / v * 10) / 10 : 0, P = v > 0 ? Math.round(x / v * 100) : 0, _ = {
-        count: v,
-        sum: x,
-        avg: k,
-        pct: P,
-        nps: a === S.nps ? ft(h.breakdown) : 0,
-        breakdown: h.breakdown,
+      const p = this.getOptionsForDataFunc(t), f = Ce(n.breakdown ?? {}, p), b = f.count, w = f.sum, E = b > 0 ? Math.round(w / b * 10) / 10 : 0, M = b > 0 ? Math.round(w / b * 100) : 0, L = {
+        count: b,
+        sum: w,
+        avg: E,
+        pct: M,
+        nps: a === x.nps ? ft(f.breakdown) : 0,
+        breakdown: f.breakdown,
         updated: n.updatedAt || n.updated_at || (/* @__PURE__ */ new Date()).toISOString()
       };
-      this.stats = _;
+      this.stats = L;
     } catch (a) {
       throw g.error("Error loading stats:", a, this.localStats), a;
     } finally {
@@ -1350,14 +1353,14 @@ class Go {
    */
   getOptionsForDataFunc(t) {
     switch (t.type) {
-      case S.stars: {
+      case x.stars: {
         const r = t.numStars || 5;
         return Array.from({ length: r }, (s, i) => String(i + 1));
       }
-      case S.nps:
+      case x.nps:
         return Array.from({ length: 11 }, (r, s) => String(s));
-      case S.poll:
-      case S.reaction:
+      case x.poll:
+      case x.reaction:
       default:
         return t.options.map((r) => r.value);
     }
@@ -1371,7 +1374,7 @@ class Go {
       const o = Bo(t);
       g.debug("Loaded localStats from localStorage", o), this.localStats = o, o.submitted && (this.prevLocalStats = { ...o });
     } catch (o) {
-      g.warn("Failed to generate localStorage key for localStats", o), this.localStats = N();
+      g.warn("Failed to generate localStorage key for localStats", o), this.localStats = R();
     }
     this.host.requestUpdate();
   }
@@ -1490,7 +1493,7 @@ class Go {
       sum: (o == null ? void 0 : o.sum) || 0,
       avg: s,
       pct: (o == null ? void 0 : o.pct) || 0,
-      nps: r.type === S.nps ? ft((o == null ? void 0 : o.breakdown) || {}) : 0
+      nps: r.type === x.nps ? ft((o == null ? void 0 : o.breakdown) || {}) : 0
     };
     return g.debug("Stats data: ", this.stats), Ho(t, i);
   }
@@ -1518,7 +1521,7 @@ class Go {
   toggleValueSelected(t, o) {
     const r = Object.keys(this.localStats.breakdown || {}), s = r.includes(t), i = this.host;
     let a = 1;
-    if ((i.type === S.stars || i.type === S.nps) && (a = parseInt(t)), s)
+    if ((i.type === x.stars || i.type === x.nps) && (a = parseInt(t)), s)
       if (o) {
         const n = r.filter((d) => d !== t);
         this.updateStats(n.length > 0 ? 1 : 0, n);
@@ -1684,13 +1687,13 @@ function je(e, t = {}) {
     ariaHidden: !1
   };
 }
-function Jo(e, t = "polite") {
+function Xo(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 Xo(e, t) {
+function Jo(e, t) {
   return `${e}: ${t}`;
 }
 /**
@@ -1720,7 +1723,7 @@ let Fe = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const w = He(class extends Fe {
+const y = He(class extends Fe {
   constructor(e) {
     var t;
     if (super(e), e.type !== qe.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.");
@@ -1741,10 +1744,10 @@ const w = He(class extends Fe {
       const a = !!t[i];
       a === this.st.has(i) || (s = this.nt) != null && s.has(i) || (a ? (o.add(i), this.st.add(i)) : (o.remove(i), this.st.delete(i)));
     }
-    return H;
+    return F;
   }
 });
-var Qo = Object.defineProperty, b = (e, t, o, r) => {
+var Qo = Object.defineProperty, v = (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 && Qo(t, o, s), s;
@@ -1753,7 +1756,7 @@ const $t = {
   mobile: "480px",
   tablet: "768px",
   desktop: "1024px"
-}, oe = class oe extends R {
+}, oe = class oe extends B {
   constructor() {
     super(...arguments), this.dataController = new Go(this), this.displayController = new Zo(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.ariaLabel = null, this.minContrast = Re.AA_NORMAL, this.options = [], this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.inline = !1, this.readonly = !1, this.handleEditToggleKeyDown = (t) => {
       (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleEnterEditMode());
@@ -1787,7 +1790,7 @@ const $t = {
     let o = `:host {
 `;
     if (this.primaryColor) {
-      const i = ot(this.primaryColor);
+      const i = rt(this.primaryColor);
       o += `--pc-primary-color: ${i} !important;
 `;
       const a = Ao(i, {
@@ -1798,27 +1801,27 @@ const $t = {
 `;
     }
     if (this.muteColor) {
-      const i = ot(this.muteColor);
+      const i = rt(this.muteColor);
       o += `--pc-mute-color: ${i} !important;
 `;
     }
     if (this.textColor) {
-      const i = ot(this.textColor);
+      const i = rt(this.textColor);
       o += `--pc-text-color: ${i} !important;
 `;
     }
     if (this.backgroundColor) {
-      const i = ot(this.backgroundColor);
+      const i = rt(this.backgroundColor);
       o += `--pc-background-color: ${i} !important;
 `;
     }
     const r = this.starColor || this.accentColor || this.primaryColor;
     if (r) {
-      const i = ot(r);
+      const i = rt(r);
       o += `--pc-star-color: ${i} !important;
 `;
     }
-    const s = this.starHoverColor || (r ? `color-mix(in srgb, ${ot(r)} 80%, white)` : null);
+    const s = this.starHoverColor || (r ? `color-mix(in srgb, ${rt(r)} 80%, white)` : null);
     if (s && (o += `--pc-star-hover-color: ${s} !important;
 `), this.starSize) {
       const i = qt(this.starSize, "1.5em", 1.5);
@@ -1872,7 +1875,7 @@ const $t = {
    */
   announceSelectionChange(t, o, r) {
     const s = `Poll for "${t}"`, i = r ? `${o.label} selected` : `${o.label} unselected`;
-    Jo(Xo(s, i));
+    Xo(Jo(s, i));
   }
   /** Common render methods */
   renderLabel() {
@@ -1922,7 +1925,7 @@ const $t = {
         tabindex="0"
         aria-label="${this.displayController.isChartVisible ? "Hide chart" : "Show chart"}"
         @keydown="${() => this.displayController.toggleChartVisibility()}"
-        >${this.displayController.isChartVisible ? Qt : Xt}</span
+        >${this.displayController.isChartVisible ? Qt : Jt}</span
       >
     ` : u;
   }
@@ -1931,9 +1934,9 @@ const $t = {
       return u;
     const o = {
       "pc-status": !0,
-      [`pc-flex-content-${z(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-content-${O(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return c`<div class="${w(o)}" data-testid="pc-status">
+    return c`<div class="${y(o)}" data-testid="pc-status">
       ${this.renderStatsText()} ${this.renderChartToggle()} ${this.renderEditToggleIcon()}
     </div>`;
   }
@@ -1970,7 +1973,7 @@ const $t = {
   }
 };
 oe.styles = [
-  U`
+  V`
       :host {
         /* Default values for CSS variables - can be overridden by external :root or parent definitions */
         --default-font-size-base: 1rem;
@@ -2051,112 +2054,112 @@ oe.styles = [
     `
 ];
 let m = oe;
-b([
-  f({ type: String, attribute: "show-stats" })
+v([
+  h({ type: String, attribute: "show-stats" })
 ], m.prototype, "showStats");
-b([
-  f({ type: Boolean, attribute: "show-chart" })
+v([
+  h({ type: Boolean, attribute: "show-chart" })
 ], m.prototype, "showChart");
-b([
-  f({ type: Boolean, attribute: "initialized" })
+v([
+  h({ type: Boolean, attribute: "initialized" })
 ], m.prototype, "initialized");
-b([
-  f({ type: String, attribute: "primary-color" })
+v([
+  h({ type: String, attribute: "primary-color" })
 ], m.prototype, "primaryColor");
-b([
-  f({ type: String, attribute: "mute-color" })
+v([
+  h({ type: String, attribute: "mute-color" })
 ], m.prototype, "muteColor");
-b([
-  f({ type: String, attribute: "text-color" })
+v([
+  h({ type: String, attribute: "text-color" })
 ], m.prototype, "textColor");
-b([
-  f({ type: String, attribute: "background-color" })
+v([
+  h({ type: String, attribute: "background-color" })
 ], m.prototype, "backgroundColor");
-b([
-  f({ type: String, attribute: "accent-color" })
+v([
+  h({ type: String, attribute: "accent-color" })
 ], m.prototype, "accentColor");
-b([
-  f({ type: String, attribute: "star-color" })
+v([
+  h({ type: String, attribute: "star-color" })
 ], m.prototype, "starColor");
-b([
-  f({ type: String, attribute: "star-hover-color" })
+v([
+  h({ type: String, attribute: "star-hover-color" })
 ], m.prototype, "starHoverColor");
-b([
-  f({ type: String, attribute: "star-size" })
+v([
+  h({ type: String, attribute: "star-size" })
 ], m.prototype, "starSize");
-b([
-  f({ type: String, attribute: "reaction-size" })
+v([
+  h({ type: String, attribute: "reaction-size" })
 ], m.prototype, "reactionSize");
-b([
-  f({ type: String })
+v([
+  h({ type: String })
 ], m.prototype, "size");
-b([
-  f({ type: String, attribute: "aria-label" })
+v([
+  h({ type: String, attribute: "aria-label" })
 ], m.prototype, "ariaLabel");
-b([
-  f({ type: String, attribute: "aria-describedby" })
+v([
+  h({ type: String, attribute: "aria-describedby" })
 ], m.prototype, "ariaDescribedby");
-b([
-  f({ type: Number, attribute: "min-contrast" })
+v([
+  h({ type: Number, attribute: "min-contrast" })
 ], m.prototype, "minContrast");
-b([
-  f({ type: String })
+v([
+  h({ type: String })
 ], m.prototype, "css");
-b([
-  f({ type: Array })
+v([
+  h({ type: Array })
 ], m.prototype, "options");
-b([
-  f({ type: String, attribute: "widget-id" })
+v([
+  h({ type: String, attribute: "widget-id" })
 ], m.prototype, "widgetId");
-b([
-  f({ type: String, attribute: "name" })
+v([
+  h({ type: String, attribute: "name" })
 ], m.prototype, "name");
-b([
-  f({ type: String })
+v([
+  h({ type: String })
 ], m.prototype, "metadata");
-b([
-  f({ type: String, attribute: "data-func" })
+v([
+  h({ type: String, attribute: "data-func" })
 ], m.prototype, "dataFunc");
-b([
-  f({ type: String, attribute: "data-endpoint" })
+v([
+  h({ type: String, attribute: "data-endpoint" })
 ], m.prototype, "dataEndpoint");
-b([
-  f({ type: String })
+v([
+  h({ type: String })
 ], m.prototype, "question");
-b([
-  f({ type: String, attribute: "question-position" })
+v([
+  h({ type: String, attribute: "question-position" })
 ], m.prototype, "questionPosition");
-b([
-  f({ type: String, attribute: "question-align" })
+v([
+  h({ type: String, attribute: "question-align" })
 ], m.prototype, "questionAlign");
-b([
-  f({ type: String, attribute: "stats-text" })
+v([
+  h({ type: String, attribute: "stats-text" })
 ], m.prototype, "statsText");
-b([
-  f({ type: String, attribute: "stats-position" })
+v([
+  h({ type: String, attribute: "stats-position" })
 ], m.prototype, "statsPosition");
-b([
-  f({ type: String, attribute: "stats-align" })
+v([
+  h({ type: String, attribute: "stats-align" })
 ], m.prototype, "statsAlign");
-b([
-  f({ type: String, attribute: "button-text" })
+v([
+  h({ type: String, attribute: "button-text" })
 ], m.prototype, "buttonText");
-b([
-  f({ type: String, attribute: "button-radius" })
+v([
+  h({ type: String, attribute: "button-radius" })
 ], m.prototype, "buttonRadius");
-b([
-  f({ type: String, attribute: "thank-you-msg" })
+v([
+  h({ type: String, attribute: "thank-you-msg" })
 ], m.prototype, "thankYouMsg");
-b([
-  f({ type: Boolean, attribute: "multiple" })
+v([
+  h({ type: Boolean, attribute: "multiple" })
 ], m.prototype, "multiple");
-b([
-  f({ type: Boolean, reflect: !0 })
+v([
+  h({ type: Boolean, reflect: !0 })
 ], m.prototype, "inline");
-b([
-  f({ type: Boolean, reflect: !0 })
+v([
+  h({ type: Boolean, reflect: !0 })
 ], m.prototype, "readonly");
-const tr = U`
+const tr = V`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-body {
@@ -2607,7 +2610,7 @@ const tr = U`
       animation: none;
     }
   }
-`, It = U`
+`, It = V`
   /* Default values for CSS variables - can be overridden by external :root or parent definitions */
   :host {
     --default-primary-color: #2196f3;
@@ -3326,7 +3329,7 @@ const tr = U`
       opacity: 1;
     }
   }
-`, er = U`
+`, er = V`
   :host {
     --popover-bg: light-dark(#ffffff, #1a1a1a);
     --popover-border: light-dark(#e0e0e0, #333333);
@@ -3448,21 +3451,21 @@ const tr = U`
     max-width: 100%;
   }
 `;
-var or = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, V = (e, t, o, r) => {
+var or = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, j = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? rr(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 && or(t, o, s), s;
 };
-let I = class extends R {
+let _ = class extends B {
   constructor() {
     super(...arguments), this.open = !1, this.position = "auto", this.isClosing = !1, this.computedPosition = "bottom", this.popoverStyles = {}, this.arrowStyles = {}, this.updatePosition = () => {
-      var h;
+      var f;
       if (!this.anchor || !this.open) return;
-      const e = this.anchor.getBoundingClientRect(), t = window.innerWidth, o = window.innerHeight, r = 12, s = (h = this.popoverElement) == null ? void 0 : h.getBoundingClientRect(), i = (s == null ? void 0 : s.width) || 280, a = (s == null ? void 0 : s.height) || 200;
+      const e = this.anchor.getBoundingClientRect(), t = window.innerWidth, o = window.innerHeight, r = 12, s = (f = this.popoverElement) == null ? void 0 : f.getBoundingClientRect(), i = (s == null ? void 0 : s.width) || 280, a = (s == null ? void 0 : s.height) || 200;
       let l = this.position;
       if (l === "auto") {
-        const v = o - e.bottom, x = e.top;
-        l = v >= a + r || v >= x ? "bottom" : "top";
+        const b = o - e.bottom, w = e.top;
+        l = b >= a + r || b >= w ? "bottom" : "top";
       }
       this.computedPosition = l;
       let n, d;
@@ -3526,7 +3529,7 @@ let I = class extends R {
     return c`
       <div class="pc-popover-scrim" @click=${this.handleScrimClick}></div>
       <div
-        class=${w(e)}
+        class=${y(e)}
         data-position=${this.computedPosition}
         style=${Object.entries(this.popoverStyles).map(([t, o]) => `${t}: ${o}`).join("; ")}
         role="dialog"
@@ -3542,35 +3545,35 @@ let I = class extends R {
     `;
   }
 };
-I.styles = [er];
-V([
-  f({ type: Boolean, reflect: !0 })
-], I.prototype, "open", 2);
-V([
-  f({ type: String })
-], I.prototype, "position", 2);
-V([
-  f({ attribute: !1 })
-], I.prototype, "anchor", 2);
-V([
-  A()
-], I.prototype, "isClosing", 2);
-V([
-  A()
-], I.prototype, "computedPosition", 2);
-V([
-  A()
-], I.prototype, "popoverStyles", 2);
-V([
-  A()
-], I.prototype, "arrowStyles", 2);
-V([
+_.styles = [er];
+j([
+  h({ type: Boolean, reflect: !0 })
+], _.prototype, "open", 2);
+j([
+  h({ type: String })
+], _.prototype, "position", 2);
+j([
+  h({ attribute: !1 })
+], _.prototype, "anchor", 2);
+j([
+  C()
+], _.prototype, "isClosing", 2);
+j([
+  C()
+], _.prototype, "computedPosition", 2);
+j([
+  C()
+], _.prototype, "popoverStyles", 2);
+j([
+  C()
+], _.prototype, "arrowStyles", 2);
+j([
   bt(".pc-popover")
-], I.prototype, "popoverElement", 2);
-I = V([
+], _.prototype, "popoverElement", 2);
+_ = j([
   W("pc-popover")
-], I);
-const sr = U`
+], _);
+const sr = V`
   :host {
     --sheet-bg: light-dark(#ffffff, #1a1a1a);
     --sheet-border: light-dark(#e0e0e0, #333333);
@@ -3683,12 +3686,12 @@ const sr = U`
     max-width: 100%;
   }
 `;
-var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, et = (e, t, o, r) => {
+var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, ot = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? ar(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 && ir(t, o, s), s;
 };
-let B = class extends R {
+let U = class extends B {
   constructor() {
     super(...arguments), this.open = !1, this.dragToClose = !0, this.isClosing = !1, this.isDragging = !1, this.dragOffset = 0, this.dragStartY = 0, this.sheetHeight = 0, this.handleKeyDown = (e) => {
       if (e.key === "Escape" && this.open && (e.preventDefault(), e.stopPropagation(), this.close()), e.key === "Tab" && this.open && this.sheetElement) {
@@ -3766,8 +3769,8 @@ let B = class extends R {
       dragging: this.isDragging
     };
     return c`
-      <div class=${w(e)} @click=${this.handleScrimClick}></div>
-      <div class=${w(t)} role="dialog" aria-modal="true" tabindex="-1">
+      <div class=${y(e)} @click=${this.handleScrimClick}></div>
+      <div class=${y(t)} role="dialog" aria-modal="true" tabindex="-1">
         <div
           class="pc-sheet-handle"
           @touchstart=${this.handleDragStart}
@@ -3782,35 +3785,35 @@ let B = class extends R {
     `;
   }
 };
-B.styles = [sr];
-et([
-  f({ type: Boolean, reflect: !0 })
-], B.prototype, "open", 2);
-et([
-  f({ type: Boolean, attribute: "drag-to-close" })
-], B.prototype, "dragToClose", 2);
-et([
-  A()
-], B.prototype, "isClosing", 2);
-et([
-  A()
-], B.prototype, "isDragging", 2);
-et([
-  A()
-], B.prototype, "dragOffset", 2);
-et([
+U.styles = [sr];
+ot([
+  h({ type: Boolean, reflect: !0 })
+], U.prototype, "open", 2);
+ot([
+  h({ type: Boolean, attribute: "drag-to-close" })
+], U.prototype, "dragToClose", 2);
+ot([
+  C()
+], U.prototype, "isClosing", 2);
+ot([
+  C()
+], U.prototype, "isDragging", 2);
+ot([
+  C()
+], U.prototype, "dragOffset", 2);
+ot([
   bt(".pc-bottom-sheet")
-], B.prototype, "sheetElement", 2);
-B = et([
+], U.prototype, "sheetElement", 2);
+U = ot([
   W("pc-bottom-sheet")
-], B);
+], U);
 var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, yt = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? lr(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 && nr(t, o, s), s;
 };
 const cr = 768;
-let Q = class extends R {
+let tt = class extends B {
   constructor() {
     super(...arguments), this.open = !1, this.position = "auto", this.isMobile = !1, this.handleMediaChange = (e) => {
       this.isMobile = e.matches;
@@ -3845,34 +3848,34 @@ let Q = class extends R {
     `;
   }
 };
-Q.styles = U`
+tt.styles = V`
     :host {
       display: contents;
     }
   `;
 yt([
-  f({ type: Boolean, reflect: !0 })
-], Q.prototype, "open", 2);
+  h({ type: Boolean, reflect: !0 })
+], tt.prototype, "open", 2);
 yt([
-  f({ type: String })
-], Q.prototype, "position", 2);
+  h({ type: String })
+], tt.prototype, "position", 2);
 yt([
-  f({ attribute: !1 })
-], Q.prototype, "anchor", 2);
+  h({ attribute: !1 })
+], tt.prototype, "anchor", 2);
 yt([
-  A()
-], Q.prototype, "isMobile", 2);
-Q = yt([
+  C()
+], tt.prototype, "isMobile", 2);
+tt = yt([
   W("pc-responsive-modal")
-], Q);
+], tt);
 var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, K = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? pr(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 && dr(t, o, s), s;
 };
-let M = class extends m {
+let I = class extends m {
   constructor() {
-    super(), this.min = 0, this.max = 10, this.type = S.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.popoverOpen = !1, this.handleNumberLeave = () => {
+    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.popoverOpen = !1, this.handleNumberLeave = () => {
       this.hoverValue = -1;
     }, this.handleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.hoverValue >= 0 && this.handleNumberClick(this.hoverValue));
@@ -3882,8 +3885,8 @@ let M = class extends m {
    * Render NPS buttons for edit mode
    */
   renderNpsButtons() {
-    const e = Array.from({ length: this.max - this.min + 1 }, (s, i) => i + this.min), t = `nps-control-${this.name || this.type}`, o = st({
-      role: D.GROUP,
+    const e = Array.from({ length: this.max - this.min + 1 }, (s, i) => i + this.min), t = `nps-control-${this.name || this.type}`, o = it({
+      role: N.GROUP,
       ariaLabel: this.question || "NPS Rating",
       ariaDescribedby: `${t}-description`
     }), r = e.map((s) => {
@@ -3895,7 +3898,7 @@ let M = class extends m {
         <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)}"
@@ -3934,10 +3937,10 @@ let M = class extends m {
    * NPS score displayed prominently in the middle
    */
   renderChart() {
-    const e = this.dataController.stats, t = (e == null ? void 0 : e.nps) ?? 0, o = 100, r = 100, s = 80, i = ($) => ({
-      x: o + s * Math.cos($),
-      y: r - s * Math.sin($)
-    }), a = i(Math.PI), l = i(Math.PI / 2), n = i(Math.PI / 4), d = i(0), p = ($, y, E = 0) => `M ${$.x} ${$.y} A ${s} ${s} 0 ${E} 1 ${y.x} ${y.y}`, h = p(a, l), v = p(l, n), x = p(n, d), P = (($) => Math.PI - ($ + 100) / 200 * Math.PI)(t), _ = i(P);
+    const e = this.dataController.stats, t = (e == null ? void 0 : e.nps) ?? 0, o = 100, r = 100, s = 80, i = (k) => ({
+      x: o + s * Math.cos(k),
+      y: r - s * Math.sin(k)
+    }), a = i(Math.PI), l = i(Math.PI / 2), n = i(Math.PI / 4), d = i(0), p = (k, $, A = 0) => `M ${k.x} ${k.y} A ${s} ${s} 0 ${A} 1 ${$.x} ${$.y}`, f = p(a, l), b = p(l, n), w = p(n, d), M = ((k) => Math.PI - (k + 100) / 200 * Math.PI)(t), L = i(M);
     return c`
       <div class="nps-semicircle-gauge" data-testid="nps-semicircle-gauge">
         <svg viewBox="0 0 200 115">
@@ -3948,12 +3951,12 @@ let M = class extends m {
           />
 
           <!-- Colored segments -->
-          <path class="gauge-arc gauge-arc-detractor" d="${h}" />
-          <path class="gauge-arc gauge-arc-passive" d="${v}" />
-          <path class="gauge-arc gauge-arc-promoter" d="${x}" />
+          <path class="gauge-arc gauge-arc-detractor" d="${f}" />
+          <path class="gauge-arc gauge-arc-passive" d="${b}" />
+          <path class="gauge-arc gauge-arc-promoter" d="${w}" />
 
           <!-- Needle indicator -->
-          <circle class="gauge-needle" cx="${_.x}" cy="${_.y}" r="5" />
+          <circle class="gauge-needle" cx="${L.x}" cy="${L.y}" r="5" />
 
           <!-- Score display in center -->
           <text class="gauge-score" x="${o}" y="${r - 15}">${t}</text>
@@ -4022,9 +4025,9 @@ let M = class extends m {
           </svg>
         </div>
       `;
-    const a = s.detractors / i * 100, l = s.passives / i * 100, n = s.promoters / i * 100, d = a / 100 * r, p = l / 100 * r, h = n / 100 * r, v = 0, x = -d, k = -(d + p), P = this.getUserScore();
-    let _ = "gauge-bg";
-    return P !== null && (P <= 6 ? _ = "gauge-detractor" : P <= 8 ? _ = "gauge-passive" : _ = "gauge-promoter"), c`
+    const a = s.detractors / i * 100, l = s.passives / i * 100, n = s.promoters / i * 100, d = a / 100 * r, p = l / 100 * r, f = n / 100 * r, b = 0, w = -d, E = -(d + p), M = this.getUserScore();
+    let L = "gauge-bg";
+    return M !== null && (M <= 6 ? L = "gauge-detractor" : M <= 8 ? L = "gauge-passive" : L = "gauge-promoter"), c`
       <div class="inline-nps-gauge">
         <svg viewBox="0 0 20 20">
           <!-- Background circle -->
@@ -4036,7 +4039,7 @@ let M = class extends m {
             cy="10"
             r="${o}"
             stroke-dasharray="${d} ${r}"
-            stroke-dashoffset="${v}"
+            stroke-dashoffset="${b}"
           />
           <!-- Passive segment (yellow) -->
           <circle
@@ -4045,7 +4048,7 @@ let M = class extends m {
             cy="10"
             r="${o}"
             stroke-dasharray="${p} ${r}"
-            stroke-dashoffset="${x}"
+            stroke-dashoffset="${w}"
           />
           <!-- Promoter segment (green) -->
           <circle
@@ -4053,11 +4056,11 @@ let M = class extends m {
             cx="10"
             cy="10"
             r="${o}"
-            stroke-dasharray="${h} ${r}"
-            stroke-dashoffset="${k}"
+            stroke-dasharray="${f} ${r}"
+            stroke-dashoffset="${E}"
           />
           <!-- Center dot showing user's score category -->
-          <circle class="gauge-dot ${_}" cx="10" cy="10" r="2" />
+          <circle class="gauge-dot ${L}" cx="10" cy="10" r="2" />
         </svg>
       </div>
     `;
@@ -4100,7 +4103,7 @@ let M = class extends m {
       };
       return c`
             <button
-              class=${w(i)}
+              class=${y(i)}
               @click=${() => this.handlePopoverNumberClick(r)}
               @mouseenter=${() => this.handleNumberHover(r)}
               @mouseleave=${this.handleNumberLeave}
@@ -4134,7 +4137,7 @@ let M = class extends m {
         @keydown="${(e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.displayController.toggleChartVisibility());
     }}"
-        >${this.displayController.isChartVisible ? Qt : Xt}</span
+        >${this.displayController.isChartVisible ? Qt : Jt}</span
       >
     `;
   }
@@ -4203,16 +4206,16 @@ let M = class extends m {
   renderStandardMode() {
     const e = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
-      [`pc-flex-align-${z(this.questionPosition, this.questionAlign)}`]: !0
+      [`pc-flex-align-${O(this.questionPosition, this.questionAlign)}`]: !0
     }, t = {
       nps: !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${z(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${O(this.statsPosition, this.statsAlign)}`]: !0
     };
     return c`
-      <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()}
@@ -4226,32 +4229,32 @@ let M = class extends m {
     return this.inline ? this.renderInlineMode() : this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-M.styles = [...m.styles, It, tr];
+I.styles = [...m.styles, It, tr];
 K([
-  f({ type: String, attribute: "min-label" })
-], M.prototype, "minLabel", 2);
+  h({ type: String, attribute: "min-label" })
+], I.prototype, "minLabel", 2);
 K([
-  f({ type: String, attribute: "max-label" })
-], M.prototype, "maxLabel", 2);
+  h({ type: String, attribute: "max-label" })
+], I.prototype, "maxLabel", 2);
 K([
-  f({ type: String, attribute: "thank-you-msg" })
-], M.prototype, "thankYouMsg", 2);
+  h({ type: String, attribute: "thank-you-msg" })
+], I.prototype, "thankYouMsg", 2);
 K([
-  f({ type: String, attribute: "min-max-position" })
-], M.prototype, "minMaxPosition", 2);
+  h({ type: String, attribute: "min-max-position" })
+], I.prototype, "minMaxPosition", 2);
 K([
-  A()
-], M.prototype, "hoverValue", 2);
+  C()
+], I.prototype, "hoverValue", 2);
 K([
-  A()
-], M.prototype, "popoverOpen", 2);
+  C()
+], I.prototype, "popoverOpen", 2);
 K([
   bt(".pc-inline-trigger")
-], M.prototype, "triggerElement", 2);
-M = K([
+], I.prototype, "triggerElement", 2);
+I = K([
   W("pc-nps")
-], M);
-const ur = U`
+], I);
+const ur = V`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-container {
@@ -4641,16 +4644,16 @@ var hr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, wt = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && hr(t, o, s), s;
 };
-let tt = class extends m {
+let et = class extends m {
   constructor() {
-    super(), this.type = S.poll, this.multiple = !1, this.compact = !1, this.popoverOpen = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
+    super(), this.type = x.poll, this.multiple = !1, this.compact = !1, this.popoverOpen = !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-${z("bottom", this.statsAlign)}`]: !0
+      [`pc-flex-content-${O("bottom", this.statsAlign)}`]: !0
     };
-    return c`<div class="${w(t)}" data-testid="pc-status">
+    return c`<div class="${y(t)}" data-testid="pc-status">
       <span>${this.renderStatsText()} ${this.renderEditToggleIcon("stats-edit-button")}</span>
     </div>`;
   }
@@ -4665,7 +4668,7 @@ let tt = class extends m {
     }, t = this.displayController.shouldDisableSubmitButton();
     return c`
       <button
-        class="${w(e)}"
+        class="${y(e)}"
         data-testid="pc-submit-button"
         @click="${this.handleSubmit}"
         ?disabled="${t}"
@@ -4724,7 +4727,7 @@ let tt = class extends m {
    * Renders the selection indicator (checkbox or radio button) with proper ARIA roles
    */
   renderSelectionIndicator() {
-    const e = this.multiple ? D.CHECKBOX : D.RADIO;
+    const e = this.multiple ? N.CHECKBOX : N.RADIO;
     return this.multiple ? c`<span class="poll-checkbox" role="${e}"></span>` : c`<span class="poll-radio" role="${e}"></span>`;
   }
   /**
@@ -4746,7 +4749,7 @@ let tt = class extends m {
     return c`
       <button
         data-testid="poll-option-i${t}"
-        class="${w(s)}"
+        class="${y(s)}"
         @click="${(n) => {
       n.stopPropagation(), this.handleClick(e);
     }}"
@@ -4770,13 +4773,13 @@ let tt = class extends m {
    */
   renderPollOptions() {
     var s;
-    const e = this.multiple ? D.GROUP : D.RADIOGROUP, t = this.question || this.name || "Options", o = st({
+    const e = this.multiple ? N.GROUP : N.RADIOGROUP, t = this.question || this.name || "Options", o = it({
       role: e,
       ariaLabel: t
     });
     return c`
       <div
-        class="${w({
+        class="${y({
       "poll-container": !0
     })}"
         data-testid="poll-option-container"
@@ -4792,22 +4795,22 @@ let tt = class extends m {
    */
   renderBarChart() {
     var n, d;
-    const e = ((n = this.dataController.stats) == null ? void 0 : n.breakdown) || {}, t = ((d = this.dataController.localStats) == null ? void 0 : d.breakdown) || {}, o = Object.values(e).reduce((p, h) => p + h, 0), r = this.options.map((p, h) => {
-      const v = e[p.value] || 0, x = o > 0 ? Math.round(v / o * 100) : 0, k = (t[p.value] || 0) > 0;
+    const e = ((n = this.dataController.stats) == null ? void 0 : n.breakdown) || {}, t = ((d = this.dataController.localStats) == null ? void 0 : d.breakdown) || {}, o = Object.values(e).reduce((p, f) => p + f, 0), r = this.options.map((p, f) => {
+      const b = e[p.value] || 0, w = o > 0 ? Math.round(b / o * 100) : 0, E = (t[p.value] || 0) > 0;
       return {
         option: p,
-        index: h,
-        voteCount: v,
-        percentage: x,
-        isSelected: k
+        index: f,
+        voteCount: b,
+        percentage: w,
+        isSelected: E
       };
-    }), s = this.multiple ? D.GROUP : D.RADIOGROUP, i = this.question || this.name || "Options", a = st({
+    }), s = this.multiple ? N.GROUP : N.RADIOGROUP, i = this.question || this.name || "Options", a = it({
       role: s,
       ariaLabel: i
     });
     return c`
       <div
-        class="${w({
+        class="${y({
       "poll-container": !0
     })}"
         data-testid="poll-chart-container"
@@ -4815,7 +4818,7 @@ let tt = class extends m {
         ...=${a}
       >
         ${r.map((p) => {
-      const h = {
+      const f = {
         "poll-option": !0,
         "poll-option--compact": this.compact,
         "poll-option--chart-view": !0,
@@ -4823,7 +4826,7 @@ let tt = class extends m {
       };
       return c`
             <div
-              class="${w(h)}"
+              class="${y(f)}"
               data-testid="poll-chart-item-${p.index}"
               role="listitem"
               aria-label="${p.option.label}: ${p.percentage}% (${p.voteCount} votes)"
@@ -5027,25 +5030,25 @@ let tt = class extends m {
    * Render standard mode - original behavior
    */
   renderStandardMode() {
-    const e = z(this.questionPosition, this.questionAlign), t = {
+    const e = O(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = z(this.statsPosition, this.statsAlign), r = {
+    }, o = O(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
-    }, s = st({
-      role: D.REGION,
+    }, s = it({
+      role: N.REGION,
       ariaLabel: this.question || this.name || "Poll"
     });
     return c`
       <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()}
@@ -5056,23 +5059,23 @@ let tt = class extends m {
     return this.inline ? this.renderInlineMode() : this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-tt.styles = [...m.styles, It, ur];
+et.styles = [...m.styles, It, ur];
 wt([
-  f({ type: Boolean })
-], tt.prototype, "multiple", 2);
+  h({ type: Boolean })
+], et.prototype, "multiple", 2);
 wt([
-  f({ type: Boolean })
-], tt.prototype, "compact", 2);
+  h({ type: Boolean })
+], et.prototype, "compact", 2);
 wt([
-  A()
-], tt.prototype, "popoverOpen", 2);
+  C()
+], et.prototype, "popoverOpen", 2);
 wt([
   bt(".pc-inline-trigger")
-], tt.prototype, "triggerElement", 2);
-tt = wt([
+], et.prototype, "triggerElement", 2);
+et = wt([
   W("pc-poll")
-], tt);
-const gr = U`
+], et);
+const gr = V`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-section {
@@ -5282,7 +5285,7 @@ const Ye = "important", mr = " !" + Ye, vr = He(class extends Fe {
         r.includes("-") || i ? o.setProperty(r, i ? s.slice(0, -11) : s, i ? Ye : "") : o[r] = s;
       }
     }
-    return H;
+    return F;
   }
 });
 function Ct(e, t = {}) {
@@ -5464,14 +5467,14 @@ function Pt(e) {
     isRemoteImage: o
   };
 }
-var br = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, nt = (e, t, o, r) => {
+var br = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, lt = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? yr(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 && br(t, o, s), s;
 };
-let F = class extends m {
+let Y = class extends m {
   constructor() {
-    super(), this.type = S.stars, this.icon = "★", this.numStars = 5, this.hoverValue = -1, this.popoverOpen = !1, this.handleStarKeyDown = (e) => {
+    super(), this.type = x.stars, this.icon = "★", this.numStars = 5, this.hoverValue = -1, this.popoverOpen = !1, this.handleStarKeyDown = (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         const t = e.target, o = parseInt(t.dataset.star || "0");
@@ -5510,22 +5513,22 @@ let F = class extends m {
   renderStars(e = !1) {
     var n;
     const t = this.getUserVotePosition(), o = this.dataController.stats, r = (o == null ? void 0 : o.avg) ?? 0, s = ((n = this.dataController.localStats) == null ? void 0 : n.avg) ?? 0, i = this.readonly ? r : s, a = this.displayController.allowEdit(), l = Array.from({ length: this.numStars }, (d, p) => p + 1).map((d) => {
-      const p = e ? t || 0 : Math.floor(i), h = d <= p || d <= (this.hoverValue || 0), v = !e && !h && d === Math.ceil(i) && i % 1 !== 0, x = {
+      const p = e ? t || 0 : Math.floor(i), f = d <= p || d <= (this.hoverValue || 0), b = !e && !f && d === Math.ceil(i) && i % 1 !== 0, w = {
         star: !0,
-        selected: h,
-        partial: v,
+        selected: f,
+        partial: b,
         "view-mode": !a
-      }, k = v ? { "--partial-fill": `${i % 1 * 100}%` } : {}, P = e ? () => this.handlePopoverStarClick(d) : () => this.handleStarClick(d);
+      }, E = b ? { "--partial-fill": `${i % 1 * 100}%` } : {}, M = e ? () => this.handlePopoverStarClick(d) : () => this.handleStarClick(d);
       return c`
         <div class="pc-section" data-testid="pc-section">
           <span
             data-testid="${e ? "popover" : "stars-view"}-star-${d}"
-            class=${w(x)}
-            style=${vr(k)}
+            class=${y(w)}
+            style=${vr(E)}
             role="${a ? "button" : "presentation"}"
             tabindex="${a ? "0" : ""}"
             aria-label="${a ? `Rate ${d} star${d > 1 ? "s" : ""}` : ""}"
-            @click="${P}"
+            @click="${M}"
             @mouseenter="${() => this.handleStarHover(d)}"
             @focus="${() => this.handleStarHover(d)}"
             @mouseleave="${this.handleStarLeave}"
@@ -5616,7 +5619,7 @@ let F = class extends m {
     };
     return c`
       <button
-        class=${w(i)}
+        class=${y(i)}
         @click=${() => {
       this.popoverOpen = !0;
     }}
@@ -5698,7 +5701,7 @@ let F = class extends m {
         @keydown="${(e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.displayController.toggleChartVisibility());
     }}"
-        >${this.displayController.isChartVisible ? Qt : Xt}</span
+        >${this.displayController.isChartVisible ? Qt : Jt}</span
       >
     `;
   }
@@ -5756,18 +5759,18 @@ let F = class extends m {
    * Render standard mode - original behavior
    */
   renderStandardMode() {
-    const e = z(this.questionPosition, this.questionAlign), t = {
+    const e = O(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = z(this.statsPosition, this.statsAlign), r = {
+    }, o = O(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
     }, s = !this.displayController.shouldShowChart();
     return c`
-      <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()}
           ${s ? this.renderStars() : u} ${this.renderStatusAtEnd()}
         </div>
@@ -5779,26 +5782,26 @@ let F = class extends m {
     return this.inline ? this.renderInlineMode() : this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-F.styles = [...m.styles, It, gr];
-nt([
-  f({ type: String })
-], F.prototype, "icon", 2);
-nt([
-  f({ type: Number, attribute: "num-stars" })
-], F.prototype, "numStars", 2);
-nt([
-  A()
-], F.prototype, "hoverValue", 2);
-nt([
-  A()
-], F.prototype, "popoverOpen", 2);
-nt([
+Y.styles = [...m.styles, It, gr];
+lt([
+  h({ type: String })
+], Y.prototype, "icon", 2);
+lt([
+  h({ type: Number, attribute: "num-stars" })
+], Y.prototype, "numStars", 2);
+lt([
+  C()
+], Y.prototype, "hoverValue", 2);
+lt([
+  C()
+], Y.prototype, "popoverOpen", 2);
+lt([
   bt(".pc-inline-trigger")
-], F.prototype, "triggerElement", 2);
-F = nt([
+], Y.prototype, "triggerElement", 2);
+Y = lt([
   W("pc-stars")
-], F);
-const wr = U`
+], Y);
+const wr = V`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, var(--default-font-size-small));
@@ -6067,9 +6070,9 @@ var $r = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, zt = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && $r(t, o, s), s;
 };
-let at = class extends m {
+let nt = class extends m {
   constructor() {
-    super(), this.type = S.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 = 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";
   }
   /**
    * Get the display count for a specific reaction including local optimistic updates
@@ -6118,7 +6121,7 @@ let at = class extends m {
     }, l = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
     return c`
       <button
-        class="${w(a)}"
+        class="${y(a)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${s}"
         aria-pressed="${o}"
@@ -6160,7 +6163,7 @@ let at = class extends m {
       bottom: this.popupPosition === "bottom" || this.popupPosition === "auto" && !this.shouldShowPopoverOnTop()
     };
     return c`
-      <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);
@@ -6207,7 +6210,7 @@ let at = class extends m {
         (o) => this.dataController.isValueSelected(o.value)
       );
       return c`
-        <div class="${w(e)}">
+        <div class="${y(e)}">
           ${t.length > 0 ? c`
                 <div class="reaction-list">
                   ${t.map(
@@ -6220,7 +6223,7 @@ let at = class extends m {
       `;
     } else
       return c`
-        <div class="${w(e)}">
+        <div class="${y(e)}">
           <div class="reaction-list">
             ${this.options.map((t) => this.renderReactionButton(t, this.showCounts))}
           </div>
@@ -6235,7 +6238,7 @@ let at = class extends m {
     const e = this.dataController.getBreakdownInfo(), o = Object.entries(e.breakdownCount).filter(
       ([n, d]) => this.options.some((p) => p.value === n)
     ).map(([n, d]) => {
-      const p = this.options.find((h) => h.value === n);
+      const p = this.options.find((f) => f.value === n);
       return {
         label: n,
         // Use the reaction value as label
@@ -6284,18 +6287,18 @@ let at = class extends m {
    * (Reactions are inherently inline, so inline mode = standard mode)
    */
   renderStandardMode() {
-    const e = z(this.questionPosition, this.questionAlign), t = {
+    const e = O(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = z(this.statsPosition, this.statsAlign), r = {
+    }, o = O(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
     };
     return c`
-      <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>
@@ -6307,19 +6310,19 @@ let at = class extends m {
     return this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-at.styles = [...m.styles, It, wr];
+nt.styles = [...m.styles, It, wr];
 zt([
-  f({ type: Boolean, attribute: "show-counts" })
-], at.prototype, "showCounts", 2);
+  h({ type: Boolean, attribute: "show-counts" })
+], nt.prototype, "showCounts", 2);
 zt([
-  f({ type: Boolean, reflect: !0 })
-], at.prototype, "compact", 2);
+  h({ type: Boolean, reflect: !0 })
+], nt.prototype, "compact", 2);
 zt([
-  f({ type: String, attribute: "popup-position" })
-], at.prototype, "popupPosition", 2);
-at = zt([
+  h({ type: String, attribute: "popup-position" })
+], nt.prototype, "popupPosition", 2);
+nt = zt([
   W("pc-reaction")
-], at);
+], nt);
 function dt(e, t, o = void 0) {
   const r = e.getAttribute(t);
   return r === null ? o : r == null ? void 0 : r.trim();
@@ -6328,14 +6331,15 @@ function Cr(e, t = void 0) {
   const o = e.textContent;
   return o === "" || o === null ? t : o == null ? void 0 : o.trim();
 }
-var kr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, lt = (e, t, o, r) => {
+var kr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, G = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? Er(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 && kr(t, o, s), s;
 };
-let Y = class extends R {
+const Ar = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+let z = class extends B {
   constructor() {
-    super(), this.options = "", this.parsedOptions = [], this.isLoadingType = !1, Y.injectGlobalStyle();
+    super(), this.options = "", this.parsedOptions = [], this.isPrefetching = !1, z.injectGlobalStyle();
   }
   /**
    * Inject global style to hide poll-catch-option elements
@@ -6360,41 +6364,7 @@ let Y = class extends R {
     return this;
   }
   connectedCallback() {
-    super.connectedCallback(), this.maybeFetchType();
-  }
-  async maybeFetchType() {
-    var t, o, r, s, i, a, l, n, d, p, h, v, x, k;
-    if (this.type || !this.widgetId) return;
-    if (!/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(this.widgetId)) {
-      g.error(`poll-catch: Invalid widget-id format: ${this.widgetId}`);
-      return;
-    }
-    this.isLoadingType = !0;
-    try {
-      const _ = `${this.getAttribute("data-endpoint") || Yt}/widgets/${encodeURIComponent(this.widgetId)}`, $ = await fetch(_);
-      if (!$.ok)
-        throw new Error(`API request failed with status: ${$.status}`);
-      const y = await $.json();
-      if (!y.success)
-        throw new Error("Backend returned unsuccessful response");
-      const E = (o = (t = y.data) == null ? void 0 : t.config) == null ? void 0 : o.type;
-      if (!E)
-        throw new Error("Backend response missing widget type");
-      Wo(this.widgetId, {
-        type: E,
-        attributes: ((s = (r = y.data) == null ? void 0 : r.config) == null ? void 0 : s.attributes) || null,
-        stats: {
-          count: ((a = (i = y.data) == null ? void 0 : i.stats) == null ? void 0 : a.count) ?? 0,
-          sum: ((n = (l = y.data) == null ? void 0 : l.stats) == null ? void 0 : n.sum) ?? 0,
-          breakdown: ((p = (d = y.data) == null ? void 0 : d.stats) == null ? void 0 : p.breakdown) ?? {},
-          updatedAt: ((v = (h = y.data) == null ? void 0 : h.stats) == null ? void 0 : v.updatedAt) || ((k = (x = y.data) == null ? void 0 : x.stats) == null ? void 0 : k.updated_at)
-        }
-      }), this.type = E, await this.updateComplete, this.forceUpdate();
-    } catch (P) {
-      g.error("poll-catch: Failed to fetch widget config", P);
-    } finally {
-      this.isLoadingType = !1;
-    }
+    super.connectedCallback(), this.widgetId && !this.type && !this.dataFunc && this.prefetchWidgetConfig();
   }
   forceUpdate() {
     this.forwardAttributesToWidget(), this.forwardOptionsToWidget();
@@ -6414,6 +6384,44 @@ let Y = class extends R {
       this.forwardAttributesToWidget();
     });
   }
+  /**
+   * Prefetch widget config from the API to determine widget type
+   */
+  async prefetchWidgetConfig() {
+    var e, t;
+    if (!this.widgetId || !Ar.test(this.widgetId)) {
+      g.warn(`poll-catch: Invalid widget-id format for prefetch: ${this.widgetId}`);
+      return;
+    }
+    this.isPrefetching = !0;
+    try {
+      const r = `${this.dataEndpoint || Yt}/widgets/${encodeURIComponent(this.widgetId)}`;
+      g.debug("poll-catch: Prefetching widget config", { url: r });
+      const s = await fetch(r);
+      if (!s.ok)
+        throw new Error(`API request failed with status: ${s.status}`);
+      const i = await s.json();
+      if (!i.success)
+        throw new Error("Backend returned unsuccessful response");
+      const a = (e = i.data) == null ? void 0 : e.config, l = (t = i.data) == null ? void 0 : t.stats;
+      if (!(a != null && a.type) || !Object.values(x).includes(a.type))
+        throw new Error(`Invalid widget type from server: ${a == null ? void 0 : a.type}`);
+      Wo(this.widgetId, {
+        config: { type: a.type, attributes: a.attributes || null },
+        stats: {
+          count: (l == null ? void 0 : l.count) ?? 0,
+          sum: (l == null ? void 0 : l.sum) ?? 0,
+          breakdown: (l == null ? void 0 : l.breakdown) ?? {},
+          updatedAt: (l == null ? void 0 : l.updatedAt) || (l == null ? void 0 : l.updated_at)
+        }
+      }), this.type = a.type;
+    } catch (o) {
+      g.warn("poll-catch: Failed to prefetch widget config", o);
+    } finally {
+      this.isPrefetching = !1;
+    }
+    this.requestUpdate(), await this.updateComplete, this.forwardAttributesToWidget(), this.forwardOptionsToWidget();
+  }
   /**
    * Forward all attributes except 'type' to the child widget
    */
@@ -6440,8 +6448,8 @@ let Y = class extends R {
     t && t.length > 0 && (r = Array.from(t).map((s) => {
       const i = dt(s, "value", "") || "", a = dt(s, "label", Cr(s, i)) || "", l = dt(s, "icon", void 0), n = dt(s, "tooltip", void 0), d = dt(s, "disabled", void 0), p = { value: i, label: a };
       if (l !== void 0) {
-        const h = Pt(l);
-        p.icon = h.icon;
+        const f = Pt(l);
+        p.icon = f.icon;
       }
       return n !== void 0 && (p.tooltip = n), d !== void 0 && (p.disabled = !0), p;
     })), this.parsedOptions = r;
@@ -6450,16 +6458,16 @@ let Y = class extends R {
    * Render the appropriate widget based on the type
    */
   render() {
-    if (this.isLoadingType)
+    if (this.isPrefetching)
       return u;
     switch (this.type) {
-      case S.nps:
+      case x.nps:
         return c`<pc-nps></pc-nps>`;
-      case S.poll:
+      case x.poll:
         return c`<pc-poll .options=${this.parsedOptions}></pc-poll>`;
-      case S.stars:
+      case x.stars:
         return c`<pc-stars></pc-stars>`;
-      case S.reaction:
+      case x.reaction:
         return c`<pc-reaction .options=${this.parsedOptions}></pc-reaction>`;
       default:
         return this.widgetId || console.warn(
@@ -6468,24 +6476,30 @@ let Y = class extends R {
     }
   }
 };
-lt([
-  f({ type: String })
-], Y.prototype, "type", 2);
-lt([
-  f({ type: String, attribute: "widget-id" })
-], Y.prototype, "widgetId", 2);
-lt([
-  f({ type: String })
-], Y.prototype, "options", 2);
-lt([
-  A()
-], Y.prototype, "parsedOptions", 2);
-lt([
-  A()
-], Y.prototype, "isLoadingType", 2);
-Y = lt([
+G([
+  h({ type: String })
+], z.prototype, "type", 2);
+G([
+  h({ type: String })
+], z.prototype, "options", 2);
+G([
+  h({ type: String, attribute: "widget-id" })
+], z.prototype, "widgetId", 2);
+G([
+  h({ type: String, attribute: "data-endpoint" })
+], z.prototype, "dataEndpoint", 2);
+G([
+  h({ type: String, attribute: "data-func" })
+], z.prototype, "dataFunc", 2);
+G([
+  C()
+], z.prototype, "parsedOptions", 2);
+G([
+  C()
+], z.prototype, "isPrefetching", 2);
+z = G([
   W("poll-catch")
-], Y);
+], z);
 export {
-  Y as PollCatch
+  z as PollCatch
 };