pollcatch 2.0.3 → 2.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pollcatch",
   "private": false,
-  "version": "2.0.3",
+  "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,23 +22,23 @@ let ae = class {
     return this.cssText;
   }
 };
-const Ae = (e) => new ae(typeof e == "string" ? e : e + "", void 0, kt), F = (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
@@ -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;
@@ -291,10 +291,10 @@ const Re = (e, t) => {
   let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Z;
   for (let n = 0; n < o; n++) {
     const l = e[n];
-    let p, c, h = -1, y = 0;
-    for (; y < l.length && (a.lastIndex = y, c = a.exec(l), c !== null); ) y = 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 C = 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 + 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];
 };
@@ -311,15 +311,15 @@ let Ct = class pe {
     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], X()), N.nextNode(), l.push({ type: 2, index: ++i });
-            s.append(h[y], X());
+            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 });
@@ -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))($ || {});
+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) }, k = function(e) {
+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,9 +621,9 @@ 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) };
+  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: w(e.h), s: w(e.s), l: w(e.l), a: w(e.a, 3) };
+  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;
@@ -632,7 +632,7 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
   var t, o, r, s;
 }, Xe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, to = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, eo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Wt = { string: [[function(e) {
   var t = Je.exec(e);
-  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? 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;
@@ -643,17 +643,17 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
   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 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) {
@@ -666,12 +666,12 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = 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 = J(e);
-  return { h: o.h, s: x(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
+  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 = J(e);
-  return { h: o.h, s: o.s, l: x(o.l + 100 * t, 0, 100), a: o.a };
+  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);
@@ -698,33 +698,33 @@ var We = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, k = function(e) {
     return t = Gt(J(this.rgba)), o = t.h, r = t.s, s = t.l, (i = t.a) < 1 ? "hsla(" + o + ", " + r + "%, " + s + "%, " + i + ")" : "hsl(" + o + ", " + r + "%, " + s + "%)";
     var t, o, r, s, i;
   }, e.prototype.toHsv = function() {
-    return t = he(this.rgba), { h: 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 = J(this.rgba);
-    return typeof t == "number" ? S({ h: t, s: o.s, l: o.l, a: o.a }) : w(o.h);
+    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());
     };
   }
@@ -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,7 +1723,7 @@ 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">
@@ -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");
@@ -2552,7 +2595,7 @@ var zo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Y = (e, t,
 };
 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));
@@ -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">
@@ -2961,12 +3004,12 @@ var Mo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Nt = (e, t
 };
 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 tt = 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 tt = 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
@@ -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");
@@ -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
@@ -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}
@@ -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
@@ -4120,13 +4164,13 @@ let H = 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(