pollcatch 2.5.6 → 2.5.8

package/package.json

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

package/pc.js

@@ -22,7 +22,7 @@ let ke = class {
     return this.cssText;
   }
 };
-const Ke = (e) => new ke(typeof e == "string" ? e : e + "", void 0, Yt), B = (e, ...t) => {
+const Ke = (e) => new ke(typeof e == "string" ? e : e + "", void 0, Yt), R = (e, ...t) => {
   const o = e.length === 1 ? e[0] : t.reduce((r, s, i) => r + ((a) => {
     if (a._$cssResult$ === !0) return a.cssText;
     if (typeof a == "number") return a;
@@ -279,7 +279,7 @@ et.elementStyles = [], et.shadowRootOptions = { mode: "open" }, et[lt("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ct = globalThis, St = ct.trustedTypes, se = St ? St.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ee = "$lit$", U = `lit$${Math.random().toFixed(9).slice(2)}$`, Ae = "?" + U, oo = `<${Ae}>`, G = document, pt = () => G.createComment(""), ut = (e) => e === null || typeof e != "object" && typeof e != "function", Wt = Array.isArray, ro = (e) => Wt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", Mt = `[ 	
+const ct = globalThis, St = ct.trustedTypes, se = St ? St.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ee = "$lit$", V = `lit$${Math.random().toFixed(9).slice(2)}$`, Ae = "?" + V, oo = `<${Ae}>`, G = document, pt = () => G.createComment(""), ut = (e) => e === null || typeof e != "object" && typeof e != "function", Wt = Array.isArray, ro = (e) => Wt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", Mt = `[ 	
 \f\r]`, at = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ae = />/g, K = RegExp(`>|${Mt}(?:([^\\s"'>=/]+)(${Mt}*=${Mt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, le = /"/g, Pe = /^(?:script|style|textarea|title)$/i, so = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), c = so(1), q = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ce = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
 function Te(e, t) {
@@ -294,7 +294,7 @@ const io = (e, t) => {
     let d, p, h = -1, b = 0;
     for (; b < n.length && (a.lastIndex = b, p = a.exec(n), p !== null); ) b = a.lastIndex, a === at ? p[1] === "!--" ? a = ie : p[1] !== void 0 ? a = ae : p[2] !== void 0 ? (Pe.test(p[2]) && (s = RegExp("</" + p[2], "g")), a = K) : p[3] !== void 0 && (a = K) : a === K ? p[0] === ">" ? (a = s ?? at, h = -1) : p[1] === void 0 ? h = -2 : (h = a.lastIndex - p[2].length, d = p[1], a = p[3] === void 0 ? K : p[3] === '"' ? le : ne) : a === le || a === ne ? a = K : a === ie || a === ae ? a = at : (a = K, s = void 0);
     const w = a === K && e[l + 1].startsWith("/>") ? " " : "";
-    i += a === at ? n + oo : h >= 0 ? (r.push(d), n.slice(0, h) + Ee + n.slice(h) + U + w) : n + U + (h === -2 ? l : w);
+    i += a === at ? n + oo : h >= 0 ? (r.push(d), n.slice(0, h) + Ee + n.slice(h) + V + w) : n + V + (h === -2 ? l : w);
   }
   return [Te(e, i + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -311,11 +311,11 @@ let Ht = class _e {
     for (; (s = W.nextNode()) !== null && n.length < l; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(Ee)) {
-          const b = p[a++], w = s.getAttribute(h).split(U), E = /([.?@])?(.*)/.exec(b);
+          const b = p[a++], w = s.getAttribute(h).split(V), E = /([.?@])?(.*)/.exec(b);
           n.push({ type: 1, index: i, name: E[2], strings: w, ctor: E[1] === "." ? no : E[1] === "?" ? lo : E[1] === "@" ? co : At }), s.removeAttribute(h);
-        } else h.startsWith(U) && (n.push({ type: 6, index: i }), s.removeAttribute(h));
+        } else h.startsWith(V) && (n.push({ type: 6, index: i }), s.removeAttribute(h));
         if (Pe.test(s.tagName)) {
-          const h = s.textContent.split(U), b = h.length - 1;
+          const h = s.textContent.split(V), b = h.length - 1;
           if (b > 0) {
             s.textContent = St ? St.emptyScript : "";
             for (let w = 0; w < b; w++) s.append(h[w], pt()), W.nextNode(), n.push({ type: 2, index: ++i });
@@ -325,7 +325,7 @@ let Ht = class _e {
       } else if (s.nodeType === 8) if (s.data === Ae) n.push({ type: 2, index: i });
       else {
         let h = -1;
-        for (; (h = s.data.indexOf(U, h + 1)) !== -1; ) n.push({ type: 7, index: i }), h += U.length - 1;
+        for (; (h = s.data.indexOf(V, h + 1)) !== -1; ) n.push({ type: 7, index: i }), h += V.length - 1;
       }
       i++;
     }
@@ -515,7 +515,7 @@ const uo = (e, t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let D = class extends et {
+let N = class extends et {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -541,9 +541,9 @@ let D = class extends et {
   }
 };
 var Ce;
-D._$litElement$ = !0, D.finalized = !0, (Ce = globalThis.litElementHydrateSupport) == null || Ce.call(globalThis, { LitElement: D });
+N._$litElement$ = !0, N.finalized = !0, (Ce = globalThis.litElementHydrateSupport) == null || Ce.call(globalThis, { LitElement: N });
 const Nt = globalThis.litElementPolyfillSupport;
-Nt == null || Nt({ LitElement: D });
+Nt == null || Nt({ LitElement: N });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
 /**
  * @license
@@ -1091,7 +1091,7 @@ function Vo(e, t) {
   }
   return { avg: s > 0 ? Math.round(r / s * 10) / 10 : 0, count: s, sum: r, breakdown: o };
 }
-function N() {
+function U() {
   return {
     count: 0,
     sum: 0,
@@ -1103,12 +1103,12 @@ function N() {
 }
 function Uo(e) {
   if (!Xt())
-    return N();
+    return U();
   try {
     const t = Ne(e);
-    return t ? { ...N(), ...t } : N();
+    return t ? { ...U(), ...t } : U();
   } catch (t) {
-    return g.warn("Failed to load localStats from localStorage", t), N();
+    return g.warn("Failed to load localStats from localStorage", t), U();
   }
 }
 function jo(e, t) {
@@ -1137,7 +1137,7 @@ function qo(e, t) {
 }
 function Ho(e, t) {
   if (!e.count && !t.count)
-    return N();
+    return U();
   if (!e.count)
     return { ...t };
   const o = {
@@ -1248,7 +1248,7 @@ async function Go(e, t, o) {
 class Zo {
   // Set when a fatal error occurs (e.g. type mismatch for registered widget)
   constructor(t) {
-    this.stats = N(), this.localStats = N(), this.prevLocalStats = N(), this.isLoading = !0, this.isLoadingConfig = !1, this.isSubmitting = !1, this.hasInteracted = !1, this.hasError = !1, (this.host = t).addController(this);
+    this.stats = U(), this.localStats = U(), this.isLoading = !0, this.isLoadingConfig = !1, this.isSubmitting = !1, this.hasInteracted = !1, this.hasError = !1, (this.host = t).addController(this);
   }
   hostConnected() {
     this.loadStats();
@@ -1280,28 +1280,28 @@ class Zo {
    */
   applyWidgetAttributes(t) {
     if (!t) return;
-    const o = typeof t.attributes == "object" && t.attributes !== null && !Array.isArray(t.attributes) ? t.attributes : t, r = this.host, s = r, i = /* @__PURE__ */ new Set();
-    for (let a = 0; a < s.attributes.length; a++) {
-      const l = s.attributes[a];
-      l && l.name !== "type" && l.name !== "options" && l.name !== "initialized" && i.add(l.name);
+    const o = typeof t.attributes == "object" && t.attributes !== null && !Array.isArray(t.attributes) ? t.attributes : t, r = this.host, s = r, i = /* @__PURE__ */ new Set(["type", "options", "initialized", "num-stars", "multiple"]), a = /* @__PURE__ */ new Set();
+    for (let l = 0; l < s.attributes.length; l++) {
+      const n = s.attributes[l];
+      n && !i.has(n.name) && a.add(n.name);
     }
-    for (const [a, l] of Object.entries(o)) {
-      if (l == null) continue;
-      if (a === "options" && typeof l == "string") {
-        const d = Be(l);
-        r.options = d.map((p) => ({
-          value: p,
-          label: p,
-          icon: r.type === $.reaction ? p : void 0
-        })), g.debug("Applied widget options as property:", d);
+    for (const [l, n] of Object.entries(o)) {
+      if (n == null) continue;
+      if (l === "options" && typeof n == "string") {
+        const p = Be(n);
+        r.options = p.map((h) => ({
+          value: h,
+          label: h,
+          icon: r.type === $.reaction ? h : void 0
+        })), g.debug("Applied widget options as property:", p);
         continue;
       }
-      const n = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-      if (i.has(n)) {
-        g.debug(`Skipping server attribute "${n}" — overridden by inline attribute`);
+      const d = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      if (a.has(d)) {
+        g.debug(`Skipping server attribute "${d}" — overridden by inline attribute`);
         continue;
       }
-      typeof l == "boolean" ? l ? s.setAttribute(n, "") : s.removeAttribute(n) : typeof l == "object" ? s.setAttribute(n, JSON.stringify(l)) : s.setAttribute(n, String(l)), g.debug(`Applied widget attribute: ${n}=${l}`);
+      typeof n == "boolean" ? n ? s.setAttribute(d, "") : s.removeAttribute(d) : typeof n == "object" ? s.setAttribute(d, JSON.stringify(n)) : s.setAttribute(d, String(n)), g.debug(`Applied widget attribute: ${d}=${n}`);
     }
   }
   /**
@@ -1364,7 +1364,7 @@ class Zo {
       } catch (n) {
         throw g.error("Error loading stats:", n, this.localStats), n;
       } finally {
-        this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate();
+        this.isLoading = !1, this.isLoadingConfig = !1, this.host.requestUpdate(), await this.host.updateComplete, this.dispatchInitEvent();
       }
   }
   /**
@@ -1394,9 +1394,9 @@ class Zo {
     const t = await this.getLocalStatsKey();
     try {
       const o = Uo(t);
-      g.debug("Loaded localStats from localStorage", o), this.localStats = o, o.submitted && (this.prevLocalStats = { ...o });
+      g.debug("Loaded localStats from localStorage", o), this.localStats = o;
     } catch (o) {
-      g.warn("Failed to generate localStorage key for localStats", o), this.localStats = N();
+      g.warn("Failed to generate localStorage key for localStats", o), this.localStats = U();
     }
     this.host.requestUpdate();
   }
@@ -1434,17 +1434,17 @@ class Zo {
     }, o && o.length > 0)
       for (const r of o)
         r && (this.localStats.breakdown[r] = 1);
-    this.stats = Ho(this.stats, this.localStats), g.debug("Stats updated - remote: ", this.stats), g.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
+    this.stats = Ho(this.stats, this.localStats), g.debug("Stats updated - remote: ", this.stats), g.debug("Stats updated - local: ", this.localStats), this.persistLocalStats(), this.host.requestUpdate();
   }
   async markStatsAsSubmitted() {
-    this.localStats.submitted = (/* @__PURE__ */ new Date()).toISOString(), this.prevLocalStats = { ...this.localStats }, await this.persistLocalStats(), this.host.requestUpdate();
+    this.localStats.submitted = (/* @__PURE__ */ new Date()).toISOString(), await this.persistLocalStats(), this.host.requestUpdate();
   }
   async submitStats() {
     if (!this.hasLocalStats() && !this.hasInteracted)
       throw g.warn("No local stats to submit"), new Error("No local stats to submit");
-    const t = this.host, o = Math.floor(Date.now() / 1e3).toString(), r = await xe(), s = this.localStats.sum, i = Object.keys(this.localStats.breakdown || {}), a = this.prevLocalStats.sum, l = Object.keys(this.prevLocalStats.breakdown || {});
+    const t = this.host, o = Math.floor(Date.now() / 1e3).toString(), r = await xe(), s = this.localStats.sum, i = Object.keys(this.localStats.breakdown || {});
     this.isSubmitting = !0, this.host.requestUpdate();
-    const n = {
+    const a = {
       sessionId: r,
       widgetId: t.widgetId,
       widgetName: t.name,
@@ -1452,19 +1452,17 @@ class Zo {
       url: window.location.href,
       numericValue: s,
       textValues: i,
-      prevNumericValue: a,
-      prevTextValues: l,
       metadata: t.metadata,
       timestamp: o
-    }, d = Yo(JSON.stringify(n), o);
+    }, l = Yo(JSON.stringify(a), o);
     try {
-      await this.sendStats({ ...n, hash: d }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(n);
-    } catch (p) {
-      g.warn("Failed to send stats event", p);
+      await this.sendStats({ ...a, hash: l }), await this.markStatsAsSubmitted(), this.dispatchSubmitEvent(a);
+    } catch (n) {
+      g.warn("Failed to send stats event", n);
     } finally {
       this.isSubmitting = !1, this.host.requestUpdate();
     }
-    return n;
+    return a;
   }
   async sendStats(t) {
     const o = this.host, r = this.getWidgetIdentifier();
@@ -1571,6 +1569,23 @@ class Zo {
     });
     o.dispatchEvent(r), g.debug("Dispatched submit event", t);
   }
+  /**
+   * Dispatches an 'init' CustomEvent on the host element
+   * This event fires once after data has loaded and the widget has rendered
+   */
+  dispatchInitEvent() {
+    const t = this.host, o = new CustomEvent("init", {
+      detail: {
+        widgetId: t.widgetId,
+        widgetName: t.name,
+        widgetType: t.type,
+        stats: this.stats
+      },
+      bubbles: !0,
+      composed: !0
+    });
+    t.dispatchEvent(o), g.debug("Dispatched init event");
+  }
   hasLocalStats() {
     var t;
     return ((t = this.localStats) == null ? void 0 : t.count) > 0;
@@ -1758,7 +1773,7 @@ const yt = {
   mobile: "480px",
   tablet: "768px",
   desktop: "1024px"
-}, Qt = class Qt extends D {
+}, Qt = class Qt extends N {
   constructor() {
     super(...arguments), this.dataController = new Zo(this), this.displayController = new Xo(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.ariaLabel = null, this.minContrast = Le.AA_NORMAL, this.options = [], this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.inline = !1, this.readonly = !1, this.handleEditToggleKeyDown = (t) => {
       (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleEnterEditMode());
@@ -1975,7 +1990,7 @@ const yt = {
   }
 };
 Qt.styles = [
-  B`
+  R`
       :host {
         /* Default values for CSS variables - can be overridden by external :root or parent definitions */
         --default-font-size-base: 1rem;
@@ -2161,7 +2176,7 @@ v([
 v([
   f({ type: Boolean, reflect: !0 })
 ], m.prototype, "readonly");
-const er = B`
+const er = R`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-body {
@@ -2612,7 +2627,7 @@ const er = B`
       animation: none;
     }
   }
-`, _t = B`
+`, _t = R`
   /* Default values for CSS variables - can be overridden by external :root or parent definitions */
   :host {
     --default-primary-color: #2196f3;
@@ -3331,7 +3346,7 @@ const er = B`
       opacity: 1;
     }
   }
-`, or = B`
+`, or = R`
   :host {
     --popover-bg: light-dark(#ffffff, #1a1a1a);
     --popover-border: light-dark(#e0e0e0, #333333);
@@ -3453,12 +3468,12 @@ const er = B`
     max-width: 100%;
   }
 `;
-var rr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, V = (e, t, o, r) => {
+var rr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, B = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? sr(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && rr(t, o, s), s;
 };
-let _ = class extends D {
+let _ = class extends N {
   constructor() {
     super(...arguments), this.open = !1, this.position = "auto", this.isClosing = !1, this.computedPosition = "bottom", this.popoverStyles = {}, this.arrowStyles = {}, this.updatePosition = () => {
       var h;
@@ -3548,34 +3563,34 @@ let _ = class extends D {
   }
 };
 _.styles = [or];
-V([
+B([
   f({ type: Boolean, reflect: !0 })
 ], _.prototype, "open", 2);
-V([
+B([
   f({ type: String })
 ], _.prototype, "position", 2);
-V([
+B([
   f({ attribute: !1 })
 ], _.prototype, "anchor", 2);
-V([
+B([
   k()
 ], _.prototype, "isClosing", 2);
-V([
+B([
   k()
 ], _.prototype, "computedPosition", 2);
-V([
+B([
   k()
 ], _.prototype, "popoverStyles", 2);
-V([
+B([
   k()
 ], _.prototype, "arrowStyles", 2);
-V([
+B([
   ft(".pc-popover")
 ], _.prototype, "popoverElement", 2);
-_ = V([
+_ = B([
   F("pc-popover")
 ], _);
-const ir = B`
+const ir = R`
   :host {
     --sheet-bg: light-dark(#ffffff, #1a1a1a);
     --sheet-border: light-dark(#e0e0e0, #333333);
@@ -3693,7 +3708,7 @@ var ar = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, Q = (e, t,
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && ar(t, o, s), s;
 };
-let R = class extends D {
+let D = class extends N {
   constructor() {
     super(...arguments), this.open = !1, this.dragToClose = !0, this.isClosing = !1, this.isDragging = !1, this.dragOffset = 0, this.dragStartY = 0, this.sheetHeight = 0, this.handleKeyDown = (e) => {
       if (e.key === "Escape" && this.open && (e.preventDefault(), e.stopPropagation(), this.close()), e.key === "Tab" && this.open && this.sheetElement) {
@@ -3787,35 +3802,35 @@ let R = class extends D {
     `;
   }
 };
-R.styles = [ir];
+D.styles = [ir];
 Q([
   f({ type: Boolean, reflect: !0 })
-], R.prototype, "open", 2);
+], D.prototype, "open", 2);
 Q([
   f({ type: Boolean, attribute: "drag-to-close" })
-], R.prototype, "dragToClose", 2);
+], D.prototype, "dragToClose", 2);
 Q([
   k()
-], R.prototype, "isClosing", 2);
+], D.prototype, "isClosing", 2);
 Q([
   k()
-], R.prototype, "isDragging", 2);
+], D.prototype, "isDragging", 2);
 Q([
   k()
-], R.prototype, "dragOffset", 2);
+], D.prototype, "dragOffset", 2);
 Q([
   ft(".pc-bottom-sheet")
-], R.prototype, "sheetElement", 2);
-R = Q([
+], D.prototype, "sheetElement", 2);
+D = Q([
   F("pc-bottom-sheet")
-], R);
+], D);
 var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, gt = (e, t, o, r) => {
   for (var s = r > 1 ? void 0 : r ? cr(t, o) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && lr(t, o, s), s;
 };
 const dr = 768;
-let Z = class extends D {
+let Z = class extends N {
   constructor() {
     super(...arguments), this.open = !1, this.position = "auto", this.isMobile = !1, this.handleMediaChange = (e) => {
       this.isMobile = e.matches;
@@ -3850,7 +3865,7 @@ let Z = class extends D {
     `;
   }
 };
-Z.styles = B`
+Z.styles = R`
     :host {
       display: contents;
     }
@@ -4256,7 +4271,7 @@ Y([
 I = Y([
   F("pc-nps")
 ], I);
-const hr = B`
+const hr = R`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-container {
@@ -5077,7 +5092,7 @@ mt([
 X = mt([
   F("pc-poll")
 ], X);
-const mr = B`
+const mr = R`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-section {
@@ -5803,7 +5818,7 @@ it([
 H = it([
   F("pc-stars")
 ], H);
-const wr = B`
+const wr = R`
   /* Adjust stats text for reactions */
   .pc-stats-text {
     font-size: var(--pc-font-size-small, var(--default-font-size-small));
@@ -6338,7 +6353,7 @@ var Er = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, vt = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Er(t, o, s), s;
 };
-let J = class extends D {
+let J = class extends N {
   constructor() {
     super(), this.options = "", this.parsedOptions = [], J.injectGlobalStyle();
   }