pollcatch 1.0.1 → 1.0.2

package/pc.js

@@ -1,23 +1,12 @@
-import { css as H, LitElement as mt, html as l, nothing as h } from "lit";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const B = (e) => (t, s) => {
-  s !== void 0 ? s.addInitializer(() => {
-    customElements.define(e, t);
-  }) : customElements.define(e, t);
-};
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const dt = globalThis, At = dt.ShadowRoot && (dt.ShadyCSS === void 0 || dt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ce = Symbol(), jt = /* @__PURE__ */ new WeakMap();
-let _e = class {
+const pt = globalThis, At = pt.ShadowRoot && (pt.ShadyCSS === void 0 || pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, _t = Symbol(), Dt = /* @__PURE__ */ new WeakMap();
+let pe = class {
   constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== ce) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== _t) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
   }
   get styleSheet() {
@@ -25,7 +14,7 @@ let _e = class {
     const s = this.t;
     if (At && 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 = Dt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Dt.set(s, t));
     }
     return t;
   }
@@ -33,26 +22,33 @@ let _e = class {
     return this.cssText;
   }
 };
-const Pe = (e) => new _e(typeof e == "string" ? e : e + "", void 0, ce), Oe = (e, t) => {
+const Te = (e) => new pe(typeof e == "string" ? e : e + "", void 0, _t), 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.");
+  })(o) + e[r + 1], e[0]);
+  return new pe(s, e, _t);
+}, Me = (e, t) => {
   if (At) e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
   else for (const s of t) {
-    const i = document.createElement("style"), o = dt.litNonce;
+    const i = document.createElement("style"), o = pt.litNonce;
     o !== void 0 && i.setAttribute("nonce", o), i.textContent = s.cssText, e.appendChild(i);
   }
-}, Dt = At ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Vt = At ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules) s += i.cssText;
-  return Pe(s);
+  return Te(s);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Me, defineProperty: Te, getOwnPropertyDescriptor: ze, getOwnPropertyNames: Ne, getOwnPropertySymbols: Ie, getPrototypeOf: Re } = Object, V = globalThis, Vt = V.trustedTypes, Ue = Vt ? Vt.emptyScript : "", yt = V.reactiveElementPolyfillSupport, st = (e, t) => e, pt = { toAttribute(e, t) {
+const { is: ze, defineProperty: Ne, getOwnPropertyDescriptor: Ie, getOwnPropertyNames: Re, getOwnPropertySymbols: Ue, getPrototypeOf: Le } = Object, D = globalThis, Ht = D.trustedTypes, je = Ht ? Ht.emptyScript : "", ft = D.reactiveElementPolyfillSupport, st = (e, t) => e, ht = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Ue : null;
+      e = e ? je : null;
       break;
     case Object:
     case Array:
@@ -77,23 +73,23 @@ const { is: Me, defineProperty: Te, getOwnPropertyDescriptor: ze, getOwnProperty
       }
   }
   return s;
-} }, _t = (e, t) => !Me(e, t), Ht = { attribute: !0, type: String, converter: pt, reflect: !1, hasChanged: _t };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), V.litPropertyMetadata ?? (V.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let tt = class extends HTMLElement {
+} }, Pt = (e, t) => !ze(e, t), Bt = { attribute: !0, type: String, converter: ht, reflect: !1, hasChanged: Pt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), D.litPropertyMetadata ?? (D.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let J = 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 = Bt) {
     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 && Te(this.prototype, t, o);
+      o !== void 0 && Ne(this.prototype, t, o);
     }
   }
   static getPropertyDescriptor(t, s, i) {
-    const { get: o, set: r } = ze(this.prototype, t) ?? { get() {
+    const { get: o, set: r } = Ie(this.prototype, t) ?? { get() {
       return this[s];
     }, set(a) {
       this[s] = a;
@@ -106,17 +102,17 @@ let tt = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Ht;
+    return this.elementProperties.get(t) ?? Bt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(st("elementProperties"))) return;
-    const t = Re(this);
+    const t = Le(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 = [...Ne(s), ...Ie(s)];
+      const s = this.properties, i = [...Re(s), ...Ue(s)];
       for (const o of i) this.createProperty(o, s[o]);
     }
     const t = this[Symbol.metadata];
@@ -135,8 +131,8 @@ let tt = 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(Vt(o));
+    } else t !== void 0 && s.push(Vt(t));
     return s;
   }
   static _$Eu(t, s) {
@@ -165,7 +161,7 @@ let tt = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Oe(t, this.constructor.elementStyles), t;
+    return Me(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -190,7 +186,7 @@ let tt = 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 : pt).toAttribute(s, i.type);
+      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;
     }
   }
@@ -198,13 +194,13 @@ let tt = class extends HTMLElement {
     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 : pt;
+      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;
     }
   }
   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 ?? Pt)(this[t], s)) return;
       this.P(t, s, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -277,13 +273,294 @@ let tt = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-tt.elementStyles = [], tt.shadowRootOptions = { mode: "open" }, tt[st("elementProperties")] = /* @__PURE__ */ new Map(), tt[st("finalized")] = /* @__PURE__ */ new Map(), yt == null || yt({ ReactiveElement: tt }), (V.reactiveElementVersions ?? (V.reactiveElementVersions = [])).push("2.0.4");
+J.elementStyles = [], J.shadowRootOptions = { mode: "open" }, J[st("elementProperties")] = /* @__PURE__ */ new Map(), J[st("finalized")] = /* @__PURE__ */ new Map(), ft == null || ft({ ReactiveElement: J }), (D.reactiveElementVersions ?? (D.reactiveElementVersions = [])).push("2.0.4");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const it = globalThis, ut = it.trustedTypes, Ft = ut ? ut.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, he = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, ue = "?" + j, De = `<${ue}>`, W = document, rt = () => W.createComment(""), at = (e) => e === null || typeof e != "object" && typeof e != "function", Ot = Array.isArray, Ve = (e) => Ot(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", gt = `[ 	
+\f\r]`, et = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Kt = />/g, K = RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Yt = /'/g, Gt = /"/g, me = /^(?:script|style|textarea|title)$/i, He = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), l = He(1), H = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), Y = W.createTreeWalker(W, 129);
+function be(e, t) {
+  if (!Ot(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Ft !== void 0 ? Ft.createHTML(t) : t;
+}
+const Be = (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 = Kt : m[2] !== void 0 ? (me.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] === '"' ? Gt : Yt) : a === Gt || a === Yt ? a = K : a === qt || a === Kt ? a = et : (a = K, o = void 0);
+    const L = a === K && e[n + 1].startsWith("/>") ? " " : "";
+    r += a === et ? c + De : b >= 0 ? (i.push(h), c.slice(0, b) + he + c.slice(b) + j + L) : c + j + (b === -2 ? n : L);
+  }
+  return [be(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+};
+let Ct = class fe {
+  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] = Be(t, s);
+    if (this.el = fe.createElement(h, i), Y.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; ) {
+      if (o.nodeType === 1) {
+        if (o.hasAttributes()) for (const b of o.getAttributeNames()) if (b.endsWith(he)) {
+          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] === "?" ? Ke : ct[1] === "@" ? Ye : mt }), o.removeAttribute(b);
+        } else b.startsWith(j) && (c.push({ type: 6, index: r }), o.removeAttribute(b));
+        if (me.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());
+          }
+        }
+      } else if (o.nodeType === 8) if (o.data === ue) c.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;
+      }
+      r++;
+    }
+  }
+  static createElement(t, s) {
+    const i = W.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;
+}
+let Fe = class {
+  constructor(t, s) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: s }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? W).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 Ge(r, this, t)), this._$AV.push(h), c = i[++n];
+      }
+      a !== (c == null ? void 0 : c.index) && (r = Y.nextNode(), a++);
+    }
+    return Y.currentNode = W, o;
+  }
+  p(t) {
+    let s = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
+  }
+};
+class nt {
+  get _$AU() {
+    var t;
+    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;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const s = this._$AM;
+    return s !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = s.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    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) : Ve(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== d && at(this._$AH) ? this._$AA.nextSibling.data = t : this.T(W.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 = Ct.createElement(be(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 Fe(o, this), n = a.u(this.options);
+      a.p(s), this.T(n), this._$AH = a;
+    }
+  }
+  _$AC(t) {
+    let s = Wt.get(t.strings);
+    return s === void 0 && Wt.set(t.strings, s = new Ct(t)), s;
+  }
+  k(t) {
+    Ot(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++;
+    o < s.length && (this._$AR(i && i._$AB.nextSibling, o), s.length = o);
+  }
+  _$AR(t = this._$AA.nextSibling, s) {
+    var i;
+    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, s); t && t !== this._$AB; ) {
+      const o = t.nextSibling;
+      t.remove(), t = o;
+    }
+  }
+  setConnected(t) {
+    var s;
+    this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
+  }
+}
+class mt {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    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;
+  }
+  _$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);
+    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;
+    }
+    a && !o && this.j(t);
+  }
+  j(t) {
+    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+let qe = class extends mt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === d ? void 0 : t;
+  }
+};
+class Ke extends mt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== d);
+  }
+}
+class Ye extends mt {
+  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);
+    o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var s;
+    typeof this._$AH == "function" ? this._$AH.call(((s = this.options) == null ? void 0 : s.host) ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class Ge {
+  constructor(t, s, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    X(this, t);
+  }
+}
+const yt = it.litHtmlPolyfillSupport;
+yt == null || yt(Ct, nt), (it.litHtmlVersions ?? (it.litHtmlVersions = [])).push("3.2.1");
+const We = (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 ?? {});
+  }
+  return o._$AI(e), o;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let V = class extends J {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var s;
+    const t = super.createRenderRoot();
+    return (s = this.renderOptions).renderBefore ?? (s.renderBefore = t.firstChild), t;
+  }
+  update(t) {
+    const s = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = We(s, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
+  }
+  render() {
+    return H;
+  }
+};
+var de;
+V._$litElement$ = !0, V.finalized = !0, (de = globalThis.litElementHydrateSupport) == null || de.call(globalThis, { LitElement: V });
+const vt = globalThis.litElementPolyfillSupport;
+vt == null || vt({ LitElement: V });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const F = (e) => (t, s) => {
+  s !== void 0 ? s.addInitializer(() => {
+    customElements.define(e, t);
+  }) : customElements.define(e, t);
+};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Le = { attribute: !0, type: String, converter: pt, reflect: !1, hasChanged: _t }, je = (e = Le, t, s) => {
+const Ze = { attribute: !0, type: String, converter: ht, reflect: !1, hasChanged: Pt }, Je = (e = Ze, 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") {
@@ -304,8 +581,8 @@ const Le = { attribute: !0, type: String, converter: pt, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function d(e) {
-  return (t, s) => typeof s == "object" ? je(e, t, s) : ((i, o, r) => {
+function p(e) {
+  return (t, s) => typeof s == "object" ? Je(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;
   })(e, t, s);
@@ -316,9 +593,9 @@ function d(e) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function y(e) {
-  return d({ ...e, state: !0, attribute: !1 });
+  return p({ ...e, state: !0, attribute: !1 });
 }
-const De = H`
+const Xe = B`
   :host {
     /* Base CSS variables */
     --pc-primary-color: #2196f3;
@@ -625,31 +902,31 @@ const De = H`
       padding: 0.2em 0;
     }
   }
-`, de = "http://127.0.0.1:54321/functions/v1/data", Ve = "pc_session_id", He = 24 * 60 * 60 * 1e3, vt = process.env.NODE_ENV === "development";
-function Be(e) {
+`, ge = "http://127.0.0.1:54321/functions/v1/data", Qe = "pc_session_id", ts = 24 * 60 * 60 * 1e3, xt = process.env.NODE_ENV === "development";
+function es(e) {
   return {
     debug: (t, ...s) => {
-      vt && console.debug(`[${e}]`, t, ...s);
+      xt && console.debug(`[${e}]`, t, ...s);
     },
     info: (t, ...s) => {
-      vt && console.info(`[${e}]`, t, ...s);
+      xt && console.info(`[${e}]`, t, ...s);
     },
     warn: (t, ...s) => {
-      vt && console.warn(`[${e}]`, t, ...s);
+      xt && console.warn(`[${e}]`, t, ...s);
     },
     error: (t, ...s) => {
       console.error(`[${e}]`, t, ...s);
     }
   };
 }
-const f = Be("Pollcatch");
-function Bt() {
+const f = es("Pollcatch");
+function Zt() {
   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;
@@ -657,7 +934,7 @@ function Pt() {
     return f.warn("localStorage not available, session ID will not persist"), !1;
   }
 }
-function pe(e) {
+function ye(e) {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : void 0;
@@ -666,14 +943,14 @@ function pe(e) {
     return;
   }
 }
-function he(e, t) {
+function ve(e, t) {
   try {
     return localStorage.setItem(e, JSON.stringify(t)), !0;
   } catch (s) {
     return f.warn(`Failed to set item in localStorage: ${e}`, s), !1;
   }
 }
-async function Fe() {
+async function ss() {
   if (typeof window < "u") {
     if (window.pcProject !== void 0)
       return f.debug("Found project key in global variable"), window.pcProject;
@@ -686,31 +963,31 @@ async function Fe() {
   }
   f.warn("No project key found in global variable or script tags");
 }
-async function Ft() {
-  const e = Ve, t = He;
-  if (Pt()) {
-    const s = pe(e);
+async function Jt() {
+  const e = Qe, t = ts;
+  if (Tt()) {
+    const s = ye(e);
     if (s && s.id && s.timestamp && Date.now() - s.timestamp < t)
       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 = Bt();
-    return he(e, {
+    const i = Zt();
+    return ve(e, {
       id: i,
       timestamp: Date.now()
     }) ? f.debug("Generated and stored new session ID") : f.warn("Generated session ID but failed to store it"), i;
   } else {
-    const s = Bt();
+    const s = Zt();
     return f.debug("Generated non-persistent session ID"), s;
   }
 }
-async function qe(e, t) {
+async function is(e, t) {
   try {
     if (!e)
       throw new Error("Name parameter is required");
-    const s = `${de}/${encodeURIComponent(t)}/${encodeURIComponent(e)}`;
+    const s = `${ge}/${encodeURIComponent(t)}/${encodeURIComponent(e)}`;
     f.debug(`Fetching stats for: ${e}`, { projectKey: t });
     const i = await fetch(s);
     if (!i.ok)
@@ -731,8 +1008,8 @@ async function qe(e, t) {
     throw f.error("Error loading stats:", s), s;
   }
 }
-async function Ke(e) {
-  const t = JSON.stringify(e), s = `${de}`;
+async function os(e) {
+  const t = JSON.stringify(e), s = `${ge}`;
   try {
     if (f.debug("Sending stats", e), typeof navigator < "u" && navigator.sendBeacon)
       if (navigator.sendBeacon(s, t)) {
@@ -755,10 +1032,10 @@ async function Ke(e) {
     throw f.error("Failed to send analytics:", i), i;
   }
 }
-function ue(e) {
+function xe(e) {
   return !e || typeof e != "string" ? !1 : /^[\p{Emoji}]$/u.test(e) ? !0 : new RegExp("^\\p{Emoji}(\\p{Emoji_Modifier}|\\u200D\\p{Emoji})*$", "u").test(e);
 }
-function Ot(e) {
+function Mt(e) {
   if (!e || typeof e != "string")
     return !1;
   const t = e.trim();
@@ -770,7 +1047,7 @@ function Ot(e) {
     return !1;
   }
 }
-function Ye(e) {
+function rs(e) {
   if (!e || typeof e != "string")
     return [];
   const t = e.trim();
@@ -785,151 +1062,151 @@ function Ye(e) {
     }
   return t.split(",").map((s) => s.trim()).filter((s) => s !== "");
 }
-function Ge(e, t) {
+function as(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;
   });
 }
-function We(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 Ze = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, R = function(e) {
+var ls = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, I = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
 }, x = function(e, t, s) {
   return t === void 0 && (t = 0), s === void 0 && (s = Math.pow(10, t)), Math.round(s * e) / s + 0;
-}, E = function(e, t, s) {
+}, k = function(e, t, s) {
   return t === void 0 && (t = 0), s === void 0 && (s = 1), e > s ? s : e > t ? e : t;
-}, me = function(e) {
+}, $e = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
-}, qt = function(e) {
-  return { r: E(e.r, 0, 255), g: E(e.g, 0, 255), b: E(e.b, 0, 255), a: E(e.a) };
-}, xt = function(e) {
+}, Xt = 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) };
+}, $t = function(e) {
   return { r: x(e.r), g: x(e.g), b: x(e.b), a: x(e.a, 3) };
-}, Je = /^#([0-9a-f]{3,8})$/i, ct = function(e) {
+}, cs = /^#([0-9a-f]{3,8})$/i, dt = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
-}, be = function(e) {
+}, we = 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 };
-}, fe = function(e) {
+}, Se = 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), p = r % 6;
-  return { r: 255 * [i, n, a, a, c, i][p], g: 255 * [c, i, i, n, a, a][p], b: 255 * [a, a, c, i, i, n][p], a: o };
-}, Kt = function(e) {
-  return { h: me(e.h), s: E(e.s, 0, 100), l: E(e.l, 0, 100), a: E(e.a) };
-}, Yt = function(e) {
+  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 };
+}, Qt = function(e) {
+  return { h: $e(e.h), s: k(e.s, 0, 100), l: k(e.l, 0, 100), a: k(e.a) };
+}, te = function(e) {
   return { h: x(e.h), s: x(e.s), l: x(e.l), a: x(e.a, 3) };
-}, Gt = function(e) {
-  return fe((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 }));
+}, ee = function(e) {
+  return Se((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;
-}, it = function(e) {
-  return { h: (t = be(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 };
+}, ot = function(e) {
+  return { h: (t = we(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;
-}, Xe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ts = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, es = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Wt = { string: [[function(e) {
-  var t = Je.exec(e);
+}, ds = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ps = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, hs = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, us = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, se = { string: [[function(e) {
+  var t = cs.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;
 }, "hex"], [function(e) {
-  var t = ts.exec(e) || es.exec(e);
-  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : qt({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
+  var t = hs.exec(e) || us.exec(e);
+  return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Xt({ 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 = Xe.exec(e) || Qe.exec(e);
+  var t = ds.exec(e) || ps.exec(e);
   if (!t) return null;
-  var s, i, o = Kt({ h: (s = t[1], i = t[2], i === void 0 && (i = "deg"), Number(s) * (Ze[i] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
-  return Gt(o);
+  var s, i, o = Qt({ h: (s = t[1], i = t[2], i === void 0 && (i = "deg"), Number(s) * (ls[i] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  return ee(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) ? qt({ r: Number(t), g: Number(s), b: Number(i), a: Number(r) }) : null;
+  return I(t) && I(s) && I(i) ? Xt({ 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 = Kt({ h: Number(t), s: Number(s), l: Number(i), a: Number(r) });
-  return Gt(a);
+  if (!I(t) || !I(s) || !I(i)) return null;
+  var a = Qt({ h: Number(t), s: Number(s), l: Number(i), a: Number(r) });
+  return ee(a);
 }, "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;
+  if (!I(t) || !I(s) || !I(i)) return null;
   var a = function(n) {
-    return { h: me(n.h), s: E(n.s, 0, 100), v: E(n.v, 0, 100), a: E(n.a) };
+    return { h: $e(n.h), s: k(n.s, 0, 100), v: k(n.v, 0, 100), a: k(n.a) };
   }({ h: Number(t), s: Number(s), v: Number(i), a: Number(r) });
-  return fe(a);
-}, "hsv"]] }, Zt = function(e, t) {
+  return Se(a);
+}, "hsv"]] }, ie = 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];
-}, ss = function(e) {
-  return typeof e == "string" ? Zt(e.trim(), Wt.string) : typeof e == "object" && e !== null ? Zt(e, Wt.object) : [null, void 0];
-}, $t = function(e, t) {
-  var s = it(e);
-  return { h: s.h, s: E(s.s + 100 * t, 0, 100), l: s.l, a: s.a };
-}, wt = function(e) {
+}, ms = function(e) {
+  return typeof e == "string" ? ie(e.trim(), se.string) : typeof e == "object" && e !== null ? ie(e, se.object) : [null, void 0];
+}, wt = 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 };
+}, St = function(e) {
   return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
-}, Jt = function(e, t) {
-  var s = it(e);
-  return { h: s.h, s: s.s, l: E(s.l + 100 * t, 0, 100), a: s.a };
-}, Xt = function() {
+}, oe = 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 };
+}, re = function() {
   function e(t) {
-    this.parsed = ss(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+    this.parsed = ms(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 x(St(this.rgba), 2);
   }, e.prototype.isDark = function() {
-    return wt(this.rgba) < 0.5;
+    return St(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
-    return wt(this.rgba) >= 0.5;
+    return St(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 ? ct(x(255 * r)) : "", "#" + ct(s) + ct(i) + ct(o) + a;
+    return t = $t(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;
   }, e.prototype.toRgb = function() {
-    return xt(this.rgba);
+    return $t(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 = $t(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 Yt(it(this.rgba));
+    return te(ot(this.rgba));
   }, e.prototype.toHslString = function() {
-    return t = Yt(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 + "%)";
+    return t = te(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 + "%)";
     var t, s, i, o, r;
   }, e.prototype.toHsv = function() {
-    return t = be(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
+    return t = we(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
-    return P({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    return _({ 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), P($t(this.rgba, t));
+    return t === void 0 && (t = 0.1), _(wt(this.rgba, t));
   }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), P($t(this.rgba, -t));
+    return t === void 0 && (t = 0.1), _(wt(this.rgba, -t));
   }, e.prototype.grayscale = function() {
-    return P($t(this.rgba, -1));
+    return _(wt(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), P(Jt(this.rgba, t));
+    return t === void 0 && (t = 0.1), _(oe(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), P(Jt(this.rgba, -t));
+    return t === void 0 && (t = 0.1), _(oe(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" ? P({ r: (s = this.rgba).r, g: s.g, b: s.b, a: t }) : x(this.rgba.a, 3);
+    return typeof t == "number" ? _({ r: (s = this.rgba).r, g: s.g, b: s.b, a: t }) : x(this.rgba.a, 3);
     var s;
   }, e.prototype.hue = function(t) {
-    var s = it(this.rgba);
-    return typeof t == "number" ? P({ h: t, s: s.s, l: s.l, a: s.a }) : x(s.h);
+    var s = ot(this.rgba);
+    return typeof t == "number" ? _({ h: t, s: s.s, l: s.l, a: s.a }) : x(s.h);
   }, e.prototype.isEqual = function(t) {
-    return this.toHex() === P(t).toHex();
+    return this.toHex() === _(t).toHex();
   }, e;
-}(), P = function(e) {
-  return e instanceof Xt ? e : new Xt(e);
-}, ge = /* @__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))(ge || {});
-const is = {
+}(), _ = function(e) {
+  return e instanceof re ? e : new re(e);
+}, ke = /* @__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))(ke || {});
+const bs = {
   black: "#000000",
   white: "#ffffff",
   red: "#ff0000",
@@ -946,20 +1223,20 @@ const is = {
   teal: "#008080",
   navy: "#000080"
 };
-function os(e) {
+function fs(e) {
   const t = e.toLowerCase().trim();
-  return is[t] || null;
+  return bs[t] || null;
 }
-function St(e, t) {
-  const s = Qt(e), i = Qt(t), o = Math.max(s, i), r = Math.min(s, i);
+function kt(e, t) {
+  const s = ae(e), i = ae(t), o = Math.max(s, i), r = Math.min(s, i);
   return (o + 0.05) / (r + 0.05);
 }
-function Qt(e) {
-  const t = rs(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);
+function ae(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 te(e, t = {}) {
-  if (!P(e).isValid())
+function ne(e, t = {}) {
+  if (!_(e).isValid())
     return console.warn(`Invalid color provided: ${e}`), "black";
   const {
     minContrast: i = 4.5,
@@ -970,36 +1247,36 @@ function te(e, t = {}) {
     },
     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, p = 0;
+  let c = a, h = 0;
   for (const m of n) {
-    const b = St(e, m);
-    b >= i && b > p && (p = b, c = m);
+    const b = kt(e, m);
+    b >= i && b > h && (h = b, c = m);
   }
-  if (p === 0) {
-    const m = St(e, a);
-    c = a, p = m;
+  if (h === 0) {
+    const m = kt(e, a);
+    c = a, h = m;
     for (const b of n) {
       if (b === a) continue;
-      const k = St(e, b);
-      k > p && (p = k, c = b);
+      const S = kt(e, b);
+      S > h && (h = S, c = b);
     }
     console.warn(
-      `No color option met the minimum contrast ratio of ${i}:1 against ${e}. Using ${c} with contrast ratio ${p.toFixed(2)}:1 instead.`
+      `No color option met the minimum contrast ratio of ${i}:1 against ${e}. Using ${c} with contrast ratio ${h.toFixed(2)}:1 instead.`
     );
   }
   return c;
 }
-function rs(e) {
-  const s = os(e) || e, i = P(s);
+function gs(e) {
+  const s = fs(e) || e, i = _(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 };
 }
-function U(e, t) {
+function R(e, t) {
   return e === "left" || e === "right" ? t || "center" : e === "top" || e === "bottom" ? t || "start" : t || "center";
 }
-function as(e, t = "1rem") {
+function ys(e, t = "1rem") {
   if (!e) return t;
   const s = {
     xs: "0.75rem",
@@ -1018,7 +1295,7 @@ function as(e, t = "1rem") {
   const a = parseFloat(o);
   return isNaN(a) ? t : `${a}rem`;
 }
-function ns(e, t = "4px") {
+function vs(e, t = "4px") {
   if (!e) return t;
   const s = {
     xs: "2px",
@@ -1038,7 +1315,7 @@ function ns(e, t = "4px") {
   const a = parseFloat(o);
   return isNaN(a) ? t : `${a}px`;
 }
-function K() {
+function G() {
   return {
     count: 0,
     sum: 0,
@@ -1048,26 +1325,26 @@ function K() {
     updated: (/* @__PURE__ */ new Date()).toISOString()
   };
 }
-function ls(e) {
-  if (!Pt())
-    return K();
+function xs(e) {
+  if (!Tt())
+    return G();
   try {
-    const t = pe(e);
-    return t ? { ...K(), ...t } : K();
+    const t = ye(e);
+    return t ? { ...G(), ...t } : G();
   } catch (t) {
-    return f.warn("Failed to load localStats from localStorage", t), K();
+    return f.warn("Failed to load localStats from localStorage", t), G();
   }
 }
-function cs(e, t) {
-  if (!Pt())
+function $s(e, t) {
+  if (!Tt())
     return !1;
   try {
-    return he(e, t) ? (f.debug("Saved localStats to localStorage", t), !0) : !1;
+    return ve(e, t) ? (f.debug("Saved localStats to localStorage", t), !0) : !1;
   } catch (s) {
     return f.warn("Failed to save localStats to localStorage", s), !1;
   }
 }
-function ds(e, t) {
+function ws(e, t) {
   const s = {
     count: Math.max(0, e.count - t.count),
     sum: (e.sum || 0) - (t.sum || 0),
@@ -1082,9 +1359,9 @@ function ds(e, t) {
       s.breakdown[i] && (s.breakdown[i] = Math.max(0, s.breakdown[i] - o), s.breakdown[i] === 0 && delete s.breakdown[i]);
   return s;
 }
-function ps(e, t) {
+function Ss(e, t) {
   if (!e.count && !t.count)
-    return K();
+    return G();
   if (!e.count)
     return { ...t };
   const s = {
@@ -1103,7 +1380,7 @@ function ps(e, t) {
   }
   return s;
 }
-function hs(e) {
+function ks(e) {
   if (!e || typeof e != "object")
     return 0;
   let t = 0, s = 0, i = 0;
@@ -1116,27 +1393,27 @@ function hs(e) {
   const o = t / i * 100, r = s / i * 100;
   return Math.round(o - r);
 }
-var us = Object.defineProperty, g = (e, t, s, i) => {
+var Cs = Object.defineProperty, g = (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);
-  return o && us(t, s, o), o;
+  return o && Cs(t, s, o), o;
 };
-const Lt = class Lt extends mt {
+const jt = class jt extends V {
   constructor() {
-    super(...arguments), this.readonly = !1, this.showStats = !1, this.showCounts = !1, this.showChart = !1, this.minContrast = ge.AA_NORMAL, this.labelPosition = "top", this.statsIsLoading = !1, this.localStats = K();
+    super(...arguments), this.readonly = !1, this.showStats = !1, this.showCounts = !1, this.showChart = !1, this.minContrast = ke.AA_NORMAL, this.labelPosition = "top", this.statsIsLoading = !1, this.localStats = G();
   }
   /**
    * Gets the project key for the widget
    * @returns The project key
    */
   async getProjectKey() {
-    return this.projectKey || await Fe() || "public";
+    return this.projectKey || await ss() || "public";
   }
   /**
    * Gets the localStorage key for this widget's localStats
    */
   async getLocalStatsKey() {
-    const t = await Ft(), s = await this.getProjectKey(), i = this.name || "unnamed";
+    const t = await Jt(), s = await this.getProjectKey(), i = this.name || "unnamed";
     return `pc-local-stats-${t}-${s}-${i}`;
   }
   /**
@@ -1145,9 +1422,9 @@ const Lt = class Lt extends mt {
   async loadLocalStatsFromStorage() {
     try {
       const t = await this.getLocalStatsKey();
-      this.localStats = ls(t), f.debug("Loaded localStats from localStorage", this.localStats);
+      this.localStats = xs(t), f.debug("Loaded localStats from localStorage", this.localStats);
     } catch (t) {
-      f.warn("Failed to generate localStorage key for localStats", t), this.localStats = K();
+      f.warn("Failed to generate localStorage key for localStats", t), this.localStats = G();
     }
   }
   /**
@@ -1156,7 +1433,7 @@ const Lt = class Lt extends mt {
   async saveLocalStatsToStorage() {
     try {
       const t = await this.getLocalStatsKey();
-      cs(t, this.localStats) || f.warn("Failed to save localStats to localStorage");
+      $s(t, this.localStats) || f.warn("Failed to save localStats to localStorage");
     } catch (t) {
       f.warn("Failed to save localStats to localStorage", t);
     }
@@ -1165,7 +1442,7 @@ const Lt = class Lt extends mt {
    * Updates the stats with the localStats
    */
   async updateStats(t, s) {
-    if (this.stats && (this.stats = ds(this.stats, this.localStats)), this.localStats = {
+    if (this.stats && (this.stats = ws(this.stats, this.localStats)), this.localStats = {
       count: t > 0 ? 1 : 0,
       sum: t,
       avg: t,
@@ -1177,13 +1454,13 @@ const Lt = class Lt extends mt {
     }, s && s.length > 0)
       for (const i of s)
         i && (this.localStats.breakdown[i] = 1);
-    this.stats ? this.stats = ps(this.stats, this.localStats) : this.stats = { ...this.localStats };
+    this.stats ? this.stats = Ss(this.stats, this.localStats) : this.stats = { ...this.localStats };
   }
   /**
    * Undo the stats with the localStats
    */
   async submitStats(t, s) {
-    const i = Math.floor(Date.now() / 1e3).toString(), o = await Ft(), r = await this.getProjectKey(), a = this.name || "", n = {
+    const i = Math.floor(Date.now() / 1e3).toString(), o = await Jt(), r = await this.getProjectKey(), a = this.name || "", n = {
       sessionId: o,
       projectId: r,
       widgetName: a,
@@ -1193,11 +1470,11 @@ const Lt = class Lt extends mt {
       textValues: s,
       tags: this.tags,
       timestamp: i
-    }, c = We(JSON.stringify(n), i);
+    }, c = ns(JSON.stringify(n), i);
     try {
-      Ke({ ...n, hash: c });
-    } catch (p) {
-      f.warn("Failed to send stats event", p);
+      os({ ...n, hash: c });
+    } catch (h) {
+      f.warn("Failed to send stats event", h);
     }
     return n;
   }
@@ -1222,7 +1499,7 @@ const Lt = class Lt extends mt {
     if (this.primaryColor) {
       s += `--pc-primary-color: ${this.primaryColor} !important;
 `;
-      const i = te(this.primaryColor, {
+      const i = ne(this.primaryColor, {
         minContrast: this.minContrast,
         colorOptions: ["black", "white", "light", "dark"]
       });
@@ -1232,14 +1509,14 @@ const Lt = class Lt extends mt {
 `;
     }
     if (this.buttonRadius) {
-      const i = ns(this.buttonRadius);
+      const i = vs(this.buttonRadius);
       s += `--pc-button-radius: ${i} !important;
 `;
     }
     if (this.muteColor) {
       s += `--pc-mute-color: ${this.muteColor} !important;
 `;
-      const i = te(this.muteColor, {
+      const i = ne(this.muteColor, {
         minContrast: this.minContrast,
         colorOptions: ["black", "white", "light", "dark"]
       });
@@ -1248,7 +1525,7 @@ const Lt = class Lt extends mt {
     }
     if (this.textColor && (s += `--pc-text-color: ${this.textColor} !important;
 `), this.size) {
-      const i = as(this.size);
+      const i = ys(this.size);
       s += `font-size: ${i} !important;
 `;
     }
@@ -1263,7 +1540,7 @@ const Lt = class Lt extends mt {
       this.statsIsLoading = !0;
       try {
         const t = await this.getProjectKey();
-        this.stats = await qe(this.name, t);
+        this.stats = await is(this.name, t);
       } catch (t) {
         f.debug("Error loading stats", t), this.stats = void 0;
       } finally {
@@ -1293,78 +1570,78 @@ const Lt = class Lt extends mt {
       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" ? hs(((n = this.stats) == null ? void 0 : n.breakdown) || {}) : 0
+      nps: this.widgetType === "nps" ? ks(((n = this.stats) == null ? void 0 : n.breakdown) || {}) : 0
     };
-    return Ge(t, s);
+    return as(t, s);
   }
 };
-Lt.styles = [De];
-let u = Lt;
+jt.styles = [Xe];
+let u = jt;
 g([
-  d({ type: Boolean, reflect: !0 })
+  p({ type: Boolean, reflect: !0 })
 ], u.prototype, "readonly");
 g([
-  d({ type: String, attribute: "project" })
+  p({ type: String, attribute: "project" })
 ], u.prototype, "projectKey");
 g([
-  d({ type: String })
+  p({ type: String })
 ], u.prototype, "tags");
 g([
-  d({ type: String })
+  p({ type: String })
 ], u.prototype, "name");
 g([
-  d({ type: Boolean, attribute: "show-stats" })
+  p({ type: Boolean, attribute: "show-stats" })
 ], u.prototype, "showStats");
 g([
-  d({ type: Boolean, attribute: "show-counts" })
+  p({ type: Boolean, attribute: "show-counts" })
 ], u.prototype, "showCounts");
 g([
-  d({ type: Boolean, attribute: "show-chart" })
+  p({ type: Boolean, attribute: "show-chart" })
 ], u.prototype, "showChart");
 g([
-  d({ type: String, attribute: "stats-text" })
+  p({ type: String, attribute: "stats-text" })
 ], u.prototype, "statsText");
 g([
-  d({ type: String, attribute: "stats-position" })
+  p({ type: String, attribute: "stats-position" })
 ], u.prototype, "statsPosition");
 g([
-  d({ type: String, attribute: "stats-align" })
+  p({ type: String, attribute: "stats-align" })
 ], u.prototype, "statsAlign");
 g([
-  d({ type: String })
+  p({ type: String })
 ], u.prototype, "icon");
 g([
-  d({ type: String, attribute: "icon-active" })
+  p({ type: String, attribute: "icon-active" })
 ], u.prototype, "iconActive");
 g([
-  d({ type: String, attribute: "primary-color" })
+  p({ type: String, attribute: "primary-color" })
 ], u.prototype, "primaryColor");
 g([
-  d({ type: String, attribute: "mute-color" })
+  p({ type: String, attribute: "mute-color" })
 ], u.prototype, "muteColor");
 g([
-  d({ type: String, attribute: "text-color" })
+  p({ type: String, attribute: "text-color" })
 ], u.prototype, "textColor");
 g([
-  d({ type: String })
+  p({ type: String })
 ], u.prototype, "size");
 g([
-  d({ type: String, attribute: "button-radius" })
+  p({ type: String, attribute: "button-radius" })
 ], u.prototype, "buttonRadius");
 g([
-  d({ type: Number, attribute: "min-contrast" })
+  p({ type: Number, attribute: "min-contrast" })
 ], u.prototype, "minContrast");
 g([
-  d({ type: String })
+  p({ type: String })
 ], u.prototype, "css");
 g([
-  d({ type: String })
+  p({ type: String })
 ], u.prototype, "label");
 g([
-  d({ type: String, attribute: "label-position" })
+  p({ type: String, attribute: "label-position" })
 ], u.prototype, "labelPosition");
 g([
-  d({ type: String, attribute: "label-align" })
+  p({ type: String, attribute: "label-align" })
 ], u.prototype, "labelAlign");
 g([
   y()
@@ -1375,7 +1652,7 @@ g([
 g([
   y()
 ], u.prototype, "localStats");
-const ms = H`
+const Es = B`
   /* Add responsive sizing with CSS variables */
   :host {
     --pc-nps-button-size: clamp(1.6em, calc(1.5em + 0.5vw), 2.4em);
@@ -1623,235 +1900,8 @@ const ms = H`
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ot = globalThis, ht = ot.trustedTypes, ee = ht ? ht.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ye = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, ve = "?" + D, bs = `<${ve}>`, G = document, ut = () => G.createComment(""), rt = (e) => e === null || typeof e != "object" && typeof e != "function", Mt = Array.isArray, fs = (e) => Mt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", kt = `[ 	
-\f\r]`, et = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, ie = />/g, q = RegExp(`>|${kt}(?:([^\\s"'>=/]+)(${kt}*=${kt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), oe = /'/g, re = /"/g, xe = /^(?:script|style|textarea|title)$/i, W = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), Y = G.createTreeWalker(G, 129);
-function $e(e, t) {
-  if (!Mt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ee !== void 0 ? ee.createHTML(t) : t;
-}
-const gs = (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 p, m, b = -1, k = 0;
-    for (; k < c.length && (a.lastIndex = k, m = a.exec(c), m !== null); ) k = a.lastIndex, a === et ? m[1] === "!--" ? a = se : m[1] !== void 0 ? a = ie : m[2] !== void 0 ? (xe.test(m[2]) && (o = RegExp("</" + m[2], "g")), a = q) : m[3] !== void 0 && (a = q) : a === q ? m[0] === ">" ? (a = o ?? et, b = -1) : m[1] === void 0 ? b = -2 : (b = a.lastIndex - m[2].length, p = m[1], a = m[3] === void 0 ? q : m[3] === '"' ? re : oe) : a === re || a === oe ? a = q : a === se || a === ie ? a = et : (a = q, o = void 0);
-    const j = a === q && e[n + 1].startsWith("/>") ? " " : "";
-    r += a === et ? c + bs : b >= 0 ? (i.push(p), c.slice(0, b) + ye + c.slice(b) + D + j) : c + D + (b === -2 ? n : j);
-  }
-  return [$e(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
-};
-class at {
-  constructor({ strings: t, _$litType$: s }, i) {
-    let o;
-    this.parts = [];
-    let r = 0, a = 0;
-    const n = t.length - 1, c = this.parts, [p, m] = gs(t, s);
-    if (this.el = at.createElement(p, i), Y.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; ) {
-      if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const b of o.getAttributeNames()) if (b.endsWith(ye)) {
-          const k = m[a++], j = o.getAttribute(b).split(D), lt = /([.?@])?(.*)/.exec(k);
-          c.push({ type: 1, index: r, name: lt[2], strings: j, ctor: lt[1] === "." ? vs : lt[1] === "?" ? xs : lt[1] === "@" ? $s : ft }), o.removeAttribute(b);
-        } else b.startsWith(D) && (c.push({ type: 6, index: r }), o.removeAttribute(b));
-        if (xe.test(o.tagName)) {
-          const b = o.textContent.split(D), k = b.length - 1;
-          if (k > 0) {
-            o.textContent = ht ? ht.emptyScript : "";
-            for (let j = 0; j < k; j++) o.append(b[j], ut()), Y.nextNode(), c.push({ type: 2, index: ++r });
-            o.append(b[k], ut());
-          }
-        }
-      } else if (o.nodeType === 8) if (o.data === ve) c.push({ type: 2, index: r });
-      else {
-        let b = -1;
-        for (; (b = o.data.indexOf(D, b + 1)) !== -1; ) c.push({ type: 7, index: r }), b += D.length - 1;
-      }
-      r++;
-    }
-  }
-  static createElement(t, s) {
-    const i = G.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function J(e, t, s = e, i) {
-  var a, n;
-  if (t === W) return t;
-  let o = i !== void 0 ? (a = s._$Co) == null ? void 0 : a[i] : s._$Cl;
-  const r = rt(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 = J(e, o._$AS(e, t.values), o, i)), t;
-}
-class ys {
-  constructor(t, s) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: s }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? G).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 p;
-        c.type === 2 ? p = new bt(r, r.nextSibling, this, t) : c.type === 1 ? p = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (p = new ws(r, this, t)), this._$AV.push(p), c = i[++n];
-      }
-      a !== (c == null ? void 0 : c.index) && (r = Y.nextNode(), a++);
-    }
-    return Y.currentNode = G, o;
-  }
-  p(t) {
-    let s = 0;
-    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
-  }
-}
-class bt {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, s, i, o) {
-    this.type = 2, this._$AH = $, 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;
-    const s = this._$AM;
-    return s !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = s.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, s = this) {
-    t = J(this, t, s), rt(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : fs(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== $ && rt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(G.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 = at.createElement($e(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 ys(o, this), n = a.u(this.options);
-      a.p(s), this.T(n), this._$AH = a;
-    }
-  }
-  _$AC(t) {
-    let s = ae.get(t.strings);
-    return s === void 0 && ae.set(t.strings, s = new at(t)), s;
-  }
-  k(t) {
-    Mt(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 bt(this.O(ut()), this.O(ut()), 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) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, s); t && t !== this._$AB; ) {
-      const o = t.nextSibling;
-      t.remove(), t = o;
-    }
-  }
-  setConnected(t) {
-    var s;
-    this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
-  }
-}
-class ft {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, s, i, o, r) {
-    this.type = 1, this._$AH = $, 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 = $;
-  }
-  _$AI(t, s = this, i, o) {
-    const r = this.strings;
-    let a = !1;
-    if (r === void 0) t = J(this, t, s, 0), a = !rt(t) || t !== this._$AH && t !== W, a && (this._$AH = t);
-    else {
-      const n = t;
-      let c, p;
-      for (t = r[0], c = 0; c < r.length - 1; c++) p = J(this, n[i + c], s, c), p === W && (p = this._$AH[c]), a || (a = !rt(p) || p !== this._$AH[c]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + r[c + 1]), this._$AH[c] = p;
-    }
-    a && !o && this.j(t);
-  }
-  j(t) {
-    t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class vs extends ft {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === $ ? void 0 : t;
-  }
-}
-class xs extends ft {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== $);
-  }
-}
-class $s extends ft {
-  constructor(t, s, i, o, r) {
-    super(t, s, i, o, r), this.type = 5;
-  }
-  _$AI(t, s = this) {
-    if ((t = J(this, t, s, 0) ?? $) === W) return;
-    const i = this._$AH, o = t === $ && i !== $ || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== $ && (i === $ || o);
-    o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var s;
-    typeof this._$AH == "function" ? this._$AH.call(((s = this.options) == null ? void 0 : s.host) ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class ws {
-  constructor(t, s, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    J(this, t);
-  }
-}
-const Et = ot.litHtmlPolyfillSupport;
-Et == null || Et(at, bt), (ot.litHtmlVersions ?? (ot.litHtmlVersions = [])).push("3.2.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const we = { ATTRIBUTE: 1 }, Se = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let ke = class {
+const Ce = { ATTRIBUTE: 1 }, Ee = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let Ae = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1872,10 +1922,10 @@ let ke = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const v = Se(class extends ke {
+const v = Ee(class extends Ae {
   constructor(e) {
     var t;
-    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.");
+    if (super(e), e.type !== Ce.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(" ") + " ";
@@ -1893,10 +1943,10 @@ const v = Se(class extends ke {
       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)));
     }
-    return W;
+    return H;
   }
 });
-function Tt(e, t = {}) {
+function zt(e, t = {}) {
   if (!e || e.length === 0)
     return l`<div class="pc-bar-chart pc-bar-chart--empty">No data available</div>`;
   const s = Math.max(...e.map((r) => r.value)), o = { ...{
@@ -1911,11 +1961,11 @@ function Tt(e, t = {}) {
     const n = `
           width: ${s > 0 ? r.value / s * o.maxWidth : 0}%;
           background-color: ${o.barColor};
-        `, c = o.labelFormatter(r.label), p = c && l`<span class="pc-bar-label-text">${c}</span>`;
+        `, c = o.labelFormatter(r.label), h = c && l`<span class="pc-bar-label-text">${c}</span>`;
     return l`
           <div class="pc-bar-row">
             <div class="pc-bar-label">
-              ${p}
+              ${h}
               <span class="pc-bar-label-icon">${r.icon}</span>
             </div>
             <div class="pc-bar-container">
@@ -1928,9 +1978,9 @@ function Tt(e, t = {}) {
     </div>
   `;
 }
-const nt = "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", gt = "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 It = /* @__PURE__ */ ((e) => (e.DECORATIVE = "decorative", e.FUNCTIONAL = "functional", e.STATUS = "status", e))(It || {});
-function Ee(e, t = {}) {
+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", 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='M640-160v-280h160v280H640Zm-240%200v-640h160v640H400Zm-240%200v-440h160v440H160Z'/%3e%3c/svg%3e", It = "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 _e(e, t = {}) {
   const {
     type: s = "functional",
     alt: i,
@@ -1945,24 +1995,24 @@ function Ee(e, t = {}) {
   s === "functional" && !i && !o && console.warn(
     `No alt text or aria-label provided for functional icon in ${a}. This may cause accessibility issues.`
   );
-  const n = r ? " (selected)" : "", c = Ot(e) && !i ? "" : i || e, p = o || (c ? `${c}${n}` : n);
+  const n = r ? " (selected)" : "", c = Mt(e) && !i ? "" : i || e, h = o || (c ? `${c}${n}` : n);
   return {
     alt: c,
-    ariaLabel: p,
+    ariaLabel: h,
     ariaHidden: !1
   };
 }
-function Rt(e, t = "polite") {
+function Ut(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 Lt(e, t) {
   return `${e}: ${t}`;
 }
-var S = /* @__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))(S || {});
-function M(e) {
+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 O(e) {
   const t = {};
   e.role !== void 0 && (t.role = e.role);
   for (const [s, i] of Object.entries(e)) {
@@ -1972,26 +2022,26 @@ function M(e) {
   }
   return t;
 }
-function Ss(e, t, s) {
-  return M({
+function As(e, t, s) {
+  return O({
     role: "button",
     ariaLabel: e,
     ariaPressed: t,
     ariaDisabled: s
   });
 }
-function ne(e, t, s, i = !1) {
-  return M({
+function le(e, t, s, i = !1) {
+  return O({
     role: i ? "radio" : "checkbox",
     ariaLabel: e,
     ariaChecked: t,
     ariaDisabled: s
   });
 }
-var ks = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, F = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Es(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+var _s = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, q = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ps(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 && ks(t, s, o), o;
+  return i && o && _s(t, s, o), o;
 };
 let T = class extends u {
   constructor() {
@@ -2042,15 +2092,15 @@ let T = class extends u {
    * 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 = M({
-      role: S.GROUP,
+    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 = O({
+      role: w.GROUP,
       ariaLabel: this.label || "NPS Rating",
       ariaDescribedby: `${i}-description`
     }), r = s.map((a) => {
       const n = t && a === Math.round(e), c = {
         "nps-button": !0,
         selected: n
-      }, p = Ss(`Rate ${a}`, n, this.readonly);
+      }, h = As(`Rate ${a}`, n, this.readonly);
       return l`
         <button
           data-testid="nps-button-${a}"
@@ -2065,7 +2115,7 @@ let T = class extends u {
           ?disabled="${this.readonly}"
           ?readonly="${this.readonly}"
           id="${i}-option-${a}"
-          ...=${p}
+          ...=${h}
         >
           ${a}
         </button>
@@ -2093,8 +2143,8 @@ let T = class extends u {
       "nps-button": !0,
       selected: !0,
       "view-mode": !0
-    }, i = M({
-      role: S.PRESENTATION
+    }, i = O({
+      role: w.PRESENTATION
     }), o = l`
       <button
         data-testid="nps-view-display"
@@ -2115,24 +2165,18 @@ let T = class extends u {
    */
   renderChart(e) {
     var n;
-    if (e && ["bottom", "top"].includes(this.statsPosition || ""))
-      return h;
-    if (!e && ["left", "right"].includes(this.statsPosition || ""))
-      return h;
-    if (!this.isChartVisible || this.isEditMode) return h;
-    if (!this.showChart || !this.hasStats()) return h;
-    if (this.statsIsLoading || !((n = this.stats) != null && n.breakdown)) return h;
-    const t = Object.values(this.stats.breakdown).reduce((c, p) => c + p, 0), s = Object.entries(this.stats.breakdown).map(
-      ([c, p]) => ({
+    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: p
+        value: h
       })
-    ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = Tt(s, {
+    ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = zt(s, {
       barColor: o,
       labelFormatter: (c) => `${c}`,
       valueFormatter: (c) => `${t > 0 ? Math.round(c / t * 100) : 0}%`
-    }), a = M({
-      role: S.REGION,
+    }), a = O({
+      role: w.REGION,
       ariaLabel: `Results chart for ${this.label || "NPS Rating"}`
     });
     return l`
@@ -2158,10 +2202,10 @@ let T = class extends u {
    * Render stats text
    */
   renderStatsText() {
-    if (!this.showStats) return h;
+    if (!this.showStats) return d;
     if (this.statsIsLoading)
       return l`<span class="pc-stats-text">
-        <img src="${nt}" alt="Loading" class="pc-loading-icon" />
+        <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`
@@ -2169,7 +2213,7 @@ let T = class extends u {
         ${t}
         ${s ? l`
               <img
-                src="${this.isChartVisible ? Nt : zt}"
+                src="${this.isChartVisible ? It : Nt}"
                 alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
                 class="chart-toggle-icon"
                 data-testid="nps-chart-toggle-button"
@@ -2178,7 +2222,7 @@ let T = class extends u {
                 tabindex="0"
                 @keydown="${this.handleChartToggleKeyDown}"
               />
-            ` : h}
+            ` : d}
       </span>
     `;
   }
@@ -2186,20 +2230,20 @@ let T = class extends u {
    * Render add/edit button
    */
   renderActionButton() {
-    if (this.readonly || this.isEditMode || this.statsIsLoading) return h;
+    if (this.readonly || this.isEditMode || this.statsIsLoading) return d;
     const e = this.hasUserScore(), t = e ? "Edit rating" : "Add rating";
     return l`
       <div class="action-button-container">
         ${e ? l`<span class="thank-you-msg" data-testid="nps-thank-you-msg"
               >${this.thankYouMsg}</span
-            >` : h}
+            >` : d}
         <button
           class="action-btn"
           data-testid="nps-action-button"
           @click="${this.handleEnterEditMode}"
           aria-label="${t}"
         >
-          <img src="${gt}" alt="${t}" class="icon" />
+          <img src="${bt}" alt="${t}" class="icon" />
         </button>
       </div>
     `;
@@ -2217,7 +2261,7 @@ let T = class extends u {
     if (this.readonly) return;
     this.hoverValue = -1;
     const t = this.label || "NPS", s = `Rated ${e} out of ${this.max}`;
-    Rt(Ut(t, s)), await this.handleChange(e, [String(e)]), this.isEditMode = !1;
+    Ut(Lt(t, s)), await this.handleChange(e, [String(e)]), this.isEditMode = !1;
   }
   /**
    * Render min/max labels
@@ -2236,9 +2280,9 @@ let T = class extends u {
   renderContent() {
     return this.isEditMode ? l`
         <div class="pc-section" data-testid="nps-edit-section">
-          ${this.minMaxPosition === "top" ? this.renderMinMaxLabels() : h}
+          ${this.minMaxPosition === "top" ? this.renderMinMaxLabels() : d}
           ${this.renderEditNps()}
-          ${this.minMaxPosition === "bottom" ? this.renderMinMaxLabels() : h}
+          ${this.minMaxPosition === "bottom" ? this.renderMinMaxLabels() : d}
         </div>
       ` : l`
       <div class="pc-section" data-testid="nps-view-section">
@@ -2252,15 +2296,15 @@ let T = class extends u {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${U(this.labelPosition, this.labelAlign)}`]: !0,
+      [`pc-flex-align-${R(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-${U(this.statsPosition, this.statsAlign)}`]: !0
-    }, s = M({
-      role: S.REGION,
+      [`pc-flex-align-${R(this.statsPosition, this.statsAlign)}`]: !0
+    }, s = O({
+      role: w.REGION,
       ariaLabel: this.label || "NPS Rating"
     });
     return l`
@@ -2271,40 +2315,40 @@ let T = class extends u {
       >
         ${this.renderLabel()}
         <div class="pc-body ${v(t)}" data-testid="nps-body">
-          ${this.isEditMode ? h : this.renderStatsText()}
-          ${this.isEditMode ? h : this.renderChart(!1)} ${this.renderContent()}
+          ${this.isEditMode ? d : this.renderStatsText()}
+          ${this.isEditMode ? d : this.renderChart(!1)} ${this.renderContent()}
         </div>
-        ${this.isEditMode ? h : this.renderChart(!0)}
+        ${this.isEditMode ? d : this.renderChart(!0)}
       </div>
     `;
   }
 };
-T.styles = [...u.styles, ms];
-F([
-  d({ type: String, attribute: "min-label" })
+T.styles = [...u.styles, Es];
+q([
+  p({ type: String, attribute: "min-label" })
 ], T.prototype, "minLabel", 2);
-F([
-  d({ type: String, attribute: "max-label" })
+q([
+  p({ type: String, attribute: "max-label" })
 ], T.prototype, "maxLabel", 2);
-F([
-  d({ type: String, attribute: "thank-you-msg" })
+q([
+  p({ type: String, attribute: "thank-you-msg" })
 ], T.prototype, "thankYouMsg", 2);
-F([
-  d({ type: String, attribute: "min-max-position" })
+q([
+  p({ type: String, attribute: "min-max-position" })
 ], T.prototype, "minMaxPosition", 2);
-F([
+q([
   y()
 ], T.prototype, "isChartVisible", 2);
-F([
+q([
   y()
 ], T.prototype, "isEditMode", 2);
-F([
+q([
   y()
 ], T.prototype, "hoverValue", 2);
-T = F([
-  B("pc-nps")
+T = q([
+  F("pc-nps")
 ], T);
-const Cs = H`
+const Os = B`
   /* Add responsive sizing with CSS variables */
   :host {
     --pc-checkbox-size: clamp(1em, calc(0.8em + 0.3vw), 1.4em);
@@ -2741,12 +2785,12 @@ const Cs = H`
     gap: 0.5em;
   }
 `;
-var As = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, X = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? _s(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+var Ts = 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);
-  return i && o && As(t, s, o), o;
+  return i && o && Ts(t, s, o), o;
 };
-let O = class extends mt {
+let P = class extends V {
   constructor() {
     super(...arguments), this.value = "", this.icon = "", this.tooltip = "", this.disabled = !1, this.selected = !1;
   }
@@ -2765,33 +2809,33 @@ let O = class extends mt {
     return l` <slot></slot> `;
   }
 };
-O.styles = H`
+P.styles = B`
     :host {
       display: none;
     }
   `;
-X([
-  d({ type: String, reflect: !0 })
-], O.prototype, "value", 2);
-X([
-  d({ type: String })
-], O.prototype, "icon", 2);
-X([
-  d({ type: String })
-], O.prototype, "tooltip", 2);
-X([
-  d({ type: Boolean, reflect: !0 })
-], O.prototype, "disabled", 2);
-X([
-  d({ type: Boolean, reflect: !0 })
-], O.prototype, "selected", 2);
-O = X([
-  B("pc-poll-option")
-], O);
-var Ps = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, N = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Os(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+Q([
+  p({ type: String, reflect: !0 })
+], P.prototype, "value", 2);
+Q([
+  p({ type: String })
+], P.prototype, "icon", 2);
+Q([
+  p({ type: String })
+], P.prototype, "tooltip", 2);
+Q([
+  p({ type: Boolean, reflect: !0 })
+], P.prototype, "disabled", 2);
+Q([
+  p({ type: Boolean, reflect: !0 })
+], P.prototype, "selected", 2);
+P = Q([
+  F("pc-poll-option")
+], P);
+var zs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, z = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ns(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 && Ps(t, s, o), o;
+  return i && o && zs(t, s, o), o;
 };
 let C = class extends u {
   constructor() {
@@ -2821,7 +2865,7 @@ let C = class extends u {
   getSlottedOptions() {
     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) => {
       var o, r;
       return {
         value: i.value || i.labelContent || ((o = i.textContent) == null ? void 0 : o.trim()) || "",
@@ -2902,7 +2946,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 O).forEach((i) => {
+    e.assignedElements().filter((i) => i instanceof P).forEach((i) => {
       i.selected = this.isSelected(i.value);
     });
   }
@@ -2914,7 +2958,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 O).forEach((i) => {
+    e.assignedElements().filter((i) => i instanceof P).forEach((i) => {
       i.selected = this.pendingSelections.includes(i.value);
     });
   }
@@ -2923,21 +2967,21 @@ let C = class extends u {
    */
   renderOptionIcon(e, t) {
     if (!e) return "";
-    const s = It.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 = Ee(e, {
+    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 = _e(e, {
       type: s,
       alt: o,
       isSelected: r,
       componentName: i
     });
-    return ue(e) ? l`<span
+    return xe(e) ? l`<span
         class="poll-option-icon"
         aria-hidden="${a.ariaHidden ? "true" : "false"}"
         >${e}</span
-      >` : Ot(e) ? l`<img
+      >` : Mt(e) ? l`<img
         src="${e}"
         alt="${a.alt}"
         class="poll-option-icon-img"
-        aria-label="${a.ariaLabel || h}"
+        aria-label="${a.ariaLabel || d}"
         aria-hidden="${a.ariaHidden ? "true" : "false"}"
       />` : l`<span
       class="poll-option-icon"
@@ -2949,7 +2993,7 @@ let C = class extends u {
    * Renders the selection indicator (checkbox or radio button) with proper ARIA roles
    */
   renderSelectionIndicator() {
-    const e = this.multiple ? S.CHECKBOX : S.RADIO;
+    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>`;
   }
   /**
@@ -2960,7 +3004,7 @@ 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}`, a = le(
       e.label,
       s,
       e.disabled || this.readonly,
@@ -2988,7 +3032,7 @@ let C = class extends u {
    * Render submit button for multiple selection
    */
   renderSubmitButton() {
-    if (!this.multiple || !this.isEditMode) return h;
+    if (!this.multiple || !this.isEditMode) return d;
     const e = this.pendingSelections.length === 0;
     return l`
       <button
@@ -3006,7 +3050,7 @@ let C = class extends u {
    * Render poll options with proper grouping role
    */
   renderPollOptions() {
-    const e = this.multiple ? S.GROUP : S.RADIOGROUP, t = this.label || this.name || "Options", s = M({
+    const e = this.multiple ? w.GROUP : w.RADIOGROUP, t = this.label || this.name || "Options", s = O({
       role: e,
       ariaLabel: t
     });
@@ -3028,7 +3072,7 @@ let C = class extends u {
   renderEditToggleIcon(e = "edit-toggle-button") {
     return l`
       <img
-        src="${gt}"
+        src="${bt}"
         alt="Edit vote"
         class="edit-toggle-icon"
         data-testid="${e}"
@@ -3057,16 +3101,16 @@ let C = class extends u {
    * Renders stats with ARIA live updates for screen readers
    */
   renderStats() {
-    if (!this.statsText) return h;
+    if (!this.statsText) return d;
     if (this.statsIsLoading) {
-      const s = M({
+      const s = O({
         ariaLabel: "Loading poll statistics",
         ariaBusy: !0
       });
       return l`
         <span data-testid="poll-stats-loading" class="pc-stats-text" ...=${s}>
           <img
-            src="${nt}"
+            src="${lt}"
             alt="Loading poll statistics"
             class="pc-loading-icon"
             aria-hidden="true"
@@ -3080,10 +3124,10 @@ let C = class extends u {
       <span
         data-testid="poll-stats"
         class="pc-stats-text"
-        role="${S.STATUS}"
+        role="${w.STATUS}"
         aria-live="polite"
       >
-        ${e} ${t ? this.renderEditToggleIcon("poll-edit-toggle-button") : h}
+        ${e} ${t ? this.renderEditToggleIcon("poll-edit-toggle-button") : d}
       </span>
     `;
   }
@@ -3144,7 +3188,7 @@ let C = class extends u {
    * Render poll options with previous selections but disabled (for view mode)
    */
   renderDisabledPollOptions() {
-    const e = this.multiple ? S.GROUP : S.RADIOGROUP, t = this.label || this.name || "Options", s = M({
+    const e = this.multiple ? w.GROUP : w.RADIOGROUP, t = this.label || this.name || "Options", s = O({
       role: e,
       ariaLabel: t
     });
@@ -3162,7 +3206,7 @@ let C = class extends u {
         "poll-option--disabled": !0,
         selected: r,
         disabled: !0
-      }, n = o + 1, c = `poll-${this.widgetType}-disabled-${n}`, p = ne(
+      }, n = o + 1, c = `poll-${this.widgetType}-disabled-${n}`, h = le(
         i.label,
         r,
         !0,
@@ -3177,7 +3221,7 @@ let C = class extends u {
               disabled
               id="${c}-option-${o}"
               title="${i.tooltip || ""}"
-              ...=${p}
+              ...=${h}
             >
               ${this.renderSelectionIndicator()} ${this.renderOptionIcon(i.icon, i)}
               <span class="poll-option-label">
@@ -3230,18 +3274,18 @@ 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", Rt(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", Ut(Lt(i, o));
   }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${U(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${R(this.labelPosition, this.labelAlign)}`]: !0
     }, t = "bottom", s = {
       poll: !0,
       [`pc-flex-pos-${t}`]: !0,
-      [`pc-flex-align-${U(t, this.statsAlign)}`]: !0
-    }, i = M({
-      role: S.REGION,
+      [`pc-flex-align-${R(t, this.statsAlign)}`]: !0
+    }, i = O({
+      role: w.REGION,
       ariaLabel: this.label || this.name || "Poll"
     });
     return l`
@@ -3253,45 +3297,45 @@ let C = class extends u {
         ${this.renderLabel()}
         <div class="pc-body ${v(s)}" data-testid="poll-body">
           ${this.renderContent()}
-          ${this.showStats && !this.isEditMode ? this.renderStats() : h}
+          ${this.showStats && !this.isEditMode ? this.renderStats() : d}
         </div>
         <slot @slotchange=${() => this.updateNormalizedOptions()}></slot>
       </div>
     `;
   }
 };
-C.styles = [...u.styles, Cs];
-N([
-  d({ type: Array })
+C.styles = [...u.styles, Os];
+z([
+  p({ type: Array })
 ], C.prototype, "options", 2);
-N([
-  d({ type: Boolean, reflect: !0 })
+z([
+  p({ type: Boolean, reflect: !0 })
 ], C.prototype, "multiple", 2);
-N([
-  d({ type: String, attribute: "button-radius" })
+z([
+  p({ type: String, attribute: "button-radius" })
 ], C.prototype, "buttonRadius", 2);
-N([
-  d({ type: String, attribute: "thank-you-msg" })
+z([
+  p({ type: String, attribute: "thank-you-msg" })
 ], C.prototype, "thankYouMsg", 2);
-N([
-  d({ type: String, attribute: "button-text" })
+z([
+  p({ type: String, attribute: "button-text" })
 ], C.prototype, "buttonText", 2);
-N([
+z([
   y()
 ], C.prototype, "normalizedOptions", 2);
-N([
+z([
   y()
 ], C.prototype, "slotExists", 2);
-N([
+z([
   y()
 ], C.prototype, "isEditMode", 2);
-N([
+z([
   y()
 ], C.prototype, "pendingSelections", 2);
-C = N([
-  B("pc-poll")
+C = z([
+  F("pc-poll")
 ], C);
-const Ms = H`
+const Is = B`
   .pc-container {
     gap: 0.6em;
   }
@@ -3523,12 +3567,12 @@ const Ms = H`
     }
   }
 `;
-var Ts = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, _ = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? zs(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+var Rs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, A = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Us(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 && Ts(t, s, o), o;
+  return i && o && Rs(t, s, o), o;
 };
-let w = class extends u {
+let $ = class extends u {
   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) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleEnterEditMode());
@@ -3550,7 +3594,7 @@ let w = class extends u {
   renderEditToggleIcon(e = "text-edit-toggle-button") {
     return l`
       <img
-        src="${gt}"
+        src="${bt}"
         alt="Edit feedback"
         class="edit-toggle-icon"
         data-testid="${e}"
@@ -3599,7 +3643,7 @@ let w = class extends u {
       return l`
         <span data-testid="text-stats-loading" class="pc-stats-text">
           <img
-            src="${nt}"
+            src="${lt}"
             alt="Loading"
             class="pc-loading-icon"
             data-testid="text-stats-loading-icon"
@@ -3613,7 +3657,7 @@ let w = class extends u {
    * Renders the submit button
    */
   renderSubmitButton() {
-    if (this.readonly || this.hasSubmitted() && !this.isEditMode) return h;
+    if (this.readonly || this.hasSubmitted() && !this.isEditMode) return d;
     const e = this.textValue.trim(), t = !this.minlength || e.length >= this.minlength, s = !e || !t;
     return l`
       <button
@@ -3725,7 +3769,7 @@ let w = class extends u {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${U(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${R(this.labelPosition, this.labelAlign)}`]: !0
     };
     return l`
       <div class="pc-container ${v(e)}" data-testid="text-container">
@@ -3735,44 +3779,44 @@ let w = class extends u {
     `;
   }
 };
-w.styles = [...u.styles, Ms];
-_([
-  d({ type: String })
-], w.prototype, "placeholder", 2);
-_([
-  d({ type: Number })
-], w.prototype, "maxlength", 2);
-_([
-  d({ type: Number })
-], w.prototype, "minlength", 2);
-_([
-  d({ type: Number, attribute: "rows" })
-], w.prototype, "rows", 2);
-_([
-  d({ type: String, attribute: "button-radius" })
-], w.prototype, "buttonRadius", 2);
-_([
-  d({ type: String, attribute: "button-text" })
-], w.prototype, "buttonText", 2);
-_([
-  d({ type: String, attribute: "thank-you-msg" })
-], w.prototype, "thankYouMsg", 2);
-_([
+$.styles = [...u.styles, Is];
+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()
-], w.prototype, "textValue", 2);
-_([
+], $.prototype, "textValue", 2);
+A([
   y()
-], w.prototype, "isEditMode", 2);
-_([
+], $.prototype, "isEditMode", 2);
+A([
   y()
-], w.prototype, "submittedText", 2);
-_([
+], $.prototype, "submittedText", 2);
+A([
   y()
-], w.prototype, "hasUserSubmitted", 2);
-w = _([
-  B("pc-text")
-], w);
-const Ns = H`
+], $.prototype, "hasUserSubmitted", 2);
+$ = A([
+  F("pc-text")
+], $);
+const Ls = B`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, 0.8em);
@@ -3985,7 +4029,7 @@ const Ns = H`
   }
 
   /* Media queries handled by base component */
-`, le = {
+`, ce = {
   // Faces
   smile: "😊",
   laugh: "😄",
@@ -4128,19 +4172,19 @@ const Ns = H`
   hiking: "🥾",
   yoga: "🧘"
 };
-function Is(e) {
+function js(e) {
   let t = "❓", s = !1;
-  return e ? e in le ? t = le[e] : ue(e) ? t = e : Ot(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 ce ? t = ce[e] : xe(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 = "❓", {
     icon: t,
     isRemoteImage: s
   };
 }
-var Rs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Q = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Us(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+var Ds = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, tt = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Vs(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 && Rs(t, s, o), o;
+  return i && o && Ds(t, s, o), o;
 };
-let z = class extends mt {
+let M = class extends V {
   constructor() {
     super(...arguments), this.name = "", this.icon = "", this.tooltip = "", this.disabled = !1, this.selected = !1;
   }
@@ -4159,36 +4203,36 @@ let z = class extends mt {
     return l` <slot></slot> `;
   }
 };
-z.styles = H`
+M.styles = B`
     :host {
       display: none;
     }
   `;
-Q([
-  d({ type: String, reflect: !0 })
-], z.prototype, "name", 2);
-Q([
-  d({ type: String })
-], z.prototype, "icon", 2);
-Q([
-  d({ type: String })
-], z.prototype, "tooltip", 2);
-Q([
-  d({ type: Boolean, reflect: !0 })
-], z.prototype, "disabled", 2);
-Q([
-  d({ type: Boolean, reflect: !0 })
-], z.prototype, "selected", 2);
-z = Q([
-  B("pc-reaction-icon")
-], z);
-var Ls = Object.defineProperty, js = Object.getOwnPropertyDescriptor, I = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? js(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+tt([
+  p({ type: String, reflect: !0 })
+], M.prototype, "name", 2);
+tt([
+  p({ type: String })
+], M.prototype, "icon", 2);
+tt([
+  p({ type: String })
+], M.prototype, "tooltip", 2);
+tt([
+  p({ type: Boolean, reflect: !0 })
+], M.prototype, "disabled", 2);
+tt([
+  p({ type: Boolean, reflect: !0 })
+], M.prototype, "selected", 2);
+M = tt([
+  F("pc-reaction-icon")
+], M);
+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);
-  return i && o && Ls(t, s, o), o;
+  return i && o && Hs(t, s, o), o;
 };
-const Ds = "/src/images/emoji/add_reaction.svg";
-let A = class extends u {
+const Fs = "/src/images/emoji/add_reaction.svg";
+let E = class extends u {
   constructor() {
     super(), this.options = [], this.multiple = !1, this.mode = "compact", this.popupPosition = "auto", this.buttonRadius = "999px", this.normalizedReactions = [], this.slotExists = !1, this.isPopoverVisible = !1, this.isChartVisible = !1, this.handleClickOutside = (e) => {
       var o, r;
@@ -4207,7 +4251,7 @@ let A = 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 z).map((i) => ({
+    return e ? e.assignedElements().filter((i) => i instanceof M).map((i) => ({
       name: i.name || i.labelContent || i.icon,
       icon: i.icon,
       tooltip: i.tooltip,
@@ -4275,7 +4319,7 @@ let A = 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 z).forEach((i) => {
+    e.assignedElements().filter((i) => i instanceof M).forEach((i) => {
       i.selected = this.isSelected(i.name);
     });
   }
@@ -4289,7 +4333,7 @@ let A = class extends u {
    * Renders the icon for a reaction
    */
   renderReactionIcon(e, t) {
-    const { icon: s, isRemoteImage: i } = Is(e), o = It.FUNCTIONAL, r = "reaction", a = t.tooltip || `${t.name} reaction`, n = Ee(s, {
+    const { icon: s, isRemoteImage: i } = js(e), o = Rt.FUNCTIONAL, r = "reaction", a = t.tooltip || `${t.name} reaction`, n = _e(s, {
       type: o,
       alt: a,
       ariaLabel: a,
@@ -4300,7 +4344,7 @@ let A = class extends u {
         class="icon-img"
         src="${s}"
         alt="${n.alt}"
-        aria-label="${n.ariaLabel || h}"
+        aria-label="${n.ariaLabel || d}"
         aria-hidden="${n.ariaHidden}"
       />` : l`<span class="icon" aria-hidden="${n.ariaHidden}"
         >${s}</span
@@ -4326,7 +4370,7 @@ let A = class extends u {
         title="${e.tooltip || ""}"
       >
         ${this.renderReactionIcon(e.icon, e)}
-        ${t ? l`<span class="count-label">${i}</span>` : h}
+        ${t ? l`<span class="count-label">${i}</span>` : d}
       </button>
     `;
   }
@@ -4343,7 +4387,7 @@ let A = class extends u {
         aria-expanded="${this.isPopoverVisible}"
         aria-haspopup="menu"
       >
-        <img src="${Ds}" alt="" class="trigger-icon" />
+        <img src="${Fs}" alt="" class="trigger-icon" />
       </button>
     `;
   }
@@ -4351,7 +4395,7 @@ let A = class extends u {
    * Render the popover for compact mode
    */
   renderPopover() {
-    if (!this.isPopoverVisible || this.mode !== "compact") return h;
+    if (!this.isPopoverVisible || this.mode !== "compact") return d;
     const e = {
       popover: !0,
       top: this.popupPosition === "top" || this.popupPosition === "auto" && this.shouldShowPopoverOnTop(),
@@ -4393,7 +4437,7 @@ let A = class extends u {
    * Render reactions based on mode
    */
   renderReactions() {
-    if (this.normalizedReactions.length === 0) return h;
+    if (this.normalizedReactions.length === 0) return d;
     const e = {
       reaction: !0,
       expand: this.mode === "expand",
@@ -4420,7 +4464,7 @@ let A = class extends u {
         (s) => this.renderReactionButton(s, this.showCounts)
       )}
                 </div>
-              ` : h}
+              ` : d}
           ${this.renderPopover()}
         </div>
       `;
@@ -4431,24 +4475,18 @@ let A = class extends u {
    */
   renderChart(e) {
     var a;
-    if (e && ["bottom", "top"].includes(this.statsPosition || ""))
-      return h;
-    if (!e && ["left", "right"].includes(this.statsPosition || ""))
-      return h;
-    if (!this.isChartVisible) return h;
-    if (!this.showChart || !this.hasStats()) return h;
-    if (this.statsIsLoading || !((a = this.stats) != null && a.breakdown)) return h;
+    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 p = this.normalizedReactions.find((m) => m.name === n);
+        const h = this.normalizedReactions.find((m) => m.name === n);
         return {
           label: "",
           // do not show label
           value: c,
-          icon: p && this.renderReactionIcon((p == null ? void 0 : p.icon) || "", p ?? {}) || ""
+          icon: h && this.renderReactionIcon((h == null ? void 0 : h.icon) || "", h ?? {}) || ""
         };
       }
-    ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = Tt(s, {
+    ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = zt(s, {
       barColor: o,
       labelFormatter: (n) => `${n}`,
       valueFormatter: (n) => `${t > 0 ? Math.round(n / t * 100) : 0}%`
@@ -4476,11 +4514,10 @@ let A = class extends u {
    * Render stats similar to other components
    */
   renderStats() {
-    if (!this.showStats) return h;
-    if (!this.statsText) return h;
+    if (!this.showStats || !this.statsText) return d;
     if (this.statsIsLoading)
       return l`<span class="pc-stats-text" data-testid="stats-text">
-        <img src="${nt}" alt="Loading" class="pc-loading-icon" />
+        <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();
@@ -4489,7 +4526,7 @@ let A = class extends u {
         ${e}
         ${t ? l`
               <img
-                src="${this.isChartVisible ? Nt : zt}"
+                src="${this.isChartVisible ? It : Nt}"
                 alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
                 class="chart-toggle-icon"
                 data-testid="reaction-chart-toggle-button"
@@ -4498,7 +4535,7 @@ let A = class extends u {
                 tabindex="0"
                 @keydown="${this.handleChartToggleKeyDown}"
               />
-            ` : h}
+            ` : d}
       </span>
     `;
   }
@@ -4510,7 +4547,7 @@ let A = class extends u {
       try {
         this.options = JSON.parse(s);
       } catch {
-        this.options = Ye(s);
+        this.options = rs(s);
       }
       this.updateNormalizedReactions();
     }
@@ -4537,15 +4574,15 @@ let A = class extends u {
    */
   announceReactionChange(e, t) {
     const s = this.componentName, i = t ? `Added ${e.name} reaction` : `Removed ${e.name} reaction`;
-    Rt(Ut(s, i));
+    Ut(Lt(s, i));
   }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${U(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${R(this.labelPosition, this.labelAlign)}`]: !0
     }, t = {
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${U(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${R(this.statsPosition, this.statsAlign)}`]: !0
     };
     return l`
       <div class="pc-container ${v(e)}" data-testid="reaction-container">
@@ -4559,38 +4596,38 @@ let A = class extends u {
     `;
   }
 };
-A.styles = [...u.styles, Ns];
-I([
-  d({ type: Array })
-], A.prototype, "options", 2);
-I([
-  d({ type: Boolean, reflect: !0 })
-], A.prototype, "multiple", 2);
-I([
-  d({ type: String })
-], A.prototype, "mode", 2);
-I([
-  d({ type: String, attribute: "popup-position" })
-], A.prototype, "popupPosition", 2);
-I([
-  d({ type: String, attribute: "button-radius" })
-], A.prototype, "buttonRadius", 2);
-I([
+E.styles = [...u.styles, Ls];
+N([
+  p({ type: Array })
+], E.prototype, "options", 2);
+N([
+  p({ type: Boolean, reflect: !0 })
+], E.prototype, "multiple", 2);
+N([
+  p({ type: String })
+], E.prototype, "mode", 2);
+N([
+  p({ type: String, attribute: "popup-position" })
+], E.prototype, "popupPosition", 2);
+N([
+  p({ type: String, attribute: "button-radius" })
+], E.prototype, "buttonRadius", 2);
+N([
   y()
-], A.prototype, "normalizedReactions", 2);
-I([
+], E.prototype, "normalizedReactions", 2);
+N([
   y()
-], A.prototype, "slotExists", 2);
-I([
+], E.prototype, "slotExists", 2);
+N([
   y()
-], A.prototype, "isPopoverVisible", 2);
-I([
+], E.prototype, "isPopoverVisible", 2);
+N([
   y()
-], A.prototype, "isChartVisible", 2);
-A = I([
-  B("pc-reaction")
-], A);
-const Vs = H`
+], E.prototype, "isChartVisible", 2);
+E = N([
+  F("pc-reaction")
+], E);
+const qs = B`
   /* Base variables */
   :host {
     --pc-stars-star-size: clamp(1.2em, calc(1.2em + 0.3vw), 2em);
@@ -4947,10 +4984,10 @@ const Vs = H`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ce = "important", Hs = " !" + Ce, Bs = Se(class extends ke {
+const Pe = "important", Ks = " !" + Pe, Ys = Ee(class extends Ae {
   constructor(e) {
     var t;
-    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.");
+    if (super(e), e.type !== Ce.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) => {
@@ -4966,19 +5003,19 @@ const Ce = "important", Hs = " !" + Ce, Bs = Se(class extends ke {
       const o = t[i];
       if (o != null) {
         this.ft.add(i);
-        const r = typeof o == "string" && o.endsWith(Hs);
-        i.includes("-") || r ? s.setProperty(i, r ? o.slice(0, -11) : o, r ? Ce : "") : s[i] = o;
+        const r = typeof o == "string" && o.endsWith(Ks);
+        i.includes("-") || r ? s.setProperty(i, r ? o.slice(0, -11) : o, r ? Pe : "") : s[i] = o;
       }
     }
-    return W;
+    return H;
   }
 });
-var Fs = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, Z = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? qs(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+var Gs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Z = (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);
-  return i && o && Fs(t, s, o), o;
+  return i && o && Gs(t, s, o), o;
 };
-let L = class extends u {
+let U = class extends u {
   constructor() {
     super(), this.numStars = 5, this.defaultMode = "view", this.isChartVisible = !1, this.isEditMode = !1, this.hoverValue = 0, this.editValue = 0, this.handleEditStarLeave = () => {
       this.hoverValue = 0;
@@ -5055,7 +5092,7 @@ let L = class extends u {
         <span
           data-testid="stars-view-star-${s}"
           class=${v(r)}
-          style=${Bs(a)}
+          style=${Ys(a)}
           role="presentation"
         >
           ★
@@ -5099,10 +5136,10 @@ let L = class extends u {
    * Render stats text for view mode
    */
   renderStatsText() {
-    if (!this.showStats || this.isEditMode) return h;
+    if (!this.showStats || this.isEditMode) return d;
     if (this.statsIsLoading)
       return l`<span class="pc-stats-text">
-        <img src="${nt}" alt="Loading" class="pc-loading-icon" />
+        <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`
@@ -5110,7 +5147,7 @@ let L = class extends u {
         ${t}
         ${s ? l`
               <img
-                src="${this.isChartVisible ? Nt : zt}"
+                src="${this.isChartVisible ? It : Nt}"
                 alt="${this.isChartVisible ? "Hide chart" : "Show chart"}"
                 class="chart-toggle-icon"
                 data-testid="stars-chart-toggle-button"
@@ -5119,7 +5156,7 @@ let L = class extends u {
                 tabindex="0"
                 @keydown="${this.handleChartToggleKeyDown}"
               />
-            ` : h}
+            ` : d}
       </span>
     `;
   }
@@ -5127,7 +5164,7 @@ let L = class extends u {
    * Render add/edit button
    */
   renderActionButton() {
-    if (this.readonly || this.isEditMode || this.statsIsLoading) return h;
+    if (this.readonly || this.isEditMode || this.statsIsLoading) return d;
     const t = this.hasUserStars() ? "Edit rating" : "Add rating";
     return l`
       <button
@@ -5136,7 +5173,7 @@ let L = class extends u {
         @click="${this.handleEnterEditMode}"
         aria-label="${t}"
       >
-        <img src="${gt}" alt="${t}" class="icon" />
+        <img src="${bt}" alt="${t}" class="icon" />
       </button>
     `;
   }
@@ -5145,20 +5182,14 @@ let L = class extends u {
    */
   renderChart(e) {
     var a;
-    if (e && ["bottom", "top"].includes(this.statsPosition || ""))
-      return h;
-    if (!e && ["left", "right"].includes(this.statsPosition || ""))
-      return h;
-    if (!this.isChartVisible || this.isEditMode) return h;
-    if (!this.showChart || !this.hasStats()) return h;
-    if (this.statsIsLoading || !((a = this.stats) != null && a.breakdown)) return h;
+    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 = Tt(s, {
+    ), o = getComputedStyle(this).getPropertyValue("--pc-accent-color").trim() || "#ffc107", r = zt(s, {
       barColor: o,
       labelFormatter: (n) => `${n}`,
       valueFormatter: (n) => `${t > 0 ? Math.round(n / t * 100) : 0}%`
@@ -5202,13 +5233,13 @@ let L = class extends u {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${U(this.labelPosition, this.labelAlign)}`]: !0,
+      [`pc-flex-align-${R(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-${U(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${R(this.statsPosition, this.statsAlign)}`]: !0
     };
     return l`
       <div class="pc-container ${v(e)}" data-testid="stars-container">
@@ -5227,34 +5258,34 @@ let L = class extends u {
     `;
   }
 };
-L.styles = [...u.styles, Vs];
+U.styles = [...u.styles, qs];
 Z([
-  d({ type: Number, attribute: "num-stars" })
-], L.prototype, "numStars", 2);
+  p({ type: Number, attribute: "num-stars" })
+], U.prototype, "numStars", 2);
 Z([
-  d({ type: String, attribute: "default-mode" })
-], L.prototype, "defaultMode", 2);
+  p({ type: String, attribute: "default-mode" })
+], U.prototype, "defaultMode", 2);
 Z([
   y()
-], L.prototype, "isChartVisible", 2);
+], U.prototype, "isChartVisible", 2);
 Z([
   y()
-], L.prototype, "isEditMode", 2);
+], U.prototype, "isEditMode", 2);
 Z([
   y()
-], L.prototype, "hoverValue", 2);
+], U.prototype, "hoverValue", 2);
 Z([
   y()
-], L.prototype, "editValue", 2);
-L = Z([
-  B("pc-stars")
-], L);
-var Ks = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, Ae = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ys(t, s) : t, r = e.length - 1, a; r >= 0; r--)
+], U.prototype, "editValue", 2);
+U = Z([
+  F("pc-stars")
+], U);
+var Zs = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Oe = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Js(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 && Ks(t, s, o), o;
+  return i && o && Zs(t, s, o), o;
 };
-let Ct = class extends mt {
+let Et = class extends V {
   /**
    * Disable shadow DOM for PollCatch
    */
@@ -5293,7 +5324,7 @@ let Ct = class extends mt {
     if (!this.type)
       return console.warn(
         "poll-catch: No type specified. Please provide a type attribute (nps, poll, stars, text, reaction)."
-      ), h;
+      ), d;
     switch (this.type) {
       case "nps":
         return l`<pc-nps></pc-nps>`;
@@ -5308,23 +5339,23 @@ let Ct = class extends mt {
       default:
         return console.warn(
           `poll-catch: Unknown widget type "${this.type}". Supported types: nps, poll, stars, text, reaction.`
-        ), h;
+        ), d;
     }
   }
 };
-Ae([
-  d({ type: String })
-], Ct.prototype, "type", 2);
-Ct = Ae([
-  B("poll-catch")
-], Ct);
+Oe([
+  p({ type: String })
+], Et.prototype, "type", 2);
+Et = Oe([
+  F("poll-catch")
+], Et);
 export {
   T as PcNps,
   C as PcPoll,
-  O as PcPollOption,
-  A as PcReaction,
-  z as PcReactionIcon,
-  L as PcStars,
-  w as PcText,
-  Ct as PollCatch
+  P as PcPollOption,
+  E as PcReaction,
+  M as PcReactionIcon,
+  U as PcStars,
+  $ as PcText,
+  Et as PollCatch
 };