pollcatch 2.0.2 → 2.1.0

package/package.json

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

package/pc.js

@@ -3,16 +3,16 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const it = globalThis, At = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, kt = Symbol(), Lt = /* @__PURE__ */ new WeakMap();
+const it = globalThis, kt = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, At = Symbol(), Lt = /* @__PURE__ */ new WeakMap();
 let ae = class {
   constructor(t, o, r) {
-    if (this._$cssResult$ = !0, r !== kt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, r !== At) 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 (At && t === void 0) {
+    if (kt && t === void 0) {
       const r = o !== void 0 && o.length === 1;
       r && (t = Lt.get(o)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Lt.set(o, t));
     }
@@ -22,33 +22,33 @@ let ae = class {
     return this.cssText;
   }
 };
-const Ae = (e) => new ae(typeof e == "string" ? e : e + "", void 0, kt), H = (e, ...t) => {
+const ke = (e) => new ae(typeof e == "string" ? e : e + "", void 0, At), F = (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 ae(o, e, kt);
-}, ke = (e, t) => {
-  if (At) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  return new ae(o, e, At);
+}, Ae = (e, t) => {
+  if (kt) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
   else for (const o of t) {
     const r = document.createElement("style"), s = it.litNonce;
     s !== void 0 && r.setAttribute("nonce", s), r.textContent = o.cssText, e.appendChild(r);
   }
-}, Rt = At ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Rt = kt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let o = "";
   for (const r of t.cssRules) o += r.cssText;
-  return Ae(o);
+  return ke(o);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _e, defineProperty: Ee, getOwnPropertyDescriptor: Pe, getOwnPropertyNames: Oe, getOwnPropertySymbols: Te, getPrototypeOf: ze } = Object, O = globalThis, Ut = O.trustedTypes, Ne = Ut ? Ut.emptyScript : "", ft = O.reactiveElementPolyfillSupport, K = (e, t) => e, at = { toAttribute(e, t) {
+const { is: _e, defineProperty: Ee, getOwnPropertyDescriptor: Pe, getOwnPropertyNames: Oe, getOwnPropertySymbols: Te, getPrototypeOf: ze } = Object, O = globalThis, Ut = O.trustedTypes, Ie = Ut ? Ut.emptyScript : "", ft = O.reactiveElementPolyfillSupport, K = (e, t) => e, at = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Ne : null;
+      e = e ? Ie : null;
       break;
     case Object:
     case Array:
@@ -161,7 +161,7 @@ let U = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ke(t, this.constructor.elementStyles), t;
+    return Ae(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -279,22 +279,22 @@ U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[K("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G = globalThis, nt = G.trustedTypes, Bt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ne = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + E, Ie = `<${le}>`, M = document, J = () => M.createComment(""), X = (e) => e === null || typeof e != "object" && typeof e != "function", Et = Array.isArray, Me = (e) => Et(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", mt = `[ 	
-\f\r]`, Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Vt = />/g, N = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, ce = /^(?:script|style|textarea|title)$/i, Le = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), d = Le(1), T = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Ft = /* @__PURE__ */ new WeakMap(), I = M.createTreeWalker(M, 129);
+const W = globalThis, nt = W.trustedTypes, Bt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ne = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + E, Ne = `<${le}>`, M = document, X = () => M.createComment(""), Q = (e) => e === null || typeof e != "object" && typeof e != "function", Et = Array.isArray, Me = (e) => Et(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", mt = `[ 	
+\f\r]`, Z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Vt = />/g, I = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, ce = /^(?:script|style|textarea|title)$/i, Le = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), d = Le(1), T = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Ft = /* @__PURE__ */ new WeakMap(), N = M.createTreeWalker(M, 129);
 function de(e, t) {
   if (!Et(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Bt !== void 0 ? Bt.createHTML(t) : t;
 }
 const Re = (e, t) => {
   const o = e.length - 1, r = [];
-  let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Y;
+  let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Z;
   for (let n = 0; n < o; n++) {
     const l = e[n];
-    let p, c, h = -1, y = 0;
-    for (; y < l.length && (a.lastIndex = y, c = a.exec(l), c !== null); ) y = a.lastIndex, a === Y ? c[1] === "!--" ? a = Dt : c[1] !== void 0 ? a = Vt : c[2] !== void 0 ? (ce.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = N) : c[3] !== void 0 && (a = N) : a === N ? c[0] === ">" ? (a = s ?? Y, h = -1) : c[1] === void 0 ? h = -2 : (h = a.lastIndex - c[2].length, p = c[1], a = c[3] === void 0 ? N : c[3] === '"' ? Ht : qt) : a === Ht || a === qt ? a = N : a === Dt || a === Vt ? a = Y : (a = N, s = void 0);
-    const C = a === N && e[n + 1].startsWith("/>") ? " " : "";
-    i += a === Y ? l + Ie : h >= 0 ? (r.push(p), l.slice(0, h) + ne + l.slice(h) + E + C) : l + E + (h === -2 ? n : C);
+    let p, c, h = -1, w = 0;
+    for (; w < l.length && (a.lastIndex = w, c = a.exec(l), c !== null); ) w = a.lastIndex, a === Z ? c[1] === "!--" ? a = Dt : c[1] !== void 0 ? a = Vt : c[2] !== void 0 ? (ce.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = I) : c[3] !== void 0 && (a = I) : a === I ? c[0] === ">" ? (a = s ?? Z, h = -1) : c[1] === void 0 ? h = -2 : (h = a.lastIndex - c[2].length, p = c[1], a = c[3] === void 0 ? I : c[3] === '"' ? Ht : qt) : a === Ht || a === qt ? a = I : a === Dt || a === Vt ? a = Z : (a = I, s = void 0);
+    const $ = a === I && e[n + 1].startsWith("/>") ? " " : "";
+    i += a === Z ? l + Ne : h >= 0 ? (r.push(p), l.slice(0, h) + ne + l.slice(h) + E + $) : l + E + (h === -2 ? n : $);
   }
   return [de(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -304,22 +304,22 @@ let Ct = class pe {
     this.parts = [];
     let i = 0, a = 0;
     const n = t.length - 1, l = this.parts, [p, c] = Re(t, o);
-    if (this.el = pe.createElement(p, r), I.currentNode = this.el.content, o === 2 || o === 3) {
+    if (this.el = pe.createElement(p, r), N.currentNode = this.el.content, o === 2 || o === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (s = I.nextNode()) !== null && l.length < n; ) {
+    for (; (s = N.nextNode()) !== null && l.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(ne)) {
-          const y = c[a++], C = s.getAttribute(h).split(E), L = /([.?@])?(.*)/.exec(y);
-          l.push({ type: 1, index: i, name: L[2], strings: C, ctor: L[1] === "." ? je : L[1] === "?" ? Be : L[1] === "@" ? De : ct }), s.removeAttribute(h);
+          const w = c[a++], $ = s.getAttribute(h).split(E), L = /([.?@])?(.*)/.exec(w);
+          l.push({ type: 1, index: i, name: L[2], strings: $, ctor: L[1] === "." ? je : L[1] === "?" ? Be : L[1] === "@" ? De : ct }), s.removeAttribute(h);
         } else h.startsWith(E) && (l.push({ type: 6, index: i }), s.removeAttribute(h));
         if (ce.test(s.tagName)) {
-          const h = s.textContent.split(E), y = h.length - 1;
-          if (y > 0) {
+          const h = s.textContent.split(E), w = h.length - 1;
+          if (w > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let C = 0; C < y; C++) s.append(h[C], J()), I.nextNode(), l.push({ type: 2, index: ++i });
-            s.append(h[y], J());
+            for (let $ = 0; $ < w; $++) s.append(h[$], X()), N.nextNode(), l.push({ type: 2, index: ++i });
+            s.append(h[w], X());
           }
         }
       } else if (s.nodeType === 8) if (s.data === le) l.push({ type: 2, index: i });
@@ -339,7 +339,7 @@ function D(e, t, o = e, r) {
   var a, n;
   if (t === T) return t;
   let s = r !== void 0 ? (a = o._$Co) == null ? void 0 : a[r] : o._$Cl;
-  const i = X(t) ? void 0 : t._$litDirective$;
+  const i = Q(t) ? void 0 : t._$litDirective$;
   return (s == null ? void 0 : s.constructor) !== i && ((n = s == null ? void 0 : s._$AO) == null || n.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 = D(e, s._$AS(e, t.values), s, r)), t;
 }
 let Ue = class {
@@ -354,16 +354,16 @@ let Ue = class {
   }
   u(t) {
     const { el: { content: o }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? M).importNode(o, !0);
-    I.currentNode = s;
-    let i = I.nextNode(), a = 0, n = 0, l = r[0];
+    N.currentNode = s;
+    let i = N.nextNode(), a = 0, n = 0, l = r[0];
     for (; l !== void 0; ) {
       if (a === l.index) {
         let p;
         l.type === 2 ? p = new et(i, i.nextSibling, this, t) : l.type === 1 ? p = new l.ctor(i, l.name, l.strings, this, t) : l.type === 6 && (p = new Ve(i, this, t)), this._$AV.push(p), l = r[++n];
       }
-      a !== (l == null ? void 0 : l.index) && (i = I.nextNode(), a++);
+      a !== (l == null ? void 0 : l.index) && (i = N.nextNode(), a++);
     }
-    return I.currentNode = M, s;
+    return N.currentNode = M, s;
   }
   p(t) {
     let o = 0;
@@ -390,7 +390,7 @@ class et {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    t = D(this, t, o), X(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Me(t) ? this.k(t) : this._(t);
+    t = D(this, t, o), Q(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Me(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,7 +399,7 @@ class et {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== u && X(this._$AH) ? this._$AA.nextSibling.data = t : this.T(M.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(M.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var i;
@@ -418,7 +418,7 @@ class et {
     Et(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 et(this.O(J()), this.O(J()), this, this.options)) : r = o[s], r._$AI(i), s++;
+    for (const i of t) s === o.length ? o.push(r = new et(this.O(X()), this.O(X()), 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) {
@@ -446,11 +446,11 @@ class ct {
   _$AI(t, o = this, r, s) {
     const i = this.strings;
     let a = !1;
-    if (i === void 0) t = D(this, t, o, 0), a = !X(t) || t !== this._$AH && t !== T, a && (this._$AH = t);
+    if (i === void 0) t = D(this, t, o, 0), a = !Q(t) || t !== this._$AH && t !== T, a && (this._$AH = t);
     else {
       const n = t;
       let l, p;
-      for (t = i[0], l = 0; l < i.length - 1; l++) p = D(this, n[r + l], o, l), p === T && (p = this._$AH[l]), a || (a = !X(p) || p !== this._$AH[l]), p === u ? t = u : t !== u && (t += (p ?? "") + i[l + 1]), this._$AH[l] = p;
+      for (t = i[0], l = 0; l < i.length - 1; l++) p = D(this, n[r + l], o, l), p === T && (p = this._$AH[l]), a || (a = !Q(p) || p !== this._$AH[l]), p === u ? t = u : t !== u && (t += (p ?? "") + i[l + 1]), this._$AH[l] = p;
     }
     a && !s && this.j(t);
   }
@@ -499,14 +499,14 @@ class Ve {
     D(this, t);
   }
 }
-const bt = G.litHtmlPolyfillSupport;
-bt == null || bt(Ct, et), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.2.1");
+const bt = W.litHtmlPolyfillSupport;
+bt == null || bt(Ct, et), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.2.1");
 const qe = (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 et(t.insertBefore(J(), i), i, void 0, o ?? {});
+    r._$litPart$ = s = new et(t.insertBefore(X(), i), i, void 0, o ?? {});
   }
   return s._$AI(e), s;
 };
@@ -595,20 +595,20 @@ function f(e) {
 function Pt(e) {
   return f({ ...e, state: !0, attribute: !1 });
 }
-var $ = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))($ || {});
-const Ye = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M640-160v-280h160v280H640Zm-240%200v-640h160v640H400Zm-240%200v-440h160v440H160Z'/%3e%3c/svg%3e", Ze = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M160-160v-440h160v440H160Zm240%200v-400l160%20160v240H400Zm160-354L400-674v-126h160v286Zm240%20240L640-434v-6h160v166Zm-9%20219L55-791l57-57%20736%20736-57%2057Z'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='currentColor'%3e%3cpath%20d='M200-200h57l391-391-57-57-391%20391v57Zm-80%2080v-170l528-527q12-11%2026.5-17t30.5-6q16%200%2031%206t26%2018l55%2056q12%2011%2017.5%2026t5.5%2030q0%2016-5.5%2030.5T817-647L290-120H120Zm640-584-56-56%2056%2056Zm-141%2085-28-29%2057%2057-29-28Z'/%3e%3c/svg%3e", Ge = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23666666'%20class='bi%20bi-x'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e";
-var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
+var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
+const Ye = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M640-160v-280h160v280H640Zm-240%200v-640h160v640H400Zm-240%200v-440h160v440H160Z'/%3e%3c/svg%3e", Ze = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M160-160v-440h160v440H160Zm240%200v-400l160%20160v240H400Zm160-354L400-674v-126h160v286Zm240%20240L640-434v-6h160v166Zm-9%20219L55-791l57-57%20736%20736-57%2057Z'/%3e%3c/svg%3e", Ge = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='currentColor'%3e%3cpath%20d='M200-200h57l391-391-57-57-391%20391v57Zm-80%2080v-170l528-527q12-11%2026.5-17t30.5-6q16%200%2031%206t26%2018l55%2056q12%2011%2017.5%2026t5.5%2030q0%2016-5.5%2030.5T817-647L290-120H120Zm640-584-56-56%2056%2056Zm-141%2085-28-29%2057%2057-29-28Z'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23666666'%20class='bi%20bi-x'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e";
+var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
-}, w = function(e, t, o) {
+}, y = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = Math.pow(10, t)), Math.round(o * e) / o + 0;
-}, x = function(e, t, o) {
+}, S = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = 1), e > o ? o : e > t ? e : t;
 }, ue = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
 }, Yt = function(e) {
-  return { r: x(e.r, 0, 255), g: x(e.g, 0, 255), b: x(e.b, 0, 255), a: x(e.a) };
+  return { r: S(e.r, 0, 255), g: S(e.g, 0, 255), b: S(e.b, 0, 255), a: S(e.a) };
 }, vt = function(e) {
-  return { r: w(e.r), g: w(e.g), b: w(e.b), a: w(e.a, 3) };
+  return { r: y(e.r), g: y(e.g), b: y(e.b), a: y(e.a, 3) };
 }, Je = /^#([0-9a-f]{3,8})$/i, rt = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
@@ -621,18 +621,18 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
   var i = Math.floor(t), a = r * (1 - o), n = r * (1 - (t - i) * o), l = r * (1 - (1 - t + i) * o), p = i % 6;
   return { r: 255 * [r, n, a, a, l, r][p], g: 255 * [l, r, r, n, a, a][p], b: 255 * [a, a, l, r, r, n][p], a: s };
 }, Zt = function(e) {
-  return { h: ue(e.h), s: x(e.s, 0, 100), l: x(e.l, 0, 100), a: x(e.a) };
-}, Kt = function(e) {
-  return { h: w(e.h), s: w(e.s), l: w(e.l), a: w(e.a, 3) };
+  return { h: ue(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
 }, Gt = function(e) {
+  return { h: y(e.h), s: y(e.s), l: y(e.l), a: y(e.a, 3) };
+}, Kt = function(e) {
   return fe((o = (t = e).s, { h: t.h, s: (o *= ((r = t.l) < 50 ? r : 100 - r) / 100) > 0 ? 2 * o / (r + o) * 100 : 0, v: r + o, a: t.a }));
   var t, o, r;
-}, W = function(e) {
+}, J = function(e) {
   return { h: (t = he(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;
 }, Xe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, to = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, eo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Wt = { string: [[function(e) {
   var t = Je.exec(e);
-  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? w(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 ? w(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? y(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 ? y(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = to.exec(e) || eo.exec(e);
   return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Yt({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
@@ -640,20 +640,20 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
   var t = Xe.exec(e) || Qe.exec(e);
   if (!t) return null;
   var o, r, s = Zt({ h: (o = t[1], r = t[2], r === void 0 && (r = "deg"), Number(o) * (We[r] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
-  return Gt(s);
+  return Kt(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 k(t) && k(o) && k(r) ? Yt({ r: Number(t), g: Number(o), b: Number(r), a: Number(i) }) : null;
+  return A(t) && A(o) && A(r) ? Yt({ 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 (!k(t) || !k(o) || !k(r)) return null;
+  if (!A(t) || !A(o) || !A(r)) return null;
   var a = Zt({ h: Number(t), s: Number(o), l: Number(r), a: Number(i) });
-  return Gt(a);
+  return Kt(a);
 }, "hsl"], [function(e) {
   var t = e.h, o = e.s, r = e.v, s = e.a, i = s === void 0 ? 1 : s;
-  if (!k(t) || !k(o) || !k(r)) return null;
+  if (!A(t) || !A(o) || !A(r)) return null;
   var a = function(n) {
-    return { h: ue(n.h), s: x(n.s, 0, 100), v: x(n.v, 0, 100), a: x(n.a) };
+    return { h: ue(n.h), s: S(n.s, 0, 100), v: S(n.v, 0, 100), a: S(n.a) };
   }({ h: Number(t), s: Number(o), v: Number(r), a: Number(i) });
   return fe(a);
 }, "hsv"]] }, Jt = function(e, t) {
@@ -665,13 +665,13 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
 }, oo = function(e) {
   return typeof e == "string" ? Jt(e.trim(), Wt.string) : typeof e == "object" && e !== null ? Jt(e, Wt.object) : [null, void 0];
 }, yt = function(e, t) {
-  var o = W(e);
-  return { h: o.h, s: x(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
+  var o = J(e);
+  return { h: o.h, s: S(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
 }, wt = function(e) {
   return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
 }, Xt = function(e, t) {
-  var o = W(e);
-  return { h: o.h, s: o.s, l: x(o.l + 100 * t, 0, 100), a: o.a };
+  var o = J(e);
+  return { h: o.h, s: o.s, l: S(o.l + 100 * t, 0, 100), a: o.a };
 }, Qt = function() {
   function e(t) {
     this.parsed = oo(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
@@ -679,13 +679,13 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
   return e.prototype.isValid = function() {
     return this.parsed !== null;
   }, e.prototype.brightness = function() {
-    return w(wt(this.rgba), 2);
+    return y(wt(this.rgba), 2);
   }, e.prototype.isDark = function() {
     return wt(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
     return wt(this.rgba) >= 0.5;
   }, e.prototype.toHex = function() {
-    return t = vt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? rt(w(255 * i)) : "", "#" + rt(o) + rt(r) + rt(s) + a;
+    return t = vt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? rt(y(255 * i)) : "", "#" + rt(o) + rt(r) + rt(s) + a;
     var t, o, r, s, i, a;
   }, e.prototype.toRgb = function() {
     return vt(this.rgba);
@@ -693,38 +693,38 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
     return t = vt(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 Kt(W(this.rgba));
+    return Gt(J(this.rgba));
   }, e.prototype.toHslString = function() {
-    return t = Kt(W(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 = Gt(J(this.rgba)), o = t.h, r = t.s, s = t.l, (i = t.a) < 1 ? "hsla(" + o + ", " + r + "%, " + s + "%, " + i + ")" : "hsl(" + o + ", " + r + "%, " + s + "%)";
     var t, o, r, s, i;
   }, e.prototype.toHsv = function() {
-    return t = he(this.rgba), { h: w(t.h), s: w(t.s), v: w(t.v), a: w(t.a, 3) };
+    return t = he(this.rgba), { h: y(t.h), s: y(t.s), v: y(t.v), a: y(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
-    return S({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    return C({ 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), S(yt(this.rgba, t));
+    return t === void 0 && (t = 0.1), C(yt(this.rgba, t));
   }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), S(yt(this.rgba, -t));
+    return t === void 0 && (t = 0.1), C(yt(this.rgba, -t));
   }, e.prototype.grayscale = function() {
-    return S(yt(this.rgba, -1));
+    return C(yt(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), S(Xt(this.rgba, t));
+    return t === void 0 && (t = 0.1), C(Xt(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), S(Xt(this.rgba, -t));
+    return t === void 0 && (t = 0.1), C(Xt(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" ? S({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : w(this.rgba.a, 3);
+    return typeof t == "number" ? C({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : y(this.rgba.a, 3);
     var o;
   }, e.prototype.hue = function(t) {
-    var o = W(this.rgba);
-    return typeof t == "number" ? S({ h: t, s: o.s, l: o.l, a: o.a }) : w(o.h);
+    var o = J(this.rgba);
+    return typeof t == "number" ? C({ h: t, s: o.s, l: o.l, a: o.a }) : y(o.h);
   }, e.prototype.isEqual = function(t) {
-    return this.toHex() === S(t).toHex();
+    return this.toHex() === C(t).toHex();
   }, e;
-}(), S = function(e) {
+}(), C = function(e) {
   return e instanceof Qt ? e : new Qt(e);
 };
 const $t = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test";
@@ -776,7 +776,7 @@ function te(e) {
   return 0.2126 * i + 0.7152 * a + 0.0722 * n;
 }
 function ao(e, t = {}) {
-  if (!S(e).isValid())
+  if (!C(e).isValid())
     return b.warn(`Invalid color provided: ${e}`), "black";
   const {
     minContrast: r = 4.5,
@@ -797,8 +797,8 @@ function ao(e, t = {}) {
     l = a, p = c;
     for (const h of n) {
       if (h === a) continue;
-      const y = xt(e, h);
-      y > p && (p = y, l = h);
+      const w = xt(e, h);
+      w > p && (p = w, l = h);
     }
     b.warn(
       `No color option met the minimum contrast ratio of ${r}:1 against ${e}. Using ${l} with contrast ratio ${p.toFixed(2)}:1 instead.`
@@ -807,13 +807,13 @@ function ao(e, t = {}) {
   return l;
 }
 function no(e) {
-  const o = io(e) || e, r = S(o);
+  const o = io(e) || e, r = C(o);
   if (!r.isValid())
     return b.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 A(e, t) {
+function k(e, t) {
   const r = t ? {
     left: "start",
     right: "end",
@@ -909,7 +909,7 @@ function fo(e) {
   let t = e;
   return t = t.replace(/@import[^;]+;/gi, "").replace(/expression\s*\([^)]*\)/gi, "").replace(/javascript:\s*[^"'\s;]*/gi, "").replace(/url\s*\(\s*["']?data:(?!image\/[^;]+;base64,)[^"')]*["']?\s*\)/gi, "").replace(/-moz-binding\s*:[^;]+;/gi, "").replace(/behavior\s*:[^;]+;/gi, ""), t;
 }
-const ee = typeof window < "u" && window.PC_DATA_ENDPOINT || "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", mo = "pc_session_id", bo = 24 * 60 * 60 * 1e3;
+const ee = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", mo = "pc_session_id", bo = 24 * 60 * 60 * 1e3;
 function oe() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (b.warn("crypto.randomUUID not available, using fallback UUID generator"), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
@@ -1095,10 +1095,10 @@ function Co(e, t) {
     o ^= r.charCodeAt(s), o += (o << 1) + (o << 4) + (o << 7) + (o << 8) + (o << 24);
   return (o >>> 0).toString(16).padStart(8, "0");
 }
-function Ao(e, t = 50) {
+function ko(e, t = 50) {
   return e.length <= t ? e : e.substring(0, t).trim() + "...";
 }
-class ko {
+class Ao {
   constructor(t) {
     this.stats = P(), this.localStats = P(), this.isLoading = !0, this.isSubmitting = !1, (this.host = t).addController(this);
   }
@@ -1129,17 +1129,21 @@ class ko {
       const o = await this.getProjectId(), r = t.name, s = t.type;
       if (!r)
         throw new Error("Name parameter is required");
-      const i = typeof window < "u" && window.PC_DATA_FUNC;
+      let i;
+      t.dataFunc && typeof window < "u" && (i = window[t.dataFunc]);
       let a;
       if (i && typeof i == "function")
-        b.debug(`Using PC_DATA_FUNC for: ${r}`, { projectKey: o }), a = await i(o, r);
+        b.debug(`Using data function for: ${r}`, {
+          dataFuncName: t.dataFunc,
+          projectKey: o
+        }), a = await i(o, r);
       else {
-        const h = `${ee}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
-        b.debug(`Fetching stats for: ${r}`, { projectKey: o });
-        const y = await fetch(h);
-        if (!y.ok)
-          throw new Error(`API request failed with status: ${y.status}`);
-        a = await y.json();
+        const h = t.dataEndpoint || ee, w = `${h}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
+        b.debug(`Fetching stats for: ${r}`, { endpoint: h, projectKey: o });
+        const $ = await fetch(w);
+        if (!$.ok)
+          throw new Error(`API request failed with status: ${$.status}`);
+        a = await $.json();
       }
       if (!a.success)
         throw b.error("Backend returned unsuccessful response", a), new Error("Backend returned unsuccessful response");
@@ -1148,7 +1152,7 @@ class ko {
         sum: n.sum,
         avg: l,
         pct: p,
-        nps: s === $.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
+        nps: s === x.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
         breakdown: n.breakdown ?? {},
         updated: n.updated_at || (/* @__PURE__ */ new Date()).toISOString()
       };
@@ -1194,7 +1198,7 @@ class ko {
   updateStats(t, o) {
     const r = this.host;
     if (this.stats && (this.stats = wo(this.stats, this.localStats)), this.localStats = {
-      count: t > 0 || r.type === $.nps ? 1 : 0,
+      count: t > 0 || r.type === x.nps ? 1 : 0,
       // always 1 or 0
       sum: t,
       // e.g. number of stars, nps value
@@ -1230,7 +1234,7 @@ class ko {
       timestamp: o
     }, p = Co(JSON.stringify(l), o);
     try {
-      await this.sendStats({ ...l, hash: p }), await this.markStatsAsSubmitted();
+      await this.sendStats({ ...l, hash: p }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(l);
     } catch (c) {
       b.warn("Failed to send stats event", c);
     } finally {
@@ -1239,15 +1243,15 @@ class ko {
     return l;
   }
   async sendStats(t) {
-    const o = JSON.stringify(t), r = `${ee}`;
+    const o = JSON.stringify(t), s = this.host.dataEndpoint || ee;
     try {
-      if (b.debug("Sending stats", t), typeof navigator < "u" && navigator.sendBeacon)
-        if (navigator.sendBeacon(r, o)) {
+      if (b.debug("Sending stats", { endpoint: s, event: t }), typeof navigator < "u" && navigator.sendBeacon)
+        if (navigator.sendBeacon(s, o)) {
           b.debug("Successfully sent stats via sendBeacon");
           return;
         } else
           b.debug("sendBeacon failed, falling back to fetch");
-      const s = await fetch(r, {
+      const i = await fetch(s, {
         body: o,
         method: "POST",
         keepalive: !0,
@@ -1255,11 +1259,11 @@ class ko {
           "Content-Type": "application/json"
         }
       });
-      if (!s.ok)
-        throw new Error(`API request failed with status: ${s.status}`);
+      if (!i.ok)
+        throw new Error(`API request failed with status: ${i.status}`);
       b.debug("Successfully sent stats via fetch");
-    } catch (s) {
-      throw b.error("Failed to send analytics:", s), s;
+    } catch (i) {
+      throw b.error("Failed to send analytics:", i), i;
     }
   }
   /**
@@ -1274,7 +1278,7 @@ class ko {
       sum: (o == null ? void 0 : o.sum) || 0,
       avg: (o == null ? void 0 : o.avg) || 0,
       pct: (o == null ? void 0 : o.pct) || 0,
-      nps: r.type === $.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
+      nps: r.type === x.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
     };
     return b.debug("Stats data: ", this.stats), So(t, s);
   }
@@ -1302,7 +1306,7 @@ class ko {
   toggleValueSelected(t, o) {
     const r = Object.keys(this.localStats.breakdown || {}), s = r.includes(t), i = this.host;
     let a = 1;
-    if ((i.type === $.stars || i.type === $.nps) && (a = parseInt(t)), s)
+    if ((i.type === x.stars || i.type === x.nps) && (a = parseInt(t)), s)
       if (o) {
         const l = r.filter((p) => p !== t);
         this.updateStats(l.length > 0 ? 1 : 0, l);
@@ -1315,7 +1319,40 @@ class ko {
       i.question || i.name || i.type || "PollCatch Widget",
       n,
       this.isValueSelected(t)
-    );
+    ), this.dispatchChangeEvent();
+  }
+  /**
+   * Dispatches a 'change' CustomEvent on the host element
+   * This event fires whenever the user's selection changes
+   */
+  dispatchChangeEvent() {
+    const t = this.host, o = this.localStats.sum, r = Object.keys(this.localStats.breakdown || {}), s = {
+      projectId: t.project,
+      widgetType: t.type,
+      widgetName: t.name,
+      numericValue: o,
+      textValues: r,
+      tags: t.tags,
+      url: typeof window < "u" ? window.location.href : "",
+      timestamp: Math.floor(Date.now() / 1e3).toString()
+    }, i = new CustomEvent("change", {
+      detail: s,
+      bubbles: !0,
+      composed: !0
+    });
+    t.dispatchEvent(i), b.debug("Dispatched change event", s);
+  }
+  /**
+   * Dispatches a 'submit' CustomEvent on the host element
+   * This event fires when data is successfully sent to the backend
+   */
+  dispatchSubmitEvent(t) {
+    const o = this.host, r = new CustomEvent("submit", {
+      detail: t,
+      bubbles: !0,
+      composed: !0
+    });
+    o.dispatchEvent(r), b.debug("Dispatched submit event", t);
   }
   hasLocalStats() {
     var t;
@@ -1502,7 +1539,7 @@ const st = {
   desktop: "1024px"
 }, Mt = class Mt extends j {
   constructor() {
-    super(...arguments), this.dataController = new ko(this), this.displayController = new _o(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.lockAnswer = !1, this.ariaLabel = null, this.minContrast = me.AA_NORMAL, this.options = [], this.project = "public", this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.readOnly = !1, this.handleEditToggleKeyDown = (t) => {
+    super(...arguments), this.dataController = new Ao(this), this.displayController = new _o(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.lockAnswer = !1, this.ariaLabel = null, this.minContrast = me.AA_NORMAL, this.options = [], this.project = "public", this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.readOnly = !1, this.handleEditToggleKeyDown = (t) => {
       (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleEnterEditMode());
     };
   }
@@ -1633,7 +1670,7 @@ const st = {
   renderEditToggleIcon(t = "edit-toggle-button") {
     return this.displayController.shouldShowEditButton() ? d`
       <img
-        src="${Ke}"
+        src="${Ge}"
         alt="Edit vote"
         class="edit-toggle-icon"
         data-testid="${t}"
@@ -1668,7 +1705,7 @@ const st = {
       return u;
     const o = {
       "pc-status": !0,
-      [`pc-flex-content-${A(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-content-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
     return d`<div class="${v(o)}" data-testid="pc-status">
       ${this.renderStatsText()} ${this.renderChartToggle()} ${this.renderEditToggleIcon()}
@@ -1686,14 +1723,14 @@ const st = {
   renderThankYouMessage() {
     if (!this.displayController.shouldDisplayThankYouMsg())
       return u;
-    const t = Ao(this.thankYouMsg || "");
+    const t = ko(this.thankYouMsg || "");
     return d`
       <div class="pc-thank-you-overlay" data-testid="poll-thank-you-overlay">
         <div class="pc-thank-you" data-testid="thank-you">
           <div class="pc-thank-you-msg" data-testid="thank-you-msg">
             ${t}
             <img
-              src="${Ge}"
+              src="${Ke}"
               alt="Close"
               class="thank-you-close-icon"
               data-testid="close-thank-you-button"
@@ -1707,7 +1744,7 @@ const st = {
   }
 };
 Mt.styles = [
-  H`
+  F`
       :host {
         /* Default values for CSS variables - can be overridden by external :root or parent definitions */
         --default-font-size-base: 1rem;
@@ -1857,6 +1894,12 @@ g([
 g([
   f({ type: String })
 ], m.prototype, "tags");
+g([
+  f({ type: String, attribute: "data-func" })
+], m.prototype, "dataFunc");
+g([
+  f({ type: String, attribute: "data-endpoint" })
+], m.prototype, "dataEndpoint");
 g([
   f({ type: String })
 ], m.prototype, "question");
@@ -1890,7 +1933,7 @@ g([
 g([
   f({ type: Boolean, attribute: "read-only" })
 ], m.prototype, "readOnly");
-const To = H`
+const To = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-body {
@@ -2036,7 +2079,7 @@ const To = H`
   }
 
   /* Removed unused responsive styles for action buttons */
-`, dt = H`
+`, dt = F`
   /* Default values for CSS variables - can be overridden by external :root or parent definitions */
   :host {
     --default-primary-color: #2196f3;
@@ -2516,7 +2559,7 @@ const To = H`
     }
   }
 `;
-function Nt(e, t = {}) {
+function It(e, t = {}) {
   if (!e || e.length === 0)
     return d`<div class="pc-bar-chart pc-bar-chart--empty">No data available</div>`;
   const o = Math.max(...e.map((i) => i.value)), s = { ...{
@@ -2545,14 +2588,14 @@ function Nt(e, t = {}) {
     </div>
   `;
 }
-var zo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, F = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? No(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var zo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Y = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Io(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && zo(t, o, s), s;
 };
 let z = class extends m {
   constructor() {
-    super(), this.min = 0, this.max = 10, this.type = $.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
+    super(), this.min = 0, this.max = 10, this.type = x.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
       this.hoverValue = -1;
     }, this.handleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.hoverValue >= 0 && this.handleNumberClick(this.hoverValue));
@@ -2617,7 +2660,7 @@ let z = class extends m {
     const e = ((a = this.dataController.stats) == null ? void 0 : a.breakdown) || {}, t = Object.values(e).reduce((n, l) => n + l, 0), o = Object.entries(e).map(([n, l]) => ({
       label: n,
       value: l
-    })), s = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", i = Nt(o, {
+    })), s = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", i = It(o, {
       barColor: s,
       labelFormatter: (n) => `${n.label}`,
       valueFormatter: (n) => `${t > 0 ? Math.round(n.value / t * 100) : 0}%`
@@ -2661,11 +2704,11 @@ let z = class extends m {
   render() {
     const e = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
-      [`pc-flex-align-${A(this.questionPosition, this.questionAlign)}`]: !0
+      [`pc-flex-align-${k(this.questionPosition, this.questionAlign)}`]: !0
     }, t = {
       nps: !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${A(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
     return d`
       <div class="pc-container ${v(e)}" data-testid="nps-container">
@@ -2679,25 +2722,25 @@ let z = class extends m {
   }
 };
 z.styles = [...m.styles, dt, To];
-F([
+Y([
   f({ type: String, attribute: "min-label" })
 ], z.prototype, "minLabel", 2);
-F([
+Y([
   f({ type: String, attribute: "max-label" })
 ], z.prototype, "maxLabel", 2);
-F([
+Y([
   f({ type: String, attribute: "thank-you-msg" })
 ], z.prototype, "thankYouMsg", 2);
-F([
+Y([
   f({ type: String, attribute: "min-max-position" })
 ], z.prototype, "minMaxPosition", 2);
-F([
+Y([
   Pt()
 ], z.prototype, "hoverValue", 2);
-z = F([
+z = Y([
   ot("pc-nps")
 ], z);
-const Io = H`
+const No = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-container {
@@ -2954,19 +2997,19 @@ const Io = H`
     visibility: hidden;
   }
 `;
-var Mo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, It = (e, t, o, r) => {
+var Mo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Nt = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? Lo(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Mo(t, o, s), s;
 };
-let Q = class extends m {
+let tt = class extends m {
   constructor() {
-    super(), this.type = $.poll, this.multiple = !1, this.compact = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
+    super(), this.type = x.poll, this.multiple = !1, this.compact = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
   }
   renderStatus() {
     const t = {
       "pc-status": !0,
-      [`pc-flex-content-${A("bottom", this.statsAlign)}`]: !0
+      [`pc-flex-content-${k("bottom", this.statsAlign)}`]: !0
     };
     return d`<div class="${v(t)}" data-testid="pc-status">
       <span>${this.renderStatsText()} ${this.renderEditToggleIcon("stats-edit-button")}</span>
@@ -3108,12 +3151,12 @@ let Q = class extends m {
   renderBarChart() {
     var l, p;
     const e = ((l = this.dataController.stats) == null ? void 0 : l.breakdown) || {}, t = ((p = this.dataController.localStats) == null ? void 0 : p.breakdown) || {}, o = Object.values(e).reduce((c, h) => c + h, 0), r = this.options.map((c, h) => {
-      const y = e[c.value] || 0, C = o > 0 ? Math.round(y / o * 100) : 0, L = (t[c.value] || 0) > 0;
+      const w = e[c.value] || 0, $ = o > 0 ? Math.round(w / o * 100) : 0, L = (t[c.value] || 0) > 0;
       return {
         option: c,
         index: h,
-        voteCount: y,
-        percentage: C,
+        voteCount: w,
+        percentage: $,
         isSelected: L
       };
     }), s = this.multiple ? _.GROUP : _.RADIOGROUP, i = this.question || this.name || "Options", a = B({
@@ -3196,10 +3239,10 @@ let Q = class extends m {
       ` : this.displayController.shouldShowChart() ? d`<div class="pc-section">${this.renderBarChart()}</div>` : d`<div class="pc-section">${this.renderPollOptions()}</div>`;
   }
   render() {
-    const e = A(this.questionPosition, this.questionAlign), t = {
+    const e = k(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = A(this.statsPosition, this.statsAlign), r = {
+    }, o = k(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
@@ -3222,17 +3265,17 @@ let Q = class extends m {
     `;
   }
 };
-Q.styles = [...m.styles, dt, Io];
-It([
+tt.styles = [...m.styles, dt, No];
+Nt([
   f({ type: Boolean })
-], Q.prototype, "multiple", 2);
-It([
+], tt.prototype, "multiple", 2);
+Nt([
   f({ type: Boolean })
-], Q.prototype, "compact", 2);
-Q = It([
+], tt.prototype, "compact", 2);
+tt = Nt([
   ot("pc-poll")
-], Q);
-const Ro = H`
+], tt);
+const Ro = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-section {
@@ -3347,7 +3390,7 @@ var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, pt = (e, t
 };
 let V = class extends m {
   constructor() {
-    super(), this.type = $.stars, this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
+    super(), this.type = x.stars, this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         const t = e.target, o = parseInt(t.dataset.star || "0");
@@ -3410,7 +3453,7 @@ let V = class extends m {
       label: n,
       value: l,
       icon: "★"
-    })), s = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", i = Nt(o, {
+    })), s = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", i = It(o, {
       barColor: s,
       labelFormatter: (n) => `${n.label} ${n.icon}`,
       valueFormatter: (n) => `${t > 0 ? Math.round(n.value / t * 100) : 0}%`
@@ -3422,10 +3465,10 @@ let V = class extends m {
     `;
   }
   render() {
-    const e = A(this.questionPosition, this.questionAlign), t = {
+    const e = k(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = A(this.statsPosition, this.statsAlign), r = {
+    }, o = k(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
@@ -3455,7 +3498,7 @@ pt([
 V = pt([
   ot("pc-stars")
 ], V);
-const Vo = H`
+const Vo = F`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, var(--default-font-size-small));
@@ -3806,7 +3849,7 @@ var Ho = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, ut = (e, t
 };
 let q = class extends m {
   constructor() {
-    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";
+    super(), this.type = x.reaction, this.showCounts = !1, this.compact = !1, this.popupPosition = "auto", this.hasEditButton = !1, this.statsText = "{count} votes", this.buttonRadius = "990px", this.muteColor = "#cccccc", this.questionPosition = "top", this.statsPosition = "right", this.popupPosition = "auto";
   }
   /**
    * Get the display count for a specific reaction including local optimistic updates
@@ -3849,19 +3892,20 @@ let q = class extends m {
    * Render a single reaction button
    */
   renderReactionButton(e, t = !0) {
-    const o = this.dataController.isValueSelected(e.value), r = this.getReactionCount(e.value), s = this.displayController.shouldDisableOption(e), i = {
+    const o = this.dataController.isValueSelected(e.value), r = this.getReactionCount(e.value), s = this.displayController.shouldDisableOption(e), i = this.options.findIndex((l) => l.value === e.value), a = {
       "reaction-btn": !0,
       "no-counts": !t,
       selected: o
-    }, a = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
+    }, n = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
     return d`
       <button
-        class="${v(i)}"
+        class="${v(a)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${s}"
         aria-pressed="${o}"
-        aria-label="${a}"
+        aria-label="${n}"
         title="${e.tooltip || ""}"
+        data-testid="reaction-button-${i}"
       >
         ${e.icon ? this.renderReactionIcon(e.icon, e) : u}
         ${t ? d`<span class="count-label">${r}</span>` : u}
@@ -3981,7 +4025,7 @@ let q = class extends m {
         icon: (c == null ? void 0 : c.icon) || l
         // 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", n = Nt(o, {
+    }), r = getComputedStyle(this), s = r.getPropertyValue("--pc-primary-color").trim(), a = r.getPropertyValue("--pc-accent-color").trim() || s || "#ffc107", n = It(o, {
       barColor: a,
       labelFormatter: (l) => `${l.label}`,
       valueFormatter: (l) => `${e.totalCount > 0 ? Math.round(l.value / e.totalCount * 100) : 0}%`
@@ -3993,10 +4037,10 @@ let q = class extends m {
     `;
   }
   render() {
-    const e = A(this.questionPosition, this.questionAlign), t = {
+    const e = k(this.questionPosition, this.questionAlign), t = {
       [`pc-flex-pos-${this.questionPosition}`]: !0,
       [`pc-flex-align-${e}`]: !0
-    }, o = A(this.statsPosition, this.statsAlign), r = {
+    }, o = k(this.statsPosition, this.statsAlign), r = {
       "pc-body": !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
       [`pc-flex-align-${o}`]: !0
@@ -4026,7 +4070,7 @@ ut([
 q = ut([
   ot("pc-reaction")
 ], q);
-function Z(e, t, o = void 0) {
+function G(e, t, o = void 0) {
   const r = e.getAttribute(t);
   return r === null ? o : r == null ? void 0 : r.trim();
 }
@@ -4034,14 +4078,30 @@ function Yo(e, t = void 0) {
   const o = e.textContent;
   return o === "" || o === null ? t : o == null ? void 0 : o.trim();
 }
-var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, ht = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ko(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var Zo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, ht = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Go(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Zo(t, o, s), s;
 };
-let tt = class extends j {
+let H = class extends j {
   constructor() {
-    super(...arguments), this.options = "", this.parsedOptions = [];
+    super(), this.options = "", this.parsedOptions = [], H.injectGlobalStyle();
+  }
+  /**
+   * Inject global style to hide poll-catch-option elements
+   * This is necessary because poll-catch-option is not a web component,
+   * just an unknown tag that browsers will render as inline elements
+   */
+  static injectGlobalStyle() {
+    const e = "poll-catch-global-style";
+    if (document.getElementById(e))
+      return;
+    const t = document.createElement("style");
+    t.id = e, t.textContent = `
+      poll-catch-option {
+        display: none;
+      }
+    `, document.head.appendChild(t);
   }
   /**
    * Disable shadow DOM for PollCatch
@@ -4091,7 +4151,7 @@ let tt = class extends j {
       // REACTION widget uses options for the icon
     }));
     t && t.length > 0 && (r = Array.from(t).map((s) => {
-      const i = Z(s, "value", "") || "", a = Z(s, "label", Yo(s, i)) || "", n = Z(s, "icon", void 0), l = Z(s, "tooltip", void 0), p = Z(s, "disabled", void 0), c = { value: i, label: a };
+      const i = G(s, "value", "") || "", a = G(s, "label", Yo(s, i)) || "", n = G(s, "icon", void 0), l = G(s, "tooltip", void 0), p = G(s, "disabled", void 0), c = { value: i, label: a };
       if (n !== void 0) {
         const h = Ce(n);
         c.icon = h.icon;
@@ -4104,13 +4164,13 @@ let tt = class extends j {
    */
   render() {
     switch (this.type) {
-      case $.nps:
+      case x.nps:
         return d`<pc-nps></pc-nps>`;
-      case $.poll:
+      case x.poll:
         return d`<pc-poll .options=${this.parsedOptions}></pc-poll>`;
-      case $.stars:
+      case x.stars:
         return d`<pc-stars></pc-stars>`;
-      case $.reaction:
+      case x.reaction:
         return d`<pc-reaction .options=${this.parsedOptions}></pc-reaction>`;
       default:
         return console.warn(
@@ -4121,16 +4181,16 @@ let tt = class extends j {
 };
 ht([
   f({ type: String })
-], tt.prototype, "type", 2);
+], H.prototype, "type", 2);
 ht([
   f({ type: String })
-], tt.prototype, "options", 2);
+], H.prototype, "options", 2);
 ht([
   Pt()
-], tt.prototype, "parsedOptions", 2);
-tt = ht([
+], H.prototype, "parsedOptions", 2);
+H = ht([
   ot("poll-catch")
-], tt);
+], H);
 export {
-  tt as PollCatch
+  H as PollCatch
 };