pollcatch 2.5.3 → 2.5.4

package/pc.js

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const St = globalThis, Kt = St.ShadowRoot && (St.ShadyCSS === void 0 || St.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Gt = Symbol(), re = /* @__PURE__ */ new WeakMap();
-let Pe = class {
+const yt = globalThis, Ht = yt.ShadowRoot && (yt.ShadyCSS === void 0 || yt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ft = Symbol(), te = /* @__PURE__ */ new WeakMap();
+let Ce = class {
   constructor(t, o, r) {
-    if (this._$cssResult$ = !0, r !== Gt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, r !== Ft) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = o;
   }
   get styleSheet() {
     let t = this.o;
     const o = this.t;
-    if (Kt && t === void 0) {
+    if (Ht && t === void 0) {
       const r = o !== void 0 && o.length === 1;
-      r && (t = re.get(o)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && re.set(o, t));
+      r && (t = te.get(o)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && te.set(o, t));
     }
     return t;
   }
@@ -22,33 +22,33 @@ let Pe = class {
     return this.cssText;
   }
 };
-const We = (e) => new Pe(typeof e == "string" ? e : e + "", void 0, Gt), V = (e, ...t) => {
+const Ge = (e) => new Ce(typeof e == "string" ? e : e + "", void 0, Ft), R = (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;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s) + e[i + 1], e[0]);
-  return new Pe(o, e, Gt);
-}, Ke = (e, t) => {
-  if (Kt) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  return new Ce(o, e, Ft);
+}, Ze = (e, t) => {
+  if (Ht) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
   else for (const o of t) {
-    const r = document.createElement("style"), s = St.litNonce;
+    const r = document.createElement("style"), s = yt.litNonce;
     s !== void 0 && r.setAttribute("nonce", s), r.textContent = o.cssText, e.appendChild(r);
   }
-}, se = Kt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, ee = Ht ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let o = "";
   for (const r of t.cssRules) o += r.cssText;
-  return We(o);
+  return Ge(o);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-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) {
+const { is: Xe, defineProperty: Je, getOwnPropertyDescriptor: Qe, getOwnPropertyNames: to, getOwnPropertySymbols: eo, getPrototypeOf: oo } = Object, U = globalThis, oe = U.trustedTypes, ro = oe ? oe.emptyScript : "", Ot = U.reactiveElementPolyfillSupport, lt = (e, t) => e, xt = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? eo : null;
+      e = e ? ro : null;
       break;
     case Object:
     case Array:
@@ -73,23 +73,23 @@ const { is: Ge, defineProperty: Ze, getOwnPropertyDescriptor: Xe, 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")), H.litPropertyMetadata ?? (H.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let st = class extends HTMLElement {
+} }, Yt = (e, t) => !Xe(e, t), re = { attribute: !0, type: String, converter: xt, reflect: !1, hasChanged: Yt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), U.litPropertyMetadata ?? (U.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let tt = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, o = ae) {
+  static createProperty(t, o = re) {
     if (o.state && (o.attribute = !1), this._$Ei(), this.elementProperties.set(t, o), !o.noAccessor) {
       const r = Symbol(), s = this.getPropertyDescriptor(t, r, o);
-      s !== void 0 && Ze(this.prototype, t, s);
+      s !== void 0 && Je(this.prototype, t, s);
     }
   }
   static getPropertyDescriptor(t, o, r) {
-    const { get: s, set: i } = Xe(this.prototype, t) ?? { get() {
+    const { get: s, set: i } = Qe(this.prototype, t) ?? { get() {
       return this[o];
     }, set(a) {
       this[o] = a;
@@ -102,17 +102,17 @@ let st = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? ae;
+    return this.elementProperties.get(t) ?? re;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(pt("elementProperties"))) return;
-    const t = to(this);
+    if (this.hasOwnProperty(lt("elementProperties"))) return;
+    const t = oo(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(pt("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(pt("properties"))) {
-      const o = this.properties, r = [...Je(o), ...Qe(o)];
+    if (this.hasOwnProperty(lt("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(lt("properties"))) {
+      const o = this.properties, r = [...to(o), ...eo(o)];
       for (const s of r) this.createProperty(s, o[s]);
     }
     const t = this[Symbol.metadata];
@@ -131,8 +131,8 @@ let st = class extends HTMLElement {
     const o = [];
     if (Array.isArray(t)) {
       const r = new Set(t.flat(1 / 0).reverse());
-      for (const s of r) o.unshift(se(s));
-    } else t !== void 0 && o.push(se(t));
+      for (const s of r) o.unshift(ee(s));
+    } else t !== void 0 && o.push(ee(t));
     return o;
   }
   static _$Eu(t, o) {
@@ -161,7 +161,7 @@ let st = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Ke(t, this.constructor.elementStyles), t;
+    return Ze(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -186,7 +186,7 @@ let st = class extends HTMLElement {
     var i;
     const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
     if (s !== void 0 && r.reflect === !0) {
-      const a = (((i = r.converter) == null ? void 0 : i.toAttribute) !== void 0 ? r.converter : kt).toAttribute(o, r.type);
+      const a = (((i = r.converter) == null ? void 0 : i.toAttribute) !== void 0 ? r.converter : xt).toAttribute(o, r.type);
       this._$Em = t, a == null ? this.removeAttribute(s) : this.setAttribute(s, a), this._$Em = null;
     }
   }
@@ -194,13 +194,13 @@ let st = class extends HTMLElement {
     var i;
     const r = this.constructor, s = r._$Eh.get(t);
     if (s !== void 0 && this._$Em !== s) {
-      const a = r.getPropertyOptions(s), l = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((i = a.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? a.converter : kt;
+      const a = r.getPropertyOptions(s), l = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((i = a.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? a.converter : xt;
       this._$Em = s, this[s] = l.fromAttribute(o, a.type), this._$Em = null;
     }
   }
   requestUpdate(t, o, r) {
     if (t !== void 0) {
-      if (r ?? (r = this.constructor.getPropertyOptions(t)), !(r.hasChanged ?? Zt)(this[t], o)) return;
+      if (r ?? (r = this.constructor.getPropertyOptions(t)), !(r.hasChanged ?? Yt)(this[t], o)) return;
       this.P(t, o, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -273,76 +273,76 @@ let st = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-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");
+tt.elementStyles = [], tt.shadowRootOptions = { mode: "open" }, tt[lt("elementProperties")] = /* @__PURE__ */ new Map(), tt[lt("finalized")] = /* @__PURE__ */ new Map(), Ot == null || Ot({ ReactiveElement: tt }), (U.reactiveElementVersions ?? (U.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$", 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 (!Xt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ne !== void 0 ? ne.createHTML(t) : t;
+const ct = globalThis, $t = ct.trustedTypes, se = $t ? $t.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ke = "$lit$", V = `lit$${Math.random().toFixed(9).slice(2)}$`, Ee = "?" + V, so = `<${Ee}>`, G = document, pt = () => G.createComment(""), ut = (e) => e === null || typeof e != "object" && typeof e != "function", Wt = Array.isArray, io = (e) => Wt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", It = `[ 	
+\f\r]`, at = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ae = />/g, W = RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, le = /"/g, Ae = /^(?:script|style|textarea|title)$/i, ao = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), c = ao(1), j = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ce = /* @__PURE__ */ new WeakMap(), K = G.createTreeWalker(G, 129);
+function Pe(e, t) {
+  if (!Wt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return se !== void 0 ? se.createHTML(t) : t;
 }
-const io = (e, t) => {
+const no = (e, t) => {
   const o = e.length - 1, r = [];
-  let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = ct;
+  let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = at;
   for (let l = 0; l < o; l++) {
     const n = e[l];
     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);
+    for (; b < n.length && (a.lastIndex = b, p = a.exec(n), p !== null); ) b = a.lastIndex, a === at ? p[1] === "!--" ? a = ie : p[1] !== void 0 ? a = ae : p[2] !== void 0 ? (Ae.test(p[2]) && (s = RegExp("</" + p[2], "g")), a = W) : p[3] !== void 0 && (a = W) : a === W ? p[0] === ">" ? (a = s ?? at, f = -1) : p[1] === void 0 ? f = -2 : (f = a.lastIndex - p[2].length, d = p[1], a = p[3] === void 0 ? W : p[3] === '"' ? le : ne) : a === le || a === ne ? a = W : a === ie || a === ae ? a = at : (a = W, s = void 0);
+    const y = a === W && e[l + 1].startsWith("/>") ? " " : "";
+    i += a === at ? n + so : f >= 0 ? (r.push(d), n.slice(0, f) + ke + n.slice(f) + V + y) : n + V + (f === -2 ? l : y);
   }
-  return [Ie(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+  return [Pe(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
-let Ft = class ze {
+let jt = class Te {
   constructor({ strings: t, _$litType$: o }, r) {
     let s;
     this.parts = [];
     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 l = t.length - 1, n = this.parts, [d, p] = no(t, o);
+    if (this.el = Te.createElement(d, r), K.currentNode = this.el.content, o === 2 || o === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (s = J.nextNode()) !== null && n.length < l; ) {
+    for (; (s = K.nextNode()) !== null && n.length < l; ) {
       if (s.nodeType === 1) {
-        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 f = s.textContent.split(q), b = f.length - 1;
+        if (s.hasAttributes()) for (const f of s.getAttributeNames()) if (f.endsWith(ke)) {
+          const b = p[a++], y = s.getAttribute(f).split(V), x = /([.?@])?(.*)/.exec(b);
+          n.push({ type: 1, index: i, name: x[2], strings: y, ctor: x[1] === "." ? co : x[1] === "?" ? po : x[1] === "@" ? uo : Et }), s.removeAttribute(f);
+        } else f.startsWith(V) && (n.push({ type: 6, index: i }), s.removeAttribute(f));
+        if (Ae.test(s.tagName)) {
+          const f = s.textContent.split(V), b = f.length - 1;
           if (b > 0) {
-            s.textContent = Et ? Et.emptyScript : "";
-            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());
+            s.textContent = $t ? $t.emptyScript : "";
+            for (let y = 0; y < b; y++) s.append(f[y], pt()), K.nextNode(), n.push({ type: 2, index: ++i });
+            s.append(f[b], pt());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === _e) n.push({ type: 2, index: i });
+      } else if (s.nodeType === 8) if (s.data === Ee) n.push({ type: 2, index: i });
       else {
         let f = -1;
-        for (; (f = s.data.indexOf(q, f + 1)) !== -1; ) n.push({ type: 7, index: i }), f += q.length - 1;
+        for (; (f = s.data.indexOf(V, f + 1)) !== -1; ) n.push({ type: 7, index: i }), f += V.length - 1;
       }
       i++;
     }
   }
   static createElement(t, o) {
-    const r = Q.createElement("template");
+    const r = G.createElement("template");
     return r.innerHTML = t, r;
   }
 };
-function at(e, t, o = e, r) {
+function ot(e, t, o = e, r) {
   var a, l;
-  if (t === F) return t;
+  if (t === j) 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 = at(e, s._$AS(e, t.values), s, r)), t;
+  const i = ut(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 = ot(e, s._$AS(e, t.values), s, r)), t;
 }
-let ao = class {
+let lo = class {
   constructor(t, o) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = o;
   }
@@ -353,24 +353,24 @@ let ao = class {
     return this._$AM._$AU;
   }
   u(t) {
-    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];
+    const { el: { content: o }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? G).importNode(o, !0);
+    K.currentNode = s;
+    let i = K.nextNode(), a = 0, l = 0, n = r[0];
     for (; n !== void 0; ) {
       if (a === n.index) {
         let d;
-        n.type === 2 ? d = new vt(i, i.nextSibling, this, t) : n.type === 1 ? d = new n.ctor(i, n.name, n.strings, this, t) : n.type === 6 && (d = new po(i, this, t)), this._$AV.push(d), n = r[++l];
+        n.type === 2 ? d = new ht(i, i.nextSibling, this, t) : n.type === 1 ? d = new n.ctor(i, n.name, n.strings, this, t) : n.type === 6 && (d = new ho(i, this, t)), this._$AV.push(d), n = r[++l];
       }
-      a !== (n == null ? void 0 : n.index) && (i = J.nextNode(), a++);
+      a !== (n == null ? void 0 : n.index) && (i = K.nextNode(), a++);
     }
-    return J.currentNode = Q, s;
+    return K.currentNode = G, s;
   }
   p(t) {
     let o = 0;
     for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, o), o += r.strings.length - 2) : r._$AI(t[o])), o++;
   }
 };
-class vt {
+class ht {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -390,7 +390,7 @@ class vt {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    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);
+    t = ot(this, t, o), ut(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== j && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : io(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,26 +399,26 @@ 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(Q.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && ut(this._$AH) ? this._$AA.nextSibling.data = t : this.T(G.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var i;
-    const { values: o, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = Ft.createElement(Ie(r.h, r.h[0]), this.options)), r);
+    const { values: o, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = jt.createElement(Pe(r.h, r.h[0]), this.options)), r);
     if (((i = this._$AH) == null ? void 0 : i._$AD) === s) this._$AH.p(o);
     else {
-      const a = new ao(s, this), l = a.u(this.options);
+      const a = new lo(s, this), l = a.u(this.options);
       a.p(o), this.T(l), this._$AH = a;
     }
   }
   _$AC(t) {
-    let o = ue.get(t.strings);
-    return o === void 0 && ue.set(t.strings, o = new Ft(t)), o;
+    let o = ce.get(t.strings);
+    return o === void 0 && ce.set(t.strings, o = new jt(t)), o;
   }
   k(t) {
-    Xt(this._$AH) || (this._$AH = [], this._$AR());
+    Wt(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++;
+    for (const i of t) s === o.length ? o.push(r = new ht(this.O(pt()), this.O(pt()), this, this.options)) : r = o[s], r._$AI(i), s++;
     s < o.length && (this._$AR(r && r._$AB.nextSibling, s), o.length = s);
   }
   _$AR(t = this._$AA.nextSibling, o) {
@@ -433,7 +433,7 @@ class vt {
     this._$AM === void 0 && (this._$Cv = t, (o = this._$AP) == null || o.call(this, t));
   }
 }
-class Tt {
+class Et {
   get tagName() {
     return this.element.tagName;
   }
@@ -446,11 +446,11 @@ class Tt {
   _$AI(t, o = this, r, s) {
     const i = this.strings;
     let a = !1;
-    if (i === void 0) t = at(this, t, o, 0), a = !mt(t) || t !== this._$AH && t !== F, a && (this._$AH = t);
+    if (i === void 0) t = ot(this, t, o, 0), a = !ut(t) || t !== this._$AH && t !== j, a && (this._$AH = t);
     else {
       const l = t;
       let 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;
+      for (t = i[0], n = 0; n < i.length - 1; n++) d = ot(this, l[r + n], o, n), d === j && (d = this._$AH[n]), a || (a = !ut(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);
   }
@@ -458,7 +458,7 @@ class Tt {
     t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-let no = class extends Tt {
+let co = class extends Et {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -466,7 +466,7 @@ let no = class extends Tt {
     this.element[this.name] = t === u ? void 0 : t;
   }
 };
-class lo extends Tt {
+class po extends Et {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -474,12 +474,12 @@ class lo extends Tt {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 }
-class co extends Tt {
+class uo extends Et {
   constructor(t, o, r, s, i) {
     super(t, o, r, s, i), this.type = 5;
   }
   _$AI(t, o = this) {
-    if ((t = at(this, t, o, 0) ?? u) === F) return;
+    if ((t = ot(this, t, o, 0) ?? u) === j) 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;
   }
@@ -488,7 +488,7 @@ class co extends Tt {
     typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class po {
+class ho {
   constructor(t, o, r) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = r;
   }
@@ -496,17 +496,17 @@ class po {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    at(this, t);
+    ot(this, t);
   }
 }
-const Dt = ut.litHtmlPolyfillSupport;
-Dt == null || Dt(Ft, vt), (ut.litHtmlVersions ?? (ut.litHtmlVersions = [])).push("3.2.1");
-const uo = (e, t, o) => {
+const zt = ct.litHtmlPolyfillSupport;
+zt == null || zt(jt, ht), (ct.litHtmlVersions ?? (ct.litHtmlVersions = [])).push("3.2.1");
+const fo = (e, t, o) => {
   const r = (o == null ? void 0 : o.renderBefore) ?? t;
   let s = r._$litPart$;
   if (s === void 0) {
     const i = (o == null ? void 0 : o.renderBefore) ?? null;
-    r._$litPart$ = s = new vt(t.insertBefore(gt(), i), i, void 0, o ?? {});
+    r._$litPart$ = s = new ht(t.insertBefore(pt(), i), i, void 0, o ?? {});
   }
   return s._$AI(e), s;
 };
@@ -515,7 +515,7 @@ const uo = (e, t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let B = class extends st {
+let N = class extends tt {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -526,7 +526,7 @@ let B = class extends st {
   }
   update(t) {
     const o = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = uo(o, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = fo(o, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -537,20 +537,20 @@ let B = class extends st {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return F;
+    return j;
   }
 };
-var Ae;
-B._$litElement$ = !0, B.finalized = !0, (Ae = globalThis.litElementHydrateSupport) == null || Ae.call(globalThis, { LitElement: B });
-const Nt = globalThis.litElementPolyfillSupport;
-Nt == null || Nt({ LitElement: B });
+var Se;
+N._$litElement$ = !0, N.finalized = !0, (Se = globalThis.litElementHydrateSupport) == null || Se.call(globalThis, { LitElement: N });
+const Mt = globalThis.litElementPolyfillSupport;
+Mt == null || Mt({ LitElement: N });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const W = (e) => (t, o) => {
+const F = (e) => (t, o) => {
   o !== void 0 ? o.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -560,7 +560,7 @@ const W = (e) => (t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ho = { attribute: !0, type: String, converter: kt, reflect: !1, hasChanged: Zt }, fo = (e = ho, t, o) => {
+const go = { attribute: !0, type: String, converter: xt, reflect: !1, hasChanged: Yt }, mo = (e = go, t, o) => {
   const { kind: r, metadata: s } = o;
   let i = globalThis.litPropertyMetadata.get(s);
   if (i === void 0 && globalThis.litPropertyMetadata.set(s, i = /* @__PURE__ */ new Map()), i.set(o.name, e), r === "accessor") {
@@ -582,7 +582,7 @@ const ho = { attribute: !0, type: String, converter: kt, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + r);
 };
 function h(e) {
-  return (t, o) => typeof o == "object" ? fo(e, t, o) : ((r, s, i) => {
+  return (t, o) => typeof o == "object" ? mo(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;
   })(e, t, o);
@@ -600,25 +600,25 @@ function C(e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const go = (e, t, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, o), o);
+const vo = (e, t, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, o), o);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function bt(e, t) {
+function ft(e, t) {
   return (o, r, s) => {
     const i = (a) => {
       var l;
       return ((l = a.renderRoot) == null ? void 0 : l.querySelector(e)) ?? null;
     };
-    return go(o, r, { get() {
+    return vo(o, r, { get() {
       return i(this);
     } });
   };
 }
-var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
-const Jt = c`
+var $ = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))($ || {});
+const Kt = c`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     height="24px"
@@ -628,7 +628,7 @@ const Jt = c`
   >
     <path d="M640-160v-280h160v280H640Zm-240 0v-640h160v640H400Zm-240 0v-440h160v440H160Z" />
   </svg>
-`, Qt = c`
+`, Gt = c`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     height="24px"
@@ -640,7 +640,7 @@ const Jt = c`
       d="M160-160v-440h160v440H160Zm240 0v-400l160 160v240H400Zm160-354L400-674v-126h160v286Zm240 240L640-434v-6h160v166Zm-9 219L55-791l57-57 736 736-57 57Z"
     />
   </svg>
-`, At = c`
+`, St = c`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     height="24px"
@@ -652,7 +652,7 @@ const Jt = c`
       d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"
     />
   </svg>
-`, _t = c`
+`, At = c`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="16"
@@ -664,7 +664,7 @@ const Jt = c`
       d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"
     />
   </svg>
-`, Me = c`
+`, _e = c`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     height="24px"
@@ -675,164 +675,164 @@ const Jt = c`
     <path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" />
   </svg>
 `;
-var mo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, D = function(e) {
+var bo = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, z = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
 }, 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;
-}, P = function(e, t, o) {
+}, E = 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) {
+}, Oe = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
-}, he = function(e) {
-  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) {
+}, de = function(e) {
+  return { r: E(e.r, 0, 255), g: E(e.g, 0, 255), b: E(e.b, 0, 255), a: E(e.a) };
+}, Lt = function(e) {
   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) {
+}, yo = /^#([0-9a-f]{3,8})$/i, vt = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
-}, De = function(e) {
+}, Ie = function(e) {
   var t = e.r, o = e.g, r = e.b, s = e.a, i = Math.max(t, o, r), a = i - Math.min(t, o, r), l = a ? i === t ? (o - r) / a : i === o ? 2 + (r - t) / a : 4 + (t - o) / a : 0;
   return { h: 60 * (l < 0 ? l + 6 : l), s: i ? a / i * 100 : 0, v: i / 255 * 100, a: s };
-}, Ne = function(e) {
+}, ze = 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), 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: P(e.s, 0, 100), l: P(e.l, 0, 100), a: P(e.a) };
-}, ge = function(e) {
+}, pe = function(e) {
+  return { h: Oe(e.h), s: E(e.s, 0, 100), l: E(e.l, 0, 100), a: E(e.a) };
+}, ue = function(e) {
   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 }));
+}, he = function(e) {
+  return ze((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;
-}, ht = function(e) {
-  return { h: (t = De(e)).h, s: (s = (200 - (o = t.s)) * (r = t.v) / 100) > 0 && s < 200 ? o * r / 100 / (s <= 100 ? s : 200 - s) * 100 : 0, l: s / 2, a: t.a };
+}, dt = function(e) {
+  return { h: (t = Ie(e)).h, s: (s = (200 - (o = t.s)) * (r = t.v) / 100) > 0 && s < 200 ? o * r / 100 / (s <= 100 ? s : 200 - s) * 100 : 0, l: s / 2, a: t.a };
   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);
+}, wo = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, xo = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, $o = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, So = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, fe = { string: [[function(e) {
+  var t = yo.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 ? 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;
+  var t = $o.exec(e) || So.exec(e);
+  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : de({ 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;
 }, "rgb"], [function(e) {
-  var t = bo.exec(e) || yo.exec(e);
+  var t = wo.exec(e) || xo.exec(e);
   if (!t) return null;
-  var o, r, s = fe({ h: (o = t[1], r = t[2], r === void 0 && (r = "deg"), Number(o) * (mo[r] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
-  return me(s);
+  var o, r, s = pe({ h: (o = t[1], r = t[2], r === void 0 && (r = "deg"), Number(o) * (bo[r] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  return he(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 D(t) && D(o) && D(r) ? he({ r: Number(t), g: Number(o), b: Number(r), a: Number(i) }) : null;
+  return z(t) && z(o) && z(r) ? de({ 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 (!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);
+  if (!z(t) || !z(o) || !z(r)) return null;
+  var a = pe({ h: Number(t), s: Number(o), l: Number(r), a: Number(i) });
+  return he(a);
 }, "hsl"], [function(e) {
   var t = e.h, o = e.s, r = e.v, s = e.a, i = s === void 0 ? 1 : s;
-  if (!D(t) || !D(o) || !D(r)) return null;
+  if (!z(t) || !z(o) || !z(r)) return null;
   var a = function(l) {
-    return { h: Le(l.h), s: P(l.s, 0, 100), v: P(l.v, 0, 100), a: P(l.a) };
+    return { h: Oe(l.h), s: E(l.s, 0, 100), v: E(l.v, 0, 100), a: E(l.a) };
   }({ h: Number(t), s: Number(o), v: Number(r), a: Number(i) });
-  return Ne(a);
-}, "hsv"]] }, be = function(e, t) {
+  return ze(a);
+}, "hsv"]] }, ge = function(e, t) {
   for (var o = 0; o < t.length; o++) {
     var r = t[o][0](e);
     if (r) return [r, t[o][1]];
   }
   return [null, void 0];
-}, $o = 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: P(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
-}, Ut = function(e) {
+}, Co = function(e) {
+  return typeof e == "string" ? ge(e.trim(), fe.string) : typeof e == "object" && e !== null ? ge(e, fe.object) : [null, void 0];
+}, Nt = function(e, t) {
+  var o = dt(e);
+  return { h: o.h, s: E(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
+}, Dt = 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: P(o.l + 100 * t, 0, 100), a: o.a };
-}, we = function() {
+}, me = function(e, t) {
+  var o = dt(e);
+  return { h: o.h, s: o.s, l: E(o.l + 100 * t, 0, 100), a: o.a };
+}, ve = function() {
   function e(t) {
-    this.parsed = $o(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+    this.parsed = Co(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
   }
   return e.prototype.isValid = function() {
     return this.parsed !== null;
   }, e.prototype.brightness = function() {
-    return S(Ut(this.rgba), 2);
+    return S(Dt(this.rgba), 2);
   }, e.prototype.isDark = function() {
-    return Ut(this.rgba) < 0.5;
+    return Dt(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
-    return Ut(this.rgba) >= 0.5;
+    return Dt(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(S(255 * i)) : "", "#" + xt(o) + xt(r) + xt(s) + a;
+    return t = Lt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? vt(S(255 * i)) : "", "#" + vt(o) + vt(r) + vt(s) + a;
     var t, o, r, s, i, a;
   }, e.prototype.toRgb = function() {
-    return Rt(this.rgba);
+    return Lt(this.rgba);
   }, e.prototype.toRgbString = function() {
-    return t = Rt(this.rgba), o = t.r, r = t.g, s = t.b, (i = t.a) < 1 ? "rgba(" + o + ", " + r + ", " + s + ", " + i + ")" : "rgb(" + o + ", " + r + ", " + s + ")";
+    return t = Lt(this.rgba), o = t.r, r = t.g, s = t.b, (i = t.a) < 1 ? "rgba(" + o + ", " + r + ", " + s + ", " + i + ")" : "rgb(" + o + ", " + r + ", " + s + ")";
     var t, o, r, s, i;
   }, e.prototype.toHsl = function() {
-    return ge(ht(this.rgba));
+    return ue(dt(this.rgba));
   }, e.prototype.toHslString = function() {
-    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 + "%)";
+    return t = ue(dt(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: S(t.h), s: S(t.s), v: S(t.v), a: S(t.a, 3) };
+    return t = Ie(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 T({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    return P({ 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), T(Bt(this.rgba, t));
+    return t === void 0 && (t = 0.1), P(Nt(this.rgba, t));
   }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), T(Bt(this.rgba, -t));
+    return t === void 0 && (t = 0.1), P(Nt(this.rgba, -t));
   }, e.prototype.grayscale = function() {
-    return T(Bt(this.rgba, -1));
+    return P(Nt(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), T(ye(this.rgba, t));
+    return t === void 0 && (t = 0.1), P(me(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), T(ye(this.rgba, -t));
+    return t === void 0 && (t = 0.1), P(me(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" ? T({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : S(this.rgba.a, 3);
+    return typeof t == "number" ? P({ 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" ? T({ h: t, s: o.s, l: o.l, a: o.a }) : S(o.h);
+    var o = dt(this.rgba);
+    return typeof t == "number" ? P({ h: t, s: o.s, l: o.l, a: o.a }) : S(o.h);
   }, e.prototype.isEqual = function(t) {
-    return this.toHex() === T(t).toHex();
+    return this.toHex() === P(t).toHex();
   }, e;
-}(), T = function(e) {
-  return e instanceof we ? e : new we(e);
+}(), P = function(e) {
+  return e instanceof ve ? e : new ve(e);
 };
-const So = typeof process < "u" && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test");
-function Vt() {
-  if (So) return !0;
+const ko = typeof process < "u" && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test");
+function Rt() {
+  if (ko) return !0;
   try {
     return typeof localStorage < "u" && localStorage.getItem("pc-mode") === "development";
   } catch {
     return !1;
   }
 }
-function Co(e) {
+function Eo(e) {
   return {
     debug: (t, ...o) => {
-      Vt() && console.debug(`[${e}]`, t, ...o);
+      Rt() && console.debug(`[${e}]`, t, ...o);
     },
     info: (t, ...o) => {
-      Vt() && console.info(`[${e}]`, t, ...o);
+      Rt() && console.info(`[${e}]`, t, ...o);
     },
     warn: (t, ...o) => {
-      Vt() && console.warn(`[${e}]`, t, ...o);
+      Rt() && console.warn(`[${e}]`, t, ...o);
     },
     error: (t, ...o) => {
       console.error(`[${e}]`, t, ...o);
     }
   };
 }
-const g = Co("Pollcatch");
-var Re = /* @__PURE__ */ ((e) => (e[e.AA_NORMAL = 4.5] = "AA_NORMAL", e[e.AA_LARGE = 3] = "AA_LARGE", e[e.AAA_NORMAL = 7] = "AAA_NORMAL", e[e.AAA_LARGE = 4.5] = "AAA_LARGE", e))(Re || {});
-const ko = {
+const g = Eo("Pollcatch");
+var Me = /* @__PURE__ */ ((e) => (e[e.AA_NORMAL = 4.5] = "AA_NORMAL", e[e.AA_LARGE = 3] = "AA_LARGE", e[e.AAA_NORMAL = 7] = "AAA_NORMAL", e[e.AAA_LARGE = 4.5] = "AAA_LARGE", e))(Me || {});
+const Ao = {
   black: "#000000",
   white: "#ffffff",
   red: "#ff0000",
@@ -849,20 +849,20 @@ const ko = {
   teal: "#008080",
   navy: "#000080"
 };
-function Eo(e) {
+function Po(e) {
   const t = e.toLowerCase().trim();
-  return ko[t] || null;
+  return Ao[t] || null;
 }
-function jt(e, t) {
-  const o = xe(e), r = xe(t), s = Math.max(o, r), i = Math.min(o, r);
+function Bt(e, t) {
+  const o = be(e), r = be(t), s = Math.max(o, r), i = Math.min(o, r);
   return (s + 0.05) / (i + 0.05);
 }
-function xe(e) {
-  const t = Po(e), o = t.r / 255, r = t.g / 255, s = t.b / 255, i = o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4), a = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4), l = s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+function be(e) {
+  const t = _o(e), o = t.r / 255, r = t.g / 255, s = t.b / 255, i = o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4), a = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4), l = s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
   return 0.2126 * i + 0.7152 * a + 0.0722 * l;
 }
-function Ao(e, t = {}) {
-  if (!T(e).isValid())
+function To(e, t = {}) {
+  if (!P(e).isValid())
     return g.warn(`Invalid color provided: ${e}`), "black";
   const {
     minContrast: r = 4.5,
@@ -875,15 +875,15 @@ 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 f = jt(e, p);
+    const f = Bt(e, p);
     f >= r && f > d && (d = f, n = p);
   }
   if (d === 0) {
-    const p = jt(e, a);
+    const p = Bt(e, a);
     n = a, d = p;
     for (const f of l) {
       if (f === a) continue;
-      const b = jt(e, f);
+      const b = Bt(e, f);
       b > d && (d = b, n = f);
     }
     g.warn(
@@ -892,14 +892,14 @@ function Ao(e, t = {}) {
   }
   return n;
 }
-function Po(e) {
-  const o = Eo(e) || e, r = T(o);
+function _o(e) {
+  const o = Po(e) || e, r = P(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 O(e, t) {
+function _(e, t) {
   const r = t ? {
     left: "start",
     right: "end",
@@ -911,7 +911,7 @@ function O(e, t) {
   }[t] : void 0;
   return e === "left" || e === "right" ? r || "center" : e === "top" || e === "bottom" ? r || "start" : r || "center";
 }
-function qt(e, t = "1rem", o = 1) {
+function Vt(e, t = "1rem", o = 1) {
   if (!e) return t;
   const r = {
     xs: 0.7,
@@ -930,7 +930,7 @@ function qt(e, t = "1rem", o = 1) {
   const l = parseFloat(i);
   return isNaN(l) ? t : `${l}rem`;
 }
-function To(e, t = "4px") {
+function Oo(e, t = "4px") {
   if (!e) return t;
   const o = {
     xs: "2px",
@@ -950,8 +950,8 @@ function To(e, t = "4px") {
   const a = parseFloat(s);
   return isNaN(a) ? t : `${a}px`;
 }
-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) {
+var M = /* @__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))(M || {});
+function et(e) {
   const t = {};
   e.role !== void 0 && (t.role = e.role);
   for (const [o, r] of Object.entries(e)) {
@@ -961,54 +961,54 @@ function it(e) {
   }
   return t;
 }
-function _o(e, t, o) {
-  return it({
+function Io(e, t, o) {
+  return et({
     role: "button",
     ariaLabel: e,
     ariaPressed: t,
     ariaDisabled: o
   });
 }
-function Oo(e, t, o, r = !1) {
-  return it({
+function zo(e, t, o, r = !1) {
+  return et({
     role: r ? "radio" : "checkbox",
     ariaLabel: e,
     ariaChecked: t,
     ariaDisabled: o
   });
 }
-function Ht(e, t, o) {
+function Ut(e, t, o) {
   typeof o == "boolean" ? e.setAttribute(t, o ? "true" : "false") : e.setAttribute(t, o);
 }
-function Io(e) {
+function Mo(e) {
   if (typeof e != "string")
     return !1;
   const t = e.replace(/[<>"']/g, "").trim();
   return /^(#[0-9a-fA-F]{3,8}|rgb\([^)]+\)|rgba\([^)]+\)|hsl\([^)]+\)|hsla\([^)]+\)|[a-zA-Z]+)$/.test(t);
 }
-function rt(e) {
-  return Io(e) ? e.replace(/[<>"']/g, "").trim() : (g.warn("Invalid color value:", e), "#000000");
+function Q(e) {
+  return Mo(e) ? e.replace(/[<>"']/g, "").trim() : (g.warn("Invalid color value:", e), "#000000");
 }
-function zo(e) {
+function Lo(e) {
   if (typeof e != "string")
     return g.warn("Non-string value passed to sanitizeCSS:", typeof e), "";
   let t = e;
   return t = t.replace(/@import[^;]+;/gi, "").replace(/expression\s*\([^)]*\)/gi, "").replace(/javascript:\s*[^"'\s;]*/gi, "").replace(/url\s*\(\s*["']?data:(?!image\/[^;]+;base64,)[^"')]*["']?\s*\)/gi, "").replace(/-moz-binding\s*:[^;]+;/gi, "").replace(/behavior\s*:[^;]+;/gi, ""), t;
 }
-function Mo(e) {
+function No(e) {
   return typeof e != "string" || !e.trim() ? "" : e.replace(
     /([^{}:;]+):\s*([^;{}!]+)(\s*!important)?\s*(;|})/gi,
     (t, o, r, s, i) => s ? t : `${o}: ${r.trim()} !important${i}`
   );
 }
-const Yt = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", Lo = "pc_session_id", Do = 24 * 60 * 60 * 1e3;
-function $e() {
+const Do = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", Ro = "pc_session_id", Bo = 24 * 60 * 60 * 1e3;
+function ye() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (g.warn("crypto.randomUUID not available, using fallback UUID generator"), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e === "x" ? t : t & 3 | 8).toString(16);
   }));
 }
-function te() {
+function Zt() {
   const e = "test-local-storage";
   try {
     return localStorage.setItem(e, e), localStorage.removeItem(e), !0;
@@ -1016,7 +1016,7 @@ function te() {
     return g.warn("localStorage not available, session ID will not persist"), !1;
   }
 }
-function Be(e) {
+function Le(e) {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : void 0;
@@ -1025,34 +1025,34 @@ function Be(e) {
     return;
   }
 }
-function Ue(e, t) {
+function Ne(e, t) {
   try {
     return localStorage.setItem(e, JSON.stringify(t)), !0;
   } catch (o) {
     return g.warn(`Failed to set item in localStorage: ${e}`, o), !1;
   }
 }
-async function Se() {
-  const e = Lo, t = Do;
-  if (te()) {
-    const o = Be(e);
+async function we() {
+  const e = Ro, t = Bo;
+  if (Zt()) {
+    const o = Le(e);
     if (o && o.id && o.timestamp && Date.now() - o.timestamp < t)
       return g.debug("Using existing session ID from localStorage"), o.id;
     g.debug(
       o ? "Session ID expired" : "No session ID found",
       "generating new one"
     );
-    const r = $e();
-    return Ue(e, {
+    const r = ye();
+    return Ne(e, {
       id: r,
       timestamp: Date.now()
     }) ? g.debug("Generated and stored new session ID") : g.warn("Generated session ID but failed to store it"), r;
   } else {
-    const o = $e();
+    const o = ye();
     return g.debug("Generated non-persistent session ID"), o;
   }
 }
-function ft(e) {
+function Ct(e) {
   if (!e || typeof e != "object")
     return 0;
   let t = 0, o = 0, r = 0;
@@ -1065,7 +1065,7 @@ function ft(e) {
   const s = t / r * 100, i = o / r * 100;
   return Math.round(s - i);
 }
-function No(e) {
+function Vo(e) {
   if (!e || typeof e != "object")
     return { promoters: 0, passives: 0, detractors: 0 };
   let t = 0, o = 0, r = 0;
@@ -1075,14 +1075,14 @@ function No(e) {
   }
   return { promoters: t, passives: o, detractors: r };
 }
-function Ro(e, t) {
+function Uo(e, t) {
   const o = {};
   for (const r of t)
     o[r] = e[r] || 0;
   return o;
 }
-function Ce(e, t) {
-  const o = t ? Ro(e, t) : e;
+function jo(e, t) {
+  const o = t ? Uo(e, t) : e;
   let r = 0, s = 0;
   for (const [a, l] of Object.entries(o)) {
     s += l;
@@ -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 R() {
+function L() {
   return {
     count: 0,
     sum: 0,
@@ -1101,26 +1101,26 @@ function R() {
     updated: (/* @__PURE__ */ new Date()).toISOString()
   };
 }
-function Bo(e) {
-  if (!te())
-    return R();
+function qo(e) {
+  if (!Zt())
+    return L();
   try {
-    const t = Be(e);
-    return t ? { ...R(), ...t } : R();
+    const t = Le(e);
+    return t ? { ...L(), ...t } : L();
   } catch (t) {
-    return g.warn("Failed to load localStats from localStorage", t), R();
+    return g.warn("Failed to load localStats from localStorage", t), L();
   }
 }
-function Uo(e, t) {
-  if (!te())
+function Ho(e, t) {
+  if (!Zt())
     return !1;
   try {
-    return Ue(e, t) ? (g.debug("Saved localStats to localStorage", t), !0) : !1;
+    return Ne(e, t) ? (g.debug("Saved localStats to localStorage", t), !0) : !1;
   } catch (o) {
     return g.warn("Failed to save localStats to localStorage", o), !1;
   }
 }
-function Vo(e, t) {
+function Fo(e, t) {
   const o = {
     count: Math.max(0, e.count - t.count),
     sum: (e.sum || 0) - (t.sum || 0),
@@ -1133,11 +1133,11 @@ function Vo(e, t) {
   if (o.count > 0 && o.sum !== void 0 ? o.avg = Math.round(o.sum / o.count * 100) / 100 : o.avg = 0, t.breakdown && o.breakdown)
     for (const [r, s] of Object.entries(t.breakdown))
       o.breakdown[r] && (o.breakdown[r] = Math.max(0, o.breakdown[r] - s), o.breakdown[r] === 0 && delete o.breakdown[r]);
-  return o.nps = ft((o == null ? void 0 : o.breakdown) || {}), o;
+  return o.nps = Ct((o == null ? void 0 : o.breakdown) || {}), o;
 }
-function jo(e, t) {
+function Yo(e, t) {
   if (!e.count && !t.count)
-    return R();
+    return L();
   if (!e.count)
     return { ...t };
   const o = {
@@ -1154,12 +1154,12 @@ function jo(e, t) {
     for (const [r, s] of Object.entries(t.breakdown))
       o.breakdown[r] = (o.breakdown[r] || 0) + s;
   }
-  return o.nps = ft((o == null ? void 0 : o.breakdown) || {}), o;
+  return o.nps = Ct((o == null ? void 0 : o.breakdown) || {}), o;
 }
-function Ve(e) {
+function De(e) {
   return !e || typeof e != "string" ? !1 : /^[\p{Emoji}]$/u.test(e) ? !0 : new RegExp("^\\p{Emoji}(\\p{Emoji_Modifier}|\\u200D\\p{Emoji})*$", "u").test(e);
 }
-function Ot(e) {
+function Pt(e) {
   if (!e || typeof e != "string")
     return !1;
   const t = e.trim();
@@ -1173,7 +1173,7 @@ function Ot(e) {
     return !1;
   }
 }
-function qo(e) {
+function Re(e) {
   if (!e || typeof e != "string")
     return [];
   const t = e.trim();
@@ -1188,53 +1188,91 @@ function qo(e) {
     }
   return t.split(",").map((o) => o.trim()).filter((o) => o !== "");
 }
-function Ho(e, t) {
+function Wo(e, t) {
   const o = /{([^{}]+)}/g;
   return e.replace(o, (r, s) => {
     const i = s.trim(), a = t[i];
     return a !== void 0 ? String(a) : r;
   });
 }
-function Fo(e, t) {
+function Ko(e, t) {
   let o = 2166136261;
   const r = e + ":" + t;
   for (let s = 0; s < r.length; s++)
     o ^= r.charCodeAt(s), o += (o << 1) + (o << 4) + (o << 7) + (o << 8) + (o << 24);
   return (o >>> 0).toString(16).padStart(8, "0");
 }
-function Yo(e, t = 50) {
+function Go(e, t = 50) {
   return e.length <= t ? e : e.substring(0, t).trim() + "...";
 }
-const Wt = /* @__PURE__ */ new Map();
-function Wo(e, t) {
-  Wt.set(e, t);
+const qt = /* @__PURE__ */ new Map();
+function Zo(e, t) {
+  qt.set(e, t);
 }
-function Ko(e) {
-  const t = Wt.get(e);
-  return t && Wt.delete(e), t;
+function Xo(e) {
+  const t = qt.get(e);
+  return t && qt.delete(e), t;
 }
-const ke = 5;
-class Go {
+const Be = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, xe = 5;
+function Ve(e) {
+  return e || Do;
+}
+function Ue(e, t) {
+  const o = Ve(t);
+  return e.type === "registered" ? `${o}/widgets/${encodeURIComponent(e.widgetId)}` : `${o}/public-widgets/${encodeURIComponent(e.name)}`;
+}
+async function je(e, t) {
+  const o = Ue(e, t);
+  g.debug("API GET", { url: o });
+  const r = await fetch(o);
+  if (!r.ok)
+    throw new Error(`API request failed with status: ${r.status}`);
+  const s = await r.json();
+  if (!s.success)
+    throw new Error("Backend returned unsuccessful response");
+  return s;
+}
+async function Jo(e, t, o) {
+  const r = Ue(e, o);
+  if (g.debug("API POST", { url: r }), typeof navigator < "u" && navigator.sendBeacon) {
+    if (navigator.sendBeacon(r, t)) {
+      g.debug("Successfully sent stats via sendBeacon");
+      return;
+    }
+    g.debug("sendBeacon failed, falling back to fetch");
+  }
+  const s = await fetch(r, {
+    body: t,
+    method: "POST",
+    keepalive: !0,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  if (!s.ok)
+    throw new Error(`API request failed with status: ${s.status}`);
+  g.debug("Successfully sent stats via fetch");
+}
+class Qo {
   // Tracks if user has ever made a selection (even if later deselected)
   constructor(t) {
-    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);
+    this.stats = L(), this.localStats = L(), this.prevLocalStats = L(), this.isLoading = !0, this.isLoadingConfig = !1, this.isSubmitting = !1, this.hasInteracted = !1, (this.host = t).addController(this);
   }
   hostConnected() {
     this.loadStats();
   }
   /**
-   * Validates the widget identifier (widget-id or name)
-   * Returns the type of widget and validates accordingly
+   * Validates and returns the widget identifier.
+   * Returns null (and logs the error) when validation fails.
    */
-  validateWidgetIdentifier() {
+  getWidgetIdentifier() {
     const t = this.host;
-    return t.widgetId ? /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(t.widgetId) ? { type: "registered" } : { type: "none", error: `Invalid widget-id format: ${t.widgetId}` } : t.name ? t.name.length < ke ? {
-      type: "none",
-      error: `Widget name must be at least ${ke} characters long. Got: "${t.name}"`
-    } : { type: "public" } : { type: "none", error: "Widget requires either widget-id or name attribute" };
+    return t.widgetId ? Be.test(t.widgetId) ? { type: "registered", widgetId: t.widgetId } : (g.error(`Invalid widget-id format: ${t.widgetId}`), null) : t.name ? t.name.length < xe ? (g.error(
+      `Widget name must be at least ${xe} characters long. Got: "${t.name}"`
+    ), null) : { type: "public", name: t.name } : (g.error("Widget requires either widget-id or name attribute"), null);
   }
   async getLocalStatsKey() {
-    const t = this.host, o = await Se(), r = t.widgetId || t.name || "unnamed";
+    const t = this.host, o = await we(), r = t.widgetId || t.name || "unnamed";
     return `pc-local-stats-${o}-${r}`;
   }
   /**
@@ -1250,11 +1288,20 @@ class Go {
    */
   applyWidgetAttributes(t) {
     if (!t) return;
-    const r = this.host;
-    for (const [s, i] of Object.entries(t)) {
-      if (i == null) continue;
-      const a = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      typeof i == "boolean" ? i ? r.setAttribute(a, "") : r.removeAttribute(a) : typeof i == "object" ? r.setAttribute(a, JSON.stringify(i)) : r.setAttribute(a, String(i)), g.debug(`Applied widget attribute: ${a}=${i}`);
+    const o = typeof t.attributes == "object" && t.attributes !== null && !Array.isArray(t.attributes) ? t.attributes : t, r = this.host, s = r;
+    for (const [i, a] of Object.entries(o)) {
+      if (a == null) continue;
+      if (i === "options" && typeof a == "string") {
+        const n = Re(a);
+        r.options = n.map((d) => ({
+          value: d,
+          label: d,
+          icon: r.type === $.reaction ? d : void 0
+        })), g.debug("Applied widget options as property:", n);
+        continue;
+      }
+      const l = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+      typeof a == "boolean" ? a ? s.setAttribute(l, "") : s.removeAttribute(l) : typeof a == "object" ? s.setAttribute(l, JSON.stringify(a)) : s.setAttribute(l, String(a)), g.debug(`Applied widget attribute: ${l}=${a}`);
     }
   }
   /**
@@ -1264,86 +1311,66 @@ class Go {
     var r, s, i;
     const t = this.host;
     this.isLoading = !1, this.stats = this.localStats, this.host.requestUpdate();
-    const o = this.validateWidgetIdentifier();
-    if (o.error) {
-      g.error(o.error);
-      return;
-    }
-    if (o.type === "registered" && t.widgetId) {
-      const a = Ko(t.widgetId);
-      if (a) {
-        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 = {
+    const o = this.getWidgetIdentifier();
+    if (o)
+      try {
+        let a, l;
+        if (o.type === "registered") {
+          const y = Xo(o.widgetId);
+          y && (g.debug("Using prefetched widget config from cache", {
+            widgetId: o.widgetId
+          }), this.applyWidgetAttributes(y.config.attributes), a = y.stats);
+        }
+        if (!a) {
+          let y;
+          if (o.type !== "registered" && t.dataFunc && typeof window < "u") {
+            const A = t.dataFunc.replace(/^window\./, "").split(".");
+            let k = window;
+            for (const I of A)
+              if (k = k == null ? void 0 : k[I], k === void 0) break;
+            y = k;
+          }
+          if (y && typeof y == "function") {
+            l = this.getValidOptionKeys(t), g.debug(`Using data function for: ${t.widgetId || t.name}`, {
+              dataFuncName: t.dataFunc,
+              options: l
+            });
+            const x = await y(t.widgetId, t.name, l);
+            if (x && typeof x == "object" && "success" in x && "data" in x) {
+              if (!x.success)
+                throw g.error("Custom data function returned unsuccessful response", x), new Error("Custom data function returned unsuccessful response");
+              a = x.data || {};
+            } else
+              a = x || {};
+          } else {
+            o.type === "registered" && (this.isLoadingConfig = !0, this.host.requestUpdate());
+            const x = await je(
+              o,
+              o.type === "registered" ? void 0 : t.dataEndpoint
+            );
+            if (o.type === "registered") {
+              const A = ((s = (r = x.data) == null ? void 0 : r.config) == null ? void 0 : s.attributes) || null;
+              a = ((i = x.data) == null ? void 0 : i.stats) || {}, this.applyWidgetAttributes(A);
+            } else
+              a = x.data || {};
+          }
+        }
+        l ?? (l = this.getValidOptionKeys(t));
+        const n = jo(a.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;
+        this.stats = {
           count: d,
           sum: p,
           avg: f,
           pct: b,
-          nps: t.type === x.nps ? ft(n.breakdown) : 0,
+          nps: t.type === $.nps ? Ct(n.breakdown) : 0,
           breakdown: n.breakdown,
-          updated: a.stats.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
+          updated: a.updatedAt || a.updated_at || (/* @__PURE__ */ new Date()).toISOString()
         };
-        this.stats = w, this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate();
-        return;
-      }
-    }
-    try {
-      const a = t.type;
-      let l;
-      if (t.dataFunc && typeof window < "u") {
-        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;
+      } catch (a) {
+        throw g.error("Error loading stats:", a, this.localStats), a;
+      } finally {
+        this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate();
       }
-      let n, d = null;
-      if (l && typeof l == "function") {
-        const k = this.getOptionsForDataFunc(t);
-        g.debug(`Using data function for: ${t.widgetId || t.name}`, {
-          dataFuncName: t.dataFunc,
-          options: k
-        });
-        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 = $ || {};
-      } else {
-        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 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), 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 = L;
-    } catch (a) {
-      throw g.error("Error loading stats:", a, this.localStats), a;
-    } finally {
-      this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate();
-    }
   }
   /**
    * Gets the options array for the data function based on widget type.
@@ -1351,16 +1378,16 @@ class Go {
    * - For stars: generates ['1', '2', ..., numStars]
    * - For NPS: generates ['0', '1', '2', ..., '10']
    */
-  getOptionsForDataFunc(t) {
+  getValidOptionKeys(t) {
     switch (t.type) {
-      case x.stars: {
+      case $.stars: {
         const r = t.numStars || 5;
         return Array.from({ length: r }, (s, i) => String(i + 1));
       }
-      case x.nps:
+      case $.nps:
         return Array.from({ length: 11 }, (r, s) => String(s));
-      case x.poll:
-      case x.reaction:
+      case $.poll:
+      case $.reaction:
       default:
         return t.options.map((r) => r.value);
     }
@@ -1371,10 +1398,10 @@ class Go {
   async loadLocalStats() {
     const t = await this.getLocalStatsKey();
     try {
-      const o = Bo(t);
+      const o = qo(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 = R();
+      g.warn("Failed to generate localStorage key for localStats", o), this.localStats = L();
     }
     this.host.requestUpdate();
   }
@@ -1384,7 +1411,7 @@ class Go {
   async persistLocalStats() {
     try {
       const t = await this.getLocalStatsKey();
-      Uo(t, this.localStats) || g.warn("Failed to save localStats to localStorage");
+      Ho(t, this.localStats) || g.warn("Failed to save localStats to localStorage");
     } catch (t) {
       g.warn("Failed to save localStats to localStorage", t);
     }
@@ -1398,7 +1425,7 @@ class Go {
    * @param textValues
    */
   updateStats(t, o) {
-    if (this.hasInteracted = !0, this.stats && (this.stats = Vo(this.stats, this.localStats)), this.localStats = {
+    if (this.hasInteracted = !0, this.stats && (this.stats = Fo(this.stats, this.localStats)), this.localStats = {
       count: t > 0 || o.length > 0 ? 1 : 0,
       sum: t,
       // e.g. number of stars, nps value
@@ -1412,7 +1439,7 @@ class Go {
     }, o && o.length > 0)
       for (const r of o)
         r && (this.localStats.breakdown[r] = 1);
-    this.stats = jo(this.stats, this.localStats), g.debug("Stats updated - remote: ", this.stats), g.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
+    this.stats = Yo(this.stats, this.localStats), g.debug("Stats updated - remote: ", this.stats), g.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
   }
   async markStatsAsSubmitted() {
     this.localStats.submitted = (/* @__PURE__ */ new Date()).toISOString(), this.prevLocalStats = { ...this.localStats }, await this.persistLocalStats(), this.host.requestUpdate();
@@ -1420,7 +1447,7 @@ class Go {
   async submitStats() {
     if (!this.hasLocalStats() && !this.hasInteracted)
       throw g.warn("No local stats to submit"), new Error("No local stats to submit");
-    const t = this.host, o = Math.floor(Date.now() / 1e3).toString(), r = await Se(), s = this.localStats.sum, i = Object.keys(this.localStats.breakdown || {}), a = this.prevLocalStats.sum, l = Object.keys(this.prevLocalStats.breakdown || {});
+    const t = this.host, o = Math.floor(Date.now() / 1e3).toString(), r = await we(), s = this.localStats.sum, i = Object.keys(this.localStats.breakdown || {}), a = this.prevLocalStats.sum, l = Object.keys(this.prevLocalStats.breakdown || {});
     this.isSubmitting = !0, this.host.requestUpdate();
     const n = {
       sessionId: r,
@@ -1434,7 +1461,7 @@ class Go {
       prevTextValues: l,
       metadata: t.metadata,
       timestamp: o
-    }, d = Fo(JSON.stringify(n), o);
+    }, d = Ko(JSON.stringify(n), o);
     try {
       await this.sendStats({ ...n, hash: d }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(n);
     } catch (p) {
@@ -1445,38 +1472,18 @@ class Go {
     return n;
   }
   async sendStats(t) {
-    const o = this.host;
-    if (o.dataFunc) {
+    const o = this.host, r = this.getWidgetIdentifier();
+    if (!r) throw new Error("Invalid widget identifier");
+    if (r.type !== "registered" && o.dataFunc) {
       g.debug("Skip sending stats as data function is in use.");
       return;
     }
-    const r = this.validateWidgetIdentifier();
-    if (r.error)
-      throw g.error(r.error), new Error(r.error);
-    const s = o.dataEndpoint || Yt;
-    if (!Ot(s))
-      throw g.error("Invalid data endpoint", { dataEndpoint: s }), new Error(`Invalid data endpoint: ${s}`);
-    let i;
-    r.type === "registered" ? i = `${s}/widgets/${encodeURIComponent(o.widgetId)}` : i = `${s}/public-widgets/${encodeURIComponent(o.name)}`;
+    const s = r.type === "registered" ? void 0 : o.dataEndpoint, i = Ve(s);
+    if (!Pt(i))
+      throw g.error("Invalid data endpoint", { dataEndpoint: i }), new Error(`Invalid data endpoint: ${i}`);
     const a = JSON.stringify(t);
     try {
-      if (g.debug("Sending stats", { endpoint: i, event: t }), typeof navigator < "u" && navigator.sendBeacon)
-        if (navigator.sendBeacon(i, a)) {
-          g.debug("Successfully sent stats via sendBeacon");
-          return;
-        } else
-          g.debug("sendBeacon failed, falling back to fetch");
-      const l = await fetch(i, {
-        body: a,
-        method: "POST",
-        keepalive: !0,
-        headers: {
-          "Content-Type": "application/json"
-        }
-      });
-      if (!l.ok)
-        throw new Error(`API request failed with status: ${l.status}`);
-      g.debug("Successfully sent stats via fetch");
+      await Jo(r, a, s);
     } catch (l) {
       throw g.error("Failed to send analytics:", l), l;
     }
@@ -1493,9 +1500,9 @@ class Go {
       sum: (o == null ? void 0 : o.sum) || 0,
       avg: s,
       pct: (o == null ? void 0 : o.pct) || 0,
-      nps: r.type === x.nps ? ft((o == null ? void 0 : o.breakdown) || {}) : 0
+      nps: r.type === $.nps ? Ct((o == null ? void 0 : o.breakdown) || {}) : 0
     };
-    return g.debug("Stats data: ", this.stats), Ho(t, i);
+    return g.debug("Stats data: ", this.stats), Wo(t, i);
   }
   /**
    * Checks if a value is selected in the local stats
@@ -1521,7 +1528,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 === x.stars || i.type === x.nps) && (a = parseInt(t)), s)
+    if ((i.type === $.stars || i.type === $.nps) && (a = parseInt(t)), s)
       if (o) {
         const n = r.filter((d) => d !== t);
         this.updateStats(n.length > 0 ? 1 : 0, n);
@@ -1582,7 +1589,7 @@ class Go {
     return ((t = this.localStats) == null ? void 0 : t.submitted) !== void 0 && this.hasLocalStats();
   }
 }
-class Zo {
+class tr {
   constructor(t, o) {
     this.isEditing = !0, this.isChartVisible = !1, this.isStatsVisible = !1, this.isThankYouVisible = !1, this.isReactionPopoverVisible = !1, this.initialized = !1, this.handleClickOutside = (r) => {
       r.target !== this.host && (this.toggleThankYouVisibility(!1), this.toggleReactionPopoverVisibility(!1));
@@ -1670,8 +1677,8 @@ class Zo {
     return !(this.host.readonly || !this.isEditing);
   }
 }
-var ee = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(ee || {});
-function je(e, t = {}) {
+var Xt = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(Xt || {});
+function qe(e, t = {}) {
   const { type: o = "functional", alt: r, ariaLabel: s, isSelected: i } = t;
   if (!e)
     return { alt: "", ariaHidden: !0 };
@@ -1680,20 +1687,20 @@ function je(e, t = {}) {
   o === "functional" && !r && !s && console.warn(
     "No alt text or aria-label provided for functional icon. This may cause accessibility issues."
   );
-  const a = i ? " (selected)" : "", l = Ot(e) && !r ? "" : r || e, n = s || (l ? `${l}${a}` : a);
+  const a = i ? " (selected)" : "", l = Pt(e) && !r ? "" : r || e, n = s || (l ? `${l}${a}` : a);
   return {
     alt: l,
     ariaLabel: n,
     ariaHidden: !1
   };
 }
-function Xo(e, t = "polite") {
+function er(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 Jo(e, t) {
+function or(e, t) {
   return `${e}: ${t}`;
 }
 /**
@@ -1701,8 +1708,8 @@ function Jo(e, t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const qe = { ATTRIBUTE: 1 }, He = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let Fe = class {
+const He = { ATTRIBUTE: 1 }, Fe = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let Ye = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1723,10 +1730,10 @@ let Fe = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y = He(class extends Fe {
+const w = Fe(class extends Ye {
   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.");
+    if (super(e), e.type !== He.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.");
   }
   render(e) {
     return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
@@ -1744,21 +1751,21 @@ const y = 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 F;
+    return j;
   }
 });
-var Qo = Object.defineProperty, v = (e, t, o, r) => {
+var rr = 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;
+  return s && rr(t, o, s), s;
 };
-const $t = {
+const bt = {
   mobile: "480px",
   tablet: "768px",
   desktop: "1024px"
-}, oe = class oe extends B {
+}, Jt = class Jt extends N {
   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) => {
+    super(...arguments), this.dataController = new Qo(this), this.displayController = new tr(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.ariaLabel = null, this.minContrast = Me.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());
     };
   }
@@ -1790,10 +1797,10 @@ const $t = {
     let o = `:host {
 `;
     if (this.primaryColor) {
-      const i = rt(this.primaryColor);
+      const i = Q(this.primaryColor);
       o += `--pc-primary-color: ${i} !important;
 `;
-      const a = Ao(i, {
+      const a = To(i, {
         minContrast: this.minContrast,
         colorOptions: ["black", "white", "light", "dark"]
       });
@@ -1801,56 +1808,56 @@ const $t = {
 `;
     }
     if (this.muteColor) {
-      const i = rt(this.muteColor);
+      const i = Q(this.muteColor);
       o += `--pc-mute-color: ${i} !important;
 `;
     }
     if (this.textColor) {
-      const i = rt(this.textColor);
+      const i = Q(this.textColor);
       o += `--pc-text-color: ${i} !important;
 `;
     }
     if (this.backgroundColor) {
-      const i = rt(this.backgroundColor);
+      const i = Q(this.backgroundColor);
       o += `--pc-background-color: ${i} !important;
 `;
     }
     const r = this.starColor || this.accentColor || this.primaryColor;
     if (r) {
-      const i = rt(r);
+      const i = Q(r);
       o += `--pc-star-color: ${i} !important;
 `;
     }
-    const s = this.starHoverColor || (r ? `color-mix(in srgb, ${rt(r)} 80%, white)` : null);
+    const s = this.starHoverColor || (r ? `color-mix(in srgb, ${Q(r)} 80%, white)` : null);
     if (s && (o += `--pc-star-hover-color: ${s} !important;
 `), this.starSize) {
-      const i = qt(this.starSize, "1.5em", 1.5);
+      const i = Vt(this.starSize, "1.5em", 1.5);
       o += `--pc-stars-star-size: ${i} !important;
 `;
     }
     if (this.reactionSize) {
-      const i = qt(this.reactionSize, "1em", 1);
+      const i = Vt(this.reactionSize, "1em", 1);
       o += `--pc-reaction-size: ${i} !important;
 `;
     }
     if (this.size) {
-      const i = qt(this.size);
+      const i = Vt(this.size);
       o += `font-size: ${i} !important;
 `;
     }
     if (this.buttonRadius) {
-      const i = To(this.buttonRadius);
+      const i = Oo(this.buttonRadius);
       o += `--pc-button-radius: ${i} !important;
 `;
     }
     o += `}
-`, this.css && (o += Mo(zo(this.css))), t.textContent = o;
+`, this.css && (o += No(Lo(this.css))), t.textContent = o;
   }
   /**
    * Update ARIA attributes for accessibility
    */
   updateAriaAttributes() {
-    this.ariaLabel && Ht(this, "aria-label", this.ariaLabel), this.ariaDescribedby && Ht(this, "aria-describedby", this.ariaDescribedby), Ht(this, "aria-busy", this.dataController.isLoading ? "true" : "false");
+    this.ariaLabel && Ut(this, "aria-label", this.ariaLabel), this.ariaDescribedby && Ut(this, "aria-describedby", this.ariaDescribedby), Ut(this, "aria-busy", this.dataController.isLoading ? "true" : "false");
   }
   /**
    * Update host CSS classes based on state
@@ -1863,11 +1870,11 @@ const $t = {
    */
   getBreakpointClasses() {
     return {
-      "pc-mobile": window.matchMedia(`(max-width: ${$t.mobile})`).matches,
+      "pc-mobile": window.matchMedia(`(max-width: ${bt.mobile})`).matches,
       "pc-tablet": window.matchMedia(
-        `(min-width: ${$t.mobile}) and (max-width: ${$t.tablet})`
+        `(min-width: ${bt.mobile}) and (max-width: ${bt.tablet})`
       ).matches,
-      "pc-desktop": window.matchMedia(`(min-width: ${$t.desktop})`).matches
+      "pc-desktop": window.matchMedia(`(min-width: ${bt.desktop})`).matches
     };
   }
   /**
@@ -1875,7 +1882,7 @@ const $t = {
    */
   announceSelectionChange(t, o, r) {
     const s = `Poll for "${t}"`, i = r ? `${o.label} selected` : `${o.label} unselected`;
-    Xo(Jo(s, i));
+    er(or(s, i));
   }
   /** Common render methods */
   renderLabel() {
@@ -1906,7 +1913,7 @@ const $t = {
         tabindex="0"
         aria-label="Edit vote"
         @keydown="${this.handleEditToggleKeyDown}"
-        >${At}</span
+        >${St}</span
       >
     ` : u;
   }
@@ -1925,7 +1932,7 @@ const $t = {
         tabindex="0"
         aria-label="${this.displayController.isChartVisible ? "Hide chart" : "Show chart"}"
         @keydown="${() => this.displayController.toggleChartVisibility()}"
-        >${this.displayController.isChartVisible ? Qt : Jt}</span
+        >${this.displayController.isChartVisible ? Gt : Kt}</span
       >
     ` : u;
   }
@@ -1934,9 +1941,9 @@ const $t = {
       return u;
     const o = {
       "pc-status": !0,
-      [`pc-flex-content-${O(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-content-${_(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return c`<div class="${y(o)}" data-testid="pc-status">
+    return c`<div class="${w(o)}" data-testid="pc-status">
       ${this.renderStatsText()} ${this.renderChartToggle()} ${this.renderEditToggleIcon()}
     </div>`;
   }
@@ -1952,7 +1959,7 @@ const $t = {
   renderThankYouMessage() {
     if (!this.displayController.shouldDisplayThankYouMsg())
       return u;
-    const t = Yo(this.thankYouMsg || "");
+    const t = Go(this.thankYouMsg || "");
     return c`
       <div class="pc-thank-you-overlay" data-testid="poll-thank-you-overlay">
         <div class="pc-thank-you" data-testid="thank-you">
@@ -1964,7 +1971,7 @@ const $t = {
               @click="${() => this.displayController.toggleThankYouVisibility(!1)}"
               role="button"
               aria-label="Close"
-              >${_t}</span
+              >${At}</span
             >
           </div>
         </div>
@@ -1972,8 +1979,8 @@ const $t = {
     `;
   }
 };
-oe.styles = [
-  V`
+Jt.styles = [
+  R`
       :host {
         /* Default values for CSS variables - can be overridden by external :root or parent definitions */
         --default-font-size-base: 1rem;
@@ -2053,7 +2060,7 @@ oe.styles = [
       }
     `
 ];
-let m = oe;
+let m = Jt;
 v([
   h({ type: String, attribute: "show-stats" })
 ], m.prototype, "showStats");
@@ -2159,7 +2166,7 @@ v([
 v([
   h({ type: Boolean, reflect: !0 })
 ], m.prototype, "readonly");
-const tr = V`
+const sr = R`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-body {
@@ -2610,7 +2617,7 @@ const tr = V`
       animation: none;
     }
   }
-`, It = V`
+`, Tt = R`
   /* Default values for CSS variables - can be overridden by external :root or parent definitions */
   :host {
     --default-primary-color: #2196f3;
@@ -3329,7 +3336,7 @@ const tr = V`
       opacity: 1;
     }
   }
-`, er = V`
+`, ir = R`
   :host {
     --popover-bg: light-dark(#ffffff, #1a1a1a);
     --popover-border: light-dark(#e0e0e0, #333333);
@@ -3451,12 +3458,12 @@ const tr = V`
     max-width: 100%;
   }
 `;
-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--)
+var ar = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, B = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? nr(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;
+  return r && s && ar(t, o, s), s;
 };
-let _ = class extends B {
+let T = class extends N {
   constructor() {
     super(...arguments), this.open = !1, this.position = "auto", this.isClosing = !1, this.computedPosition = "bottom", this.popoverStyles = {}, this.arrowStyles = {}, this.updatePosition = () => {
       var f;
@@ -3464,8 +3471,8 @@ let _ = class extends B {
       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 b = o - e.bottom, w = e.top;
-        l = b >= a + r || b >= w ? "bottom" : "top";
+        const b = o - e.bottom, y = e.top;
+        l = b >= a + r || b >= y ? "bottom" : "top";
       }
       this.computedPosition = l;
       let n, d;
@@ -3529,7 +3536,7 @@ let _ = class extends B {
     return c`
       <div class="pc-popover-scrim" @click=${this.handleScrimClick}></div>
       <div
-        class=${y(e)}
+        class=${w(e)}
         data-position=${this.computedPosition}
         style=${Object.entries(this.popoverStyles).map(([t, o]) => `${t}: ${o}`).join("; ")}
         role="dialog"
@@ -3545,35 +3552,35 @@ let _ = class extends B {
     `;
   }
 };
-_.styles = [er];
-j([
+T.styles = [ir];
+B([
   h({ type: Boolean, reflect: !0 })
-], _.prototype, "open", 2);
-j([
+], T.prototype, "open", 2);
+B([
   h({ type: String })
-], _.prototype, "position", 2);
-j([
+], T.prototype, "position", 2);
+B([
   h({ attribute: !1 })
-], _.prototype, "anchor", 2);
-j([
+], T.prototype, "anchor", 2);
+B([
   C()
-], _.prototype, "isClosing", 2);
-j([
+], T.prototype, "isClosing", 2);
+B([
   C()
-], _.prototype, "computedPosition", 2);
-j([
+], T.prototype, "computedPosition", 2);
+B([
   C()
-], _.prototype, "popoverStyles", 2);
-j([
+], T.prototype, "popoverStyles", 2);
+B([
   C()
-], _.prototype, "arrowStyles", 2);
-j([
-  bt(".pc-popover")
-], _.prototype, "popoverElement", 2);
-_ = j([
-  W("pc-popover")
-], _);
-const sr = V`
+], T.prototype, "arrowStyles", 2);
+B([
+  ft(".pc-popover")
+], T.prototype, "popoverElement", 2);
+T = B([
+  F("pc-popover")
+], T);
+const lr = R`
   :host {
     --sheet-bg: light-dark(#ffffff, #1a1a1a);
     --sheet-border: light-dark(#e0e0e0, #333333);
@@ -3686,12 +3693,12 @@ const sr = V`
     max-width: 100%;
   }
 `;
-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--)
+var cr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, J = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? dr(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;
+  return r && s && cr(t, o, s), s;
 };
-let U = class extends B {
+let D = class extends N {
   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) {
@@ -3769,8 +3776,8 @@ let U = class extends B {
       dragging: this.isDragging
     };
     return c`
-      <div class=${y(e)} @click=${this.handleScrimClick}></div>
-      <div class=${y(t)} role="dialog" aria-modal="true" tabindex="-1">
+      <div class=${w(e)} @click=${this.handleScrimClick}></div>
+      <div class=${w(t)} role="dialog" aria-modal="true" tabindex="-1">
         <div
           class="pc-sheet-handle"
           @touchstart=${this.handleDragStart}
@@ -3785,35 +3792,35 @@ let U = class extends B {
     `;
   }
 };
-U.styles = [sr];
-ot([
+D.styles = [lr];
+J([
   h({ type: Boolean, reflect: !0 })
-], U.prototype, "open", 2);
-ot([
+], D.prototype, "open", 2);
+J([
   h({ type: Boolean, attribute: "drag-to-close" })
-], U.prototype, "dragToClose", 2);
-ot([
+], D.prototype, "dragToClose", 2);
+J([
   C()
-], U.prototype, "isClosing", 2);
-ot([
+], D.prototype, "isClosing", 2);
+J([
   C()
-], U.prototype, "isDragging", 2);
-ot([
+], D.prototype, "isDragging", 2);
+J([
   C()
-], U.prototype, "dragOffset", 2);
-ot([
-  bt(".pc-bottom-sheet")
-], U.prototype, "sheetElement", 2);
-U = ot([
-  W("pc-bottom-sheet")
-], 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--)
+], D.prototype, "dragOffset", 2);
+J([
+  ft(".pc-bottom-sheet")
+], D.prototype, "sheetElement", 2);
+D = J([
+  F("pc-bottom-sheet")
+], D);
+var pr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, gt = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? ur(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;
+  return r && s && pr(t, o, s), s;
 };
-const cr = 768;
-let tt = class extends B {
+const hr = 768;
+let Z = class extends N {
   constructor() {
     super(...arguments), this.open = !1, this.position = "auto", this.isMobile = !1, this.handleMediaChange = (e) => {
       this.isMobile = e.matches;
@@ -3829,7 +3836,7 @@ let tt = class extends B {
     super.disconnectedCallback(), (e = this.mediaQuery) == null || e.removeEventListener("change", this.handleMediaChange);
   }
   setupMediaQuery() {
-    this.mediaQuery = window.matchMedia(`(max-width: ${cr - 1}px)`), this.isMobile = this.mediaQuery.matches, this.mediaQuery.addEventListener("change", this.handleMediaChange);
+    this.mediaQuery = window.matchMedia(`(max-width: ${hr - 1}px)`), this.isMobile = this.mediaQuery.matches, this.mediaQuery.addEventListener("change", this.handleMediaChange);
   }
   render() {
     return this.isMobile ? c`
@@ -3848,34 +3855,34 @@ let tt = class extends B {
     `;
   }
 };
-tt.styles = V`
+Z.styles = R`
     :host {
       display: contents;
     }
   `;
-yt([
+gt([
   h({ type: Boolean, reflect: !0 })
-], tt.prototype, "open", 2);
-yt([
+], Z.prototype, "open", 2);
+gt([
   h({ type: String })
-], tt.prototype, "position", 2);
-yt([
+], Z.prototype, "position", 2);
+gt([
   h({ attribute: !1 })
-], tt.prototype, "anchor", 2);
-yt([
+], Z.prototype, "anchor", 2);
+gt([
   C()
-], tt.prototype, "isMobile", 2);
-tt = yt([
-  W("pc-responsive-modal")
-], 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--)
+], Z.prototype, "isMobile", 2);
+Z = gt([
+  F("pc-responsive-modal")
+], Z);
+var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Y = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? gr(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;
+  return r && s && fr(t, o, s), s;
 };
-let I = class extends m {
+let O = class extends m {
   constructor() {
-    super(), this.min = 0, this.max = 10, this.type = x.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.popoverOpen = !1, this.handleNumberLeave = () => {
+    super(), this.min = 0, this.max = 10, this.type = $.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.popoverOpen = !1, this.handleNumberLeave = () => {
       this.hoverValue = -1;
     }, this.handleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.hoverValue >= 0 && this.handleNumberClick(this.hoverValue));
@@ -3885,20 +3892,20 @@ let I = 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 = it({
-      role: N.GROUP,
+    const e = Array.from({ length: this.max - this.min + 1 }, (s, i) => i + this.min), t = `nps-control-${this.name || this.type}`, o = et({
+      role: M.GROUP,
       ariaLabel: this.question || "NPS Rating",
       ariaDescribedby: `${t}-description`
     }), r = e.map((s) => {
       const i = this.dataController.isValueSelected(String(s)), a = {
         "nps-button": !0,
         selected: i
-      }, l = _o(`Rate ${s}`, i, !1);
+      }, l = Io(`Rate ${s}`, i, !1);
       return c`
         <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)}"
@@ -3937,10 +3944,10 @@ let I = 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 = (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);
+    const e = this.dataController.stats, t = (e == null ? void 0 : e.nps) ?? 0, o = 100, r = 100, s = 80, i = (I) => ({
+      x: o + s * Math.cos(I),
+      y: r - s * Math.sin(I)
+    }), a = i(Math.PI), l = i(Math.PI / 2), n = i(Math.PI / 4), d = i(0), p = (I, Qt, Ke = 0) => `M ${I.x} ${I.y} A ${s} ${s} 0 ${Ke} 1 ${Qt.x} ${Qt.y}`, f = p(a, l), b = p(l, n), y = p(n, d), A = ((I) => Math.PI - (I + 100) / 200 * Math.PI)(t), k = i(A);
     return c`
       <div class="nps-semicircle-gauge" data-testid="nps-semicircle-gauge">
         <svg viewBox="0 0 200 115">
@@ -3953,10 +3960,10 @@ let I = class extends m {
           <!-- Colored segments -->
           <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}" />
+          <path class="gauge-arc gauge-arc-promoter" d="${y}" />
 
           <!-- Needle indicator -->
-          <circle class="gauge-needle" cx="${L.x}" cy="${L.y}" r="5" />
+          <circle class="gauge-needle" cx="${k.x}" cy="${k.y}" r="5" />
 
           <!-- Score display in center -->
           <text class="gauge-score" x="${o}" y="${r - 15}">${t}</text>
@@ -4016,7 +4023,7 @@ let I = class extends m {
    * Uses SVG with 3 colored segments for detractors/passives/promoters
    */
   renderInlineGauge() {
-    const e = this.dataController.stats, t = (e == null ? void 0 : e.breakdown) || {}, o = 8, r = 2 * Math.PI * o, s = No(t), i = s.detractors + s.passives + s.promoters;
+    const e = this.dataController.stats, t = (e == null ? void 0 : e.breakdown) || {}, o = 8, r = 2 * Math.PI * o, s = Vo(t), i = s.detractors + s.passives + s.promoters;
     if (i === 0)
       return c`
         <div class="inline-nps-gauge">
@@ -4025,9 +4032,9 @@ let I = 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, 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`
+    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, y = -d, x = -(d + p), A = this.getUserScore();
+    let k = "gauge-bg";
+    return A !== null && (A <= 6 ? k = "gauge-detractor" : A <= 8 ? k = "gauge-passive" : k = "gauge-promoter"), c`
       <div class="inline-nps-gauge">
         <svg viewBox="0 0 20 20">
           <!-- Background circle -->
@@ -4048,7 +4055,7 @@ let I = class extends m {
             cy="10"
             r="${o}"
             stroke-dasharray="${p} ${r}"
-            stroke-dashoffset="${w}"
+            stroke-dashoffset="${y}"
           />
           <!-- Promoter segment (green) -->
           <circle
@@ -4057,10 +4064,10 @@ let I = class extends m {
             cy="10"
             r="${o}"
             stroke-dasharray="${f} ${r}"
-            stroke-dashoffset="${E}"
+            stroke-dashoffset="${x}"
           />
           <!-- Center dot showing user's score category -->
-          <circle class="gauge-dot ${L}" cx="10" cy="10" r="2" />
+          <circle class="gauge-dot ${k}" cx="10" cy="10" r="2" />
         </svg>
       </div>
     `;
@@ -4071,7 +4078,7 @@ let I = class extends m {
    * Shows add icon when no selection, edit icon when user has submitted
    */
   renderInlineTrigger() {
-    const t = this.displayController.shouldShowStats() && this.statsText ? this.dataController.formatStatsText(this.statsText) : "", r = this.dataController.hasLocalStats() ? At : Me;
+    const t = this.displayController.shouldShowStats() && this.statsText ? this.dataController.formatStatsText(this.statsText) : "", r = this.dataController.hasLocalStats() ? St : _e;
     return c`
       <button
         class="pc-inline-trigger"
@@ -4103,7 +4110,7 @@ let I = class extends m {
       };
       return c`
             <button
-              class=${y(i)}
+              class=${w(i)}
               @click=${() => this.handlePopoverNumberClick(r)}
               @mouseenter=${() => this.handleNumberHover(r)}
               @mouseleave=${this.handleNumberLeave}
@@ -4137,7 +4144,7 @@ let I = class extends m {
         @keydown="${(e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.displayController.toggleChartVisibility());
     }}"
-        >${this.displayController.isChartVisible ? Qt : Jt}</span
+        >${this.displayController.isChartVisible ? Gt : Kt}</span
       >
     `;
   }
@@ -4156,7 +4163,7 @@ let I = class extends m {
           aria-label="Close"
           data-testid="popover-close-button"
         >
-          ${_t}
+          ${At}
         </button>
         ${this.question ? c`<div class="pc-popover-question">${this.question}</div>` : u}
         ${this.renderPopoverNpsButtons()}
@@ -4206,16 +4213,16 @@ let I = class extends m {
   renderStandardMode() {
     const e = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
-      [`pc-flex-align-${O(this.questionPosition, this.questionAlign)}`]: !0
+      [`pc-flex-align-${_(this.questionPosition, this.questionAlign)}`]: !0
     }, t = {
       nps: !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${O(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${_(this.statsPosition, this.statsAlign)}`]: !0
     };
     return c`
-      <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()}
@@ -4229,32 +4236,32 @@ let I = class extends m {
     return this.inline ? this.renderInlineMode() : this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-I.styles = [...m.styles, It, tr];
-K([
+O.styles = [...m.styles, Tt, sr];
+Y([
   h({ type: String, attribute: "min-label" })
-], I.prototype, "minLabel", 2);
-K([
+], O.prototype, "minLabel", 2);
+Y([
   h({ type: String, attribute: "max-label" })
-], I.prototype, "maxLabel", 2);
-K([
+], O.prototype, "maxLabel", 2);
+Y([
   h({ type: String, attribute: "thank-you-msg" })
-], I.prototype, "thankYouMsg", 2);
-K([
+], O.prototype, "thankYouMsg", 2);
+Y([
   h({ type: String, attribute: "min-max-position" })
-], I.prototype, "minMaxPosition", 2);
-K([
+], O.prototype, "minMaxPosition", 2);
+Y([
   C()
-], I.prototype, "hoverValue", 2);
-K([
+], O.prototype, "hoverValue", 2);
+Y([
   C()
-], I.prototype, "popoverOpen", 2);
-K([
-  bt(".pc-inline-trigger")
-], I.prototype, "triggerElement", 2);
-I = K([
-  W("pc-nps")
-], I);
-const ur = V`
+], O.prototype, "popoverOpen", 2);
+Y([
+  ft(".pc-inline-trigger")
+], O.prototype, "triggerElement", 2);
+O = Y([
+  F("pc-nps")
+], O);
+const mr = R`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-container {
@@ -4639,21 +4646,21 @@ const ur = V`
     opacity: 0.8;
   }
 `;
-var hr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, wt = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? fr(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var vr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, mt = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? br(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 && hr(t, o, s), s;
+  return r && s && vr(t, o, s), s;
 };
-let et = class extends m {
+let X = class extends m {
   constructor() {
-    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";
+    super(), this.type = $.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-${O("bottom", this.statsAlign)}`]: !0
+      [`pc-flex-content-${_("bottom", this.statsAlign)}`]: !0
     };
-    return c`<div class="${y(t)}" data-testid="pc-status">
+    return c`<div class="${w(t)}" data-testid="pc-status">
       <span>${this.renderStatsText()} ${this.renderEditToggleIcon("stats-edit-button")}</span>
     </div>`;
   }
@@ -4668,7 +4675,7 @@ let et = class extends m {
     }, t = this.displayController.shouldDisableSubmitButton();
     return c`
       <button
-        class="${y(e)}"
+        class="${w(e)}"
         data-testid="pc-submit-button"
         @click="${this.handleSubmit}"
         ?disabled="${t}"
@@ -4702,16 +4709,16 @@ let et = class extends m {
    */
   renderOptionIcon(e) {
     if (!(e != null && e.icon)) return "";
-    const t = ee.DECORATIVE, o = (e == null ? void 0 : e.label) || "", r = e ? this.dataController.isValueSelected(e.value) : !1, s = je(e == null ? void 0 : e.icon, {
+    const t = Xt.DECORATIVE, o = (e == null ? void 0 : e.label) || "", r = e ? this.dataController.isValueSelected(e.value) : !1, s = qe(e == null ? void 0 : e.icon, {
       type: t,
       alt: o,
       isSelected: r
     });
-    return Ve(e == null ? void 0 : e.icon) ? c`<span
+    return De(e == null ? void 0 : e.icon) ? c`<span
         class="poll-option-icon"
         aria-hidden="${s.ariaHidden ? "true" : "false"}"
         >${e == null ? void 0 : e.icon}</span
-      >` : Ot(e == null ? void 0 : e.icon) ? c`<img
+      >` : Pt(e == null ? void 0 : e.icon) ? c`<img
         src="${e == null ? void 0 : e.icon}"
         alt="${s.alt}"
         class="poll-option-icon-img"
@@ -4727,7 +4734,7 @@ let et = class extends m {
    * Renders the selection indicator (checkbox or radio button) with proper ARIA roles
    */
   renderSelectionIndicator() {
-    const e = this.multiple ? N.CHECKBOX : N.RADIO;
+    const e = this.multiple ? M.CHECKBOX : M.RADIO;
     return this.multiple ? c`<span class="poll-checkbox" role="${e}"></span>` : c`<span class="poll-radio" role="${e}"></span>`;
   }
   /**
@@ -4739,7 +4746,7 @@ let et = class extends m {
       selected: o,
       "poll-option--compact": this.compact,
       "poll-option--disabled": r
-    }, i = t + 1, a = `poll-${this.type}-${i}`, l = Oo(
+    }, i = t + 1, a = `poll-${this.type}-${i}`, l = zo(
       e.label,
       o,
       r,
@@ -4749,7 +4756,7 @@ let et = class extends m {
     return c`
       <button
         data-testid="poll-option-i${t}"
-        class="${y(s)}"
+        class="${w(s)}"
         @click="${(n) => {
       n.stopPropagation(), this.handleClick(e);
     }}"
@@ -4773,13 +4780,13 @@ let et = class extends m {
    */
   renderPollOptions() {
     var s;
-    const e = this.multiple ? N.GROUP : N.RADIOGROUP, t = this.question || this.name || "Options", o = it({
+    const e = this.multiple ? M.GROUP : M.RADIOGROUP, t = this.question || this.name || "Options", o = et({
       role: e,
       ariaLabel: t
     });
     return c`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-option-container"
@@ -4796,21 +4803,21 @@ let et = 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, 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;
+      const b = e[p.value] || 0, y = o > 0 ? Math.round(b / o * 100) : 0, x = (t[p.value] || 0) > 0;
       return {
         option: p,
         index: f,
         voteCount: b,
-        percentage: w,
-        isSelected: E
+        percentage: y,
+        isSelected: x
       };
-    }), s = this.multiple ? N.GROUP : N.RADIOGROUP, i = this.question || this.name || "Options", a = it({
+    }), s = this.multiple ? M.GROUP : M.RADIOGROUP, i = this.question || this.name || "Options", a = et({
       role: s,
       ariaLabel: i
     });
     return c`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-chart-container"
@@ -4826,7 +4833,7 @@ let et = class extends m {
       };
       return c`
             <div
-              class="${y(f)}"
+              class="${w(f)}"
               data-testid="poll-chart-item-${p.index}"
               role="listitem"
               aria-label="${p.option.label}: ${p.percentage}% (${p.voteCount} votes)"
@@ -4897,7 +4904,7 @@ let et = class extends m {
    * Shows add icon when no selection, edit icon when user has submitted
    */
   renderInlineTrigger() {
-    const t = this.displayController.shouldShowStats() && this.statsText ? this.dataController.formatStatsText(this.statsText) : "", r = this.dataController.hasLocalStats() ? At : Me;
+    const t = this.displayController.shouldShowStats() && this.statsText ? this.dataController.formatStatsText(this.statsText) : "", r = this.dataController.hasLocalStats() ? St : _e;
     return c`
       <button
         class="pc-inline-trigger"
@@ -4956,7 +4963,7 @@ let et = class extends m {
           aria-label="Close"
           data-testid="popover-close-button"
         >
-          ${_t}
+          ${At}
         </button>
         ${this.question ? c`<div class="pc-popover-question">${this.question}</div>` : u}
         ${e ? this.renderBarChart() : this.renderPollOptions()}
@@ -4973,7 +4980,7 @@ let et = class extends m {
                     @keydown=${(s) => {
       (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.handlePopoverEditClick());
     }}
-                    >${At}</span
+                    >${St}</span
                   >` : u}
             </div>` : u}
       </div>
@@ -5030,25 +5037,25 @@ let et = class extends m {
    * Render standard mode - original behavior
    */
   renderStandardMode() {
-    const e = O(this.questionPosition, this.questionAlign), t = {
+    const e = _(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = O(this.statsPosition, this.statsAlign), r = {
+    }, o = _(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
-    }, s = it({
-      role: N.REGION,
+    }, s = et({
+      role: M.REGION,
       ariaLabel: this.question || this.name || "Poll"
     });
     return c`
       <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()}
@@ -5059,23 +5066,23 @@ let et = class extends m {
     return this.inline ? this.renderInlineMode() : this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-et.styles = [...m.styles, It, ur];
-wt([
+X.styles = [...m.styles, Tt, mr];
+mt([
   h({ type: Boolean })
-], et.prototype, "multiple", 2);
-wt([
+], X.prototype, "multiple", 2);
+mt([
   h({ type: Boolean })
-], et.prototype, "compact", 2);
-wt([
+], X.prototype, "compact", 2);
+mt([
   C()
-], et.prototype, "popoverOpen", 2);
-wt([
-  bt(".pc-inline-trigger")
-], et.prototype, "triggerElement", 2);
-et = wt([
-  W("pc-poll")
-], et);
-const gr = V`
+], X.prototype, "popoverOpen", 2);
+mt([
+  ft(".pc-inline-trigger")
+], X.prototype, "triggerElement", 2);
+X = mt([
+  F("pc-poll")
+], X);
+const yr = R`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-section {
@@ -5262,10 +5269,10 @@ const gr = V`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ye = "important", mr = " !" + Ye, vr = He(class extends Fe {
+const We = "important", wr = " !" + We, xr = Fe(class extends Ye {
   constructor(e) {
     var t;
-    if (super(e), e.type !== qe.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(e), e.type !== He.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(e) {
     return Object.keys(e).reduce((t, o) => {
@@ -5281,14 +5288,14 @@ const Ye = "important", mr = " !" + Ye, vr = He(class extends Fe {
       const s = t[r];
       if (s != null) {
         this.ft.add(r);
-        const i = typeof s == "string" && s.endsWith(mr);
-        r.includes("-") || i ? o.setProperty(r, i ? s.slice(0, -11) : s, i ? Ye : "") : o[r] = s;
+        const i = typeof s == "string" && s.endsWith(wr);
+        r.includes("-") || i ? o.setProperty(r, i ? s.slice(0, -11) : s, i ? We : "") : o[r] = s;
       }
     }
-    return F;
+    return j;
   }
 });
-function Ct(e, t = {}) {
+function wt(e, t = {}) {
   if (!e || e.length === 0)
     return c`<div class="pc-bar-chart pc-bar-chart--empty">No data available</div>`;
   const o = Math.max(...e.map((i) => i.value)), s = { ...{
@@ -5317,7 +5324,7 @@ function Ct(e, t = {}) {
     </div>
   `;
 }
-const Ee = {
+const $e = {
   // Faces
   smile: "😊",
   laugh: "😄",
@@ -5460,21 +5467,21 @@ const Ee = {
   hiking: "🥾",
   yoga: "🧘"
 };
-function Pt(e) {
+function kt(e) {
   let t = "❓", o = !1;
-  return e ? e in Ee ? t = Ee[e] : Ve(e) ? t = e : Ot(e) ? (o = !0, t = e) : /^\w+@\w+$/.test(e) ? t = e : e.endsWith(".svg") && !e.includes("/") ? (t = `https://cdn.jsdelivr.net/npm/@mdi/svg@7.4.47/svg/${e}`, o = !0) : t = e : t = "❓", {
+  return e ? e in $e ? t = $e[e] : De(e) ? t = e : Pt(e) ? (o = !0, t = e) : /^\w+@\w+$/.test(e) ? t = e : e.endsWith(".svg") && !e.includes("/") ? (t = `https://cdn.jsdelivr.net/npm/@mdi/svg@7.4.47/svg/${e}`, o = !0) : t = e : t = "❓", {
     icon: t,
     isRemoteImage: o
   };
 }
-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--)
+var $r = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, st = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Sr(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;
+  return r && s && $r(t, o, s), s;
 };
-let Y = class extends m {
+let q = class extends m {
   constructor() {
-    super(), this.type = x.stars, this.icon = "★", this.numStars = 5, this.hoverValue = -1, this.popoverOpen = !1, this.handleStarKeyDown = (e) => {
+    super(), this.type = $.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");
@@ -5495,14 +5502,14 @@ let Y = class extends m {
    * Renders the star icon using resolveIcon for emoji, URL, or MDI support
    */
   renderStarIcon() {
-    const { icon: e, isRemoteImage: t } = Pt(this.icon);
+    const { icon: e, isRemoteImage: t } = kt(this.icon);
     return t ? c`<img class="star-icon-img" src="${e}" alt="star" />` : e;
   }
   /**
    * Gets the resolved icon string (for use in chart labels)
    */
   getResolvedIconString() {
-    const { icon: e, isRemoteImage: t } = Pt(this.icon);
+    const { icon: e, isRemoteImage: t } = kt(this.icon);
     return t ? "★" : e;
   }
   /**
@@ -5513,22 +5520,22 @@ let Y = 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), f = d <= p || d <= (this.hoverValue || 0), b = !e && !f && d === Math.ceil(i) && i % 1 !== 0, w = {
+      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, y = {
         star: !0,
         selected: f,
         partial: b,
         "view-mode": !a
-      }, E = b ? { "--partial-fill": `${i % 1 * 100}%` } : {}, M = e ? () => this.handlePopoverStarClick(d) : () => this.handleStarClick(d);
+      }, x = b ? { "--partial-fill": `${i % 1 * 100}%` } : {}, A = 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=${y(w)}
-            style=${vr(E)}
+            class=${w(y)}
+            style=${xr(x)}
             role="${a ? "button" : "presentation"}"
             tabindex="${a ? "0" : ""}"
             aria-label="${a ? `Rate ${d} star${d > 1 ? "s" : ""}` : ""}"
-            @click="${M}"
+            @click="${A}"
             @mouseenter="${() => this.handleStarHover(d)}"
             @focus="${() => this.handleStarHover(d)}"
             @mouseleave="${this.handleStarLeave}"
@@ -5552,7 +5559,7 @@ let Y = class extends m {
       label: n,
       value: d,
       icon: r
-    })), a = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", l = Ct(s, {
+    })), a = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", l = wt(s, {
       barColor: a,
       labelFormatter: (n) => `${n.label} ${n.icon}`,
       valueFormatter: (n) => `${o > 0 ? Math.round(n.value / o * 100) : 0}%`
@@ -5619,7 +5626,7 @@ let Y = class extends m {
     };
     return c`
       <button
-        class=${y(i)}
+        class=${w(i)}
         @click=${() => {
       this.popoverOpen = !0;
     }}
@@ -5652,7 +5659,7 @@ let Y = class extends m {
           aria-label="Close"
           data-testid="popover-close-button"
         >
-          ${_t}
+          ${At}
         </button>
         ${this.question ? c`<div class="pc-popover-question">${this.question}</div>` : u}
         ${this.renderStars(!0)}
@@ -5675,7 +5682,7 @@ let Y = class extends m {
       label: n,
       value: d,
       icon: r
-    })), a = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", l = Ct(s, {
+    })), a = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", l = wt(s, {
       barColor: a,
       labelFormatter: (n) => `${n.label} ${n.icon}`,
       valueFormatter: (n) => `${o > 0 ? Math.round(n.value / o * 100) : 0}%`
@@ -5701,7 +5708,7 @@ let Y = class extends m {
         @keydown="${(e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.displayController.toggleChartVisibility());
     }}"
-        >${this.displayController.isChartVisible ? Qt : Jt}</span
+        >${this.displayController.isChartVisible ? Gt : Kt}</span
       >
     `;
   }
@@ -5744,7 +5751,7 @@ let Y = class extends m {
       label: n,
       value: d,
       icon: r
-    })), a = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", l = Ct(s, {
+    })), a = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", l = wt(s, {
       barColor: a,
       labelFormatter: (n) => `${n.label} ${n.icon}`,
       valueFormatter: (n) => `${o > 0 ? Math.round(n.value / o * 100) : 0}%`
@@ -5759,18 +5766,18 @@ let Y = class extends m {
    * Render standard mode - original behavior
    */
   renderStandardMode() {
-    const e = O(this.questionPosition, this.questionAlign), t = {
+    const e = _(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = O(this.statsPosition, this.statsAlign), r = {
+    }, 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 ${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()}
           ${s ? this.renderStars() : u} ${this.renderStatusAtEnd()}
         </div>
@@ -5782,26 +5789,26 @@ let Y = class extends m {
     return this.inline ? this.renderInlineMode() : this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-Y.styles = [...m.styles, It, gr];
-lt([
+q.styles = [...m.styles, Tt, yr];
+st([
   h({ type: String })
-], Y.prototype, "icon", 2);
-lt([
+], q.prototype, "icon", 2);
+st([
   h({ type: Number, attribute: "num-stars" })
-], Y.prototype, "numStars", 2);
-lt([
+], q.prototype, "numStars", 2);
+st([
   C()
-], Y.prototype, "hoverValue", 2);
-lt([
+], q.prototype, "hoverValue", 2);
+st([
   C()
-], Y.prototype, "popoverOpen", 2);
-lt([
-  bt(".pc-inline-trigger")
-], Y.prototype, "triggerElement", 2);
-Y = lt([
-  W("pc-stars")
-], Y);
-const wr = V`
+], q.prototype, "popoverOpen", 2);
+st([
+  ft(".pc-inline-trigger")
+], q.prototype, "triggerElement", 2);
+q = st([
+  F("pc-stars")
+], q);
+const Cr = R`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, var(--default-font-size-small));
@@ -6064,15 +6071,15 @@ const wr = V`
       animation: none;
     }
   }
-`, xr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M480-480Zm0%20400q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q43%200%2083%208.5t77%2024.5v90q-35-20-75.5-31.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-32-6.5-62T776-600h86q9%2029%2013.5%2058.5T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm320-600v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM620-520q25%200%2042.5-17.5T680-580q0-25-17.5-42.5T620-640q-25%200-42.5%2017.5T560-580q0%2025%2017.5%2042.5T620-520Zm-280%200q25%200%2042.5-17.5T400-580q0-25-17.5-42.5T340-640q-25%200-42.5%2017.5T280-580q0%2025%2017.5%2042.5T340-520Zm140%20260q68%200%20123.5-38.5T684-400H276q25%2063%2080.5%20101.5T480-260Z'/%3e%3c/svg%3e";
-var $r = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, zt = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Sr(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+`, kr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M480-480Zm0%20400q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q43%200%2083%208.5t77%2024.5v90q-35-20-75.5-31.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-32-6.5-62T776-600h86q9%2029%2013.5%2058.5T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm320-600v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM620-520q25%200%2042.5-17.5T680-580q0-25-17.5-42.5T620-640q-25%200-42.5%2017.5T560-580q0%2025%2017.5%2042.5T620-520Zm-280%200q25%200%2042.5-17.5T400-580q0-25-17.5-42.5T340-640q-25%200-42.5%2017.5T280-580q0%2025%2017.5%2042.5T340-520Zm140%20260q68%200%20123.5-38.5T684-400H276q25%2063%2080.5%20101.5T480-260Z'/%3e%3c/svg%3e";
+var Er = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, _t = (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 && $r(t, o, s), s;
+  return r && s && Er(t, o, s), s;
 };
-let nt = class extends m {
+let rt = class extends m {
   constructor() {
-    super(), this.type = x.reaction, this.showCounts = !1, this.compact = !1, this.popupPosition = "auto", this.hasEditButton = !1, this.statsText = "{count} votes", this.buttonRadius = "990px", this.muteColor = "#cccccc", this.questionPosition = "top", this.statsPosition = "right", this.popupPosition = "auto";
+    super(), this.type = $.reaction, this.showCounts = !1, this.compact = !1, this.popupPosition = "auto", this.hasEditButton = !1, this.statsText = "{count} votes", this.buttonRadius = "990px", this.muteColor = "#cccccc", this.questionPosition = "top", this.statsPosition = "right", this.popupPosition = "auto";
   }
   /**
    * Get the display count for a specific reaction including local optimistic updates
@@ -6094,7 +6101,7 @@ let nt = class extends m {
    * Renders the icon for a reaction
    */
   renderReactionIcon(e, t) {
-    const { icon: o, isRemoteImage: r } = Pt(e), s = ee.FUNCTIONAL, i = t.tooltip || `${t.value} reaction`, a = je(o, {
+    const { icon: o, isRemoteImage: r } = kt(e), s = Xt.FUNCTIONAL, i = t.tooltip || `${t.value} reaction`, a = qe(o, {
       type: s,
       alt: i,
       ariaLabel: i,
@@ -6121,7 +6128,7 @@ let nt = class extends m {
     }, l = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
     return c`
       <button
-        class="${y(a)}"
+        class="${w(a)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${s}"
         aria-pressed="${o}"
@@ -6148,7 +6155,7 @@ let nt = class extends m {
         aria-expanded="${this.displayController.shouldShowReactionPopover()}"
         aria-haspopup="true"
       >
-        <img src="${xr}" alt="" class="trigger-icon" />
+        <img src="${kr}" alt="" class="trigger-icon" />
       </button>
     `;
   }
@@ -6163,7 +6170,7 @@ let nt = class extends m {
       bottom: this.popupPosition === "bottom" || this.popupPosition === "auto" && !this.shouldShowPopoverOnTop()
     };
     return c`
-      <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);
@@ -6210,7 +6217,7 @@ let nt = class extends m {
         (o) => this.dataController.isValueSelected(o.value)
       );
       return c`
-        <div class="${y(e)}">
+        <div class="${w(e)}">
           ${t.length > 0 ? c`
                 <div class="reaction-list">
                   ${t.map(
@@ -6223,7 +6230,7 @@ let nt = class extends m {
       `;
     } else
       return c`
-        <div class="${y(e)}">
+        <div class="${w(e)}">
           <div class="reaction-list">
             ${this.options.map((t) => this.renderReactionButton(t, this.showCounts))}
           </div>
@@ -6246,7 +6253,7 @@ let nt = class extends m {
         icon: (p == null ? void 0 : p.icon) || n
         // Use the icon or fall back to reaction value
       };
-    }), r = getComputedStyle(this), s = r.getPropertyValue("--pc-primary-color").trim(), a = r.getPropertyValue("--pc-accent-color").trim() || s || "#ffc107", l = Ct(o, {
+    }), r = getComputedStyle(this), s = r.getPropertyValue("--pc-primary-color").trim(), a = r.getPropertyValue("--pc-accent-color").trim() || s || "#ffc107", l = wt(o, {
       barColor: a,
       labelFormatter: (n) => `${n.label}`,
       valueFormatter: (n) => `${e.totalCount > 0 ? Math.round(n.value / e.totalCount * 100) : 0}%`
@@ -6287,18 +6294,18 @@ let nt = class extends m {
    * (Reactions are inherently inline, so inline mode = standard mode)
    */
   renderStandardMode() {
-    const e = O(this.questionPosition, this.questionAlign), t = {
+    const e = _(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = O(this.statsPosition, this.statsAlign), r = {
+    }, o = _(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
     };
     return c`
-      <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>
@@ -6310,36 +6317,35 @@ let nt = class extends m {
     return this.readonly ? this.renderReadonlyMode() : this.renderStandardMode();
   }
 };
-nt.styles = [...m.styles, It, wr];
-zt([
+rt.styles = [...m.styles, Tt, Cr];
+_t([
   h({ type: Boolean, attribute: "show-counts" })
-], nt.prototype, "showCounts", 2);
-zt([
+], rt.prototype, "showCounts", 2);
+_t([
   h({ type: Boolean, reflect: !0 })
-], nt.prototype, "compact", 2);
-zt([
+], rt.prototype, "compact", 2);
+_t([
   h({ type: String, attribute: "popup-position" })
-], nt.prototype, "popupPosition", 2);
-nt = zt([
-  W("pc-reaction")
-], nt);
-function dt(e, t, o = void 0) {
+], rt.prototype, "popupPosition", 2);
+rt = _t([
+  F("pc-reaction")
+], rt);
+function nt(e, t, o = void 0) {
   const r = e.getAttribute(t);
   return r === null ? o : r == null ? void 0 : r.trim();
 }
-function Cr(e, t = void 0) {
+function Pr(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, 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--)
+var Tr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, it = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? _r(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;
+  return r && s && Tr(t, o, s), s;
 };
-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 {
+let H = class extends N {
   constructor() {
-    super(), this.options = "", this.parsedOptions = [], this.isPrefetching = !1, z.injectGlobalStyle();
+    super(), this.options = "", this.parsedOptions = [], this.isPrefetching = !1, H.injectGlobalStyle();
   }
   /**
    * Inject global style to hide poll-catch-option elements
@@ -6364,63 +6370,52 @@ let z = class extends B {
     return this;
   }
   connectedCallback() {
-    super.connectedCallback(), this.widgetId && !this.type && !this.dataFunc && this.prefetchWidgetConfig();
+    super.connectedCallback(), this.widgetId && (this.type = void 0, this.prefetchWidgetConfig());
   }
   forceUpdate() {
     this.forwardAttributesToWidget(), this.forwardOptionsToWidget();
   }
   /**
-   * After first render, forward attributes to the child widget and hide slots
-   */
-  firstUpdated() {
-    this.forceUpdate();
-  }
-  /**
-   * Called when attributes are directly changed on the element
-   * This handles cases where attributes are modified via DOM manipulation
+   * Runs synchronously after every render cycle.
+   * Always forwards attributes so the child widget has them (especially widget-id)
+   * BEFORE DataController's async loadStats() fires. This is critical because
+   * loadStats() starts in hostConnected() and yields at its first await — if
+   * attributes aren't set by then, validation fails.
+   *
+   * Options are only forwarded when type or options change to avoid an infinite
+   * loop (forwardOptionsToWidget sets parsedOptions, a @state).
    */
-  attributeChangedCallback(e, t, o) {
-    super.attributeChangedCallback(e, t, o), this.updateComplete.then(() => {
-      this.forwardAttributesToWidget();
-    });
+  updated(e) {
+    this.forwardAttributesToWidget(), (e.has("type") || e.has("options")) && this.forwardOptionsToWidget();
   }
   /**
    * Prefetch widget config from the API to determine widget type
    */
   async prefetchWidgetConfig() {
     var e, t;
-    if (!this.widgetId || !Ar.test(this.widgetId)) {
+    if (!this.widgetId || !Be.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 },
+      const o = await je({ type: "registered", widgetId: this.widgetId }), r = (e = o.data) == null ? void 0 : e.config, s = (t = o.data) == null ? void 0 : t.stats;
+      if (!(r != null && r.type) || !Object.values($).includes(r.type))
+        throw new Error(`Invalid widget type from server: ${r == null ? void 0 : r.type}`);
+      Zo(this.widgetId, {
+        config: { type: r.type, attributes: r.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)
+          count: (s == null ? void 0 : s.count) ?? 0,
+          sum: (s == null ? void 0 : s.sum) ?? 0,
+          breakdown: (s == null ? void 0 : s.breakdown) ?? {},
+          updatedAt: (s == null ? void 0 : s.updatedAt) || (s == null ? void 0 : s.updated_at)
         }
-      }), this.type = a.type;
+      }), this.type = r.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
@@ -6439,16 +6434,16 @@ let z = class extends B {
     const e = this.querySelector("pc-poll, pc-reaction");
     if (!e) return;
     const t = this.querySelectorAll("poll-catch-option");
-    let r = qo(this.options).map((s) => ({
+    let r = Re(this.options).map((s) => ({
       value: s,
       label: s,
       icon: e.tagName === "PC-REACTION" ? s : void 0
       // REACTION widget uses options for the icon
     }));
     t && t.length > 0 && (r = Array.from(t).map((s) => {
-      const i = 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 };
+      const i = nt(s, "value", "") || "", a = nt(s, "label", Pr(s, i)) || "", l = nt(s, "icon", void 0), n = nt(s, "tooltip", void 0), d = nt(s, "disabled", void 0), p = { value: i, label: a };
       if (l !== void 0) {
-        const f = Pt(l);
+        const f = kt(l);
         p.icon = f.icon;
       }
       return n !== void 0 && (p.tooltip = n), d !== void 0 && (p.disabled = !0), p;
@@ -6461,13 +6456,13 @@ let z = class extends B {
     if (this.isPrefetching)
       return u;
     switch (this.type) {
-      case x.nps:
+      case $.nps:
         return c`<pc-nps></pc-nps>`;
-      case x.poll:
+      case $.poll:
         return c`<pc-poll .options=${this.parsedOptions}></pc-poll>`;
-      case x.stars:
+      case $.stars:
         return c`<pc-stars></pc-stars>`;
-      case x.reaction:
+      case $.reaction:
         return c`<pc-reaction .options=${this.parsedOptions}></pc-reaction>`;
       default:
         return this.widgetId || console.warn(
@@ -6476,30 +6471,24 @@ let z = class extends B {
     }
   }
 };
-G([
+it([
   h({ type: String })
-], z.prototype, "type", 2);
-G([
+], H.prototype, "type", 2);
+it([
   h({ type: String })
-], z.prototype, "options", 2);
-G([
+], H.prototype, "options", 2);
+it([
   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([
+], H.prototype, "widgetId", 2);
+it([
   C()
-], z.prototype, "parsedOptions", 2);
-G([
+], H.prototype, "parsedOptions", 2);
+it([
   C()
-], z.prototype, "isPrefetching", 2);
-z = G([
-  W("poll-catch")
-], z);
+], H.prototype, "isPrefetching", 2);
+H = it([
+  F("poll-catch")
+], H);
 export {
-  z as PollCatch
+  H as PollCatch
 };