pollcatch 2.2.3 → 2.2.5

package/package.json

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

package/pc.js

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const it = globalThis, _t = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Et = Symbol(), Lt = /* @__PURE__ */ new WeakMap();
+const it = globalThis, Et = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Pt = Symbol(), jt = /* @__PURE__ */ new WeakMap();
 let le = class {
   constructor(t, o, r) {
-    if (this._$cssResult$ = !0, r !== Et) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, r !== Pt) 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 (_t && t === void 0) {
+    if (Et && 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));
+      r && (t = jt.get(o)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && jt.set(o, t));
     }
     return t;
   }
@@ -22,20 +22,20 @@ let le = class {
     return this.cssText;
   }
 };
-const Ae = (e) => new le(typeof e == "string" ? e : e + "", void 0, Et), F = (e, ...t) => {
+const Ae = (e) => new le(typeof e == "string" ? e : e + "", void 0, Pt), 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 le(o, e, Et);
+  return new le(o, e, Pt);
 }, _e = (e, t) => {
-  if (_t) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  if (Et) 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);
   }
-}, jt = _t ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Ut = Et ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let o = "";
   for (const r of t.cssRules) o += r.cssText;
   return Ae(o);
@@ -45,7 +45,7 @@ const Ae = (e) => new le(typeof e == "string" ? e : e + "", void 0, Et), F = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ee, defineProperty: Pe, getOwnPropertyDescriptor: Oe, getOwnPropertyNames: Te, getOwnPropertySymbols: ze, getPrototypeOf: Ie } = Object, T = globalThis, Ut = T.trustedTypes, Ne = Ut ? Ut.emptyScript : "", bt = T.reactiveElementPolyfillSupport, K = (e, t) => e, at = { toAttribute(e, t) {
+const { is: Ee, defineProperty: Pe, getOwnPropertyDescriptor: Oe, getOwnPropertyNames: Te, getOwnPropertySymbols: ze, getPrototypeOf: Ie } = Object, T = globalThis, Bt = T.trustedTypes, Ne = Bt ? Bt.emptyScript : "", bt = T.reactiveElementPolyfillSupport, K = (e, t) => e, at = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? Ne : null;
@@ -73,7 +73,7 @@ const { is: Ee, defineProperty: Pe, getOwnPropertyDescriptor: Oe, getOwnProperty
       }
   }
   return o;
-} }, Pt = (e, t) => !Ee(e, t), Bt = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Pt };
+} }, Ot = (e, t) => !Ee(e, t), Dt = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Ot };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), T.litPropertyMetadata ?? (T.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let j = class extends HTMLElement {
   static addInitializer(t) {
@@ -82,7 +82,7 @@ let j = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, o = Bt) {
+  static createProperty(t, o = Dt) {
     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 && Pe(this.prototype, t, s);
@@ -102,7 +102,7 @@ let j = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Bt;
+    return this.elementProperties.get(t) ?? Dt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(K("elementProperties"))) return;
@@ -131,8 +131,8 @@ let j = 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(jt(s));
-    } else t !== void 0 && o.push(jt(t));
+      for (const s of r) o.unshift(Ut(s));
+    } else t !== void 0 && o.push(Ut(t));
     return o;
   }
   static _$Eu(t, o) {
@@ -200,7 +200,7 @@ let j = class extends HTMLElement {
   }
   requestUpdate(t, o, r) {
     if (t !== void 0) {
-      if (r ?? (r = this.constructor.getPropertyOptions(t)), !(r.hasChanged ?? Pt)(this[t], o)) return;
+      if (r ?? (r = this.constructor.getPropertyOptions(t)), !(r.hasChanged ?? Ot)(this[t], o)) return;
       this.P(t, o, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -279,26 +279,26 @@ j.elementStyles = [], j.shadowRootOptions = { mode: "open" }, j[K("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const W = globalThis, nt = W.trustedTypes, Dt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ce = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, de = "?" + P, Me = `<${de}>`, R = document, X = () => R.createComment(""), Q = (e) => e === null || typeof e != "object" && typeof e != "function", Ot = Array.isArray, Re = (e) => Ot(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", gt = `[ 	
-\f\r]`, Z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Vt = /-->/g, qt = />/g, N = RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Ft = /"/g, pe = /^(?:script|style|textarea|title)$/i, Le = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), d = Le(1), z = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), Yt = /* @__PURE__ */ new WeakMap(), M = R.createTreeWalker(R, 129);
+const W = globalThis, nt = W.trustedTypes, Vt = nt ? nt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ce = "$lit$", O = `lit$${Math.random().toFixed(9).slice(2)}$`, de = "?" + O, Me = `<${de}>`, L = document, X = () => L.createComment(""), Q = (e) => e === null || typeof e != "object" && typeof e != "function", Tt = Array.isArray, Le = (e) => Tt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", gt = `[ 	
+\f\r]`, Z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Ht = />/g, N = RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ft = /'/g, Yt = /"/g, pe = /^(?:script|style|textarea|title)$/i, Re = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), d = Re(1), z = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), Zt = /* @__PURE__ */ new WeakMap(), M = L.createTreeWalker(L, 129);
 function ue(e, t) {
-  if (!Ot(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Dt !== void 0 ? Dt.createHTML(t) : t;
+  if (!Tt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Vt !== void 0 ? Vt.createHTML(t) : t;
 }
 const je = (e, t) => {
   const o = e.length - 1, r = [];
   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, u = -1, w = 0;
-    for (; w < l.length && (a.lastIndex = w, c = a.exec(l), c !== null); ) w = a.lastIndex, a === Z ? c[1] === "!--" ? a = Vt : c[1] !== void 0 ? a = qt : c[2] !== void 0 ? (pe.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = N) : c[3] !== void 0 && (a = N) : a === N ? c[0] === ">" ? (a = s ?? Z, u = -1) : c[1] === void 0 ? u = -2 : (u = a.lastIndex - c[2].length, p = c[1], a = c[3] === void 0 ? N : c[3] === '"' ? Ft : Ht) : a === Ft || a === Ht ? a = N : a === Vt || a === qt ? a = Z : (a = N, s = void 0);
-    const v = a === N && e[n + 1].startsWith("/>") ? " " : "";
-    i += a === Z ? l + Me : u >= 0 ? (r.push(p), l.slice(0, u) + ce + l.slice(u) + P + v) : l + P + (u === -2 ? n : v);
+    let p, c, u = -1, v = 0;
+    for (; v < l.length && (a.lastIndex = v, c = a.exec(l), c !== null); ) v = a.lastIndex, a === Z ? c[1] === "!--" ? a = qt : c[1] !== void 0 ? a = Ht : c[2] !== void 0 ? (pe.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = N) : c[3] !== void 0 && (a = N) : a === N ? c[0] === ">" ? (a = s ?? Z, u = -1) : c[1] === void 0 ? u = -2 : (u = a.lastIndex - c[2].length, p = c[1], a = c[3] === void 0 ? N : c[3] === '"' ? Yt : Ft) : a === Yt || a === Ft ? a = N : a === qt || a === Ht ? a = Z : (a = N, s = void 0);
+    const y = a === N && e[n + 1].startsWith("/>") ? " " : "";
+    i += a === Z ? l + Me : u >= 0 ? (r.push(p), l.slice(0, u) + ce + l.slice(u) + O + y) : l + O + (u === -2 ? n : y);
   }
   return [ue(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
-let At = class he {
+let _t = class he {
   constructor({ strings: t, _$litType$: o }, r) {
     let s;
     this.parts = [];
@@ -311,27 +311,27 @@ let At = class he {
     for (; (s = M.nextNode()) !== null && l.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(ce)) {
-          const w = c[a++], v = s.getAttribute(u).split(P), E = /([.?@])?(.*)/.exec(w);
-          l.push({ type: 1, index: i, name: E[2], strings: v, ctor: E[1] === "." ? Be : E[1] === "?" ? De : E[1] === "@" ? Ve : dt }), s.removeAttribute(u);
-        } else u.startsWith(P) && (l.push({ type: 6, index: i }), s.removeAttribute(u));
+          const v = c[a++], y = s.getAttribute(u).split(O), P = /([.?@])?(.*)/.exec(v);
+          l.push({ type: 1, index: i, name: P[2], strings: y, ctor: P[1] === "." ? Be : P[1] === "?" ? De : P[1] === "@" ? Ve : dt }), s.removeAttribute(u);
+        } else u.startsWith(O) && (l.push({ type: 6, index: i }), s.removeAttribute(u));
         if (pe.test(s.tagName)) {
-          const u = s.textContent.split(P), w = u.length - 1;
-          if (w > 0) {
+          const u = s.textContent.split(O), v = u.length - 1;
+          if (v > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let v = 0; v < w; v++) s.append(u[v], X()), M.nextNode(), l.push({ type: 2, index: ++i });
-            s.append(u[w], X());
+            for (let y = 0; y < v; y++) s.append(u[y], X()), M.nextNode(), l.push({ type: 2, index: ++i });
+            s.append(u[v], X());
           }
         }
       } else if (s.nodeType === 8) if (s.data === de) l.push({ type: 2, index: i });
       else {
         let u = -1;
-        for (; (u = s.data.indexOf(P, u + 1)) !== -1; ) l.push({ type: 7, index: i }), u += P.length - 1;
+        for (; (u = s.data.indexOf(O, u + 1)) !== -1; ) l.push({ type: 7, index: i }), u += O.length - 1;
       }
       i++;
     }
   }
   static createElement(t, o) {
-    const r = R.createElement("template");
+    const r = L.createElement("template");
     return r.innerHTML = t, r;
   }
 };
@@ -353,7 +353,7 @@ let Ue = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: o }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? R).importNode(o, !0);
+    const { el: { content: o }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? L).importNode(o, !0);
     M.currentNode = s;
     let i = M.nextNode(), a = 0, n = 0, l = r[0];
     for (; l !== void 0; ) {
@@ -363,7 +363,7 @@ let Ue = class {
       }
       a !== (l == null ? void 0 : l.index) && (i = M.nextNode(), a++);
     }
-    return M.currentNode = R, s;
+    return M.currentNode = L, s;
   }
   p(t) {
     let o = 0;
@@ -390,7 +390,7 @@ class et {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    t = D(this, t, o), Q(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Re(t) ? this.k(t) : this._(t);
+    t = D(this, t, o), Q(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Le(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,11 +399,11 @@ class et {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== h && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(R.createTextNode(t)), this._$AH = t;
+    this._$AH !== h && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(L.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var i;
-    const { values: o, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = At.createElement(ue(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 = _t.createElement(ue(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 Ue(s, this), n = a.u(this.options);
@@ -411,11 +411,11 @@ class et {
     }
   }
   _$AC(t) {
-    let o = Yt.get(t.strings);
-    return o === void 0 && Yt.set(t.strings, o = new At(t)), o;
+    let o = Zt.get(t.strings);
+    return o === void 0 && Zt.set(t.strings, o = new _t(t)), o;
   }
   k(t) {
-    Ot(this._$AH) || (this._$AH = [], this._$AR());
+    Tt(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(X()), this.O(X()), this, this.options)) : r = o[s], r._$AI(i), s++;
@@ -500,7 +500,7 @@ class qe {
   }
 }
 const vt = W.litHtmlPolyfillSupport;
-vt == null || vt(At, et), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.2.1");
+vt == null || vt(_t, et), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.2.1");
 const He = (e, t, o) => {
   const r = (o == null ? void 0 : o.renderBefore) ?? t;
   let s = r._$litPart$;
@@ -560,7 +560,7 @@ const ot = (e) => (t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Fe = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Pt }, Ye = (e = Fe, t, o) => {
+const Fe = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Ot }, Ye = (e = Fe, 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") {
@@ -592,7 +592,7 @@ function f(e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Tt(e) {
+function zt(e) {
   return f({ ...e, state: !0, attribute: !1 });
 }
 var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
@@ -651,7 +651,7 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   return t === void 0 && (t = 0), o === void 0 && (o = 1), e > o ? o : e > t ? e : t;
 }, fe = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
-}, Zt = function(e) {
+}, Gt = function(e) {
   return { r: S(e.r, 0, 255), g: S(e.g, 0, 255), b: S(e.b, 0, 255), a: S(e.a) };
 }, wt = function(e) {
   return { r: $(e.r), g: $(e.g), b: $(e.b), a: $(e.a, 3) };
@@ -666,35 +666,35 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   t = t / 360 * 6, o /= 100, r /= 100;
   var i = Math.floor(t), a = r * (1 - o), n = r * (1 - (t - i) * o), l = r * (1 - (1 - t + i) * o), p = i % 6;
   return { r: 255 * [r, n, a, a, l, r][p], g: 255 * [l, r, r, n, a, a][p], b: 255 * [a, a, l, r, r, n][p], a: s };
-}, Gt = function(e) {
-  return { h: fe(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
 }, Kt = function(e) {
-  return { h: $(e.h), s: $(e.s), l: $(e.l), a: $(e.a, 3) };
+  return { h: fe(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
 }, Wt = function(e) {
+  return { h: $(e.h), s: $(e.s), l: $(e.l), a: $(e.a, 3) };
+}, Jt = function(e) {
   return be((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;
 }, J = function(e) {
   return { h: (t = me(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;
-}, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, to = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, eo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, oo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Jt = { string: [[function(e) {
+}, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, to = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, eo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, oo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Xt = { string: [[function(e) {
   var t = Xe.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 ? $(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 ? $(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = eo.exec(e) || oo.exec(e);
-  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Zt({ 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;
+  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Gt({ 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 = Qe.exec(e) || to.exec(e);
   if (!t) return null;
-  var o, r, s = Gt({ h: (o = t[1], r = t[2], r === void 0 && (r = "deg"), Number(o) * (Je[r] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
-  return Wt(s);
+  var o, r, s = Kt({ h: (o = t[1], r = t[2], r === void 0 && (r = "deg"), Number(o) * (Je[r] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  return Jt(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 A(t) && A(o) && A(r) ? Zt({ r: Number(t), g: Number(o), b: Number(r), a: Number(i) }) : null;
+  return A(t) && A(o) && A(r) ? Gt({ 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 (!A(t) || !A(o) || !A(r)) return null;
-  var a = Gt({ h: Number(t), s: Number(o), l: Number(r), a: Number(i) });
-  return Wt(a);
+  var a = Kt({ h: Number(t), s: Number(o), l: Number(r), a: Number(i) });
+  return Jt(a);
 }, "hsl"], [function(e) {
   var t = e.h, o = e.s, r = e.v, s = e.a, i = s === void 0 ? 1 : s;
   if (!A(t) || !A(o) || !A(r)) return null;
@@ -702,23 +702,23 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
     return { h: fe(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 be(a);
-}, "hsv"]] }, Xt = function(e, t) {
+}, "hsv"]] }, Qt = 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];
 }, ro = function(e) {
-  return typeof e == "string" ? Xt(e.trim(), Jt.string) : typeof e == "object" && e !== null ? Xt(e, Jt.object) : [null, void 0];
+  return typeof e == "string" ? Qt(e.trim(), Xt.string) : typeof e == "object" && e !== null ? Qt(e, Xt.object) : [null, void 0];
 }, $t = function(e, t) {
   var o = J(e);
   return { h: o.h, s: S(o.s + 100 * t, 0, 100), l: o.l, a: o.a };
 }, xt = function(e) {
   return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
-}, Qt = function(e, t) {
+}, te = function(e, t) {
   var o = J(e);
   return { h: o.h, s: o.s, l: S(o.l + 100 * t, 0, 100), a: o.a };
-}, te = function() {
+}, ee = function() {
   function e(t) {
     this.parsed = ro(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
   }
@@ -739,9 +739,9 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
     return t = wt(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(J(this.rgba));
+    return Wt(J(this.rgba));
   }, e.prototype.toHslString = function() {
-    return t = Kt(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 + "%)";
+    return t = Wt(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 = me(this.rgba), { h: $(t.h), s: $(t.s), v: $(t.v), a: $(t.a, 3) };
@@ -756,9 +756,9 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   }, e.prototype.grayscale = function() {
     return C($t(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), C(Qt(this.rgba, t));
+    return t === void 0 && (t = 0.1), C(te(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), C(Qt(this.rgba, -t));
+    return t === void 0 && (t = 0.1), C(te(this.rgba, -t));
   }, e.prototype.rotate = function(t) {
     return t === void 0 && (t = 15), this.hue(this.hue() + t);
   }, e.prototype.alpha = function(t) {
@@ -771,7 +771,7 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
     return this.toHex() === C(t).toHex();
   }, e;
 }(), C = function(e) {
-  return e instanceof te ? e : new te(e);
+  return e instanceof ee ? e : new ee(e);
 };
 const St = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test";
 function so(e) {
@@ -814,10 +814,10 @@ function ao(e) {
   return io[t] || null;
 }
 function Ct(e, t) {
-  const o = ee(e), r = ee(t), s = Math.max(o, r), i = Math.min(o, r);
+  const o = oe(e), r = oe(t), s = Math.max(o, r), i = Math.min(o, r);
   return (s + 0.05) / (i + 0.05);
 }
-function ee(e) {
+function oe(e) {
   const t = lo(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), n = s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
   return 0.2126 * i + 0.7152 * a + 0.0722 * n;
 }
@@ -843,8 +843,8 @@ function no(e, t = {}) {
     l = a, p = c;
     for (const u of n) {
       if (u === a) continue;
-      const w = Ct(e, u);
-      w > p && (p = w, l = u);
+      const v = Ct(e, u);
+      v > p && (p = v, l = u);
     }
     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.`
@@ -871,17 +871,17 @@ function k(e, t) {
   }[t] : void 0;
   return e === "left" || e === "right" ? r || "center" : e === "top" || e === "bottom" ? r || "start" : r || "center";
 }
-function oe(e, t = "1rem", o = 1) {
+function kt(e, t = "1rem", o = 1) {
   if (!e) return t;
   const r = {
-    xs: 0.75,
-    sm: 0.875,
+    xs: 0.7,
+    sm: 0.8,
     md: 1,
-    lg: 1.25,
+    lg: 1.2,
     xl: 1.5
   }, s = e.toLowerCase().trim();
   if (r[s] !== void 0)
-    return `${r[s] * o}rem`;
+    return `${r[s] * o}em`;
   const i = e.trim().replace(/\s+/g, " ");
   if (/\d+(\.\d+)?\s*(px|em|rem|%|vh|vw|pt|pc|in|cm|mm|ex|ch|vmin|vmax)$/i.test(
     i
@@ -937,7 +937,7 @@ function uo(e, t, o, r = !1) {
     ariaDisabled: o
   });
 }
-function kt(e, t, o) {
+function At(e, t, o) {
   typeof o == "boolean" ? e.setAttribute(t, o ? "true" : "false") : e.setAttribute(t, o);
 }
 function ho(e) {
@@ -946,7 +946,7 @@ function ho(e) {
   const t = e.replace(/[<>"']/g, "").trim();
   return /^(#[0-9a-fA-F]{3,8}|rgb\([^)]+\)|rgba\([^)]+\)|hsl\([^)]+\)|hsla\([^)]+\)|[a-zA-Z]+)$/.test(t);
 }
-function L(e) {
+function R(e) {
   return ho(e) ? e.replace(/[<>"']/g, "").trim() : (b.warn("Invalid color value:", e), "#000000");
 }
 function fo(e) {
@@ -968,7 +968,7 @@ function se() {
     return (e === "x" ? t : t & 3 | 8).toString(16);
   }));
 }
-function zt() {
+function It() {
   const e = "test-local-storage";
   try {
     return localStorage.setItem(e, e), localStorage.removeItem(e), !0;
@@ -1007,7 +1007,7 @@ async function vo() {
 }
 async function ie() {
   const e = bo, t = go;
-  if (zt()) {
+  if (It()) {
     const o = ve(e);
     if (o && o.id && o.timestamp && Date.now() - o.timestamp < t)
       return b.debug("Using existing session ID from localStorage"), o.id;
@@ -1038,7 +1038,7 @@ function lt(e) {
   const s = t / r * 100, i = o / r * 100;
   return Math.round(s - i);
 }
-function O() {
+function E() {
   return {
     count: 0,
     sum: 0,
@@ -1049,17 +1049,17 @@ function O() {
   };
 }
 function yo(e) {
-  if (!zt())
-    return O();
+  if (!It())
+    return E();
   try {
     const t = ve(e);
-    return t ? { ...O(), ...t } : O();
+    return t ? { ...E(), ...t } : E();
   } catch (t) {
-    return b.warn("Failed to load localStats from localStorage", t), O();
+    return b.warn("Failed to load localStats from localStorage", t), E();
   }
 }
 function wo(e, t) {
-  if (!zt())
+  if (!It())
     return !1;
   try {
     return ye(e, t) ? (b.debug("Saved localStats to localStorage", t), !0) : !1;
@@ -1084,7 +1084,7 @@ function $o(e, t) {
 }
 function xo(e, t) {
   if (!e.count && !t.count)
-    return O();
+    return E();
   if (!e.count)
     return { ...t };
   const o = {
@@ -1155,7 +1155,7 @@ function Ao(e, t = 50) {
 class _o {
   // Tracks if user has ever made a selection (even if later deselected)
   constructor(t) {
-    this.stats = O(), this.localStats = O(), this.isLoading = !0, this.isSubmitting = !1, this.hasInteracted = !1, (this.host = t).addController(this);
+    this.stats = E(), this.localStats = E(), this.prevLocalStats = E(), this.isLoading = !0, this.isSubmitting = !1, this.hasInteracted = !1, (this.host = t).addController(this);
   }
   hostConnected() {
     this.loadStats();
@@ -1184,11 +1184,11 @@ class _o {
       const o = await this.getProjectId(), r = t.name, s = t.type;
       let i;
       if (t.dataFunc && typeof window < "u") {
-        const w = t.dataFunc.replace(/^window\./, "").split(".");
-        let v = window;
-        for (const E of w)
-          if (v = v == null ? void 0 : v[E], v === void 0) break;
-        i = v;
+        const v = t.dataFunc.replace(/^window\./, "").split(".");
+        let y = window;
+        for (const P of v)
+          if (y = y == null ? void 0 : y[P], y === void 0) break;
+        i = y;
       }
       let a, n;
       if (i && typeof i == "function") {
@@ -1207,12 +1207,12 @@ class _o {
         const u = t.dataEndpoint || re;
         if (!r)
           throw new Error("Name parameter is required");
-        const w = `${u}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
+        const v = `${u}/${encodeURIComponent(o)}/${encodeURIComponent(r)}`;
         b.debug(`Fetching stats for: ${r}`, { endpoint: u, projectKey: o });
-        const v = await fetch(w);
-        if (!v.ok)
-          throw new Error(`API request failed with status: ${v.status}`);
-        if (a = await v.json(), !a.success)
+        const y = await fetch(v);
+        if (!y.ok)
+          throw new Error(`API request failed with status: ${y.status}`);
+        if (a = await y.json(), !a.success)
           throw b.error("Backend returned unsuccessful response", a), new Error("Backend returned unsuccessful response");
         n = a.data || {};
       }
@@ -1259,9 +1259,9 @@ class _o {
     const t = await this.getLocalStatsKey();
     try {
       const o = yo(t);
-      b.debug("Loaded localStats from localStorage", o), this.localStats = o;
+      b.debug("Loaded localStats from localStorage", o), this.localStats = o, o.submitted && (this.prevLocalStats = { ...o });
     } catch (o) {
-      b.warn("Failed to generate localStorage key for localStats", o), this.localStats = O();
+      b.warn("Failed to generate localStorage key for localStats", o), this.localStats = E();
     }
     this.host.requestUpdate();
   }
@@ -1302,14 +1302,14 @@ class _o {
     this.stats = xo(this.stats, this.localStats), b.debug("Stats updated - remote: ", this.stats), b.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
   }
   async markStatsAsSubmitted() {
-    this.localStats.submitted = (/* @__PURE__ */ new Date()).toISOString(), await this.persistLocalStats(), this.host.requestUpdate();
+    this.localStats.submitted = (/* @__PURE__ */ new Date()).toISOString(), this.prevLocalStats = { ...this.localStats }, await this.persistLocalStats(), this.host.requestUpdate();
   }
   async submitStats() {
     if (!this.hasLocalStats() && !this.hasInteracted)
       throw b.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 ie(), s = await this.getProjectId(), i = t.name || "", a = this.localStats.sum, n = Object.keys(this.localStats.breakdown || {});
+    const t = this.host, o = Math.floor(Date.now() / 1e3).toString(), r = await ie(), s = await this.getProjectId(), i = t.name || "", a = this.localStats.sum, n = Object.keys(this.localStats.breakdown || {}), l = this.prevLocalStats.sum, p = Object.keys(this.prevLocalStats.breakdown || {});
     this.isSubmitting = !0, this.host.requestUpdate();
-    const l = {
+    const c = {
       sessionId: r,
       projectId: s,
       widgetName: i,
@@ -1317,17 +1317,19 @@ class _o {
       url: window.location.href,
       numericValue: a,
       textValues: n,
+      prevNumericValue: l,
+      prevTextValues: p,
       metadata: t.metadata,
       timestamp: o
-    }, p = ko(JSON.stringify(l), o);
+    }, u = ko(JSON.stringify(c), o);
     try {
-      await this.sendStats({ ...l, hash: p }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(l);
-    } catch (c) {
-      b.warn("Failed to send stats event", c);
+      await this.sendStats({ ...c, hash: u }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(c);
+    } catch (v) {
+      b.warn("Failed to send stats event", v);
     } finally {
       this.isSubmitting = !1, this.host.requestUpdate();
     }
-    return l;
+    return c;
   }
   async sendStats(t) {
     const o = JSON.stringify(t), r = this.host, s = r.dataEndpoint || re;
@@ -1544,7 +1546,7 @@ class Eo {
     return !(t.readOnly || !this.isEditing || t.lockAnswer && this.dataController.hasSubmittedStats());
   }
 }
-var It = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(It || {});
+var Nt = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(Nt || {});
 function $e(e, t = {}) {
   const { type: o = "functional", alt: r, ariaLabel: s, isSelected: i } = t;
   if (!e)
@@ -1597,7 +1599,7 @@ let Ce = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y = Se(class extends Ce {
+const w = Se(class extends Ce {
   constructor(e) {
     var t;
     if (super(e), e.type !== xe.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.");
@@ -1664,7 +1666,7 @@ const st = {
     let o = `:host {
 `;
     if (this.primaryColor) {
-      const i = L(this.primaryColor);
+      const i = R(this.primaryColor);
       o += `--pc-primary-color: ${i} !important;
 `;
       const a = no(i, {
@@ -1675,35 +1677,40 @@ const st = {
 `;
     }
     if (this.muteColor) {
-      const i = L(this.muteColor);
+      const i = R(this.muteColor);
       o += `--pc-mute-color: ${i} !important;
 `;
     }
     if (this.textColor) {
-      const i = L(this.textColor);
+      const i = R(this.textColor);
       o += `--pc-text-color: ${i} !important;
 `;
     }
     if (this.backgroundColor) {
-      const i = L(this.backgroundColor);
+      const i = R(this.backgroundColor);
       o += `--pc-background-color: ${i} !important;
 `;
     }
     const r = this.starColor || this.accentColor || this.primaryColor;
     if (r) {
-      const i = L(r);
+      const i = R(r);
       o += `--pc-star-color: ${i} !important;
 `;
     }
-    const s = this.starHoverColor || (r ? `color-mix(in srgb, ${L(r)} 80%, white)` : null);
+    const s = this.starHoverColor || (r ? `color-mix(in srgb, ${R(r)} 80%, white)` : null);
     if (s && (o += `--pc-star-hover-color: ${s} !important;
 `), this.starSize) {
-      const i = oe(this.starSize, "1rem", 1.5);
+      const i = kt(this.starSize, "1.5em", 1.5);
       o += `--pc-stars-star-size: ${i} !important;
+`;
+    }
+    if (this.reactionSize) {
+      const i = kt(this.reactionSize, "1em", 1);
+      o += `--pc-reaction-size: ${i} !important;
 `;
     }
     if (this.size) {
-      const i = oe(this.size);
+      const i = kt(this.size);
       o += `font-size: ${i} !important;
 `;
     }
@@ -1719,7 +1726,7 @@ const st = {
    * Update ARIA attributes for accessibility
    */
   updateAriaAttributes() {
-    this.ariaLabel && kt(this, "aria-label", this.ariaLabel), this.ariaDescribedby && kt(this, "aria-describedby", this.ariaDescribedby), kt(this, "aria-busy", this.dataController.isLoading ? "true" : "false");
+    this.ariaLabel && At(this, "aria-label", this.ariaLabel), this.ariaDescribedby && At(this, "aria-describedby", this.ariaDescribedby), At(this, "aria-busy", this.dataController.isLoading ? "true" : "false");
   }
   /**
    * Update host CSS classes based on state
@@ -1805,7 +1812,7 @@ const st = {
       "pc-status": !0,
       [`pc-flex-content-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return d`<div class="${y(o)}" data-testid="pc-status">
+    return d`<div class="${w(o)}" data-testid="pc-status">
       ${this.renderStatsText()} ${this.renderChartToggle()} ${this.renderEditToggleIcon()}
     </div>`;
   }
@@ -1968,6 +1975,9 @@ g([
 g([
   f({ type: String, attribute: "star-size" })
 ], m.prototype, "starSize");
+g([
+  f({ type: String, attribute: "reaction-size" })
+], m.prototype, "reactionSize");
 g([
   f({ type: String })
 ], m.prototype, "size");
@@ -2227,6 +2237,9 @@ const zo = F`
     --default-stars-hover-glow: rgba(255, 193, 7, 0.15);
     --default-stars-drop-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
 
+    /* Reaction-specific defaults */
+    --default-reaction-size: 1em;
+
     /* NPS-specific defaults */
     --default-nps-button-height: clamp(1.6em, calc(1.5em + 0.5vw), 2.4em);
     --default-nps-button-width: clamp(1.4em, calc(1.2em + 0.3vw), 2em);
@@ -2680,7 +2693,7 @@ const zo = F`
     }
   }
 `;
-function Nt(e, t = {}) {
+function Mt(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 = { ...{
@@ -2739,7 +2752,7 @@ let I = class extends m {
         <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)}"
@@ -2781,7 +2794,7 @@ let I = 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 = Mt(o, {
       barColor: s,
       labelFormatter: (n) => `${n.label}`,
       valueFormatter: (n) => `${t > 0 ? Math.round(n.value / t * 100) : 0}%`
@@ -2832,9 +2845,9 @@ let I = class extends m {
       [`pc-flex-align-${k(this.statsPosition, this.statsAlign)}`]: !0
     };
     return d`
-      <div class="pc-container ${y(e)}" data-testid="nps-container">
+      <div class="pc-container ${w(e)}" data-testid="nps-container">
         ${this.renderLabelAtStart()}
-        <div class="pc-body ${y(t)}" data-testid="nps-body">
+        <div class="pc-body ${w(t)}" data-testid="nps-body">
           ${this.renderStatusAtStart()} ${this.renderContent()} ${this.renderStatusAtEnd()}
         </div>
         ${this.renderLabelAtEnd()}
@@ -2856,7 +2869,7 @@ Y([
   f({ type: String, attribute: "min-max-position" })
 ], I.prototype, "minMaxPosition", 2);
 Y([
-  Tt()
+  zt()
 ], I.prototype, "hoverValue", 2);
 I = Y([
   ot("pc-nps")
@@ -3118,10 +3131,10 @@ const Mo = F`
     visibility: hidden;
   }
 `;
-var Ro = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Mt = (e, t, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Lo(t, o) : t, i = e.length - 1, a; i >= 0; i--)
+var Lo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Lt = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ro(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 && Ro(t, o, s), s;
+  return r && s && Lo(t, o, s), s;
 };
 let tt = class extends m {
   constructor() {
@@ -3132,7 +3145,7 @@ let tt = class extends m {
       "pc-status": !0,
       [`pc-flex-content-${k("bottom", this.statsAlign)}`]: !0
     };
-    return d`<div class="${y(t)}" data-testid="pc-status">
+    return d`<div class="${w(t)}" data-testid="pc-status">
       <span>${this.renderStatsText()} ${this.renderEditToggleIcon("stats-edit-button")}</span>
     </div>`;
   }
@@ -3147,7 +3160,7 @@ let tt = class extends m {
     }, t = this.displayController.shouldDisableSubmitButton();
     return d`
       <button
-        class="${y(e)}"
+        class="${w(e)}"
         data-testid="pc-submit-button"
         @click="${this.handleSubmit}"
         ?disabled="${t}"
@@ -3181,7 +3194,7 @@ let tt = class extends m {
    */
   renderOptionIcon(e) {
     if (!(e != null && e.icon)) return "";
-    const t = It.DECORATIVE, o = (e == null ? void 0 : e.label) || "", r = e ? this.dataController.isValueSelected(e.value) : !1, s = $e(e == null ? void 0 : e.icon, {
+    const t = Nt.DECORATIVE, o = (e == null ? void 0 : e.label) || "", r = e ? this.dataController.isValueSelected(e.value) : !1, s = $e(e == null ? void 0 : e.icon, {
       type: t,
       alt: o,
       isSelected: r
@@ -3228,7 +3241,7 @@ let tt = class extends m {
     return d`
       <button
         data-testid="poll-option-i${t}"
-        class="${y(s)}"
+        class="${w(s)}"
         @click="${() => this.handleClick(e)}"
         ?disabled="${r}"
         id="${a}-option-${t}"
@@ -3255,7 +3268,7 @@ let tt = class extends m {
     });
     return d`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-option-container"
@@ -3272,13 +3285,13 @@ 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, u) => c + u, 0), r = this.options.map((c, u) => {
-      const w = e[c.value] || 0, v = o > 0 ? Math.round(w / o * 100) : 0, E = (t[c.value] || 0) > 0;
+      const v = e[c.value] || 0, y = o > 0 ? Math.round(v / o * 100) : 0, P = (t[c.value] || 0) > 0;
       return {
         option: c,
         index: u,
-        voteCount: w,
-        percentage: v,
-        isSelected: E
+        voteCount: v,
+        percentage: y,
+        isSelected: P
       };
     }), s = this.multiple ? _.GROUP : _.RADIOGROUP, i = this.question || this.name || "Options", a = B({
       role: s,
@@ -3286,7 +3299,7 @@ let tt = class extends m {
     });
     return d`
       <div
-        class="${y({
+        class="${w({
       "poll-container": !0
     })}"
         data-testid="poll-chart-container"
@@ -3302,7 +3315,7 @@ let tt = class extends m {
       };
       return d`
             <div
-              class="${y(u)}"
+              class="${w(u)}"
               data-testid="poll-chart-item-${c.index}"
               role="listitem"
               aria-label="${c.option.label}: ${c.percentage}% (${c.voteCount} votes)"
@@ -3373,12 +3386,12 @@ let tt = class extends m {
     });
     return d`
       <div
-        class="pc-container ${y(t)}"
+        class="pc-container ${w(t)}"
         data-testid="poll-container"
         ...=${s}
       >
         ${this.renderLabelAtStart()}
-        <div class="${y(r)}" data-testid="poll-body">
+        <div class="${w(r)}" data-testid="poll-body">
           ${this.renderContent()} ${this.renderFooter()}
         </div>
         ${this.renderLabelAtEnd()}
@@ -3387,13 +3400,13 @@ let tt = class extends m {
   }
 };
 tt.styles = [...m.styles, ut, Mo];
-Mt([
+Lt([
   f({ type: Boolean })
 ], tt.prototype, "multiple", 2);
-Mt([
+Lt([
   f({ type: Boolean })
 ], tt.prototype, "compact", 2);
-tt = Mt([
+tt = Lt([
   ot("pc-poll")
 ], tt);
 const jo = F`
@@ -3719,7 +3732,7 @@ let V = class extends m {
         <div class="pc-section" data-testid="pc-section">
           <span
             data-testid="stars-view-star-${n}"
-            class=${y(c)}
+            class=${w(c)}
             style=${Bo(u)}
             role="${r ? "button" : "presentation"}"
             tabindex="${r ? "0" : ""}"
@@ -3748,7 +3761,7 @@ let V = class extends m {
       label: l,
       value: p,
       icon: o
-    })), i = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", a = Nt(r, {
+    })), i = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", a = Mt(r, {
       barColor: i,
       labelFormatter: (l) => `${l.label} ${l.icon}`,
       valueFormatter: (l) => `${t > 0 ? Math.round(l.value / t * 100) : 0}%`
@@ -3769,9 +3782,9 @@ let V = class extends m {
       [`pc-flex-align-${o}`]: !0
     };
     return d`
-      <div class="pc-container ${y(t)}" data-testid="pc-container">
+      <div class="pc-container ${w(t)}" data-testid="pc-container">
         ${this.renderLabelAtStart()}
-        <div class="${y(r)}" data-testid="stars-body">
+        <div class="${w(r)}" data-testid="stars-body">
           ${this.renderStatusAtStart()} ${this.renderChart()} ${this.renderStars()}
           ${this.renderStatusAtEnd()}
         </div>
@@ -3788,7 +3801,7 @@ ht([
   f({ type: Number, attribute: "num-stars" })
 ], V.prototype, "numStars", 2);
 ht([
-  Tt()
+  zt()
 ], V.prototype, "hoverValue", 2);
 V = ht([
   ot("pc-stars")
@@ -3836,7 +3849,7 @@ const qo = F`
       color 0.2s,
       border-color 0.2s;
     position: relative;
-    font-size: var(--pc-font-size-medium, var(--default-font-size-medium));
+    font-size: var(--pc-reaction-size, var(--default-reaction-size));
     gap: 0.25em;
     box-sizing: border-box;
     min-width: 2em;
@@ -3878,7 +3891,7 @@ const qo = F`
       background 0.2s,
       color 0.2s,
       border-color 0.2s;
-    font-size: var(--pc-font-size-medium, var(--default-font-size-medium));
+    font-size: var(--pc-reaction-size, var(--default-reaction-size));
   }
 
   .trigger-btn:hover {
@@ -4011,13 +4024,13 @@ let q = class extends m {
     this.displayController.allowEdit() && (this.displayController.toggleReactionPopoverVisibility(), e.stopPropagation());
   }
   handleReactionClick(e) {
-    this.displayController.allowEdit() && (this.dataController.toggleValueSelected(e.value, this.multiple), this.displayController.toggleReactionPopoverVisibility(!1));
+    this.displayController.allowEdit() && (this.dataController.toggleValueSelected(e.value, this.multiple), this.dataController.submitStats(), this.displayController.toggleReactionPopoverVisibility(!1));
   }
   /**
    * Renders the icon for a reaction
    */
   renderReactionIcon(e, t) {
-    const { icon: o, isRemoteImage: r } = ct(e), s = It.FUNCTIONAL, i = t.tooltip || `${t.value} reaction`, a = $e(o, {
+    const { icon: o, isRemoteImage: r } = ct(e), s = Nt.FUNCTIONAL, i = t.tooltip || `${t.value} reaction`, a = $e(o, {
       type: s,
       alt: i,
       ariaLabel: i,
@@ -4044,7 +4057,7 @@ let q = class extends m {
     }, n = `${e.tooltip || e.value} reaction${o ? ", selected" : ""}${t ? `, ${r} votes` : ""}`;
     return d`
       <button
-        class="${y(a)}"
+        class="${w(a)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${s}"
         aria-pressed="${o}"
@@ -4086,7 +4099,7 @@ let q = class extends m {
       bottom: this.popupPosition === "bottom" || this.popupPosition === "auto" && !this.shouldShowPopoverOnTop()
     };
     return d`
-      <div class="${y(e)}" role="menu">
+      <div class="${w(e)}" role="menu">
         <div class="popover-content">
           ${this.options.map((t) => {
       const o = this.displayController.shouldDisableOption(t);
@@ -4133,7 +4146,7 @@ let q = class extends m {
         (o) => this.dataController.isValueSelected(o.value)
       );
       return d`
-        <div class="${y(e)}">
+        <div class="${w(e)}">
           ${this.renderTriggerButton()}
           ${t.length > 0 ? d`
                 <div class="reaction-list">
@@ -4147,7 +4160,7 @@ let q = class extends m {
       `;
     } else
       return d`
-        <div class="${y(e)}">
+        <div class="${w(e)}">
           <div class="reaction-list">
             ${this.options.map((t) => this.renderReactionButton(t, this.showCounts))}
           </div>
@@ -4170,7 +4183,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 = Mt(o, {
       barColor: a,
       labelFormatter: (l) => `${l.label}`,
       valueFormatter: (l) => `${e.totalCount > 0 ? Math.round(l.value / e.totalCount * 100) : 0}%`
@@ -4191,9 +4204,9 @@ let q = class extends m {
       [`pc-flex-align-${o}`]: !0
     };
     return d`
-      <div class="${y(t)}" data-testid="reaction-container">
+      <div class="${w(t)}" data-testid="reaction-container">
         ${this.renderLabelAtStart()}
-        <div class="${y(r)}" data-testid="reaction-body">
+        <div class="${w(r)}" data-testid="reaction-body">
           ${this.renderStatusAtStart()} ${this.renderChart()} ${this.renderReactions()}
           ${this.renderStatusAtEnd()}
         </div>
@@ -4331,7 +4344,7 @@ mt([
   f({ type: String })
 ], H.prototype, "options", 2);
 mt([
-  Tt()
+  zt()
 ], H.prototype, "parsedOptions", 2);
 H = mt([
   ot("poll-catch")