pollcatch 1.0.8 → 1.0.10

package/pc.js

@@ -3,10 +3,10 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const pt = globalThis, Et = pt.ShadowRoot && (pt.ShadyCSS === void 0 || pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, At = Symbol(), jt = /* @__PURE__ */ new WeakMap();
-let de = class {
+const dt = globalThis, Et = dt.ShadowRoot && (dt.ShadyCSS === void 0 || dt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ct = Symbol(), It = /* @__PURE__ */ new WeakMap();
+let ae = class {
   constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== At) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== Ct) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
   }
   get styleSheet() {
@@ -14,7 +14,7 @@ let de = class {
     const s = this.t;
     if (Et && t === void 0) {
       const i = s !== void 0 && s.length === 1;
-      i && (t = jt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && jt.set(s, t));
+      i && (t = It.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && It.set(s, t));
     }
     return t;
   }
@@ -22,33 +22,33 @@ let de = class {
     return this.cssText;
   }
 };
-const Pe = (e) => new de(typeof e == "string" ? e : e + "", void 0, At), B = (e, ...t) => {
-  const s = e.length === 1 ? e[0] : t.reduce((i, o, r) => i + ((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.");
+const _e = (e) => new ae(typeof e == "string" ? e : e + "", void 0, Ct), H = (e, ...t) => {
+  const s = e.length === 1 ? e[0] : t.reduce((i, o, r) => i + ((n) => {
+    if (n._$cssResult$ === !0) return n.cssText;
+    if (typeof n == "number") return n;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(o) + e[r + 1], e[0]);
-  return new de(s, e, At);
-}, Me = (e, t) => {
+  return new ae(s, e, Ct);
+}, Te = (e, t) => {
   if (Et) e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
   else for (const s of t) {
-    const i = document.createElement("style"), o = pt.litNonce;
+    const i = document.createElement("style"), o = dt.litNonce;
     o !== void 0 && i.setAttribute("nonce", o), i.textContent = s.cssText, e.appendChild(i);
   }
-}, Dt = Et ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Ut = Et ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules) s += i.cssText;
-  return Pe(s);
+  return _e(s);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Oe, defineProperty: ze, getOwnPropertyDescriptor: Ne, getOwnPropertyNames: Re, getOwnPropertySymbols: Ie, getPrototypeOf: Ue } = Object, D = globalThis, Vt = D.trustedTypes, Le = Vt ? Vt.emptyScript : "", gt = D.reactiveElementPolyfillSupport, st = (e, t) => e, ht = { toAttribute(e, t) {
+const { is: Pe, defineProperty: Oe, getOwnPropertyDescriptor: Me, getOwnPropertyNames: ze, getOwnPropertySymbols: Ne, getPrototypeOf: Re } = Object, j = globalThis, jt = j.trustedTypes, Ie = jt ? jt.emptyScript : "", bt = j.reactiveElementPolyfillSupport, et = (e, t) => e, pt = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Le : null;
+      e = e ? Ie : null;
       break;
     case Object:
     case Array:
@@ -73,46 +73,46 @@ const { is: Oe, defineProperty: ze, getOwnPropertyDescriptor: Ne, getOwnProperty
       }
   }
   return s;
-} }, _t = (e, t) => !Oe(e, t), Ht = { attribute: !0, type: String, converter: ht, reflect: !1, hasChanged: _t };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), D.litPropertyMetadata ?? (D.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let J = class extends HTMLElement {
+} }, At = (e, t) => !Pe(e, t), Lt = { attribute: !0, type: String, converter: pt, reflect: !1, hasChanged: At };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), j.litPropertyMetadata ?? (j.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let Z = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, s = Ht) {
+  static createProperty(t, s = Lt) {
     if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
       const i = Symbol(), o = this.getPropertyDescriptor(t, i, s);
-      o !== void 0 && ze(this.prototype, t, o);
+      o !== void 0 && Oe(this.prototype, t, o);
     }
   }
   static getPropertyDescriptor(t, s, i) {
-    const { get: o, set: r } = Ne(this.prototype, t) ?? { get() {
+    const { get: o, set: r } = Me(this.prototype, t) ?? { get() {
       return this[s];
-    }, set(a) {
-      this[s] = a;
+    }, set(n) {
+      this[s] = n;
     } };
     return { get() {
       return o == null ? void 0 : o.call(this);
-    }, set(a) {
-      const n = o == null ? void 0 : o.call(this);
-      r.call(this, a), this.requestUpdate(t, n, i);
+    }, set(n) {
+      const a = o == null ? void 0 : o.call(this);
+      r.call(this, n), this.requestUpdate(t, a, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Ht;
+    return this.elementProperties.get(t) ?? Lt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(st("elementProperties"))) return;
-    const t = Ue(this);
+    if (this.hasOwnProperty(et("elementProperties"))) return;
+    const t = Re(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(st("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(st("properties"))) {
-      const s = this.properties, i = [...Re(s), ...Ie(s)];
+    if (this.hasOwnProperty(et("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(et("properties"))) {
+      const s = this.properties, i = [...ze(s), ...Ne(s)];
       for (const o of i) this.createProperty(o, s[o]);
     }
     const t = this[Symbol.metadata];
@@ -131,8 +131,8 @@ let J = class extends HTMLElement {
     const s = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const o of i) s.unshift(Dt(o));
-    } else t !== void 0 && s.push(Dt(t));
+      for (const o of i) s.unshift(Ut(o));
+    } else t !== void 0 && s.push(Ut(t));
     return s;
   }
   static _$Eu(t, s) {
@@ -161,7 +161,7 @@ let J = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Me(t, this.constructor.elementStyles), t;
+    return Te(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -186,21 +186,21 @@ let J = class extends HTMLElement {
     var r;
     const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
     if (o !== void 0 && i.reflect === !0) {
-      const a = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : ht).toAttribute(s, i.type);
-      this._$Em = t, a == null ? this.removeAttribute(o) : this.setAttribute(o, a), this._$Em = null;
+      const n = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : pt).toAttribute(s, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$Em = null;
     }
   }
   _$AK(t, s) {
     var r;
     const i = this.constructor, o = i._$Eh.get(t);
     if (o !== void 0 && this._$Em !== o) {
-      const a = i.getPropertyOptions(o), n = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((r = a.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? a.converter : ht;
-      this._$Em = o, this[o] = n.fromAttribute(s, a.type), this._$Em = null;
+      const n = i.getPropertyOptions(o), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : pt;
+      this._$Em = o, this[o] = a.fromAttribute(s, n.type), this._$Em = null;
     }
   }
   requestUpdate(t, s, i) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? _t)(this[t], s)) return;
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? At)(this[t], s)) return;
       this.P(t, s, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -226,11 +226,11 @@ let J = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, a] of this._$Ep) this[r] = a;
+        for (const [r, n] of this._$Ep) this[r] = n;
         this._$Ep = void 0;
       }
       const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [r, a] of o) a.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], a);
+      if (o.size > 0) for (const [r, n] of o) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
     }
     let t = !1;
     const s = this._$AL;
@@ -273,76 +273,76 @@ let J = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-J.elementStyles = [], J.shadowRootOptions = { mode: "open" }, J[st("elementProperties")] = /* @__PURE__ */ new Map(), J[st("finalized")] = /* @__PURE__ */ new Map(), gt == null || gt({ ReactiveElement: J }), (D.reactiveElementVersions ?? (D.reactiveElementVersions = [])).push("2.0.4");
+Z.elementStyles = [], Z.shadowRootOptions = { mode: "open" }, Z[et("elementProperties")] = /* @__PURE__ */ new Map(), Z[et("finalized")] = /* @__PURE__ */ new Map(), bt == null || bt({ ReactiveElement: Z }), (j.reactiveElementVersions ?? (j.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const it = globalThis, ut = it.trustedTypes, Bt = ut ? ut.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, he = "?" + j, je = `<${he}>`, Z = document, rt = () => Z.createComment(""), at = (e) => e === null || typeof e != "object" && typeof e != "function", Tt = Array.isArray, De = (e) => Tt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", ft = `[ 	
-\f\r]`, et = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Ft = />/g, K = RegExp(`>|${ft}(?:([^\\s"'>=/]+)(${ft}*=${ft}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Kt = /'/g, Yt = /"/g, ue = /^(?:script|style|textarea|title)$/i, Ve = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), l = Ve(1), H = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Gt = /* @__PURE__ */ new WeakMap(), Y = Z.createTreeWalker(Z, 129);
-function me(e, t) {
-  if (!Tt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Bt !== void 0 ? Bt.createHTML(t) : t;
+const st = globalThis, ht = st.trustedTypes, Dt = ht ? ht.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, le = "$lit$", U = `lit$${Math.random().toFixed(9).slice(2)}$`, ce = "?" + U, Ue = `<${ce}>`, K = document, ot = () => K.createComment(""), rt = (e) => e === null || typeof e != "object" && typeof e != "function", _t = Array.isArray, je = (e) => _t(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", ft = `[ 	
+\f\r]`, tt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Vt = /-->/g, Ht = />/g, q = RegExp(`>|${ft}(?:([^\\s"'>=/]+)(${ft}*=${ft}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, qt = /"/g, de = /^(?:script|style|textarea|title)$/i, Le = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), c = Le(1), D = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), Ft = /* @__PURE__ */ new WeakMap(), F = K.createTreeWalker(K, 129);
+function pe(e, t) {
+  if (!_t(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Dt !== void 0 ? Dt.createHTML(t) : t;
 }
-const He = (e, t) => {
+const De = (e, t) => {
   const s = e.length - 1, i = [];
-  let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = et;
-  for (let n = 0; n < s; n++) {
-    const c = e[n];
-    let h, m, b = -1, S = 0;
-    for (; S < c.length && (a.lastIndex = S, m = a.exec(c), m !== null); ) S = a.lastIndex, a === et ? m[1] === "!--" ? a = qt : m[1] !== void 0 ? a = Ft : m[2] !== void 0 ? (ue.test(m[2]) && (o = RegExp("</" + m[2], "g")), a = K) : m[3] !== void 0 && (a = K) : a === K ? m[0] === ">" ? (a = o ?? et, b = -1) : m[1] === void 0 ? b = -2 : (b = a.lastIndex - m[2].length, h = m[1], a = m[3] === void 0 ? K : m[3] === '"' ? Yt : Kt) : a === Yt || a === Kt ? a = K : a === qt || a === Ft ? a = et : (a = K, o = void 0);
-    const L = a === K && e[n + 1].startsWith("/>") ? " " : "";
-    r += a === et ? c + je : b >= 0 ? (i.push(h), c.slice(0, b) + pe + c.slice(b) + j + L) : c + j + (b === -2 ? n : L);
-  }
-  return [me(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = tt;
+  for (let a = 0; a < s; a++) {
+    const l = e[a];
+    let p, u, b = -1, w = 0;
+    for (; w < l.length && (n.lastIndex = w, u = n.exec(l), u !== null); ) w = n.lastIndex, n === tt ? u[1] === "!--" ? n = Vt : u[1] !== void 0 ? n = Ht : u[2] !== void 0 ? (de.test(u[2]) && (o = RegExp("</" + u[2], "g")), n = q) : u[3] !== void 0 && (n = q) : n === q ? u[0] === ">" ? (n = o ?? tt, b = -1) : u[1] === void 0 ? b = -2 : (b = n.lastIndex - u[2].length, p = u[1], n = u[3] === void 0 ? q : u[3] === '"' ? qt : Bt) : n === qt || n === Bt ? n = q : n === Vt || n === Ht ? n = tt : (n = q, o = void 0);
+    const I = n === q && e[a + 1].startsWith("/>") ? " " : "";
+    r += n === tt ? l + Ue : b >= 0 ? (i.push(p), l.slice(0, b) + le + l.slice(b) + U + I) : l + U + (b === -2 ? a : I);
+  }
+  return [pe(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
-let kt = class be {
+let St = class he {
   constructor({ strings: t, _$litType$: s }, i) {
     let o;
     this.parts = [];
-    let r = 0, a = 0;
-    const n = t.length - 1, c = this.parts, [h, m] = He(t, s);
-    if (this.el = be.createElement(h, i), Y.currentNode = this.el.content, s === 2 || s === 3) {
+    let r = 0, n = 0;
+    const a = t.length - 1, l = this.parts, [p, u] = De(t, s);
+    if (this.el = he.createElement(p, i), F.currentNode = this.el.content, s === 2 || s === 3) {
       const b = this.el.content.firstChild;
       b.replaceWith(...b.childNodes);
     }
-    for (; (o = Y.nextNode()) !== null && c.length < n; ) {
+    for (; (o = F.nextNode()) !== null && l.length < a; ) {
       if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const b of o.getAttributeNames()) if (b.endsWith(pe)) {
-          const S = m[a++], L = o.getAttribute(b).split(j), ct = /([.?@])?(.*)/.exec(S);
-          c.push({ type: 1, index: r, name: ct[2], strings: L, ctor: ct[1] === "." ? qe : ct[1] === "?" ? Fe : ct[1] === "@" ? Ke : mt }), o.removeAttribute(b);
-        } else b.startsWith(j) && (c.push({ type: 6, index: r }), o.removeAttribute(b));
-        if (ue.test(o.tagName)) {
-          const b = o.textContent.split(j), S = b.length - 1;
-          if (S > 0) {
-            o.textContent = ut ? ut.emptyScript : "";
-            for (let L = 0; L < S; L++) o.append(b[L], rt()), Y.nextNode(), c.push({ type: 2, index: ++r });
-            o.append(b[S], rt());
+        if (o.hasAttributes()) for (const b of o.getAttributeNames()) if (b.endsWith(le)) {
+          const w = u[n++], I = o.getAttribute(b).split(U), lt = /([.?@])?(.*)/.exec(w);
+          l.push({ type: 1, index: r, name: lt[2], strings: I, ctor: lt[1] === "." ? He : lt[1] === "?" ? Be : lt[1] === "@" ? qe : ut }), o.removeAttribute(b);
+        } else b.startsWith(U) && (l.push({ type: 6, index: r }), o.removeAttribute(b));
+        if (de.test(o.tagName)) {
+          const b = o.textContent.split(U), w = b.length - 1;
+          if (w > 0) {
+            o.textContent = ht ? ht.emptyScript : "";
+            for (let I = 0; I < w; I++) o.append(b[I], ot()), F.nextNode(), l.push({ type: 2, index: ++r });
+            o.append(b[w], ot());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === he) c.push({ type: 2, index: r });
+      } else if (o.nodeType === 8) if (o.data === ce) l.push({ type: 2, index: r });
       else {
         let b = -1;
-        for (; (b = o.data.indexOf(j, b + 1)) !== -1; ) c.push({ type: 7, index: r }), b += j.length - 1;
+        for (; (b = o.data.indexOf(U, b + 1)) !== -1; ) l.push({ type: 7, index: r }), b += U.length - 1;
       }
       r++;
     }
   }
   static createElement(t, s) {
-    const i = Z.createElement("template");
+    const i = K.createElement("template");
     return i.innerHTML = t, i;
   }
 };
-function X(e, t, s = e, i) {
-  var a, n;
-  if (t === H) return t;
-  let o = i !== void 0 ? (a = s._$Co) == null ? void 0 : a[i] : s._$Cl;
-  const r = at(t) ? void 0 : t._$litDirective$;
-  return (o == null ? void 0 : o.constructor) !== r && ((n = o == null ? void 0 : o._$AO) == null || n.call(o, !1), r === void 0 ? o = void 0 : (o = new r(e), o._$AT(e, s, i)), i !== void 0 ? (s._$Co ?? (s._$Co = []))[i] = o : s._$Cl = o), o !== void 0 && (t = X(e, o._$AS(e, t.values), o, i)), t;
+function W(e, t, s = e, i) {
+  var n, a;
+  if (t === D) return t;
+  let o = i !== void 0 ? (n = s._$Co) == null ? void 0 : n[i] : s._$Cl;
+  const r = rt(t) ? void 0 : t._$litDirective$;
+  return (o == null ? void 0 : o.constructor) !== r && ((a = o == null ? void 0 : o._$AO) == null || a.call(o, !1), r === void 0 ? o = void 0 : (o = new r(e), o._$AT(e, s, i)), i !== void 0 ? (s._$Co ?? (s._$Co = []))[i] = o : s._$Cl = o), o !== void 0 && (t = W(e, o._$AS(e, t.values), o, i)), t;
 }
-let Be = class {
+let Ve = class {
   constructor(t, s) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
   }
@@ -353,17 +353,17 @@ let Be = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: s }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? Z).importNode(s, !0);
-    Y.currentNode = o;
-    let r = Y.nextNode(), a = 0, n = 0, c = i[0];
-    for (; c !== void 0; ) {
-      if (a === c.index) {
-        let h;
-        c.type === 2 ? h = new nt(r, r.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (h = new Ye(r, this, t)), this._$AV.push(h), c = i[++n];
+    const { el: { content: s }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? K).importNode(s, !0);
+    F.currentNode = o;
+    let r = F.nextNode(), n = 0, a = 0, l = i[0];
+    for (; l !== void 0; ) {
+      if (n === l.index) {
+        let p;
+        l.type === 2 ? p = new nt(r, r.nextSibling, this, t) : l.type === 1 ? p = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (p = new Fe(r, this, t)), this._$AV.push(p), l = i[++a];
       }
-      a !== (c == null ? void 0 : c.index) && (r = Y.nextNode(), a++);
+      n !== (l == null ? void 0 : l.index) && (r = F.nextNode(), n++);
     }
-    return Y.currentNode = Z, o;
+    return F.currentNode = K, o;
   }
   p(t) {
     let s = 0;
@@ -376,7 +376,7 @@ class nt {
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, s, i, o) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+    this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -390,7 +390,7 @@ class nt {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = X(this, t, s), at(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : De(t) ? this.k(t) : this._(t);
+    t = W(this, t, s), rt(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== D && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : je(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,26 +399,26 @@ class nt {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== d && at(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Z.createTextNode(t)), this._$AH = t;
+    this._$AH !== h && rt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(K.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var r;
-    const { values: s, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = kt.createElement(me(i.h, i.h[0]), this.options)), i);
+    const { values: s, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = St.createElement(pe(i.h, i.h[0]), this.options)), i);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(s);
     else {
-      const a = new Be(o, this), n = a.u(this.options);
-      a.p(s), this.T(n), this._$AH = a;
+      const n = new Ve(o, this), a = n.u(this.options);
+      n.p(s), this.T(a), this._$AH = n;
     }
   }
   _$AC(t) {
-    let s = Gt.get(t.strings);
-    return s === void 0 && Gt.set(t.strings, s = new kt(t)), s;
+    let s = Ft.get(t.strings);
+    return s === void 0 && Ft.set(t.strings, s = new St(t)), s;
   }
   k(t) {
-    Tt(this._$AH) || (this._$AH = [], this._$AR());
+    _t(this._$AH) || (this._$AH = [], this._$AR());
     const s = this._$AH;
     let i, o = 0;
-    for (const r of t) o === s.length ? s.push(i = new nt(this.O(rt()), this.O(rt()), this, this.options)) : i = s[o], i._$AI(r), o++;
+    for (const r of t) o === s.length ? s.push(i = new nt(this.O(ot()), this.O(ot()), this, this.options)) : i = s[o], i._$AI(r), o++;
     o < s.length && (this._$AR(i && i._$AB.nextSibling, o), s.length = o);
   }
   _$AR(t = this._$AA.nextSibling, s) {
@@ -433,7 +433,7 @@ class nt {
     this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
   }
 }
-class mt {
+class ut {
   get tagName() {
     return this.element.tagName;
   }
@@ -441,46 +441,46 @@ class mt {
     return this._$AM._$AU;
   }
   constructor(t, s, i, o, r) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = s, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
+    this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = s, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = h;
   }
   _$AI(t, s = this, i, o) {
     const r = this.strings;
-    let a = !1;
-    if (r === void 0) t = X(this, t, s, 0), a = !at(t) || t !== this._$AH && t !== H, a && (this._$AH = t);
+    let n = !1;
+    if (r === void 0) t = W(this, t, s, 0), n = !rt(t) || t !== this._$AH && t !== D, n && (this._$AH = t);
     else {
-      const n = t;
-      let c, h;
-      for (t = r[0], c = 0; c < r.length - 1; c++) h = X(this, n[i + c], s, c), h === H && (h = this._$AH[c]), a || (a = !at(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + r[c + 1]), this._$AH[c] = h;
+      const a = t;
+      let l, p;
+      for (t = r[0], l = 0; l < r.length - 1; l++) p = W(this, a[i + l], s, l), p === D && (p = this._$AH[l]), n || (n = !rt(p) || p !== this._$AH[l]), p === h ? t = h : t !== h && (t += (p ?? "") + r[l + 1]), this._$AH[l] = p;
     }
-    a && !o && this.j(t);
+    n && !o && this.j(t);
   }
   j(t) {
-    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-let qe = class extends mt {
+let He = class extends ut {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === d ? void 0 : t;
+    this.element[this.name] = t === h ? void 0 : t;
   }
 };
-class Fe extends mt {
+class Be extends ut {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== d);
+    this.element.toggleAttribute(this.name, !!t && t !== h);
   }
 }
-class Ke extends mt {
+class qe extends ut {
   constructor(t, s, i, o, r) {
     super(t, s, i, o, r), this.type = 5;
   }
   _$AI(t, s = this) {
-    if ((t = X(this, t, s, 0) ?? d) === H) return;
-    const i = this._$AH, o = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== d && (i === d || o);
+    if ((t = W(this, t, s, 0) ?? h) === D) return;
+    const i = this._$AH, o = t === h && i !== h || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== h && (i === h || o);
     o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -488,7 +488,7 @@ class Ke extends mt {
     typeof this._$AH == "function" ? this._$AH.call(((s = this.options) == null ? void 0 : s.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Ye {
+class Fe {
   constructor(t, s, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
   }
@@ -496,17 +496,17 @@ class Ye {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    X(this, t);
+    W(this, t);
   }
 }
-const yt = it.litHtmlPolyfillSupport;
-yt == null || yt(kt, nt), (it.litHtmlVersions ?? (it.litHtmlVersions = [])).push("3.2.1");
-const Ge = (e, t, s) => {
+const gt = st.litHtmlPolyfillSupport;
+gt == null || gt(St, nt), (st.litHtmlVersions ?? (st.litHtmlVersions = [])).push("3.2.1");
+const Ye = (e, t, s) => {
   const i = (s == null ? void 0 : s.renderBefore) ?? t;
   let o = i._$litPart$;
   if (o === void 0) {
     const r = (s == null ? void 0 : s.renderBefore) ?? null;
-    i._$litPart$ = o = new nt(t.insertBefore(rt(), r), r, void 0, s ?? {});
+    i._$litPart$ = o = new nt(t.insertBefore(ot(), r), r, void 0, s ?? {});
   }
   return o._$AI(e), o;
 };
@@ -515,7 +515,7 @@ const Ge = (e, t, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let V = class extends J {
+let L = class extends Z {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -526,7 +526,7 @@ let V = class extends J {
   }
   update(t) {
     const s = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ge(s, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ye(s, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -537,20 +537,20 @@ let V = class extends J {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return H;
+    return D;
   }
 };
-var ce;
-V._$litElement$ = !0, V.finalized = !0, (ce = globalThis.litElementHydrateSupport) == null || ce.call(globalThis, { LitElement: V });
-const vt = globalThis.litElementPolyfillSupport;
-vt == null || vt({ LitElement: V });
+var ne;
+L._$litElement$ = !0, L.finalized = !0, (ne = globalThis.litElementHydrateSupport) == null || ne.call(globalThis, { LitElement: L });
+const yt = globalThis.litElementPolyfillSupport;
+yt == null || yt({ LitElement: L });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q = (e) => (t, s) => {
+const B = (e) => (t, s) => {
   s !== void 0 ? s.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -560,31 +560,31 @@ const q = (e) => (t, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ze = { attribute: !0, type: String, converter: ht, reflect: !1, hasChanged: _t }, We = (e = Ze, t, s) => {
+const Ke = { attribute: !0, type: String, converter: pt, reflect: !1, hasChanged: At }, Ge = (e = Ke, t, s) => {
   const { kind: i, metadata: o } = s;
   let r = globalThis.litPropertyMetadata.get(o);
   if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), r.set(s.name, e), i === "accessor") {
-    const { name: a } = s;
-    return { set(n) {
-      const c = t.get.call(this);
-      t.set.call(this, n), this.requestUpdate(a, c, e);
-    }, init(n) {
-      return n !== void 0 && this.P(a, void 0, e), n;
+    const { name: n } = s;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, l, e);
+    }, init(a) {
+      return a !== void 0 && this.P(n, void 0, e), a;
     } };
   }
   if (i === "setter") {
-    const { name: a } = s;
-    return function(n) {
-      const c = this[a];
-      t.call(this, n), this.requestUpdate(a, c, e);
+    const { name: n } = s;
+    return function(a) {
+      const l = this[n];
+      t.call(this, a), this.requestUpdate(n, l, e);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function p(e) {
-  return (t, s) => typeof s == "object" ? We(e, t, s) : ((i, o, r) => {
-    const a = o.hasOwnProperty(r);
-    return o.constructor.createProperty(r, a ? { ...i, wrapped: !0 } : i), a ? Object.getOwnPropertyDescriptor(o, r) : void 0;
+function d(e) {
+  return (t, s) => typeof s == "object" ? Ge(e, t, s) : ((i, o, r) => {
+    const n = o.hasOwnProperty(r);
+    return o.constructor.createProperty(r, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(o, r) : void 0;
   })(e, t, s);
 }
 /**
@@ -592,10 +592,10 @@ function p(e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function y(e) {
-  return p({ ...e, state: !0, attribute: !1 });
+function x(e) {
+  return d({ ...e, state: !0, attribute: !1 });
 }
-const Je = B`
+const ue = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='5'%20viewBox='0%200%2020%205'%20fill='currentColor'%3e%3ccircle%20cx='3'%20cy='2.5'%20r='1.5'%20opacity='0.3'%3e%3canimate%20attributeName='opacity'%20begin='0s'%20dur='1s'%20values='0.3;0.8;0.3'%20repeatCount='indefinite'/%3e%3c/circle%3e%3ccircle%20cx='10'%20cy='2.5'%20r='1.5'%20opacity='0.3'%3e%3canimate%20attributeName='opacity'%20begin='0.2s'%20dur='1s'%20values='0.3;0.8;0.3'%20repeatCount='indefinite'/%3e%3c/circle%3e%3ccircle%20cx='17'%20cy='2.5'%20r='1.5'%20opacity='0.3'%3e%3canimate%20attributeName='opacity'%20begin='0.4s'%20dur='1s'%20values='0.3;0.8;0.3'%20repeatCount='indefinite'/%3e%3c/circle%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='M640-160v-280h160v280H640Zm-240%200v-640h160v640H400Zm-240%200v-440h160v440H160Z'/%3e%3c/svg%3e", We = "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", Je = H`
   :host {
     /* Base CSS variables */
     --pc-primary-color: #2196f3;
@@ -960,7 +960,7 @@ const Je = B`
       opacity: 1;
     }
   }
-`, ge = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", Xe = "pc_session_id", Qe = 24 * 60 * 60 * 1e3;
+`, me = "https://jpxwfjorwcsrqraorpbj.supabase.co/functions/v1/data", Xe = "pc_session_id", Qe = 24 * 60 * 60 * 1e3;
 function ts(e) {
   return {
     debug: (t, ...s) => {
@@ -974,104 +974,104 @@ function ts(e) {
     }
   };
 }
-const g = ts("Pollcatch");
-function Zt() {
-  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (g.warn("crypto.randomUUID not available, using fallback UUID generator"), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+const f = ts("Pollcatch");
+function Yt() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (f.warn("crypto.randomUUID not available, using fallback UUID generator"), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e === "x" ? t : t & 3 | 8).toString(16);
   }));
 }
-function Pt() {
+function Tt() {
   const e = "test-local-storage";
   try {
     return localStorage.setItem(e, e), localStorage.removeItem(e), !0;
   } catch {
-    return g.warn("localStorage not available, session ID will not persist"), !1;
+    return f.warn("localStorage not available, session ID will not persist"), !1;
   }
 }
-function fe(e) {
+function be(e) {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : void 0;
   } catch (t) {
-    g.warn(`Failed to get item from localStorage: ${e}`, t);
+    f.warn(`Failed to get item from localStorage: ${e}`, t);
     return;
   }
 }
-function ye(e, t) {
+function fe(e, t) {
   try {
     return localStorage.setItem(e, JSON.stringify(t)), !0;
   } catch (s) {
-    return g.warn(`Failed to set item in localStorage: ${e}`, s), !1;
+    return f.warn(`Failed to set item in localStorage: ${e}`, s), !1;
   }
 }
 async function es() {
   if (typeof window < "u") {
     if (window.pcProject !== void 0)
-      return g.debug("Found project key in global variable"), window.pcProject;
+      return f.debug("Found project key in global variable"), window.pcProject;
     const e = document.querySelectorAll("script[pc-project]");
     if (e.length > 0) {
       const t = e[e.length - 1], s = t == null ? void 0 : t.getAttribute("pc-project");
       if (s)
-        return g.debug("Found project key in script tag attribute"), s;
+        return f.debug("Found project key in script tag attribute"), s;
     }
   }
-  g.warn("No project key found in global variable or script tags");
+  f.warn("No project key found in global variable or script tags");
 }
-async function Wt() {
+async function Kt() {
   const e = Xe, t = Qe;
-  if (Pt()) {
-    const s = fe(e);
+  if (Tt()) {
+    const s = be(e);
     if (s && s.id && s.timestamp && Date.now() - s.timestamp < t)
-      return g.debug("Using existing session ID from localStorage"), s.id;
-    g.debug(
+      return f.debug("Using existing session ID from localStorage"), s.id;
+    f.debug(
       s ? "Session ID expired" : "No session ID found",
       "generating new one"
     );
-    const i = Zt();
-    return ye(e, {
+    const i = Yt();
+    return fe(e, {
       id: i,
       timestamp: Date.now()
-    }) ? g.debug("Generated and stored new session ID") : g.warn("Generated session ID but failed to store it"), i;
+    }) ? f.debug("Generated and stored new session ID") : f.warn("Generated session ID but failed to store it"), i;
   } else {
-    const s = Zt();
-    return g.debug("Generated non-persistent session ID"), s;
+    const s = Yt();
+    return f.debug("Generated non-persistent session ID"), s;
   }
 }
 async function ss(e, t) {
   try {
     if (!e)
       throw new Error("Name parameter is required");
-    const s = `${ge}/${encodeURIComponent(t)}/${encodeURIComponent(e)}`;
-    g.debug(`Fetching stats for: ${e}`, { projectKey: t });
+    const s = `${me}/${encodeURIComponent(t)}/${encodeURIComponent(e)}`;
+    f.debug(`Fetching stats for: ${e}`, { projectKey: t });
     const i = await fetch(s);
     if (!i.ok)
       throw new Error(`API request failed with status: ${i.status}`);
     const o = await i.json();
     if (!o.success)
-      throw g.error("Backend returned unsuccessful response", o), new Error("Backend returned unsuccessful response");
-    const r = o.data || {}, a = r.count > 0 ? Math.round(r.sum / r.count) : 0, n = Math.round(r.sum / r.count * 100);
+      throw f.error("Backend returned unsuccessful response", o), new Error("Backend returned unsuccessful response");
+    const r = o.data || {}, n = r.count > 0 ? Math.round(r.sum / r.count) : 0, a = Math.round(r.sum / r.count * 100);
     return {
       count: r.count ?? 0,
       sum: r.sum,
-      avg: a,
-      pct: n,
+      avg: n,
+      pct: a,
       breakdown: r.breakdown ?? {},
       updated: r.updated_at || (/* @__PURE__ */ new Date()).toISOString()
     };
   } catch (s) {
-    throw g.error("Error loading stats:", s), s;
+    throw f.error("Error loading stats:", s), s;
   }
 }
 async function is(e) {
-  const t = JSON.stringify(e), s = `${ge}`;
+  const t = JSON.stringify(e), s = `${me}`;
   try {
-    if (g.debug("Sending stats", e), typeof navigator < "u" && navigator.sendBeacon)
+    if (f.debug("Sending stats", e), typeof navigator < "u" && navigator.sendBeacon)
       if (navigator.sendBeacon(s, t)) {
-        g.debug("Successfully sent stats via sendBeacon");
+        f.debug("Successfully sent stats via sendBeacon");
         return;
       } else
-        g.debug("sendBeacon failed, falling back to fetch");
+        f.debug("sendBeacon failed, falling back to fetch");
     const i = await fetch(s, {
       body: t,
       method: "POST",
@@ -1082,15 +1082,15 @@ async function is(e) {
     });
     if (!i.ok)
       throw new Error(`API request failed with status: ${i.status}`);
-    g.debug("Successfully sent stats via fetch");
+    f.debug("Successfully sent stats via fetch");
   } catch (i) {
-    throw g.error("Failed to send analytics:", i), i;
+    throw f.error("Failed to send analytics:", i), i;
   }
 }
-function ve(e) {
+function ge(e) {
   return !e || typeof e != "string" ? !1 : /^[\p{Emoji}]$/u.test(e) ? !0 : new RegExp("^\\p{Emoji}(\\p{Emoji_Modifier}|\\u200D\\p{Emoji})*$", "u").test(e);
 }
-function Mt(e) {
+function Pt(e) {
   if (!e || typeof e != "string")
     return !1;
   const t = e.trim();
@@ -1120,147 +1120,147 @@ function os(e) {
 function rs(e, t) {
   const s = /{([^{}]+)}/g;
   return e.replace(s, (i, o) => {
-    const r = o.trim(), a = t[r];
-    return a !== void 0 ? String(a) : i;
+    const r = o.trim(), n = t[r];
+    return n !== void 0 ? String(n) : i;
   });
 }
-function as(e, t) {
+function ns(e, t) {
   let s = 2166136261;
   const i = e + ":" + t;
   for (let o = 0; o < i.length; o++)
     s ^= i.charCodeAt(o), s += (s << 1) + (s << 4) + (s << 7) + (s << 8) + (s << 24);
   return (s >>> 0).toString(16).padStart(8, "0");
 }
-var ns = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, R = function(e) {
+var as = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, M = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
-}, x = function(e, t, s) {
+}, v = function(e, t, s) {
   return t === void 0 && (t = 0), s === void 0 && (s = Math.pow(10, t)), Math.round(s * e) / s + 0;
-}, k = function(e, t, s) {
+}, S = function(e, t, s) {
   return t === void 0 && (t = 0), s === void 0 && (s = 1), e > s ? s : e > t ? e : t;
-}, xe = function(e) {
+}, ye = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
-}, Jt = function(e) {
-  return { r: k(e.r, 0, 255), g: k(e.g, 0, 255), b: k(e.b, 0, 255), a: k(e.a) };
-}, xt = function(e) {
-  return { r: x(e.r), g: x(e.g), b: x(e.b), a: x(e.a, 3) };
-}, ls = /^#([0-9a-f]{3,8})$/i, dt = 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) };
+}, vt = function(e) {
+  return { r: v(e.r), g: v(e.g), b: v(e.b), a: v(e.a, 3) };
+}, ls = /^#([0-9a-f]{3,8})$/i, ct = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
-}, $e = function(e) {
-  var t = e.r, s = e.g, i = e.b, o = e.a, r = Math.max(t, s, i), a = r - Math.min(t, s, i), n = a ? r === t ? (s - i) / a : r === s ? 2 + (i - t) / a : 4 + (t - s) / a : 0;
-  return { h: 60 * (n < 0 ? n + 6 : n), s: r ? a / r * 100 : 0, v: r / 255 * 100, a: o };
-}, we = function(e) {
+}, ve = function(e) {
+  var t = e.r, s = e.g, i = e.b, o = e.a, r = Math.max(t, s, i), n = r - Math.min(t, s, i), a = n ? r === t ? (s - i) / n : r === s ? 2 + (i - t) / n : 4 + (t - s) / n : 0;
+  return { h: 60 * (a < 0 ? a + 6 : a), s: r ? n / r * 100 : 0, v: r / 255 * 100, a: o };
+}, xe = function(e) {
   var t = e.h, s = e.s, i = e.v, o = e.a;
   t = t / 360 * 6, s /= 100, i /= 100;
-  var r = Math.floor(t), a = i * (1 - s), n = i * (1 - (t - r) * s), c = i * (1 - (1 - t + r) * s), h = r % 6;
-  return { r: 255 * [i, n, a, a, c, i][h], g: 255 * [c, i, i, n, a, a][h], b: 255 * [a, a, c, i, i, n][h], a: o };
-}, Xt = function(e) {
-  return { h: xe(e.h), s: k(e.s, 0, 100), l: k(e.l, 0, 100), a: k(e.a) };
-}, Qt = function(e) {
-  return { h: x(e.h), s: x(e.s), l: x(e.l), a: x(e.a, 3) };
-}, te = function(e) {
-  return we((s = (t = e).s, { h: t.h, s: (s *= ((i = t.l) < 50 ? i : 100 - i) / 100) > 0 ? 2 * s / (i + s) * 100 : 0, v: i + s, a: t.a }));
+  var r = Math.floor(t), n = i * (1 - s), a = i * (1 - (t - r) * s), l = i * (1 - (1 - t + r) * s), p = r % 6;
+  return { r: 255 * [i, a, n, n, l, i][p], g: 255 * [l, i, i, a, n, n][p], b: 255 * [n, n, l, i, i, a][p], a: o };
+}, Zt = function(e) {
+  return { h: ye(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
+}, Wt = function(e) {
+  return { h: v(e.h), s: v(e.s), l: v(e.l), a: v(e.a, 3) };
+}, Jt = function(e) {
+  return xe((s = (t = e).s, { h: t.h, s: (s *= ((i = t.l) < 50 ? i : 100 - i) / 100) > 0 ? 2 * s / (i + s) * 100 : 0, v: i + s, a: t.a }));
   var t, s, i;
-}, ot = function(e) {
-  return { h: (t = $e(e)).h, s: (o = (200 - (s = t.s)) * (i = t.v) / 100) > 0 && o < 200 ? s * i / 100 / (o <= 100 ? o : 200 - o) * 100 : 0, l: o / 2, a: t.a };
+}, it = function(e) {
+  return { h: (t = ve(e)).h, s: (o = (200 - (s = t.s)) * (i = t.v) / 100) > 0 && o < 200 ? s * i / 100 / (o <= 100 ? o : 200 - o) * 100 : 0, l: o / 2, a: t.a };
   var t, s, i, o;
-}, cs = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ds = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ps = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, hs = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ee = { string: [[function(e) {
+}, cs = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ds = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ps = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, hs = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Xt = { string: [[function(e) {
   var t = ls.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 ? x(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 ? x(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 ? v(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 ? v(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = ps.exec(e) || hs.exec(e);
-  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Jt({ 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 = cs.exec(e) || ds.exec(e);
   if (!t) return null;
-  var s, i, o = Xt({ h: (s = t[1], i = t[2], i === void 0 && (i = "deg"), Number(s) * (ns[i] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
-  return te(o);
+  var s, i, o = Zt({ h: (s = t[1], i = t[2], i === void 0 && (i = "deg"), Number(s) * (as[i] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  return Jt(o);
 }, "hsl"]], object: [[function(e) {
   var t = e.r, s = e.g, i = e.b, o = e.a, r = o === void 0 ? 1 : o;
-  return R(t) && R(s) && R(i) ? Jt({ r: Number(t), g: Number(s), b: Number(i), a: Number(r) }) : null;
+  return M(t) && M(s) && M(i) ? Gt({ r: Number(t), g: Number(s), b: Number(i), a: Number(r) }) : null;
 }, "rgb"], [function(e) {
   var t = e.h, s = e.s, i = e.l, o = e.a, r = o === void 0 ? 1 : o;
-  if (!R(t) || !R(s) || !R(i)) return null;
-  var a = Xt({ h: Number(t), s: Number(s), l: Number(i), a: Number(r) });
-  return te(a);
+  if (!M(t) || !M(s) || !M(i)) return null;
+  var n = Zt({ h: Number(t), s: Number(s), l: Number(i), a: Number(r) });
+  return Jt(n);
 }, "hsl"], [function(e) {
   var t = e.h, s = e.s, i = e.v, o = e.a, r = o === void 0 ? 1 : o;
-  if (!R(t) || !R(s) || !R(i)) return null;
-  var a = function(n) {
-    return { h: xe(n.h), s: k(n.s, 0, 100), v: k(n.v, 0, 100), a: k(n.a) };
+  if (!M(t) || !M(s) || !M(i)) return null;
+  var n = function(a) {
+    return { h: ye(a.h), s: S(a.s, 0, 100), v: S(a.v, 0, 100), a: S(a.a) };
   }({ h: Number(t), s: Number(s), v: Number(i), a: Number(r) });
-  return we(a);
-}, "hsv"]] }, se = function(e, t) {
+  return xe(n);
+}, "hsv"]] }, Qt = function(e, t) {
   for (var s = 0; s < t.length; s++) {
     var i = t[s][0](e);
     if (i) return [i, t[s][1]];
   }
   return [null, void 0];
 }, us = function(e) {
-  return typeof e == "string" ? se(e.trim(), ee.string) : typeof e == "object" && e !== null ? se(e, ee.object) : [null, void 0];
-}, $t = function(e, t) {
-  var s = ot(e);
-  return { h: s.h, s: k(s.s + 100 * t, 0, 100), l: s.l, a: s.a };
-}, wt = function(e) {
+  return typeof e == "string" ? Qt(e.trim(), Xt.string) : typeof e == "object" && e !== null ? Qt(e, Xt.object) : [null, void 0];
+}, xt = function(e, t) {
+  var s = it(e);
+  return { h: s.h, s: S(s.s + 100 * t, 0, 100), l: s.l, a: s.a };
+}, $t = function(e) {
   return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
-}, ie = function(e, t) {
-  var s = ot(e);
-  return { h: s.h, s: s.s, l: k(s.l + 100 * t, 0, 100), a: s.a };
-}, oe = function() {
+}, te = function(e, t) {
+  var s = it(e);
+  return { h: s.h, s: s.s, l: S(s.l + 100 * t, 0, 100), a: s.a };
+}, ee = function() {
   function e(t) {
     this.parsed = us(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
   }
   return e.prototype.isValid = function() {
     return this.parsed !== null;
   }, e.prototype.brightness = function() {
-    return x(wt(this.rgba), 2);
+    return v($t(this.rgba), 2);
   }, e.prototype.isDark = function() {
-    return wt(this.rgba) < 0.5;
+    return $t(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
-    return wt(this.rgba) >= 0.5;
+    return $t(this.rgba) >= 0.5;
   }, e.prototype.toHex = function() {
-    return t = xt(this.rgba), s = t.r, i = t.g, o = t.b, a = (r = t.a) < 1 ? dt(x(255 * r)) : "", "#" + dt(s) + dt(i) + dt(o) + a;
-    var t, s, i, o, r, a;
+    return t = vt(this.rgba), s = t.r, i = t.g, o = t.b, n = (r = t.a) < 1 ? ct(v(255 * r)) : "", "#" + ct(s) + ct(i) + ct(o) + n;
+    var t, s, i, o, r, n;
   }, e.prototype.toRgb = function() {
-    return xt(this.rgba);
+    return vt(this.rgba);
   }, e.prototype.toRgbString = function() {
-    return t = xt(this.rgba), s = t.r, i = t.g, o = t.b, (r = t.a) < 1 ? "rgba(" + s + ", " + i + ", " + o + ", " + r + ")" : "rgb(" + s + ", " + i + ", " + o + ")";
+    return t = vt(this.rgba), s = t.r, i = t.g, o = t.b, (r = t.a) < 1 ? "rgba(" + s + ", " + i + ", " + o + ", " + r + ")" : "rgb(" + s + ", " + i + ", " + o + ")";
     var t, s, i, o, r;
   }, e.prototype.toHsl = function() {
-    return Qt(ot(this.rgba));
+    return Wt(it(this.rgba));
   }, e.prototype.toHslString = function() {
-    return t = Qt(ot(this.rgba)), s = t.h, i = t.s, o = t.l, (r = t.a) < 1 ? "hsla(" + s + ", " + i + "%, " + o + "%, " + r + ")" : "hsl(" + s + ", " + i + "%, " + o + "%)";
+    return t = Wt(it(this.rgba)), s = t.h, i = t.s, o = t.l, (r = t.a) < 1 ? "hsla(" + s + ", " + i + "%, " + o + "%, " + r + ")" : "hsl(" + s + ", " + i + "%, " + o + "%)";
     var t, s, i, o, r;
   }, e.prototype.toHsv = function() {
-    return t = $e(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
+    return t = ve(this.rgba), { h: v(t.h), s: v(t.s), v: v(t.v), a: v(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
-    return _({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    return E({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
     var t;
   }, e.prototype.saturate = function(t) {
-    return t === void 0 && (t = 0.1), _($t(this.rgba, t));
+    return t === void 0 && (t = 0.1), E(xt(this.rgba, t));
   }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), _($t(this.rgba, -t));
+    return t === void 0 && (t = 0.1), E(xt(this.rgba, -t));
   }, e.prototype.grayscale = function() {
-    return _($t(this.rgba, -1));
+    return E(xt(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), _(ie(this.rgba, t));
+    return t === void 0 && (t = 0.1), E(te(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), _(ie(this.rgba, -t));
+    return t === void 0 && (t = 0.1), E(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) {
-    return typeof t == "number" ? _({ r: (s = this.rgba).r, g: s.g, b: s.b, a: t }) : x(this.rgba.a, 3);
+    return typeof t == "number" ? E({ r: (s = this.rgba).r, g: s.g, b: s.b, a: t }) : v(this.rgba.a, 3);
     var s;
   }, e.prototype.hue = function(t) {
-    var s = ot(this.rgba);
-    return typeof t == "number" ? _({ h: t, s: s.s, l: s.l, a: s.a }) : x(s.h);
+    var s = it(this.rgba);
+    return typeof t == "number" ? E({ h: t, s: s.s, l: s.l, a: s.a }) : v(s.h);
   }, e.prototype.isEqual = function(t) {
-    return this.toHex() === _(t).toHex();
+    return this.toHex() === E(t).toHex();
   }, e;
-}(), _ = function(e) {
-  return e instanceof oe ? e : new oe(e);
-}, Se = /* @__PURE__ */ ((e) => (e[e.AA_NORMAL = 4.5] = "AA_NORMAL", e[e.AA_LARGE = 3] = "AA_LARGE", e[e.AAA_NORMAL = 7] = "AAA_NORMAL", e[e.AAA_LARGE = 4.5] = "AAA_LARGE", e))(Se || {});
+}(), E = function(e) {
+  return e instanceof ee ? e : new ee(e);
+}, $e = /* @__PURE__ */ ((e) => (e[e.AA_NORMAL = 4.5] = "AA_NORMAL", e[e.AA_LARGE = 3] = "AA_LARGE", e[e.AAA_NORMAL = 7] = "AAA_NORMAL", e[e.AAA_LARGE = 4.5] = "AAA_LARGE", e))($e || {});
 const ms = {
   black: "#000000",
   white: "#ffffff",
@@ -1282,16 +1282,16 @@ function bs(e) {
   const t = e.toLowerCase().trim();
   return ms[t] || null;
 }
-function St(e, t) {
-  const s = re(e), i = re(t), o = Math.max(s, i), r = Math.min(s, i);
+function wt(e, t) {
+  const s = se(e), i = se(t), o = Math.max(s, i), r = Math.min(s, i);
   return (o + 0.05) / (r + 0.05);
 }
-function re(e) {
-  const t = gs(e), s = t.r / 255, i = t.g / 255, o = t.b / 255, r = s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4), a = i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4), n = o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
-  return 0.2126 * r + 0.7152 * a + 0.0722 * n;
+function se(e) {
+  const t = fs(e), s = t.r / 255, i = t.g / 255, o = t.b / 255, r = s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4), n = i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4), a = o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
+  return 0.2126 * r + 0.7152 * n + 0.0722 * a;
 }
-function ae(e, t = {}) {
-  if (!_(e).isValid())
+function ie(e, t = {}) {
+  if (!E(e).isValid())
     return console.warn(`Invalid color provided: ${e}`), "black";
   const {
     minContrast: i = 4.5,
@@ -1300,38 +1300,38 @@ function ae(e, t = {}) {
       light: "#f8f9fa",
       dark: "#343a40"
     },
-    fallback: a = "white"
-  } = t, n = o.map((m) => m === "black" ? "#000000" : m === "white" ? "#ffffff" : m === "light" ? r.light || "#f8f9fa" : m === "dark" ? r.dark || "#343a40" : m);
-  let c = a, h = 0;
-  for (const m of n) {
-    const b = St(e, m);
-    b >= i && b > h && (h = b, c = m);
-  }
-  if (h === 0) {
-    const m = St(e, a);
-    c = a, h = m;
-    for (const b of n) {
-      if (b === a) continue;
-      const S = St(e, b);
-      S > h && (h = S, c = b);
+    fallback: n = "white"
+  } = t, a = o.map((u) => u === "black" ? "#000000" : u === "white" ? "#ffffff" : u === "light" ? r.light || "#f8f9fa" : u === "dark" ? r.dark || "#343a40" : u);
+  let l = n, p = 0;
+  for (const u of a) {
+    const b = wt(e, u);
+    b >= i && b > p && (p = b, l = u);
+  }
+  if (p === 0) {
+    const u = wt(e, n);
+    l = n, p = u;
+    for (const b of a) {
+      if (b === n) continue;
+      const w = wt(e, b);
+      w > p && (p = w, l = b);
     }
     console.warn(
-      `No color option met the minimum contrast ratio of ${i}:1 against ${e}. Using ${c} with contrast ratio ${h.toFixed(2)}:1 instead.`
+      `No color option met the minimum contrast ratio of ${i}:1 against ${e}. Using ${l} with contrast ratio ${p.toFixed(2)}:1 instead.`
     );
   }
-  return c;
+  return l;
 }
-function gs(e) {
-  const s = bs(e) || e, i = _(s);
+function fs(e) {
+  const s = bs(e) || e, i = E(s);
   if (!i.isValid())
     return console.warn(`Invalid color provided: ${e}`), { r: 0, g: 0, b: 0 };
-  const { r: o, g: r, b: a } = i.toRgb();
-  return { r: o, g: r, b: a };
+  const { r: o, g: r, b: n } = i.toRgb();
+  return { r: o, g: r, b: n };
 }
-function I(e, t) {
+function z(e, t) {
   return e === "left" || e === "right" ? t || "center" : e === "top" || e === "bottom" ? t || "start" : t || "center";
 }
-function fs(e, t = "1rem") {
+function gs(e, t = "1rem") {
   if (!e) return t;
   const s = {
     xs: "0.75rem",
@@ -1347,8 +1347,8 @@ function fs(e, t = "1rem") {
     o
   ))
     return o.replace(/\s+/g, "");
-  const a = parseFloat(o);
-  return isNaN(a) ? t : `${a}rem`;
+  const n = parseFloat(o);
+  return isNaN(n) ? t : `${n}rem`;
 }
 function ys(e, t = "4px") {
   if (!e) return t;
@@ -1367,10 +1367,10 @@ function ys(e, t = "4px") {
     o
   ))
     return o.replace(/\s+/g, "");
-  const a = parseFloat(o);
-  return isNaN(a) ? t : `${a}px`;
+  const n = parseFloat(o);
+  return isNaN(n) ? t : `${n}px`;
 }
-function G() {
+function Y() {
   return {
     count: 0,
     sum: 0,
@@ -1381,22 +1381,22 @@ function G() {
   };
 }
 function vs(e) {
-  if (!Pt())
-    return G();
+  if (!Tt())
+    return Y();
   try {
-    const t = fe(e);
-    return t ? { ...G(), ...t } : G();
+    const t = be(e);
+    return t ? { ...Y(), ...t } : Y();
   } catch (t) {
-    return g.warn("Failed to load localStats from localStorage", t), G();
+    return f.warn("Failed to load localStats from localStorage", t), Y();
   }
 }
 function xs(e, t) {
-  if (!Pt())
+  if (!Tt())
     return !1;
   try {
-    return ye(e, t) ? (g.debug("Saved localStats to localStorage", t), !0) : !1;
+    return fe(e, t) ? (f.debug("Saved localStats to localStorage", t), !0) : !1;
   } catch (s) {
-    return g.warn("Failed to save localStats to localStorage", s), !1;
+    return f.warn("Failed to save localStats to localStorage", s), !1;
   }
 }
 function $s(e, t) {
@@ -1416,7 +1416,7 @@ function $s(e, t) {
 }
 function ws(e, t) {
   if (!e.count && !t.count)
-    return G();
+    return Y();
   if (!e.count)
     return { ...t };
   const s = {
@@ -1439,23 +1439,25 @@ function Ss(e) {
   if (!e || typeof e != "object")
     return 0;
   let t = 0, s = 0, i = 0;
-  for (let a = 0; a <= 10; a++) {
-    const n = a.toString(), c = Math.max(0, e[n] || 0);
-    i += c, a >= 9 ? t += c : a >= 7 || (s += c);
+  for (let n = 0; n <= 10; n++) {
+    const a = n.toString(), l = Math.max(0, e[a] || 0);
+    i += l, n >= 9 ? t += l : n >= 7 || (s += l);
   }
   if (i === 0)
     return 0;
   const o = t / i * 100, r = s / i * 100;
   return Math.round(o - r);
 }
-var ks = Object.defineProperty, f = (e, t, s, i) => {
-  for (var o = void 0, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = a(t, s, o) || o);
+var ks = Object.defineProperty, g = (e, t, s, i) => {
+  for (var o = void 0, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = n(t, s, o) || o);
   return o && ks(t, s, o), o;
 };
-const Lt = class Lt extends V {
+const Rt = class Rt extends L {
   constructor() {
-    super(...arguments), this.readonly = !1, this.showStats = !1, this.showCounts = !1, this.showChart = !1, this.minContrast = Se.AA_NORMAL, this.labelPosition = "top", this.statsIsLoading = !1, this.localStats = G();
+    super(...arguments), this.readonly = !1, this.showStats = "never", this.showCounts = !1, this.showChart = !1, this.minContrast = $e.AA_NORMAL, this.labelPosition = "top", this.statsIsLoading = !1, this.localStats = Y(), this.isEditMode = !1, this.isChartVisible = !1, this.handleChartToggleKeyDown = (t) => {
+      (t.key === "Enter" || t.key === " ") && (this.isChartVisible = !this.isChartVisible, this.handleChartToggleClick());
+    };
   }
   /**
    * Gets the project key for the widget
@@ -1468,7 +1470,7 @@ const Lt = class Lt extends V {
    * Gets the localStorage key for this widget's localStats
    */
   async getLocalStatsKey() {
-    const t = await Wt(), s = await this.getProjectKey(), i = this.name || "unnamed";
+    const t = await Kt(), s = await this.getProjectKey(), i = this.name || "unnamed";
     return `pc-local-stats-${t}-${s}-${i}`;
   }
   /**
@@ -1477,9 +1479,9 @@ const Lt = class Lt extends V {
   async loadLocalStatsFromStorage() {
     try {
       const t = await this.getLocalStatsKey();
-      this.localStats = vs(t), g.debug("Loaded localStats from localStorage", this.localStats);
+      this.localStats = vs(t), f.debug("Loaded localStats from localStorage", this.localStats);
     } catch (t) {
-      g.warn("Failed to generate localStorage key for localStats", t), this.localStats = G();
+      f.warn("Failed to generate localStorage key for localStats", t), this.localStats = Y();
     }
   }
   /**
@@ -1488,9 +1490,9 @@ const Lt = class Lt extends V {
   async saveLocalStatsToStorage() {
     try {
       const t = await this.getLocalStatsKey();
-      xs(t, this.localStats) || g.warn("Failed to save localStats to localStorage");
+      xs(t, this.localStats) || f.warn("Failed to save localStats to localStorage");
     } catch (t) {
-      g.warn("Failed to save localStats to localStorage", t);
+      f.warn("Failed to save localStats to localStorage", t);
     }
   }
   /**
@@ -1498,7 +1500,7 @@ const Lt = class Lt extends V {
    */
   async updateStats(t, s) {
     if (this.stats && (this.stats = $s(this.stats, this.localStats)), this.localStats = {
-      count: t > 0 ? 1 : 0,
+      count: t > 0 || this.widgetType === "nps" ? 1 : 0,
       sum: t,
       avg: t,
       // For single user, avg equals the value
@@ -1515,23 +1517,23 @@ const Lt = class Lt extends V {
    * Undo the stats with the localStats
    */
   async submitStats(t, s) {
-    const i = Math.floor(Date.now() / 1e3).toString(), o = await Wt(), r = await this.getProjectKey(), a = this.name || "", n = {
+    const i = Math.floor(Date.now() / 1e3).toString(), o = await Kt(), r = await this.getProjectKey(), n = this.name || "", a = {
       sessionId: o,
       projectId: r,
-      widgetName: a,
+      widgetName: n,
       widgetType: this.widgetType,
       url: window.location.href,
       numericValue: t,
       textValues: s,
       tags: this.tags,
       timestamp: i
-    }, c = as(JSON.stringify(n), i);
+    }, l = ns(JSON.stringify(a), i);
     try {
-      is({ ...n, hash: c });
-    } catch (h) {
-      g.warn("Failed to send stats event", h);
+      is({ ...a, hash: l });
+    } catch (p) {
+      f.warn("Failed to send stats event", p);
     }
-    return n;
+    return a;
   }
   /**
    * Apply custom CSS when connected to the DOM or when css property changes
@@ -1554,7 +1556,7 @@ const Lt = class Lt extends V {
     if (this.primaryColor) {
       s += `--pc-primary-color: ${this.primaryColor} !important;
 `;
-      const i = ae(this.primaryColor, {
+      const i = ie(this.primaryColor, {
         minContrast: this.minContrast,
         colorOptions: ["black", "white", "light", "dark"]
       });
@@ -1571,7 +1573,7 @@ const Lt = class Lt extends V {
     if (this.muteColor) {
       s += `--pc-mute-color: ${this.muteColor} !important;
 `;
-      const i = ae(this.muteColor, {
+      const i = ie(this.muteColor, {
         minContrast: this.minContrast,
         colorOptions: ["black", "white", "light", "dark"]
       });
@@ -1580,7 +1582,7 @@ const Lt = class Lt extends V {
     }
     if (this.textColor && (s += `--pc-text-color: ${this.textColor} !important;
 `), this.size) {
-      const i = fs(this.size);
+      const i = gs(this.size);
       s += `font-size: ${i} !important;
 `;
     }
@@ -1597,117 +1599,181 @@ const Lt = class Lt extends V {
         const t = await this.getProjectKey();
         this.stats = await ss(this.name, t);
       } catch (t) {
-        g.debug("Error loading stats", t), this.stats = void 0;
+        f.debug("Error loading stats", t), this.stats = void 0;
       } finally {
         this.statsIsLoading = !1;
       }
     }
   }
   async firstUpdated() {
-    await this.loadLocalStatsFromStorage(), this.name && await this.loadWidgetStats();
+    this.name && (await this.loadLocalStatsFromStorage(), await this.loadWidgetStats()), this.initialize();
+  }
+  /**
+   * Initialize mode based on current state
+   */
+  initialize() {
+    if (this.readonly) {
+      this.isEditMode = !1, this.isChartVisible = this.showChart;
+      return;
+    }
+    this.hasUserVoted() ? this.isEditMode = !1 : this.isEditMode = !0;
   }
   // Method to dispatch change events with new 3-step approach
   async handleChange(t, s) {
-    if (await this.updateStats(t, s), await this.saveLocalStatsToStorage(), this.name) {
+    if (await this.updateStats(t, s), this.name) {
+      await this.saveLocalStatsToStorage();
       const i = await this.submitStats(t, s);
       this.dispatchEvent(new CustomEvent("change", { detail: i }));
     } else
-      g.warn("Widget name is not set, skipping data submission.");
+      f.warn("Widget name is not set, skipping data submission.");
   }
   // Common rendering for label
   renderLabel() {
-    return this.label ? l`<label data-testid="pc-label" class="pc-label">${this.label}</label>` : "";
+    return this.label ? c`<label data-testid="pc-label" class="pc-label">${this.label}</label>` : "";
+  }
+  /**
+   * Toggle chart visibility
+   */
+  handleChartToggleClick() {
+    this.isChartVisible = !this.isChartVisible;
+  }
+  renderStatsText() {
+    if (!this.shouldShowStatsText()) return h;
+    if (this.statsIsLoading)
+      return c`<span class="pc-stats-text">
+        <img src="${ue}" alt="Loading" class="pc-loading-icon" />
+      </span>`;
+    const t = this.statsText, s = this.formatStatsText(t), i = this.showChart && this.hasStats();
+    return c`
+      <span class="pc-stats-text" data-testid="stats-text">
+        ${s}
+        ${i ? c`
+              <img
+                src="${this.isChartVisible ? We : Ze}"
+                alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
+                class="chart-toggle-icon"
+                data-testid="chart-toggle-button"
+                @click="${this.handleChartToggleClick}"
+                role="button"
+                tabindex="0"
+                @keydown="${this.handleChartToggleKeyDown}"
+              />
+            ` : h}
+      </span>
+    `;
   }
   formatStatsText(t) {
-    var i, o, r, a, n;
+    var i, o, r, n, a;
     const s = {
       count: ((i = this.stats) == null ? void 0 : i.count) || 0,
       sum: ((o = this.stats) == null ? void 0 : o.sum) || 0,
       avg: ((r = this.stats) == null ? void 0 : r.avg) || 0,
-      pct: ((a = this.stats) == null ? void 0 : a.pct) || 0,
-      nps: this.widgetType === "nps" ? Ss(((n = this.stats) == null ? void 0 : n.breakdown) || {}) : 0
+      pct: ((n = this.stats) == null ? void 0 : n.pct) || 0,
+      nps: this.widgetType === "nps" ? Ss(((a = this.stats) == null ? void 0 : a.breakdown) || {}) : 0
     };
     return rs(t, s);
   }
+  /**
+   * Determines if the stats text should be shown based on show-stats , and readonly
+   */
+  shouldShowStatsText() {
+    return this.showStats === "never" || !this.statsText || !this.hasStats() || this.isEditMode && this.showStats !== "always" ? !1 : this.showStats === "always" || this.readonly ? !0 : this.hasUserVoted();
+  }
+  shouldShowChart() {
+    return this.showChart && this.hasStats() && this.isChartVisible;
+  }
+  hasUserVoted() {
+    return this.localStats && this.localStats.count > 0;
+  }
+  hasStats() {
+    var t;
+    return (((t = this.stats) == null ? void 0 : t.count) || 0) > 0;
+  }
 };
-Lt.styles = [Je];
-let u = Lt;
-f([
-  p({ type: Boolean, reflect: !0 })
-], u.prototype, "readonly");
-f([
-  p({ type: String, attribute: "project" })
-], u.prototype, "projectKey");
-f([
-  p({ type: String })
-], u.prototype, "tags");
-f([
-  p({ type: String })
-], u.prototype, "name");
-f([
-  p({ type: Boolean, attribute: "show-stats" })
-], u.prototype, "showStats");
-f([
-  p({ type: Boolean, attribute: "show-counts" })
-], u.prototype, "showCounts");
-f([
-  p({ type: Boolean, attribute: "show-chart" })
-], u.prototype, "showChart");
-f([
-  p({ type: String, attribute: "stats-text" })
-], u.prototype, "statsText");
-f([
-  p({ type: String, attribute: "stats-position" })
-], u.prototype, "statsPosition");
-f([
-  p({ type: String, attribute: "stats-align" })
-], u.prototype, "statsAlign");
-f([
-  p({ type: String })
-], u.prototype, "icon");
-f([
-  p({ type: String, attribute: "icon-active" })
-], u.prototype, "iconActive");
-f([
-  p({ type: String, attribute: "primary-color" })
-], u.prototype, "primaryColor");
-f([
-  p({ type: String, attribute: "mute-color" })
-], u.prototype, "muteColor");
-f([
-  p({ type: String, attribute: "text-color" })
-], u.prototype, "textColor");
-f([
-  p({ type: String })
-], u.prototype, "size");
-f([
-  p({ type: String, attribute: "button-radius" })
-], u.prototype, "buttonRadius");
-f([
-  p({ type: Number, attribute: "min-contrast" })
-], u.prototype, "minContrast");
-f([
-  p({ type: String })
-], u.prototype, "css");
-f([
-  p({ type: String })
-], u.prototype, "label");
-f([
-  p({ type: String, attribute: "label-position" })
-], u.prototype, "labelPosition");
-f([
-  p({ type: String, attribute: "label-align" })
-], u.prototype, "labelAlign");
-f([
-  y()
-], u.prototype, "statsIsLoading");
-f([
-  y()
-], u.prototype, "stats");
-f([
-  y()
-], u.prototype, "localStats");
-const Cs = B`
+Rt.styles = [Je];
+let m = Rt;
+g([
+  d({ type: Boolean, reflect: !0 })
+], m.prototype, "readonly");
+g([
+  d({ type: String, attribute: "project" })
+], m.prototype, "projectKey");
+g([
+  d({ type: String })
+], m.prototype, "tags");
+g([
+  d({ type: String })
+], m.prototype, "name");
+g([
+  d({ type: String, attribute: "show-stats" })
+], m.prototype, "showStats");
+g([
+  d({ type: Boolean, attribute: "show-counts" })
+], m.prototype, "showCounts");
+g([
+  d({ type: Boolean, attribute: "show-chart" })
+], m.prototype, "showChart");
+g([
+  d({ type: String, attribute: "stats-text" })
+], m.prototype, "statsText");
+g([
+  d({ type: String, attribute: "stats-position" })
+], m.prototype, "statsPosition");
+g([
+  d({ type: String, attribute: "stats-align" })
+], m.prototype, "statsAlign");
+g([
+  d({ type: String })
+], m.prototype, "icon");
+g([
+  d({ type: String, attribute: "icon-active" })
+], m.prototype, "iconActive");
+g([
+  d({ type: String, attribute: "primary-color" })
+], m.prototype, "primaryColor");
+g([
+  d({ type: String, attribute: "mute-color" })
+], m.prototype, "muteColor");
+g([
+  d({ type: String, attribute: "text-color" })
+], m.prototype, "textColor");
+g([
+  d({ type: String })
+], m.prototype, "size");
+g([
+  d({ type: String, attribute: "button-radius" })
+], m.prototype, "buttonRadius");
+g([
+  d({ type: Number, attribute: "min-contrast" })
+], m.prototype, "minContrast");
+g([
+  d({ type: String })
+], m.prototype, "css");
+g([
+  d({ type: String })
+], m.prototype, "label");
+g([
+  d({ type: String, attribute: "label-position" })
+], m.prototype, "labelPosition");
+g([
+  d({ type: String, attribute: "label-align" })
+], m.prototype, "labelAlign");
+g([
+  x()
+], m.prototype, "statsIsLoading");
+g([
+  x()
+], m.prototype, "stats");
+g([
+  x()
+], m.prototype, "localStats");
+g([
+  x()
+], m.prototype, "isEditMode");
+g([
+  x()
+], m.prototype, "isChartVisible");
+const Es = H`
   /* Add responsive sizing with CSS variables */
   :host {
     --pc-nps-button-size: clamp(1.6em, calc(1.5em + 0.5vw), 2.4em);
@@ -1765,7 +1831,7 @@ const Cs = B`
   }
 
   .nps-button {
-    width: var(--pc-nps-button-size);
+    min-width: var(--pc-nps-button-size);
     height: var(--pc-nps-button-size);
     display: flex;
     align-items: center;
@@ -1955,8 +2021,8 @@ const Cs = B`
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ke = { ATTRIBUTE: 1 }, Ce = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let Ee = class {
+const we = { ATTRIBUTE: 1 }, Se = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let ke = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1977,10 +2043,10 @@ let Ee = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const v = Ce(class extends Ee {
+const y = Se(class extends ke {
   constructor(e) {
     var t;
-    if (super(e), e.type !== ke.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+    if (super(e), e.type !== we.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(e) {
     return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
@@ -1995,36 +2061,36 @@ const v = Ce(class extends Ee {
     const s = e.element.classList;
     for (const r of this.st) r in t || (s.remove(r), this.st.delete(r));
     for (const r in t) {
-      const a = !!t[r];
-      a === this.st.has(r) || (o = this.nt) != null && o.has(r) || (a ? (s.add(r), this.st.add(r)) : (s.remove(r), this.st.delete(r)));
+      const n = !!t[r];
+      n === this.st.has(r) || (o = this.nt) != null && o.has(r) || (n ? (s.add(r), this.st.add(r)) : (s.remove(r), this.st.delete(r)));
     }
-    return H;
+    return D;
   }
 });
 function Ot(e, t = {}) {
   if (!e || e.length === 0)
-    return l`<div class="pc-bar-chart pc-bar-chart--empty">No data available</div>`;
+    return c`<div class="pc-bar-chart pc-bar-chart--empty">No data available</div>`;
   const s = Math.max(...e.map((r) => r.value)), o = { ...{
     barColor: "#ffc107",
     valueFormatter: (r) => `${r}`,
     labelFormatter: (r) => `${r}`,
     maxWidth: 100
   }, ...t };
-  return l`
+  return c`
     <div class="pc-bar-chart">
       ${e.map((r) => {
-    const n = `
+    const a = `
           width: ${s > 0 ? r.value / s * o.maxWidth : 0}%;
           background-color: ${o.barColor};
-        `, c = o.labelFormatter(r.label), h = c && l`<span class="pc-bar-label-text">${c}</span>`;
-    return l`
+        `, l = o.labelFormatter(r.label), p = l && c`<span class="pc-bar-label-text">${l}</span>`;
+    return c`
           <div class="pc-bar-row">
             <div class="pc-bar-label">
-              ${h}
+              ${p}
               <span class="pc-bar-label-icon">${r.icon}</span>
             </div>
             <div class="pc-bar-container">
-              <div class="pc-bar" style="${n}"></div>
+              <div class="pc-bar" style="${a}"></div>
               <div class="pc-bar-value">${o.valueFormatter(r.value)}</div>
             </div>
           </div>
@@ -2033,41 +2099,35 @@ function Ot(e, t = {}) {
     </div>
   `;
 }
-const lt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='5'%20viewBox='0%200%2020%205'%20fill='currentColor'%3e%3ccircle%20cx='3'%20cy='2.5'%20r='1.5'%20opacity='0.3'%3e%3canimate%20attributeName='opacity'%20begin='0s'%20dur='1s'%20values='0.3;0.8;0.3'%20repeatCount='indefinite'/%3e%3c/circle%3e%3ccircle%20cx='10'%20cy='2.5'%20r='1.5'%20opacity='0.3'%3e%3canimate%20attributeName='opacity'%20begin='0.2s'%20dur='1s'%20values='0.3;0.8;0.3'%20repeatCount='indefinite'/%3e%3c/circle%3e%3ccircle%20cx='17'%20cy='2.5'%20r='1.5'%20opacity='0.3'%3e%3canimate%20attributeName='opacity'%20begin='0.4s'%20dur='1s'%20values='0.3;0.8;0.3'%20repeatCount='indefinite'/%3e%3c/circle%3e%3c/svg%3e", bt = "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", zt = "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", Nt = "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";
-var Rt = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(Rt || {});
-function Ae(e, t = {}) {
-  const {
-    type: s = "functional",
-    alt: i,
-    ariaLabel: o,
-    isSelected: r,
-    componentName: a = "component"
-  } = t;
+const mt = "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";
+var Mt = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(Mt || {});
+function Ee(e, t = {}) {
+  const { type: s = "functional", alt: i, ariaLabel: o, isSelected: r } = t;
   if (!e)
     return { alt: "", ariaHidden: !0 };
   if (s === "decorative")
     return { alt: "", ariaHidden: !0 };
   s === "functional" && !i && !o && console.warn(
-    `No alt text or aria-label provided for functional icon in ${a}. This may cause accessibility issues.`
+    "No alt text or aria-label provided for functional icon. This may cause accessibility issues."
   );
-  const n = r ? " (selected)" : "", c = Mt(e) && !i ? "" : i || e, h = o || (c ? `${c}${n}` : n);
+  const n = r ? " (selected)" : "", a = Pt(e) && !i ? "" : i || e, l = o || (a ? `${a}${n}` : n);
   return {
-    alt: c,
-    ariaLabel: h,
+    alt: a,
+    ariaLabel: l,
     ariaHidden: !1
   };
 }
-function It(e, t = "polite") {
+function zt(e, t = "polite") {
   let s = document.getElementById("screen-reader-announcer");
   s ? s.setAttribute("aria-live", t) : (s = document.createElement("div"), s.id = "screen-reader-announcer", s.setAttribute("aria-live", t), s.setAttribute("role", "status"), s.setAttribute("aria-atomic", "true"), s.style.position = "absolute", s.style.width = "1px", s.style.height = "1px", s.style.margin = "-1px", s.style.padding = "0", s.style.overflow = "hidden", s.style.clip = "rect(0, 0, 0, 0)", s.style.whiteSpace = "nowrap", s.style.border = "0", document.body.appendChild(s)), s.textContent = "", setTimeout(() => {
     s.textContent = e;
   }, 50);
 }
-function Ut(e, t) {
+function Nt(e, t) {
   return `${e}: ${t}`;
 }
-var w = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.CHECKBOX = "checkbox", e.RADIO = "radio", e.RADIOGROUP = "radiogroup", e.SWITCH = "switch", e.TAB = "tab", e.TABLIST = "tablist", e.TABPANEL = "tabpanel", e.MENU = "menu", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.SLIDER = "slider", e.TEXTBOX = "textbox", e.COMBOBOX = "combobox", e.LISTBOX = "listbox", e.OPTION = "option", e.PROGRESSBAR = "progressbar", e.STATUS = "status", e.ALERT = "alert", e.DIALOG = "dialog", e.GROUP = "group", e.REGION = "region", e.NONE = "none", e.PRESENTATION = "presentation", e))(w || {});
-function P(e) {
+var $ = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.CHECKBOX = "checkbox", e.RADIO = "radio", e.RADIOGROUP = "radiogroup", e.SWITCH = "switch", e.TAB = "tab", e.TABLIST = "tablist", e.TABPANEL = "tabpanel", e.MENU = "menu", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.SLIDER = "slider", e.TEXTBOX = "textbox", e.COMBOBOX = "combobox", e.LISTBOX = "listbox", e.OPTION = "option", e.PROGRESSBAR = "progressbar", e.STATUS = "status", e.ALERT = "alert", e.DIALOG = "dialog", e.GROUP = "group", e.REGION = "region", e.NONE = "none", e.PRESENTATION = "presentation", e))($ || {});
+function T(e) {
   const t = {};
   e.role !== void 0 && (t.role = e.role);
   for (const [s, i] of Object.entries(e)) {
@@ -2077,52 +2137,34 @@ function P(e) {
   }
   return t;
 }
-function Es(e, t, s) {
-  return P({
+function Cs(e, t, s) {
+  return T({
     role: "button",
     ariaLabel: e,
     ariaPressed: t,
     ariaDisabled: s
   });
 }
-function ne(e, t, s, i = !1) {
-  return P({
+function oe(e, t, s, i = !1) {
+  return T({
     role: i ? "radio" : "checkbox",
     ariaLabel: e,
     ariaChecked: t,
     ariaDisabled: s
   });
 }
-var As = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, F = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? _s(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
+var As = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, J = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? _s(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
   return i && o && As(t, s, o), o;
 };
-let M = class extends u {
+let V = class extends m {
   constructor() {
-    super(), this.min = 0, this.max = 10, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.thankYouMsg = "Thank you for sharing your feedback!", this.minMaxPosition = "top", this.isChartVisible = !1, this.isEditMode = !0, this.hoverValue = -1, this.handleChartToggleKeyDown = (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.toggleChart());
-    }, this.handleNumberLeave = () => {
+    super(), this.min = 0, this.max = 10, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.thankYouMsg = "Thank you for sharing your feedback!", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
       this.readonly || (this.hoverValue = -1);
     }, this.handleKeyDown = (e) => {
       this.readonly || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.hoverValue > 0 && this.handleEditNumberClick(this.hoverValue));
-    }, this.widgetType = "nps", this.statsText = "{count} votes", this.labelPosition = "top", this.statsPosition = "bottom";
-  }
-  /**
-   * Initialize mode based on current state
-   */
-  initializeMode() {
-    if (this.readonly) {
-      this.isEditMode = !1;
-      return;
-    }
-    this.hasUserScore() ? this.isEditMode = !1 : this.isEditMode = !0;
-  }
-  /**
-   * Initialize mode after component is first rendered
-   */
-  async firstUpdated() {
-    await super.firstUpdated(), this.initializeMode();
+    }, this.widgetType = "nps", this.statsText = "NPS: {nps} ({count} votes)", this.labelPosition = "top", this.statsPosition = "bottom";
   }
   /**
    * Get the current user's NPS score from localStats
@@ -2130,53 +2172,40 @@ let M = class extends u {
   getCurrentScore() {
     return this.localStats && this.localStats.count > 0 && this.localStats.sum !== void 0 ? Math.round(this.localStats.sum / this.localStats.count) : 0;
   }
-  /**
-   * Check if user has made a score
-   */
-  hasUserScore() {
-    return this.localStats && this.localStats.count > 0;
-  }
-  /**
-   * Check if there are any stats to display
-   */
-  hasStats() {
-    var e;
-    return (((e = this.stats) == null ? void 0 : e.count) || 0) > 0;
-  }
   /**
    * Render NPS buttons for edit mode
    */
   renderEditNps() {
-    const e = this.getCurrentScore(), t = this.hasUserScore(), s = Array.from({ length: this.max - this.min + 1 }, (a, n) => n + this.min), i = `nps-control-${this.name || this.widgetType}`, o = P({
-      role: w.GROUP,
+    const e = this.getCurrentScore(), t = this.hasUserVoted(), s = Array.from({ length: this.max - this.min + 1 }, (n, a) => a + this.min), i = `nps-control-${this.name || this.widgetType}`, o = T({
+      role: $.GROUP,
       ariaLabel: this.label || "NPS Rating",
       ariaDescribedby: `${i}-description`
-    }), r = s.map((a) => {
-      const n = t && a === Math.round(e), c = {
+    }), r = s.map((n) => {
+      const a = t && n === Math.round(e), l = {
         "nps-button": !0,
-        selected: n
-      }, h = Es(`Rate ${a}`, n, this.readonly);
-      return l`
+        selected: a
+      }, p = Cs(`Rate ${n}`, a, this.readonly);
+      return c`
         <button
-          data-testid="nps-button-${a}"
-          class=${v(c)}
-          @click="${() => this.handleEditNumberClick(a)}"
-          @mouseenter="${() => this.handleNumberHover(a)}"
-          @focus="${() => this.handleNumberHover(a)}"
+          data-testid="nps-button-${n}"
+          class=${y(l)}
+          @click="${() => this.handleEditNumberClick(n)}"
+          @mouseenter="${() => this.handleNumberHover(n)}"
+          @focus="${() => this.handleNumberHover(n)}"
           @mouseleave="${this.handleNumberLeave}"
           @blur="${this.handleNumberLeave}"
           @keydown="${this.handleKeyDown}"
           tabindex="${this.readonly ? -1 : 0}"
           ?disabled="${this.readonly}"
           ?readonly="${this.readonly}"
-          id="${i}-option-${a}"
-          ...=${h}
+          id="${i}-option-${n}"
+          ...=${p}
         >
-          ${a}
+          ${n}
         </button>
       `;
     });
-    return l`
+    return c`
       <div
         class="nps-container"
         id="${i}"
@@ -2198,12 +2227,12 @@ let M = class extends u {
       "nps-button": !0,
       selected: !0,
       "view-mode": !0
-    }, i = P({
-      role: w.PRESENTATION
-    }), o = l`
+    }, i = T({
+      role: $.PRESENTATION
+    }), o = c`
       <button
         data-testid="nps-view-display"
-        class=${v(s)}
+        class=${y(s)}
         disabled
         readonly
         tabindex="-1"
@@ -2213,92 +2242,87 @@ let M = class extends u {
         ${t}
       </button>
     `;
-    return l`<div class="nps-container" data-testid="nps-view-container">${o}</div>`;
+    return c`<div class="nps-container" data-testid="nps-view-container">${o}</div>`;
+  }
+  /**
+   * Render NPS display for view mode (showing user's own score)
+   */
+  renderReadonlyNps() {
+    const e = this.formatStatsText("{nps}"), t = {
+      "nps-button": !0,
+      selected: !0,
+      "view-mode": !0
+    }, s = T({
+      role: $.PRESENTATION
+    }), i = c`
+      <button
+        data-testid="nps-view-display"
+        class=${y(t)}
+        disabled
+        readonly
+        tabindex="-1"
+        aria-label="${this.statsText || "NPS"}"
+        ...=${s}
+      >
+        ${e}
+      </button>
+    `;
+    return c`<div class="nps-container" data-testid="nps-view-container">${i}</div>`;
   }
   /**
    * Render chart for NPS stats
    */
   renderChart(e) {
-    var n;
-    if (e && ["bottom", "top"].includes(this.statsPosition || "") || !e && ["left", "right"].includes(this.statsPosition || "") || !this.isChartVisible || this.isEditMode || !this.showChart || !this.hasStats() || this.statsIsLoading || !((n = this.stats) != null && n.breakdown)) return d;
-    const t = Object.values(this.stats.breakdown).reduce((c, h) => c + h, 0), s = Object.entries(this.stats.breakdown).map(
-      ([c, h]) => ({
-        label: c,
-        value: h
+    var a, l;
+    if (!this.shouldShowChart() || e && ["bottom", "top"].includes(this.statsPosition || "") || !e && ["left", "right"].includes(this.statsPosition || ""))
+      return h;
+    const t = Object.values(((a = this.stats) == null ? void 0 : a.breakdown) || {}).reduce(
+      (p, u) => p + u,
+      0
+    ), s = Object.entries(((l = this.stats) == null ? void 0 : l.breakdown) || {}).map(
+      ([p, u]) => ({
+        label: p,
+        value: u
       })
     ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = Ot(s, {
       barColor: o,
-      labelFormatter: (c) => `${c}`,
-      valueFormatter: (c) => `${t > 0 ? Math.round(c / t * 100) : 0}%`
-    }), a = P({
-      role: w.REGION,
+      labelFormatter: (p) => `${p}`,
+      valueFormatter: (p) => `${t > 0 ? Math.round(p / t * 100) : 0}%`
+    }), n = T({
+      role: $.REGION,
       ariaLabel: `Results chart for ${this.label || "NPS Rating"}`
     });
-    return l`
+    return c`
       <div
         class="pc-stats-chart pc-stats-chart-inline visible"
         data-testid="nps-chart"
-        ...=${a}
+        ...=${n}
       >
         <div class="pc-chart-container" data-testid="nps-chart-container">${r}</div>
       </div>
     `;
   }
-  /**
-   * Toggle chart visibility
-   */
-  toggleChart() {
-    this.isChartVisible = !this.isChartVisible;
-  }
   handleNumberHover(e) {
     this.readonly || (this.hoverValue = e);
   }
-  /**
-   * Render stats text
-   */
-  renderStatsText() {
-    if (!this.showStats) return d;
-    if (this.statsIsLoading)
-      return l`<span class="pc-stats-text">
-        <img src="${lt}" alt="Loading" class="pc-loading-icon" />
-      </span>`;
-    const e = this.statsText || "{avg} ({count})", t = this.formatStatsText(e), s = !this.readonly && this.showChart && this.hasStats();
-    return l`
-      <span class="pc-stats-text" data-testid="stats-text">
-        ${t}
-        ${s ? l`
-              <img
-                src="${this.isChartVisible ? Nt : zt}"
-                alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
-                class="chart-toggle-icon"
-                data-testid="nps-chart-toggle-button"
-                @click="${this.toggleChart}"
-                role="button"
-                tabindex="0"
-                @keydown="${this.handleChartToggleKeyDown}"
-              />
-            ` : d}
-      </span>
-    `;
-  }
   /**
    * Render add/edit button
    */
   renderActionButton() {
-    if (this.readonly || this.isEditMode || this.statsIsLoading) return d;
-    const e = this.hasUserScore(), t = e ? "Edit rating" : "Add rating";
-    return l`
+    if (this.readonly || this.isEditMode || this.statsIsLoading) return h;
+    const e = this.hasUserVoted(), t = e ? "Edit rating" : "Add rating";
+    return c`
       <div class="action-button-container">
-        ${e ? l`<span class="nps-thank-you-msg" data-testid="nps-thank-you-msg"
+        ${e ? c`<span class="nps-thank-you-msg" data-testid="nps-thank-you-msg"
               >${this.thankYouMsg}</span
-            >` : d}
+            >` : h}
         <button
           class="action-btn"
           data-testid="nps-action-button"
           @click="${this.handleEnterEditMode}"
           aria-label="${t}"
         >
-          <img src="${bt}" alt="${t}" class="icon" />
+          <img src="${mt}" alt="${t}" class="icon" />
         </button>
       </div>
     `;
@@ -2316,13 +2340,13 @@ let M = class extends u {
     if (this.readonly) return;
     this.hoverValue = -1;
     const t = this.label || "NPS", s = `Rated ${e} out of ${this.max}`;
-    It(Ut(t, s)), await this.handleChange(e, [String(e)]), this.isEditMode = !1;
+    zt(Nt(t, s)), await this.handleChange(e, [String(e)]), this.isEditMode = !1;
   }
   /**
    * Render min/max labels
    */
   renderMinMaxLabels() {
-    return l`
+    return c`
       <div class="nps-labels ${this.minMaxPosition}" data-testid="nps-labels">
         <span class="nps-label-min" data-testid="nps-min-label">${this.minLabel}</span>
         <span class="nps-label-max" data-testid="nps-max-label">${this.maxLabel}</span>
@@ -2333,13 +2357,19 @@ let M = class extends u {
    * Renders the main content
    */
   renderContent() {
-    return this.isEditMode ? l`
+    return this.isEditMode ? c`
         <div class="pc-section" data-testid="nps-edit-section">
-          ${this.minMaxPosition === "top" ? this.renderMinMaxLabels() : d}
+          ${this.minMaxPosition === "top" ? this.renderMinMaxLabels() : h}
           ${this.renderEditNps()}
-          ${this.minMaxPosition === "bottom" ? this.renderMinMaxLabels() : d}
+          ${this.minMaxPosition === "bottom" ? this.renderMinMaxLabels() : h}
+        </div>
+      ` : this.readonly ? c`
+        <div class="pc-section" data-testid="nps-view-section">
+          <div class="nps-section" data-testid="nps-section">
+            ${this.renderReadonlyNps()} ${this.renderStatsText()}
+          </div>
         </div>
-      ` : l`
+      ` : c`
       <div class="pc-section" data-testid="nps-view-section">
         <div class="nps-section" data-testid="nps-section">
           ${this.renderViewNps()}
@@ -2351,59 +2381,53 @@ let M = class extends u {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${I(this.labelPosition, this.labelAlign)}`]: !0,
+      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0,
       "edit-mode": this.isEditMode,
       "view-mode": !this.isEditMode
     }, t = {
       nps: !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${I(this.statsPosition, this.statsAlign)}`]: !0
-    }, s = P({
-      role: w.REGION,
+      [`pc-flex-align-${z(this.statsPosition, this.statsAlign)}`]: !0
+    }, s = T({
+      role: $.REGION,
       ariaLabel: this.label || "NPS Rating"
     });
-    return l`
+    return c`
       <div
-        class="pc-container ${v(e)}"
+        class="pc-container ${y(e)}"
         data-testid="nps-container"
         ...=${s}
       >
         ${this.renderLabel()}
-        <div class="pc-body ${v(t)}" data-testid="nps-body">
-          ${this.isEditMode ? d : this.renderStatsText()}
-          ${this.isEditMode ? d : this.renderChart(!1)} ${this.renderContent()}
+        <div class="pc-body ${y(t)}" data-testid="nps-body">
+          ${this.readonly ? h : this.renderStatsText()} ${this.renderChart(!1)}
+          ${this.renderContent()}
         </div>
-        ${this.isEditMode ? d : this.renderChart(!0)}
+        ${this.renderChart(!0)}
       </div>
     `;
   }
 };
-M.styles = [...u.styles, Cs];
-F([
-  p({ type: String, attribute: "min-label" })
-], M.prototype, "minLabel", 2);
-F([
-  p({ type: String, attribute: "max-label" })
-], M.prototype, "maxLabel", 2);
-F([
-  p({ type: String, attribute: "thank-you-msg" })
-], M.prototype, "thankYouMsg", 2);
-F([
-  p({ type: String, attribute: "min-max-position" })
-], M.prototype, "minMaxPosition", 2);
-F([
-  y()
-], M.prototype, "isChartVisible", 2);
-F([
-  y()
-], M.prototype, "isEditMode", 2);
-F([
-  y()
-], M.prototype, "hoverValue", 2);
-M = F([
-  q("pc-nps")
-], M);
-const Ts = B`
+V.styles = [...m.styles, Es];
+J([
+  d({ type: String, attribute: "min-label" })
+], V.prototype, "minLabel", 2);
+J([
+  d({ type: String, attribute: "max-label" })
+], V.prototype, "maxLabel", 2);
+J([
+  d({ type: String, attribute: "thank-you-msg" })
+], V.prototype, "thankYouMsg", 2);
+J([
+  d({ type: String, attribute: "min-max-position" })
+], V.prototype, "minMaxPosition", 2);
+J([
+  x()
+], V.prototype, "hoverValue", 2);
+V = J([
+  B("pc-nps")
+], V);
+const Ts = H`
   /* Add responsive sizing with CSS variables */
   :host {
     --pc-checkbox-size: clamp(1em, calc(0.8em + 0.3vw), 1.4em);
@@ -2783,12 +2807,12 @@ const Ts = B`
     gap: 0.5em;
   }
 `;
-var Ps = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Q = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ms(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
+var Ps = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, X = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Os(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
   return i && o && Ps(t, s, o), o;
 };
-let T = class extends V {
+let C = class extends L {
   constructor() {
     super(...arguments), this.value = "", this.icon = "", this.tooltip = "", this.disabled = !1, this.selected = !1;
   }
@@ -2804,66 +2828,50 @@ let T = class extends V {
     }).join("").trim();
   }
   render() {
-    return l` <slot></slot> `;
+    return c` <slot></slot> `;
   }
 };
-T.styles = B`
+C.styles = H`
     :host {
       display: none;
     }
   `;
-Q([
-  p({ type: String, reflect: !0 })
-], T.prototype, "value", 2);
-Q([
-  p({ type: String })
-], T.prototype, "icon", 2);
-Q([
-  p({ type: String })
-], T.prototype, "tooltip", 2);
-Q([
-  p({ type: Boolean, reflect: !0 })
-], T.prototype, "disabled", 2);
-Q([
-  p({ type: Boolean, reflect: !0 })
-], T.prototype, "selected", 2);
-T = Q([
-  q("pc-poll-option")
-], T);
-var Os = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, z = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? zs(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
-  return i && o && Os(t, s, o), o;
+X([
+  d({ type: String, reflect: !0 })
+], C.prototype, "value", 2);
+X([
+  d({ type: String })
+], C.prototype, "icon", 2);
+X([
+  d({ type: String })
+], C.prototype, "tooltip", 2);
+X([
+  d({ type: Boolean, reflect: !0 })
+], C.prototype, "disabled", 2);
+X([
+  d({ type: Boolean, reflect: !0 })
+], C.prototype, "selected", 2);
+C = X([
+  B("pc-poll-option")
+], C);
+var Ms = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, N = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? zs(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && Ms(t, s, o), o;
 };
-let C = class extends u {
+let A = class extends m {
   constructor() {
-    super(), this.options = [], this.multiple = !1, this.buttonRadius = "sm", this.thankYouMsg = "Thank you for your feedback!", this.buttonText = "Submit", this.normalizedOptions = [], this.slotExists = !1, this.isEditMode = !0, this.pendingSelections = [], this.handleEditToggleKeyDown = (e) => {
+    super(), this.options = [], this.multiple = !1, this.buttonRadius = "sm", this.thankYouMsg = "Thank you for your feedback!", this.buttonText = "Submit", this.normalizedOptions = [], this.slotExists = !1, this.pendingSelections = [], this.handleEditToggleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleEnterEditMode());
     }, this.widgetType = "poll", this.statsText = "{count} votes", this.labelPosition = "top", this.statsPosition = "bottom";
   }
-  /**
-   * Initialize mode based on current state (similar to NPS)
-   */
-  initializeMode() {
-    if (this.readonly) {
-      this.isEditMode = !1;
-      return;
-    }
-    this.hasUserVote() ? this.isEditMode = !1 : this.isEditMode = !0;
-  }
-  /**
-   * Check if user has made a vote
-   */
-  hasUserVote() {
-    return this.localStats && this.localStats.count > 0;
-  }
   /**
    * Get slotted pc-poll-option elements
    */
   getSlottedOptions() {
     var s;
     const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot");
-    return e ? e.assignedElements().filter((i) => i instanceof T).map((i) => {
+    return e ? e.assignedElements().filter((i) => i instanceof C).map((i) => {
       var o, r;
       return {
         value: i.value || i.labelContent || ((o = i.textContent) == null ? void 0 : o.trim()) || "",
@@ -2908,9 +2916,9 @@ let C = class extends u {
       i > -1 ? s.splice(i, 1) : s.push(t), this.pendingSelections = s, this.updateSlottedElementsStatePending();
     } else {
       const s = Object.keys(this.localStats.breakdown || {}).filter(
-        (a) => {
-          var n;
-          return (((n = this.localStats.breakdown) == null ? void 0 : n[a]) || 0) > 0;
+        (n) => {
+          var a;
+          return (((a = this.localStats.breakdown) == null ? void 0 : a[n]) || 0) > 0;
         }
       ), i = this.isSelected(e.value);
       let o = [];
@@ -2944,7 +2952,7 @@ let C = class extends u {
     if (!this.slotExists) return;
     const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot");
     if (!e) return;
-    e.assignedElements().filter((i) => i instanceof T).forEach((i) => {
+    e.assignedElements().filter((i) => i instanceof C).forEach((i) => {
       i.selected = this.isSelected(i.value);
     });
   }
@@ -2956,7 +2964,7 @@ let C = class extends u {
     if (!this.slotExists) return;
     const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot");
     if (!e) return;
-    e.assignedElements().filter((i) => i instanceof T).forEach((i) => {
+    e.assignedElements().filter((i) => i instanceof C).forEach((i) => {
       i.selected = this.pendingSelections.includes(i.value);
     });
   }
@@ -2965,25 +2973,24 @@ let C = class extends u {
    */
   renderOptionIcon(e, t) {
     if (!e) return "";
-    const s = Rt.DECORATIVE, i = `Poll for: ${t == null ? void 0 : t.label}`, o = (t == null ? void 0 : t.label) || "", r = t ? this.isSelected(t.value) : !1, a = Ae(e, {
+    const s = Mt.DECORATIVE, i = (t == null ? void 0 : t.label) || "", o = t ? this.isSelected(t.value) : !1, r = Ee(e, {
       type: s,
-      alt: o,
-      isSelected: r,
-      componentName: i
+      alt: i,
+      isSelected: o
     });
-    return ve(e) ? l`<span
+    return ge(e) ? c`<span
         class="poll-option-icon"
-        aria-hidden="${a.ariaHidden ? "true" : "false"}"
+        aria-hidden="${r.ariaHidden ? "true" : "false"}"
         >${e}</span
-      >` : Mt(e) ? l`<img
+      >` : Pt(e) ? c`<img
         src="${e}"
-        alt="${a.alt}"
+        alt="${r.alt}"
         class="poll-option-icon-img"
-        aria-label="${a.ariaLabel || d}"
-        aria-hidden="${a.ariaHidden ? "true" : "false"}"
-      />` : l`<span
+        aria-label="${r.ariaLabel || h}"
+        aria-hidden="${r.ariaHidden ? "true" : "false"}"
+      />` : c`<span
       class="poll-option-icon"
-      aria-hidden="${a.ariaHidden ? "true" : "false"}"
+      aria-hidden="${r.ariaHidden ? "true" : "false"}"
       >${e}</span
     >`;
   }
@@ -2991,8 +2998,8 @@ let C = class extends u {
    * Renders the selection indicator (checkbox or radio button) with proper ARIA roles
    */
   renderSelectionIndicator() {
-    const e = this.multiple ? w.CHECKBOX : w.RADIO;
-    return this.multiple ? l`<span class="poll-checkbox" role="${e}"></span>` : l`<span class="poll-radio" role="${e}"></span>`;
+    const e = this.multiple ? $.CHECKBOX : $.RADIO;
+    return this.multiple ? c`<span class="poll-checkbox" role="${e}"></span>` : c`<span class="poll-radio" role="${e}"></span>`;
   }
   /**
    * Render a poll option using standardized ARIA attributes
@@ -3002,22 +3009,22 @@ let C = class extends u {
       "poll-option": !0,
       selected: s,
       disabled: e.disabled || !1
-    }, o = t + 1, r = `poll-${this.widgetType}-${o}`, a = ne(
+    }, o = t + 1, r = `poll-${this.widgetType}-${o}`, n = oe(
       e.label,
       s,
       e.disabled || this.readonly,
       !this.multiple
       // isRadio = true when multiple = false
     );
-    return l`
+    return c`
       <button
         data-testid="poll-option-${t}"
-        class="${v(i)}"
+        class="${y(i)}"
         @click="${() => this.handleClick(e)}"
         ?disabled="${e.disabled || this.readonly}"
         id="${r}-option-${t}"
         title="${e.tooltip || ""}"
-        ...=${a}
+        ...=${n}
       >
         ${this.renderSelectionIndicator()} ${this.renderOptionIcon(e.icon, e)}
         <span class="poll-option-label">
@@ -3030,9 +3037,9 @@ let C = class extends u {
    * Render submit button for multiple selection
    */
   renderSubmitButton() {
-    if (!this.multiple || !this.isEditMode) return d;
+    if (!this.multiple || !this.isEditMode) return h;
     const e = this.pendingSelections.length === 0;
-    return l`
+    return c`
       <button
         class="poll-submit-button"
         data-testid="poll-submit-button"
@@ -3048,11 +3055,11 @@ let C = class extends u {
    * Render poll options with proper grouping role
    */
   renderPollOptions() {
-    const e = this.multiple ? w.GROUP : w.RADIOGROUP, t = this.label || this.name || "Options", s = P({
+    const e = this.multiple ? $.GROUP : $.RADIOGROUP, t = this.label || this.name || "Options", s = T({
       role: e,
       ariaLabel: t
     });
-    return l`
+    return c`
       <div
         class="poll-container"
         data-testid="poll-container"
@@ -3068,9 +3075,9 @@ let C = class extends u {
    * Render reusable edit toggle icon
    */
   renderEditToggleIcon(e = "edit-toggle-button") {
-    return l`
+    return c`
       <img
-        src="${bt}"
+        src="${mt}"
         alt="Edit vote"
         class="edit-toggle-icon"
         data-testid="${e}"
@@ -3095,78 +3102,47 @@ let C = class extends u {
       this.pendingSelections = [...e], this.updateSlottedElementsStatePending();
     }
   }
-  /**
-   * Renders stats with ARIA live updates for screen readers
-   */
-  renderStats() {
-    if (!this.statsText) return d;
-    if (this.statsIsLoading) {
-      const s = P({
-        ariaLabel: "Loading poll statistics",
-        ariaBusy: !0
-      });
-      return l`
-        <span data-testid="poll-stats-loading" class="pc-stats-text" ...=${s}>
-          <img
-            src="${lt}"
-            alt="Loading poll statistics"
-            class="pc-loading-icon"
-            aria-hidden="true"
-            data-testid="poll-stats-loading-icon"
-          />
-        </span>
-      `;
-    }
-    const e = this.formatStatsText(this.statsText), t = !this.readonly && !this.isEditMode && this.showChart;
-    return l`
-      <span
-        data-testid="poll-stats"
-        class="pc-stats-text"
-        role="${w.STATUS}"
-        aria-live="polite"
-      >
-        ${e} ${t ? this.renderEditToggleIcon("poll-edit-toggle-button") : d}
-      </span>
-    `;
-  }
   /**
    * Render LinkedIn-style horizontal chart
    */
-  renderLinkedInChart() {
+  renderChart() {
     var s;
+    if (!this.shouldShowChart()) return h;
     if (!((s = this.stats) != null && s.breakdown) || Object.keys(this.stats.breakdown).length === 0)
-      return l`
+      return c`<div class="pc-section">
         <div class="poll-linkedin-chart" data-testid="poll-linkedin-chart-empty">
           <p class="no-stats" data-testid="poll-no-stats">No poll data available</p>
         </div>
-      `;
+      </div> `;
     const e = Object.entries(this.stats.breakdown).map(([i, o]) => {
       let r = i;
-      const a = this.normalizedOptions.find((n) => n.value === i);
-      return a && (r = a.label), { label: r, count: o, value: i };
+      const n = this.normalizedOptions.find((a) => a.value === i);
+      return n && (r = n.label), { label: r, count: o, value: i };
     }), t = e.reduce((i, o) => i + o.count, 0);
-    return l`
-      <div class="poll-linkedin-chart" data-testid="poll-linkedin-chart">
-        ${e.map((i, o) => {
+    return c`
+      <div class="pc-section">
+        <div class="poll-linkedin-chart" data-testid="poll-linkedin-chart">
+          ${e.map((i, o) => {
       const r = t > 0 ? Math.round(i.count / t * 100) : 0;
-      return l`
-            <div class="chart-item" data-testid="poll-chart-item-${o}">
-              <div class="chart-bar-wrapper">
-                <div
-                  class="chart-bar"
-                  style="width: ${r}%"
-                  data-testid="poll-chart-bar-${o}"
-                ></div>
-                <span class="chart-label" data-testid="poll-chart-label-${o}">
-                  ${i.label}
+      return c`
+              <div class="chart-item" data-testid="poll-chart-item-${o}">
+                <div class="chart-bar-wrapper">
+                  <div
+                    class="chart-bar"
+                    style="width: ${r}%"
+                    data-testid="poll-chart-bar-${o}"
+                  ></div>
+                  <span class="chart-label" data-testid="poll-chart-label-${o}">
+                    ${i.label}
+                  </span>
+                </div>
+                <span class="chart-percentage" data-testid="poll-chart-percentage-${o}">
+                  ${r}%
                 </span>
               </div>
-              <span class="chart-percentage" data-testid="poll-chart-percentage-${o}">
-                ${r}%
-              </span>
-            </div>
-          `;
+            `;
     })}
+        </div>
       </div>
     `;
   }
@@ -3174,7 +3150,7 @@ let C = class extends u {
    * Render thank you message with edit button
    */
   renderThankYouMessage() {
-    return l`
+    return c`
       <div class="poll-thank-you" data-testid="poll-thank-you">
         <span class="thank-you-msg" data-testid="poll-thank-you-msg">
           ${this.thankYouMsg}${this.renderEditToggleIcon("poll-thank-you-edit-button")}
@@ -3186,11 +3162,11 @@ let C = class extends u {
    * Render poll options with previous selections but disabled (for view mode)
    */
   renderDisabledPollOptions() {
-    const e = this.multiple ? w.GROUP : w.RADIOGROUP, t = this.label || this.name || "Options", s = P({
+    const e = this.multiple ? $.GROUP : $.RADIOGROUP, t = this.label || this.name || "Options", s = T({
       role: e,
       ariaLabel: t
     });
-    return l`
+    return c`
       <div
         class="poll-container poll-container--disabled"
         data-testid="poll-container-disabled"
@@ -3198,13 +3174,13 @@ let C = class extends u {
         ...=${s}
       >
         ${this.normalizedOptions.map((i, o) => {
-      var m;
-      const r = (((m = this.localStats.breakdown) == null ? void 0 : m[i.value]) || 0) > 0, a = {
+      var u;
+      const r = (((u = this.localStats.breakdown) == null ? void 0 : u[i.value]) || 0) > 0, n = {
         "poll-option": !0,
         "poll-option--disabled": !0,
         selected: r,
         disabled: !0
-      }, n = o + 1, c = `poll-${this.widgetType}-disabled-${n}`, h = ne(
+      }, a = o + 1, l = `poll-${this.widgetType}-disabled-${a}`, p = oe(
         i.label,
         r,
         !0,
@@ -3212,14 +3188,14 @@ let C = class extends u {
         !this.multiple
         // isRadio = true when multiple = false
       );
-      return l`
+      return c`
             <button
               data-testid="poll-option-disabled-${o}"
-              class="${v(a)}"
+              class="${y(n)}"
               disabled
-              id="${c}-option-${o}"
+              id="${l}-option-${o}"
               title="${i.tooltip || ""}"
-              ...=${h}
+              ...=${p}
             >
               ${this.renderSelectionIndicator()} ${this.renderOptionIcon(i.icon, i)}
               <span class="poll-option-label">
@@ -3235,14 +3211,14 @@ let C = class extends u {
    * Renders the main content based on mode
    */
   renderContent() {
-    return this.isEditMode ? l`<div class="pc-section">${this.renderPollOptions()}</div>` : this.showChart ? l`<div class="pc-section">${this.renderLinkedInChart()}</div>` : this.hasUserVote() ? l`
-          <div class="pc-section pc-thank-you-section-with-overlay">
-            ${this.renderDisabledPollOptions()}
-            <div class="pc-thank-you-overlay" data-testid="poll-thank-you-overlay">
-              ${this.renderThankYouMessage()}
-            </div>
+    return this.isEditMode ? c`<div class="pc-section">${this.renderPollOptions()}</div>` : this.hasUserVoted() ? c`
+        <div class="pc-section pc-thank-you-section-with-overlay">
+          ${this.renderDisabledPollOptions()}
+          <div class="pc-thank-you-overlay" data-testid="poll-thank-you-overlay">
+            ${this.renderThankYouMessage()}
           </div>
-        ` : l`<div class="pc-section">${this.renderDisabledPollOptions()}</div>`;
+        </div>
+      ` : c`<div class="pc-section">${this.renderDisabledPollOptions()}</div>`;
   }
   /**
    * When attributes change, update the options and selection state
@@ -3251,8 +3227,8 @@ let C = class extends u {
     if (super.attributeChangedCallback(e, t, s), e === "options" && s)
       try {
         this.options = JSON.parse(s), this.updateNormalizedOptions();
-      } catch (i) {
-        console.error("Invalid options format:", i);
+      } catch {
+        this.options = s.split(",").map((o) => o.trim());
       }
   }
   /**
@@ -3260,7 +3236,7 @@ let C = class extends u {
    */
   async firstUpdated() {
     var t;
-    await super.firstUpdated(), this.updateNormalizedOptions(), this.initializeMode(), this.updateSlottedElementsState();
+    await super.firstUpdated(), this.updateNormalizedOptions(), this.updateSlottedElementsState();
     const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot");
     e && e.addEventListener("slotchange", () => {
       this.updateNormalizedOptions(), this.updateSlottedElementsState();
@@ -3272,68 +3248,65 @@ let C = class extends u {
   announceSelectionChange(e, t, s) {
     const i = `Poll for: ${e.label}`;
     let o = "";
-    this.multiple ? o = (t == null ? void 0 : t.includes(e.value)) || !1 ? `${e.label} selected` : `${e.label} unselected` : o = t && t.length > 0 ? `${e.label} selected` : "Selection cleared", It(Ut(i, o));
+    this.multiple ? o = (t == null ? void 0 : t.includes(e.value)) || !1 ? `${e.label} selected` : `${e.label} unselected` : o = t && t.length > 0 ? `${e.label} selected` : "Selection cleared", zt(Nt(i, o));
   }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${I(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0
     }, t = "bottom", s = {
       poll: !0,
       [`pc-flex-pos-${t}`]: !0,
-      [`pc-flex-align-${I(t, this.statsAlign)}`]: !0
-    }, i = P({
-      role: w.REGION,
+      [`pc-flex-align-${z(t, this.statsAlign)}`]: !0
+    }, i = T({
+      role: $.REGION,
       ariaLabel: this.label || this.name || "Poll"
     });
-    return l`
+    return c`
       <div
-        class="pc-container ${v(e)}"
+        class="pc-container ${y(e)}"
         data-testid="poll-container"
         ...=${i}
       >
         ${this.renderLabel()}
-        <div class="pc-body ${v(s)}" data-testid="poll-body">
-          ${this.renderContent()}
-          ${this.showStats && !this.isEditMode ? this.renderStats() : d}
+        <div class="pc-body ${y(s)}" data-testid="poll-body">
+          ${this.renderContent()} ${this.renderChart()}
+          ${this.renderStatsText()}
         </div>
         <slot @slotchange=${() => this.updateNormalizedOptions()}></slot>
       </div>
     `;
   }
 };
-C.styles = [...u.styles, Ts];
-z([
-  p({ type: Array })
-], C.prototype, "options", 2);
-z([
-  p({ type: Boolean, reflect: !0 })
-], C.prototype, "multiple", 2);
-z([
-  p({ type: String, attribute: "button-radius" })
-], C.prototype, "buttonRadius", 2);
-z([
-  p({ type: String, attribute: "thank-you-msg" })
-], C.prototype, "thankYouMsg", 2);
-z([
-  p({ type: String, attribute: "button-text" })
-], C.prototype, "buttonText", 2);
-z([
-  y()
-], C.prototype, "normalizedOptions", 2);
-z([
-  y()
-], C.prototype, "slotExists", 2);
-z([
-  y()
-], C.prototype, "isEditMode", 2);
-z([
-  y()
-], C.prototype, "pendingSelections", 2);
-C = z([
-  q("pc-poll")
-], C);
-const Ns = B`
+A.styles = [...m.styles, Ts];
+N([
+  d({ type: Array })
+], A.prototype, "options", 2);
+N([
+  d({ type: Boolean, reflect: !0 })
+], A.prototype, "multiple", 2);
+N([
+  d({ type: String, attribute: "button-radius" })
+], A.prototype, "buttonRadius", 2);
+N([
+  d({ type: String, attribute: "thank-you-msg" })
+], A.prototype, "thankYouMsg", 2);
+N([
+  d({ type: String, attribute: "button-text" })
+], A.prototype, "buttonText", 2);
+N([
+  x()
+], A.prototype, "normalizedOptions", 2);
+N([
+  x()
+], A.prototype, "slotExists", 2);
+N([
+  x()
+], A.prototype, "pendingSelections", 2);
+A = N([
+  B("pc-poll")
+], A);
+const Ns = H`
   .pc-container {
     gap: 0.6em;
   }
@@ -3508,14 +3481,14 @@ const Ns = B`
     }
   }
 `;
-var Rs = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, A = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Is(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
+var Rs = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, O = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Is(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
   return i && o && Rs(t, s, o), o;
 };
-let $ = class extends u {
+let k = class extends m {
   constructor() {
-    super(), this.placeholder = "", this.rows = 3, this.buttonRadius = "sm", this.buttonText = "Submit", this.thankYouMsg = "Thank you for your feedback!", this.textValue = "", this.isEditMode = !0, this.submittedText = "", this.hasUserSubmitted = !1, this.handleEditToggleKeyDown = (e) => {
+    super(), this.placeholder = "", this.rows = 3, this.buttonRadius = "sm", this.buttonText = "Submit", this.thankYouMsg = "Thank you for your feedback!", this.textValue = "", this.submittedText = "", this.handleEditToggleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleEnterEditMode());
     }, this.widgetType = "text", this.statsText = "{count} feedback received", this.labelPosition = "top";
   }
@@ -3527,15 +3500,15 @@ let $ = class extends u {
       this.isEditMode = !1;
       return;
     }
-    this.localStats.count > 0 ? (this.hasUserSubmitted = !0, this.isEditMode = !1) : (this.hasUserSubmitted = !1, this.isEditMode = !0);
+    this.localStats.count > 0 ? this.isEditMode = !1 : this.isEditMode = !0;
   }
   /**
    * Renders the edit toggle icon
    */
   renderEditToggleIcon(e = "text-edit-toggle-button") {
-    return l`
+    return c`
       <img
-        src="${bt}"
+        src="${mt}"
         alt="Edit feedback"
         class="edit-toggle-icon"
         data-testid="${e}"
@@ -3552,12 +3525,6 @@ let $ = class extends u {
   handleEnterEditMode() {
     this.isEditMode = !0, this.submittedText && (this.textValue = this.submittedText);
   }
-  /**
-   * Check if user has submitted text
-   */
-  hasSubmitted() {
-    return this.hasUserSubmitted;
-  }
   /**
    * Handles input events from the textarea
    */
@@ -3571,20 +3538,19 @@ let $ = class extends u {
    */
   async handleSubmit() {
     const e = this.textValue.trim();
-    !e || this.readonly || !this.isEditMode || this.minlength && e.length < this.minlength || (this.submittedText = e, await this.handleChange(1, [this.submittedText]), this.hasUserSubmitted = !0, this.textValue = "", this.isEditMode = !1);
+    !e || this.readonly || !this.isEditMode || this.minlength && e.length < this.minlength || (this.submittedText = e, await this.handleChange(1, [this.submittedText]), this.textValue = "", this.isEditMode = !1);
   }
   /**
    * Renders the stats label with count of responses
    */
   renderStatsLabel() {
-    var s;
-    const e = l`<span></span>`;
-    if (!this.showStats || !this.statsText || !((s = this.stats) != null && s.count)) return e;
+    const e = c`<span></span>`;
+    if (!this.shouldShowStatsText()) return e;
     if (this.statsIsLoading)
-      return l`
+      return c`
         <span data-testid="text-stats-loading" class="pc-stats-text">
           <img
-            src="${lt}"
+            src="${ue}"
             alt="Loading"
             class="pc-loading-icon"
             data-testid="text-stats-loading-icon"
@@ -3592,15 +3558,15 @@ let $ = class extends u {
         </span>
       `;
     const t = this.formatStatsText(this.statsText);
-    return l` <span data-testid="text-stats" class="pc-stats-text"> ${t} </span> `;
+    return c` <span data-testid="text-stats" class="pc-stats-text"> ${t} </span> `;
   }
   /**
    * Renders the submit button
    */
   renderSubmitButton() {
-    if (this.readonly || this.hasSubmitted() && !this.isEditMode) return d;
+    if (this.readonly || this.hasUserVoted() && !this.isEditMode) return h;
     const e = this.textValue.trim(), t = !this.minlength || e.length >= this.minlength, s = !e || !t;
-    return l`
+    return c`
       <button
         class="action-button"
         @click="${this.handleSubmit}"
@@ -3617,7 +3583,7 @@ let $ = class extends u {
    * Renders the thank you message with edit button (new overlay style)
    */
   renderThankYouMessage() {
-    return l`
+    return c`
       <div class="text-thank-you" data-testid="text-thank-you">
         <span class="thank-you-msg" data-testid="text-thank-you-msg">
           ${this.thankYouMsg}${this.renderEditToggleIcon("text-thank-you-edit-button")}
@@ -3629,7 +3595,7 @@ let $ = class extends u {
    * Renders the textarea input for collecting user feedback (edit mode)
    */
   renderTextarea() {
-    return l`
+    return c`
       <div class="text-input-container" data-testid="text-input-container">
         <textarea
           class="text-input"
@@ -3642,7 +3608,7 @@ let $ = class extends u {
           @input="${this.handleInput}"
           style="min-height: ${this.rows * 1.4 + 1.4}em;"
         ></textarea>
-        ${this.maxlength ? l`
+        ${this.maxlength ? c`
               <div class="character-count" data-testid="text-character-count">
                 ${this.textValue.length}/${this.maxlength}
               </div>
@@ -3658,7 +3624,7 @@ let $ = class extends u {
    */
   renderDisabledTextarea() {
     const e = this.submittedText;
-    return l`
+    return c`
       <div
         class="text-input-container text-input-container--disabled"
         data-testid="text-input-container-disabled"
@@ -3674,7 +3640,7 @@ let $ = class extends u {
           disabled
           style="min-height: ${this.rows * 1.4 + 1.4}em;"
         ></textarea>
-        ${this.maxlength ? l`
+        ${this.maxlength ? c`
               <div class="character-count" data-testid="text-character-count-disabled">
                 ${e.length}/${this.maxlength}
               </div>
@@ -3689,14 +3655,14 @@ let $ = class extends u {
    * Renders the main content based on mode
    */
   renderContent() {
-    return this.isEditMode ? l`<div class="pc-section">${this.renderTextarea()}</div>` : this.hasSubmitted() ? l`
+    return this.isEditMode ? c`<div class="pc-section">${this.renderTextarea()}</div>` : this.hasUserVoted() ? c`
         <div class="pc-section pc-thank-you-section-with-overlay">
           ${this.renderDisabledTextarea()}
           <div class="pc-thank-you-overlay" data-testid="text-thank-you-overlay">
             ${this.renderThankYouMessage()}
           </div>
         </div>
-      ` : l`<div class="pc-section">${this.renderDisabledTextarea()}</div>`;
+      ` : c`<div class="pc-section">${this.renderDisabledTextarea()}</div>`;
   }
   /**
    * Initialize component after first render
@@ -3710,54 +3676,48 @@ let $ = class extends u {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${I(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0
     };
-    return l`
-      <div class="pc-container ${v(e)}" data-testid="text-container">
+    return c`
+      <div class="pc-container ${y(e)}" data-testid="text-container">
         ${this.renderLabel()}
         <div class="pc-body" data-testid="text-body">${this.renderContent()}</div>
       </div>
     `;
   }
 };
-$.styles = [...u.styles, Ns];
-A([
-  p({ type: String })
-], $.prototype, "placeholder", 2);
-A([
-  p({ type: Number })
-], $.prototype, "maxlength", 2);
-A([
-  p({ type: Number })
-], $.prototype, "minlength", 2);
-A([
-  p({ type: Number, attribute: "rows" })
-], $.prototype, "rows", 2);
-A([
-  p({ type: String, attribute: "button-radius" })
-], $.prototype, "buttonRadius", 2);
-A([
-  p({ type: String, attribute: "button-text" })
-], $.prototype, "buttonText", 2);
-A([
-  p({ type: String, attribute: "thank-you-msg" })
-], $.prototype, "thankYouMsg", 2);
-A([
-  y()
-], $.prototype, "textValue", 2);
-A([
-  y()
-], $.prototype, "isEditMode", 2);
-A([
-  y()
-], $.prototype, "submittedText", 2);
-A([
-  y()
-], $.prototype, "hasUserSubmitted", 2);
-$ = A([
-  q("pc-text")
-], $);
-const Us = B`
+k.styles = [...m.styles, Ns];
+O([
+  d({ type: String })
+], k.prototype, "placeholder", 2);
+O([
+  d({ type: Number })
+], k.prototype, "maxlength", 2);
+O([
+  d({ type: Number })
+], k.prototype, "minlength", 2);
+O([
+  d({ type: Number, attribute: "rows" })
+], k.prototype, "rows", 2);
+O([
+  d({ type: String, attribute: "button-radius" })
+], k.prototype, "buttonRadius", 2);
+O([
+  d({ type: String, attribute: "button-text" })
+], k.prototype, "buttonText", 2);
+O([
+  d({ type: String, attribute: "thank-you-msg" })
+], k.prototype, "thankYouMsg", 2);
+O([
+  x()
+], k.prototype, "textValue", 2);
+O([
+  x()
+], k.prototype, "submittedText", 2);
+k = O([
+  B("pc-text")
+], k);
+const Us = H`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, 0.8em);
@@ -3821,6 +3781,7 @@ const Us = B`
 
   .reaction-btn.readonly {
     cursor: not-allowed;
+    color: light-dark(rgba(16, 16, 16, 0.9), rgba(245, 245, 245, 0.9));
   }
 
   .reaction-btn:focus-visible {
@@ -3979,7 +3940,7 @@ const Us = B`
   }
 
   /* Media queries handled by base component */
-`, le = {
+`, re = {
   // Faces
   smile: "😊",
   laugh: "😄",
@@ -4122,19 +4083,19 @@ const Us = B`
   hiking: "🥾",
   yoga: "🧘"
 };
-function Ls(e) {
+function js(e) {
   let t = "❓", s = !1;
-  return e ? e in le ? t = le[e] : ve(e) ? t = e : Mt(e) ? (s = !0, t = e) : /^\w+@\w+$/.test(e) ? t = e : e.endsWith(".svg") ? (t = `https://cdn.jsdelivr.net/npm/@mdi/svg@7.4.47/svg/${e}`, s = !0) : t = e : t = "❓", {
+  return e ? e in re ? t = re[e] : ge(e) ? t = e : Pt(e) ? (s = !0, t = e) : /^\w+@\w+$/.test(e) ? t = e : e.endsWith(".svg") ? (t = `https://cdn.jsdelivr.net/npm/@mdi/svg@7.4.47/svg/${e}`, s = !0) : t = e : t = "❓", {
     icon: t,
     isRemoteImage: s
   };
 }
-var js = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, tt = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ds(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
-  return i && o && js(t, s, o), o;
+var Ls = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, Q = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ds(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && Ls(t, s, o), o;
 };
-let O = class extends V {
+let P = class extends L {
   constructor() {
     super(...arguments), this.name = "", this.icon = "", this.tooltip = "", this.disabled = !1, this.selected = !1;
   }
@@ -4150,50 +4111,45 @@ let O = class extends V {
     }).join("").trim();
   }
   render() {
-    return l` <slot></slot> `;
+    return c` <slot></slot> `;
   }
 };
-O.styles = B`
+P.styles = H`
     :host {
       display: none;
     }
   `;
-tt([
-  p({ type: String, reflect: !0 })
-], O.prototype, "name", 2);
-tt([
-  p({ type: String })
-], O.prototype, "icon", 2);
-tt([
-  p({ type: String })
-], O.prototype, "tooltip", 2);
-tt([
-  p({ type: Boolean, reflect: !0 })
-], O.prototype, "disabled", 2);
-tt([
-  p({ type: Boolean, reflect: !0 })
-], O.prototype, "selected", 2);
-O = tt([
-  q("pc-reaction-icon")
-], O);
+Q([
+  d({ type: String, reflect: !0 })
+], P.prototype, "name", 2);
+Q([
+  d({ type: String })
+], P.prototype, "icon", 2);
+Q([
+  d({ type: String })
+], P.prototype, "tooltip", 2);
+Q([
+  d({ type: Boolean, reflect: !0 })
+], P.prototype, "disabled", 2);
+Q([
+  d({ type: Boolean, reflect: !0 })
+], P.prototype, "selected", 2);
+P = Q([
+  B("pc-reaction-icon")
+], P);
 const Vs = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M480-480Zm0%20400q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q43%200%2083%208.5t77%2024.5v90q-35-20-75.5-31.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-32-6.5-62T776-600h86q9%2029%2013.5%2058.5T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm320-600v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM620-520q25%200%2042.5-17.5T680-580q0-25-17.5-42.5T620-640q-25%200-42.5%2017.5T560-580q0%2025%2017.5%2042.5T620-520Zm-280%200q25%200%2042.5-17.5T400-580q0-25-17.5-42.5T340-640q-25%200-42.5%2017.5T280-580q0%2025%2017.5%2042.5T340-520Zm140%20260q68%200%20123.5-38.5T684-400H276q25%2063%2080.5%20101.5T480-260Z'/%3e%3c/svg%3e";
-var Hs = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, N = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Bs(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
+var Hs = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, R = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Bs(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
   return i && o && Hs(t, s, o), o;
 };
-let E = class extends u {
+let _ = class extends m {
   constructor() {
-    super(), this.options = [], this.multiple = !1, this.compact = !1, this.popupPosition = "auto", this.buttonRadius = "999px", this.normalizedReactions = [], this.slotExists = !1, this.isPopoverVisible = !1, this.isChartVisible = !1, this.handleClickOutside = (e) => {
+    super(), this.options = [], this.multiple = !1, this.compact = !1, this.popupPosition = "auto", this.buttonRadius = "999px", this.normalizedReactions = [], this.slotExists = !1, this.isPopoverVisible = !1, this.handleClickOutside = (e) => {
       var o, r;
       const t = e.target, s = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".popover"), i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".trigger-btn");
       s && !s.contains(t) && !(i != null && i.contains(t)) && (this.isPopoverVisible = !1);
-    }, this.handleChartToggleKeyDown = (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.toggleChart());
-    }, this.widgetType = "reaction", this.statsText = "{count} reactions", this.labelPosition = "top", this.statsPosition = "right";
-  }
-  get componentName() {
-    return this.label ? `Reactions for: ${this.label}` : "Reactions";
+    }, this.widgetType = "reaction", this.statsText = "{count} votes", this.labelPosition = "top", this.statsPosition = "right", this.isEditMode = !this.readonly;
   }
   /**
    * Get slotted pc-reaction-icon elements
@@ -4201,7 +4157,7 @@ let E = class extends u {
   getSlottedReactions() {
     var s;
     const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot");
-    return e ? e.assignedElements().filter((i) => i instanceof O).map((i) => ({
+    return e ? e.assignedElements().filter((i) => i instanceof P).map((i) => ({
       name: i.name || i.labelContent || i.icon,
       icon: i.icon,
       tooltip: i.tooltip,
@@ -4253,8 +4209,8 @@ let E = class extends u {
     let s = [];
     const i = Object.keys(this.localStats.breakdown || {}).filter(
       (r) => {
-        var a;
-        return (((a = this.localStats.breakdown) == null ? void 0 : a[r]) || 0) > 0;
+        var n;
+        return (((n = this.localStats.breakdown) == null ? void 0 : n[r]) || 0) > 0;
       }
     );
     this.multiple ? t ? s = i.filter((r) => r !== e.name) : s = [...i, e.name] : t ? s = [] : s = [e.name], this.updateSlottedElementsState(), this.compact && (this.isPopoverVisible = !1), this.announceReactionChange(e, !t);
@@ -4269,7 +4225,7 @@ let E = class extends u {
     if (!this.slotExists) return;
     const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot");
     if (!e) return;
-    e.assignedElements().filter((i) => i instanceof O).forEach((i) => {
+    e.assignedElements().filter((i) => i instanceof P).forEach((i) => {
       i.selected = this.isSelected(i.name);
     });
   }
@@ -4283,20 +4239,19 @@ let E = class extends u {
    * Renders the icon for a reaction
    */
   renderReactionIcon(e, t) {
-    const { icon: s, isRemoteImage: i } = Ls(e), o = Rt.FUNCTIONAL, r = "reaction", a = t.tooltip || `${t.name} reaction`, n = Ae(s, {
+    const { icon: s, isRemoteImage: i } = js(e), o = Mt.FUNCTIONAL, r = t.tooltip || `${t.name} reaction`, n = Ee(s, {
       type: o,
-      alt: a,
-      ariaLabel: a,
-      isSelected: this.isSelected(t.name),
-      componentName: r
+      alt: r,
+      ariaLabel: r,
+      isSelected: this.isSelected(t.name)
     });
-    return i ? l`<img
+    return i ? c`<img
         class="icon-img"
         src="${s}"
         alt="${n.alt}"
-        aria-label="${n.ariaLabel || d}"
+        aria-label="${n.ariaLabel || h}"
         aria-hidden="${n.ariaHidden}"
-      />` : l`<span class="icon" aria-hidden="${n.ariaHidden}"
+      />` : c`<span class="icon" aria-hidden="${n.ariaHidden}"
         >${s}</span
       >`;
   }
@@ -4310,9 +4265,9 @@ let E = class extends u {
       selected: s,
       readonly: this.readonly
     }, r = `${e.tooltip || e.name} reaction${s ? ", selected" : ""}${t ? `, ${i} votes` : ""}`;
-    return l`
+    return c`
       <button
-        class="${v(o)}"
+        class="${y(o)}"
         @click="${() => this.handleReactionClick(e)}"
         ?disabled="${this.readonly || e.disabled}"
         aria-pressed="${s}"
@@ -4320,7 +4275,7 @@ let E = class extends u {
         title="${e.tooltip || ""}"
       >
         ${this.renderReactionIcon(e.icon, e)}
-        ${t ? l`<span class="count-label">${i}</span>` : d}
+        ${t ? c`<span class="count-label">${i}</span>` : h}
       </button>
     `;
   }
@@ -4328,7 +4283,7 @@ let E = class extends u {
    * Render the trigger button for compact mode
    */
   renderTriggerButton() {
-    return l`
+    return c`
       <button
         class="trigger-btn"
         @click="${this.handleTriggerClick}"
@@ -4345,17 +4300,17 @@ let E = class extends u {
    * Render the popover for compact mode
    */
   renderPopover() {
-    if (!this.isPopoverVisible || !this.compact) return d;
+    if (!this.isPopoverVisible || !this.compact) return h;
     const e = {
       popover: !0,
       top: this.popupPosition === "top" || this.popupPosition === "auto" && this.shouldShowPopoverOnTop(),
       bottom: this.popupPosition === "bottom" || this.popupPosition === "auto" && !this.shouldShowPopoverOnTop()
     };
-    return l`
-      <div class="${v(e)}" role="menu">
+    return c`
+      <div class="${y(e)}" role="menu">
         <div class="popover-content">
           ${this.normalizedReactions.map(
-      (t) => l`
+      (t) => c`
               <button
                 class="popover-btn"
                 @click="${() => this.handleReactionClick(t)}"
@@ -4387,7 +4342,7 @@ let E = class extends u {
    * Render reactions based on mode
    */
   renderReactions() {
-    if (this.normalizedReactions.length === 0) return d;
+    if (this.normalizedReactions.length === 0) return h;
     const e = {
       reaction: !0,
       expand: !this.compact,
@@ -4395,22 +4350,22 @@ let E = class extends u {
     };
     if (this.compact) {
       const t = this.getActiveReactions();
-      return l`
-        <div class="${v(e)}">
+      return c`
+        <div class="${y(e)}">
           ${this.renderTriggerButton()}
-          ${t.length > 0 ? l`
+          ${t.length > 0 ? c`
                 <div class="reaction-list">
                   ${t.map(
         (s) => this.renderReactionButton(s, this.showCounts)
       )}
                 </div>
-              ` : d}
+              ` : h}
           ${this.renderPopover()}
         </div>
       `;
     } else
-      return l`
-        <div class="${v(e)}">
+      return c`
+        <div class="${y(e)}">
           <div class="reaction-list">
             ${this.normalizedReactions.map(
         (t) => this.renderReactionButton(t, this.showCounts)
@@ -4423,71 +4378,33 @@ let E = class extends u {
    * Render chart for reaction stats
    */
   renderChart(e) {
-    var a;
-    if (e && ["bottom", "top"].includes(this.statsPosition || "") || !e && ["left", "right"].includes(this.statsPosition || "") || !this.isChartVisible || !this.showChart || !this.hasStats() || this.statsIsLoading || !((a = this.stats) != null && a.breakdown)) return d;
-    const t = Object.values(this.stats.breakdown).reduce((n, c) => n + c, 0), s = Object.entries(this.stats.breakdown).map(
-      ([n, c]) => {
-        const h = this.normalizedReactions.find((m) => m.name === n);
+    var n, a;
+    if (!this.shouldShowChart() || e && ["bottom", "top"].includes(this.statsPosition || "") || !e && ["left", "right"].includes(this.statsPosition || ""))
+      return h;
+    const t = Object.values(((n = this.stats) == null ? void 0 : n.breakdown) || {}).reduce(
+      (l, p) => l + p,
+      0
+    ), s = Object.entries(((a = this.stats) == null ? void 0 : a.breakdown) || {}).map(
+      ([l, p]) => {
+        const u = this.normalizedReactions.find((b) => b.name === l);
         return {
           label: "",
           // do not show label
-          value: c,
-          icon: h && this.renderReactionIcon((h == null ? void 0 : h.icon) || "", h ?? {}) || ""
+          value: p,
+          icon: u && this.renderReactionIcon((u == null ? void 0 : u.icon) || "", u ?? {}) || ""
         };
       }
     ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = Ot(s, {
       barColor: o,
-      labelFormatter: (n) => `${n}`,
-      valueFormatter: (n) => `${t > 0 ? Math.round(n / t * 100) : 0}%`
+      labelFormatter: (l) => `${l}`,
+      valueFormatter: (l) => `${t > 0 ? Math.round(l / t * 100) : 0}%`
     });
-    return l`
+    return c`
       <div class="pc-stats-chart pc-stats-chart-inline visible" data-testid="reaction-chart">
         <div class="pc-chart-container" data-testid="reaction-chart-container">${r}</div>
       </div>
     `;
   }
-  /**
-   * Toggle chart visibility
-   */
-  toggleChart() {
-    this.isChartVisible = !this.isChartVisible;
-  }
-  /**
-   * Check if there are any stats to display
-   */
-  hasStats() {
-    var e, t;
-    return (((e = this.stats) == null ? void 0 : e.count) || 0) > 0 || (((t = this.localStats) == null ? void 0 : t.count) || 0) > 0;
-  }
-  /**
-   * Render stats similar to other components
-   */
-  renderStats() {
-    if (!this.showStats || !this.statsText) return d;
-    if (this.statsIsLoading)
-      return l`<span class="pc-stats-text" data-testid="stats-text">
-        <img src="${lt}" alt="Loading" class="pc-loading-icon" />
-      </span>`;
-    if (!this.stats) return "";
-    const e = this.formatStatsText(this.statsText), t = !this.readonly && this.showChart && this.hasStats();
-    return l`
-      <span class="pc-stats-text" data-testid="stats-text">
-        ${e}
-        ${t ? l`
-              <img
-                src="${this.isChartVisible ? Nt : zt}"
-                alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
-                class="chart-toggle-icon"
-                data-testid="reaction-chart-toggle-button"
-                @click="${this.toggleChart}"
-                role="button"
-                tabindex="0"
-                @keydown="${this.handleChartToggleKeyDown}"
-              />
-            ` : d}
-      </span>
-    `;
-  }
   /**
    * When attributes change, update the reactions
    */
@@ -4522,22 +4439,22 @@ let E = class extends u {
    * Announce reaction changes to screen readers
    */
   announceReactionChange(e, t) {
-    const s = this.componentName, i = t ? `Added ${e.name} reaction` : `Removed ${e.name} reaction`;
-    It(Ut(s, i));
+    const s = this.label ? `Reactions for: ${this.label}` : "Reactions", i = t ? `Added ${e.name} reaction` : `Removed ${e.name} reaction`;
+    zt(Nt(s, i));
   }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${I(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0
     }, t = {
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${I(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${z(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return l`
-      <div class="pc-container ${v(e)}" data-testid="reaction-container">
+    return c`
+      <div class="pc-container ${y(e)}" data-testid="reaction-container">
         ${this.renderLabel()}
-        <div class="pc-body ${v(t)}" data-testid="reaction-body">
-          ${this.renderStats()} ${this.renderChart(!1)} ${this.renderReactions()}
+        <div class="pc-body ${y(t)}" data-testid="reaction-body">
+          ${this.renderChart(!1)} ${this.renderStatsText()} ${this.renderReactions()}
         </div>
         ${this.renderChart(!0)}
         <slot @slotchange=${() => this.updateNormalizedReactions()}></slot>
@@ -4545,38 +4462,35 @@ let E = class extends u {
     `;
   }
 };
-E.styles = [...u.styles, Us];
-N([
-  p({ type: Array })
-], E.prototype, "options", 2);
-N([
-  p({ type: Boolean, reflect: !0 })
-], E.prototype, "multiple", 2);
-N([
-  p({ type: Boolean, reflect: !0 })
-], E.prototype, "compact", 2);
-N([
-  p({ type: String })
-], E.prototype, "popupPosition", 2);
-N([
-  p({ type: String, attribute: "button-radius" })
-], E.prototype, "buttonRadius", 2);
-N([
-  y()
-], E.prototype, "normalizedReactions", 2);
-N([
-  y()
-], E.prototype, "slotExists", 2);
-N([
-  y()
-], E.prototype, "isPopoverVisible", 2);
-N([
-  y()
-], E.prototype, "isChartVisible", 2);
-E = N([
-  q("pc-reaction")
-], E);
-const qs = B`
+_.styles = [...m.styles, Us];
+R([
+  d({ type: Array })
+], _.prototype, "options", 2);
+R([
+  d({ type: Boolean, reflect: !0 })
+], _.prototype, "multiple", 2);
+R([
+  d({ type: Boolean, reflect: !0 })
+], _.prototype, "compact", 2);
+R([
+  d({ type: String })
+], _.prototype, "popupPosition", 2);
+R([
+  d({ type: String, attribute: "button-radius" })
+], _.prototype, "buttonRadius", 2);
+R([
+  x()
+], _.prototype, "normalizedReactions", 2);
+R([
+  x()
+], _.prototype, "slotExists", 2);
+R([
+  x()
+], _.prototype, "isPopoverVisible", 2);
+_ = R([
+  B("pc-reaction")
+], _);
+const qs = H`
   /* Base variables */
   :host {
     --pc-stars-star-size: clamp(1.2em, calc(1.2em + 0.3vw), 2em);
@@ -4611,7 +4525,7 @@ const qs = B`
   /* Stars base styles */
   .stars {
     display: flex;
-    gap: 0.2em;
+    gap: 0.3em;
     transition: var(--pc-stars-transition);
     line-height: 1.1;
   }
@@ -4897,7 +4811,7 @@ const qs = B`
     }
 
     .stars {
-      gap: 0.3em;
+      gap: 0.4em;
     }
 
     .view-controls {
@@ -4933,10 +4847,10 @@ const qs = B`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const _e = "important", Fs = " !" + _e, Ks = Ce(class extends Ee {
+const Ce = "important", Fs = " !" + Ce, Ys = Se(class extends ke {
   constructor(e) {
     var t;
-    if (super(e), e.type !== ke.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(e), e.type !== we.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(e) {
     return Object.keys(e).reduce((t, s) => {
@@ -4953,20 +4867,20 @@ const _e = "important", Fs = " !" + _e, Ks = Ce(class extends Ee {
       if (o != null) {
         this.ft.add(i);
         const r = typeof o == "string" && o.endsWith(Fs);
-        i.includes("-") || r ? s.setProperty(i, r ? o.slice(0, -11) : o, r ? _e : "") : s[i] = o;
+        i.includes("-") || r ? s.setProperty(i, r ? o.slice(0, -11) : o, r ? Ce : "") : s[i] = o;
       }
     }
-    return H;
+    return D;
   }
 });
-var Ys = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, W = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Gs(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
-  return i && o && Ys(t, s, o), o;
+var Ks = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, at = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Gs(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && Ks(t, s, o), o;
 };
-let U = class extends u {
+let G = class extends m {
   constructor() {
-    super(), this.numStars = 5, this.defaultMode = "view", this.isChartVisible = !1, this.isEditMode = !1, this.hoverValue = 0, this.editValue = 0, this.handleEditStarLeave = () => {
+    super(), this.numStars = 5, this.defaultMode = "view", this.hoverValue = 0, this.editValue = 0, this.handleEditStarLeave = () => {
       this.hoverValue = 0;
     }, this.handleEditKeyDown = (e) => {
       if (e.key === "Enter" || e.key === " ") {
@@ -4974,81 +4888,35 @@ let U = class extends u {
         const t = e.target, s = parseInt(t.dataset.star || "0");
         s > 0 && this.handleEditStarClick(s);
       }
-    }, this.handleChartToggleKeyDown = (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.toggleChart());
     }, this.widgetType = "stars", this.statsText = "Average {avg} ({count} votes)", this.labelPosition = "top", this.statsPosition = "bottom", this.buttonRadius = "pill";
   }
-  /**
-   * Initialize mode based on current state
-   */
-  initializeMode() {
-    if (this.readonly) {
-      this.isEditMode = !1;
-      return;
-    }
-    this.defaultMode === "edit" && !this.hasUserStars() ? (this.isEditMode = !0, this.editValue = 0) : this.isEditMode = !1;
-  }
-  /**
-   * Initialize mode after component is first rendered
-   */
   async firstUpdated() {
-    await super.firstUpdated(), this.initializeMode();
-  }
-  /**
-   * Get the current user's stars from localStats
-   */
-  getCurrentStars() {
-    return this.localStats.sum || 0;
-  }
-  /**
-   * Check if user has made a stars selection
-   */
-  hasUserStars() {
-    return this.localStats.count > 0;
-  }
-  /**
-   * Get average stars from server stats
-   */
-  getAverageStars() {
-    var e;
-    return ((e = this.stats) == null ? void 0 : e.avg) || 0;
-  }
-  /**
-   * Get total vote count from server stats
-   */
-  getTotalVotes() {
-    var e;
-    return ((e = this.stats) == null ? void 0 : e.count) || 0;
-  }
-  /**
-   * Check if there are any stats to display
-   */
-  hasStats() {
-    return this.getTotalVotes() > 0;
+    super.firstUpdated(), console.log("defaultMode", this.defaultMode), this.defaultMode === "edit" ? (console.log("set true"), this.isEditMode = !0) : (console.log("set false"), this.isEditMode = !1);
   }
   /**
    * Render stars for view mode (showing average rating)
    */
   renderViewStars() {
-    const e = this.getAverageStars(), t = Array.from({ length: this.numStars }, (s, i) => i + 1).map((s) => {
-      const i = s <= Math.floor(e), o = !i && s === Math.ceil(e) && e % 1 !== 0, r = {
+    var s;
+    const e = ((s = this.stats) == null ? void 0 : s.avg) || 0, t = Array.from({ length: this.numStars }, (i, o) => o + 1).map((i) => {
+      const o = i <= Math.floor(e), r = !o && i === Math.ceil(e) && e % 1 !== 0, n = {
         star: !0,
-        selected: i,
-        partial: o,
+        selected: o,
+        partial: r,
         "view-mode": !0
-      }, a = o ? { "--partial-fill": `${e % 1 * 100}%` } : {};
-      return l`
+      }, a = r ? { "--partial-fill": `${e % 1 * 100}%` } : {};
+      return c`
         <span
-          data-testid="stars-view-star-${s}"
-          class=${v(r)}
-          style=${Ks(a)}
+          data-testid="stars-view-star-${i}"
+          class=${y(n)}
+          style=${Ys(a)}
           role="presentation"
         >
           ★
         </span>
       `;
     });
-    return l`<div class="stars view-stars" data-testid="stars-view-container">${t}</div>`;
+    return c`<div class="stars view-stars" data-testid="stars-view-container">${t}</div>`;
   }
   /**
    * Render interactive stars for edit mode
@@ -5060,11 +4928,11 @@ let U = class extends u {
         selected: s <= e,
         "edit-mode": !0
       };
-      return l`
+      return c`
         <span
           data-testid="stars-edit-star-${s}"
           data-star="${s}"
-          class=${v(o)}
+          class=${y(o)}
           @click="${() => this.handleEditStarClick(s)}"
           @mouseenter="${() => this.handleEditStarHover(s)}"
           @focus="${() => this.handleEditStarHover(s)}"
@@ -5079,50 +4947,22 @@ let U = class extends u {
         </span>
       `;
     });
-    return l`<div class="stars edit-stars" data-testid="stars-edit-container">${t}</div>`;
-  }
-  /**
-   * Render stats text for view mode
-   */
-  renderStatsText() {
-    if (!this.showStats || this.isEditMode) return d;
-    if (this.statsIsLoading)
-      return l`<span class="pc-stats-text">
-        <img src="${lt}" alt="Loading" class="pc-loading-icon" />
-      </span>`;
-    const e = this.statsText || "Average {avg} ({count} votes)", t = this.formatStatsText(e), s = !this.readonly && this.showChart && this.hasStats();
-    return l`
-      <span class="pc-stats-text" data-testid="stats-text">
-        ${t}
-        ${s ? l`
-              <img
-                src="${this.isChartVisible ? Nt : zt}"
-                alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
-                class="chart-toggle-icon"
-                data-testid="stars-chart-toggle-button"
-                @click="${this.toggleChart}"
-                role="button"
-                tabindex="0"
-                @keydown="${this.handleChartToggleKeyDown}"
-              />
-            ` : d}
-      </span>
-    `;
+    return c`<div class="stars edit-stars" data-testid="stars-edit-container">${t}</div>`;
   }
   /**
    * Render add/edit button
    */
   renderActionButton() {
-    if (this.readonly || this.isEditMode || this.statsIsLoading) return d;
-    const t = this.hasUserStars() ? "Edit rating" : "Add rating";
-    return l`
+    if (this.readonly || this.isEditMode || this.statsIsLoading) return h;
+    const t = this.hasUserVoted() ? "Edit rating" : "Add rating";
+    return c`
       <button
         class="action-btn"
         data-testid="stars-action-button"
         @click="${this.handleEnterEditMode}"
         aria-label="${t}"
       >
-        <img src="${bt}" alt="${t}" class="icon" />
+        <img src="${mt}" alt="${t}" class="icon" />
       </button>
     `;
   }
@@ -5131,35 +4971,28 @@ let U = class extends u {
    */
   renderChart(e) {
     var a;
-    if (e && ["bottom", "top"].includes(this.statsPosition || "") || !e && ["left", "right"].includes(this.statsPosition || "") || !this.isChartVisible || this.isEditMode || !this.showChart || !this.hasStats() || this.statsIsLoading || !((a = this.stats) != null && a.breakdown)) return d;
-    const t = Object.values(this.stats.breakdown).reduce((n, c) => n + c, 0), s = Object.entries(this.stats.breakdown).map(
-      ([n, c]) => ({
-        label: n,
-        value: c,
-        icon: "★"
-      })
-    ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = Ot(s, {
-      barColor: o,
-      labelFormatter: (n) => `${n}`,
-      valueFormatter: (n) => `${t > 0 ? Math.round(n / t * 100) : 0}%`
+    if (!this.shouldShowChart() || e && ["bottom", "top"].includes(this.statsPosition || "") || !e && ["left", "right"].includes(this.statsPosition || ""))
+      return h;
+    const t = ((a = this.stats) == null ? void 0 : a.breakdown) || {}, s = Object.values(t).reduce((l, p) => l + p, 0), i = Object.entries(t).map(([l, p]) => ({
+      label: l,
+      value: p,
+      icon: "★"
+    })), r = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", n = Ot(i, {
+      barColor: r,
+      labelFormatter: (l) => `${l}`,
+      valueFormatter: (l) => `${s > 0 ? Math.round(l / s * 100) : 0}%`
     });
-    return l`
+    return c`
       <div class="pc-stats-chart pc-stats-chart-inline visible" data-testid="stars-chart">
-        <div class="pc-chart-container" data-testid="stars-chart-container">${r}</div>
+        <div class="pc-chart-container" data-testid="stars-chart-container">${n}</div>
       </div>
     `;
   }
-  /**
-   * Toggle chart visibility
-   */
-  toggleChart() {
-    this.isChartVisible = !this.isChartVisible;
-  }
   /**
    * Enter edit mode
    */
   handleEnterEditMode() {
-    this.isEditMode = !0, this.editValue = this.getCurrentStars(), this.hoverValue = 0, this.isChartVisible = !1;
+    this.isEditMode = !0, this.editValue = this.localStats.sum || 0, this.hoverValue = 0, this.isChartVisible = !1;
   }
   /**
    * Handle star click in edit mode
@@ -5173,27 +5006,21 @@ let U = class extends u {
   handleEditStarHover(e) {
     this.editValue === 0 && (this.hoverValue = e);
   }
-  /**
-   * Clean up event listeners when component is disconnected
-   */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-  }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${I(this.labelPosition, this.labelAlign)}`]: !0,
+      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0,
       "edit-mode": this.isEditMode,
       "view-mode": !this.isEditMode
     }, t = {
       stars: !0,
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${I(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${z(this.statsPosition, this.statsAlign)}`]: !0
     };
-    return l`
-      <div class="pc-container ${v(e)}" data-testid="stars-container">
+    return c`
+      <div class="pc-container ${y(e)}" data-testid="stars-container">
         ${this.renderLabel()}
-        <div class="pc-body ${v(t)}" data-testid="stars-body">
+        <div class="pc-body ${y(t)}" data-testid="stars-body">
           ${this.renderStatsText()}
           <!-- Cursor, stats text must go first here -->
           ${this.renderChart(!1)}
@@ -5207,34 +5034,28 @@ let U = class extends u {
     `;
   }
 };
-U.styles = [...u.styles, qs];
-W([
-  p({ type: Number, attribute: "num-stars" })
-], U.prototype, "numStars", 2);
-W([
-  p({ type: String, attribute: "default-mode" })
-], U.prototype, "defaultMode", 2);
-W([
-  y()
-], U.prototype, "isChartVisible", 2);
-W([
-  y()
-], U.prototype, "isEditMode", 2);
-W([
-  y()
-], U.prototype, "hoverValue", 2);
-W([
-  y()
-], U.prototype, "editValue", 2);
-U = W([
-  q("pc-stars")
-], U);
-var Zs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Te = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ws(t, s) : t, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (o = (i ? a(t, s, o) : a(o)) || o);
+G.styles = [...m.styles, qs];
+at([
+  d({ type: Number, attribute: "num-stars" })
+], G.prototype, "numStars", 2);
+at([
+  d({ type: String, attribute: "default-mode" })
+], G.prototype, "defaultMode", 2);
+at([
+  x()
+], G.prototype, "hoverValue", 2);
+at([
+  x()
+], G.prototype, "editValue", 2);
+G = at([
+  B("pc-stars")
+], G);
+var Zs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Ae = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ws(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
   return i && o && Zs(t, s, o), o;
 };
-let Ct = class extends V {
+let kt = class extends L {
   /**
    * Disable shadow DOM for PollCatch
    */
@@ -5273,38 +5094,38 @@ let Ct = class extends V {
     if (!this.type)
       return console.warn(
         "poll-catch: No type specified. Please provide a type attribute (nps, poll, stars, text, reaction)."
-      ), d;
+      ), h;
     switch (this.type) {
       case "nps":
-        return l`<pc-nps></pc-nps>`;
+        return c`<pc-nps></pc-nps>`;
       case "poll":
-        return l`<pc-poll></pc-poll>`;
+        return c`<pc-poll></pc-poll>`;
       case "stars":
-        return l`<pc-stars></pc-stars>`;
+        return c`<pc-stars></pc-stars>`;
       case "text":
-        return l`<pc-text></pc-text>`;
+        return c`<pc-text></pc-text>`;
       case "reaction":
-        return l`<pc-reaction></pc-reaction>`;
+        return c`<pc-reaction></pc-reaction>`;
       default:
         return console.warn(
           `poll-catch: Unknown widget type "${this.type}". Supported types: nps, poll, stars, text, reaction.`
-        ), d;
+        ), h;
     }
   }
 };
-Te([
-  p({ type: String })
-], Ct.prototype, "type", 2);
-Ct = Te([
-  q("poll-catch")
-], Ct);
+Ae([
+  d({ type: String })
+], kt.prototype, "type", 2);
+kt = Ae([
+  B("poll-catch")
+], kt);
 export {
-  M as PcNps,
-  C as PcPoll,
-  T as PcPollOption,
-  E as PcReaction,
-  O as PcReactionIcon,
-  U as PcStars,
-  $ as PcText,
-  Ct as PollCatch
+  V as PcNps,
+  A as PcPoll,
+  C as PcPollOption,
+  _ as PcReaction,
+  P as PcReactionIcon,
+  G as PcStars,
+  k as PcText,
+  kt as PollCatch
 };