pollcatch 2.1.16 → 2.2.1

package/package.json

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

package/pc.js

@@ -595,11 +595,11 @@ function f(e) {
 function Tt(e) {
   return f({ ...e, state: !0, attribute: !1 });
 }
-var $ = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))($ || {});
+var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
 const Ze = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23434343'%3e%3cpath%20d='M640-160v-280h160v280H640Zm-240%200v-640h160v640H400Zm-240%200v-440h160v440H160Z'/%3e%3c/svg%3e", Ge = "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", Ke = "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", We = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23666666'%20class='bi%20bi-x'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e";
 var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
-}, x = function(e, t, o) {
+}, $ = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = Math.pow(10, t)), Math.round(o * e) / o + 0;
 }, S = function(e, t, o) {
   return t === void 0 && (t = 0), o === void 0 && (o = 1), e > o ? o : e > t ? e : t;
@@ -608,7 +608,7 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
 }, Zt = function(e) {
   return { r: S(e.r, 0, 255), g: S(e.g, 0, 255), b: S(e.b, 0, 255), a: S(e.a) };
 }, wt = function(e) {
-  return { r: x(e.r), g: x(e.g), b: x(e.b), a: x(e.a, 3) };
+  return { r: $(e.r), g: $(e.g), b: $(e.b), a: $(e.a, 3) };
 }, Xe = /^#([0-9a-f]{3,8})$/i, rt = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
@@ -623,7 +623,7 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
 }, Gt = function(e) {
   return { h: fe(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
 }, Kt = function(e) {
-  return { h: x(e.h), s: x(e.s), l: x(e.l), a: x(e.a, 3) };
+  return { h: $(e.h), s: $(e.s), l: $(e.l), a: $(e.a, 3) };
 }, Wt = function(e) {
   return be((o = (t = e).s, { h: t.h, s: (o *= ((r = t.l) < 50 ? r : 100 - r) / 100) > 0 ? 2 * o / (r + o) * 100 : 0, v: r + o, a: t.a }));
   var t, o, r;
@@ -632,7 +632,7 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   var t, o, r, s;
 }, Qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, to = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, eo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, oo = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Jt = { string: [[function(e) {
   var t = Xe.exec(e);
-  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? x(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? x(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? $(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? $(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = eo.exec(e) || oo.exec(e);
   return t ? t[2] !== t[4] || t[4] !== t[6] ? null : Zt({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
@@ -679,13 +679,13 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   return e.prototype.isValid = function() {
     return this.parsed !== null;
   }, e.prototype.brightness = function() {
-    return x(xt(this.rgba), 2);
+    return $(xt(this.rgba), 2);
   }, e.prototype.isDark = function() {
     return xt(this.rgba) < 0.5;
   }, e.prototype.isLight = function() {
     return xt(this.rgba) >= 0.5;
   }, e.prototype.toHex = function() {
-    return t = wt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? rt(x(255 * i)) : "", "#" + rt(o) + rt(r) + rt(s) + a;
+    return t = wt(this.rgba), o = t.r, r = t.g, s = t.b, a = (i = t.a) < 1 ? rt($(255 * i)) : "", "#" + rt(o) + rt(r) + rt(s) + a;
     var t, o, r, s, i, a;
   }, e.prototype.toRgb = function() {
     return wt(this.rgba);
@@ -698,7 +698,7 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
     return t = Kt(J(this.rgba)), o = t.h, r = t.s, s = t.l, (i = t.a) < 1 ? "hsla(" + o + ", " + r + "%, " + s + "%, " + i + ")" : "hsl(" + o + ", " + r + "%, " + s + "%)";
     var t, o, r, s, i;
   }, e.prototype.toHsv = function() {
-    return t = me(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
+    return t = me(this.rgba), { h: $(t.h), s: $(t.s), v: $(t.v), a: $(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
     return C({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
@@ -716,11 +716,11 @@ var Je = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, A = function(e) {
   }, 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" ? C({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : x(this.rgba.a, 3);
+    return typeof t == "number" ? C({ r: (o = this.rgba).r, g: o.g, b: o.b, a: t }) : $(this.rgba.a, 3);
     var o;
   }, e.prototype.hue = function(t) {
     var o = J(this.rgba);
-    return typeof t == "number" ? C({ h: t, s: o.s, l: o.l, a: o.a }) : x(o.h);
+    return typeof t == "number" ? C({ h: t, s: o.s, l: o.l, a: o.a }) : $(o.h);
   }, e.prototype.isEqual = function(t) {
     return this.toHex() === C(t).toHex();
   }, e;
@@ -1175,7 +1175,7 @@ class _o {
         sum: n.sum,
         avg: l,
         pct: p,
-        nps: s === $.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
+        nps: s === x.nps ? lt((n == null ? void 0 : n.breakdown) || {}) : 0,
         breakdown: n.breakdown ?? {},
         updated: n.updated_at || (/* @__PURE__ */ new Date()).toISOString()
       };
@@ -1194,14 +1194,14 @@ class _o {
    */
   getOptionsForDataFunc(t) {
     switch (t.type) {
-      case $.stars: {
+      case x.stars: {
         const r = t.numStars || 5;
         return Array.from({ length: r }, (s, i) => String(i + 1));
       }
-      case $.nps:
+      case x.nps:
         return Array.from({ length: 11 }, (r, s) => String(s));
-      case $.poll:
-      case $.reaction:
+      case x.poll:
+      case x.reaction:
       default:
         return t.options.map((r) => r.value);
     }
@@ -1239,10 +1239,8 @@ class _o {
    * @param textValues
    */
   updateStats(t, o) {
-    const r = this.host;
     if (this.hasInteracted = !0, this.stats && (this.stats = $o(this.stats, this.localStats)), this.localStats = {
-      count: t > 0 || r.type === $.nps ? 1 : 0,
-      // always 1 or 0
+      count: t > 0 || o.length > 0 ? 1 : 0,
       sum: t,
       // e.g. number of stars, nps value
       avg: t,
@@ -1253,8 +1251,8 @@ class _o {
       nps: 0,
       updated: (/* @__PURE__ */ new Date()).toISOString()
     }, o && o.length > 0)
-      for (const s of o)
-        s && (this.localStats.breakdown[s] = 1);
+      for (const r of o)
+        r && (this.localStats.breakdown[r] = 1);
     this.stats = xo(this.stats, this.localStats), b.debug("Stats updated - remote: ", this.stats), b.debug("Stats updated - local: ", this.stats), this.persistLocalStats(), this.host.requestUpdate();
   }
   async markStatsAsSubmitted() {
@@ -1327,7 +1325,7 @@ class _o {
       sum: (o == null ? void 0 : o.sum) || 0,
       avg: (o == null ? void 0 : o.avg) || 0,
       pct: (o == null ? void 0 : o.pct) || 0,
-      nps: r.type === $.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
+      nps: r.type === x.nps ? lt((o == null ? void 0 : o.breakdown) || {}) : 0
     };
     return b.debug("Stats data: ", this.stats), Co(t, s);
   }
@@ -1355,7 +1353,7 @@ class _o {
   toggleValueSelected(t, o) {
     const r = Object.keys(this.localStats.breakdown || {}), s = r.includes(t), i = this.host;
     let a = 1;
-    if ((i.type === $.stars || i.type === $.nps) && (a = parseInt(t)), s)
+    if ((i.type === x.stars || i.type === x.nps) && (a = parseInt(t)), s)
       if (o) {
         const l = r.filter((p) => p !== t);
         this.updateStats(l.length > 0 ? 1 : 0, l);
@@ -1872,12 +1870,12 @@ Rt.styles = [
         border-color: var(--pc-error-color);
       }
 
-      /* Read-only state */
-      :host([read-only]) {
+      /* Readonly state */
+      :host([readonly]) {
         pointer-events: auto;
       }
 
-      :host([read-only]) button:not(.chart-toggle-icon):not([role='button']) {
+      :host([readonly]) button:not(.chart-toggle-icon):not([role='button']) {
         cursor: default;
       }
 
@@ -1988,7 +1986,7 @@ g([
   f({ type: Boolean, attribute: "multiple" })
 ], m.prototype, "multiple");
 g([
-  f({ type: Boolean, attribute: "read-only" })
+  f({ type: Boolean, attribute: "readonly" })
 ], m.prototype, "readOnly");
 const zo = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
@@ -2305,6 +2303,7 @@ const zo = F`
     cursor: pointer;
     transition: all 0.2s ease;
     align-self: flex-end;
+    white-space: nowrap;
   }
 
   .pc-submit-button--compact {
@@ -2652,7 +2651,7 @@ var Io = Object.defineProperty, No = Object.getOwnPropertyDescriptor, Y = (e, t,
 };
 let I = class extends m {
   constructor() {
-    super(), this.min = 0, this.max = 10, this.type = $.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
+    super(), this.min = 0, this.max = 10, this.type = x.nps, this.minLabel = "Not at all", this.maxLabel = "Extremely", this.minMaxPosition = "top", this.hoverValue = -1, this.handleNumberLeave = () => {
       this.hoverValue = -1;
     }, this.handleKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.hoverValue >= 0 && this.handleNumberClick(this.hoverValue));
@@ -3061,7 +3060,7 @@ var Ro = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Mt = (e, t
 };
 let tt = class extends m {
   constructor() {
-    super(), this.type = $.poll, this.multiple = !1, this.compact = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
+    super(), this.type = x.poll, this.multiple = !1, this.compact = !1, this.hasEditButton = !0, this.statsText = "{count} votes", this.questionPosition = "top", this.statsPosition = "bottom", this.showStats = "after-vote";
   }
   renderStatus() {
     const t = {
@@ -3607,7 +3606,7 @@ var Do = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, ht = (e, t
 };
 let V = class extends m {
   constructor() {
-    super(), this.type = $.stars, this.icon = "★", this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
+    super(), this.type = x.stars, this.icon = "★", this.numStars = 5, this.hoverValue = -1, this.handleStarKeyDown = (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         const t = e.target, o = parseInt(t.dataset.star || "0");
@@ -3931,7 +3930,7 @@ var Fo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, ft = (e, t
 };
 let q = class extends m {
   constructor() {
-    super(), this.type = $.reaction, this.showCounts = !1, this.compact = !1, this.popupPosition = "auto", this.hasEditButton = !1, this.statsText = "{count} votes", this.buttonRadius = "990px", this.muteColor = "#cccccc", this.questionPosition = "top", this.statsPosition = "right", this.popupPosition = "auto";
+    super(), this.type = x.reaction, this.showCounts = !1, this.compact = !1, this.popupPosition = "auto", this.hasEditButton = !1, this.statsText = "{count} votes", this.buttonRadius = "990px", this.muteColor = "#cccccc", this.questionPosition = "top", this.statsPosition = "right", this.popupPosition = "auto";
   }
   /**
    * Get the display count for a specific reaction including local optimistic updates
@@ -4245,13 +4244,13 @@ let H = class extends j {
    */
   render() {
     switch (this.type) {
-      case $.nps:
+      case x.nps:
         return d`<pc-nps></pc-nps>`;
-      case $.poll:
+      case x.poll:
         return d`<pc-poll .options=${this.parsedOptions}></pc-poll>`;
-      case $.stars:
+      case x.stars:
         return d`<pc-stars></pc-stars>`;
-      case $.reaction:
+      case x.reaction:
         return d`<pc-reaction .options=${this.parsedOptions}></pc-reaction>`;
       default:
         return console.warn(