pollcatch 2.2.1 → 2.2.3

package/package.json

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

package/pc.js

@@ -35,7 +35,7 @@ const Ae = (e) => new le(typeof e == "string" ? e : e + "", void 0, Et), F = (e,
     const r = document.createElement("style"), s = it.litNonce;
     s !== void 0 && r.setAttribute("nonce", s), r.textContent = o.cssText, e.appendChild(r);
   }
-}, Ut = _t ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, jt = _t ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let o = "";
   for (const r of t.cssRules) o += r.cssText;
   return Ae(o);
@@ -45,7 +45,7 @@ const Ae = (e) => new le(typeof e == "string" ? e : e + "", void 0, Et), F = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ee, defineProperty: Pe, getOwnPropertyDescriptor: Oe, getOwnPropertyNames: Te, getOwnPropertySymbols: ze, getPrototypeOf: Ie } = Object, T = globalThis, jt = T.trustedTypes, Ne = jt ? jt.emptyScript : "", bt = T.reactiveElementPolyfillSupport, K = (e, t) => e, at = { toAttribute(e, t) {
+const { is: Ee, defineProperty: Pe, getOwnPropertyDescriptor: Oe, getOwnPropertyNames: Te, getOwnPropertySymbols: ze, getPrototypeOf: Ie } = Object, T = globalThis, Ut = T.trustedTypes, Ne = Ut ? Ut.emptyScript : "", bt = T.reactiveElementPolyfillSupport, K = (e, t) => e, at = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? Ne : null;
@@ -75,7 +75,7 @@ const { is: Ee, defineProperty: Pe, getOwnPropertyDescriptor: Oe, getOwnProperty
   return o;
 } }, Pt = (e, t) => !Ee(e, t), Bt = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: Pt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), T.litPropertyMetadata ?? (T.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let U = class extends HTMLElement {
+let j = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -131,8 +131,8 @@ let U = class extends HTMLElement {
     const o = [];
     if (Array.isArray(t)) {
       const r = new Set(t.flat(1 / 0).reverse());
-      for (const s of r) o.unshift(Ut(s));
-    } else t !== void 0 && o.push(Ut(t));
+      for (const s of r) o.unshift(jt(s));
+    } else t !== void 0 && o.push(jt(t));
     return o;
   }
   static _$Eu(t, o) {
@@ -273,7 +273,7 @@ let U = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[K("elementProperties")] = /* @__PURE__ */ new Map(), U[K("finalized")] = /* @__PURE__ */ new Map(), bt == null || bt({ ReactiveElement: U }), (T.reactiveElementVersions ?? (T.reactiveElementVersions = [])).push("2.0.4");
+j.elementStyles = [], j.shadowRootOptions = { mode: "open" }, j[K("elementProperties")] = /* @__PURE__ */ new Map(), j[K("finalized")] = /* @__PURE__ */ new Map(), bt == null || bt({ ReactiveElement: j }), (T.reactiveElementVersions ?? (T.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -286,7 +286,7 @@ function ue(e, t) {
   if (!Ot(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Dt !== void 0 ? Dt.createHTML(t) : t;
 }
-const Ue = (e, t) => {
+const je = (e, t) => {
   const o = e.length - 1, r = [];
   let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Z;
   for (let n = 0; n < o; n++) {
@@ -303,7 +303,7 @@ let At = class he {
     let s;
     this.parts = [];
     let i = 0, a = 0;
-    const n = t.length - 1, l = this.parts, [p, c] = Ue(t, o);
+    const n = t.length - 1, l = this.parts, [p, c] = je(t, o);
     if (this.el = he.createElement(p, r), M.currentNode = this.el.content, o === 2 || o === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
@@ -342,7 +342,7 @@ function D(e, t, o = e, r) {
   const i = Q(t) ? void 0 : t._$litDirective$;
   return (s == null ? void 0 : s.constructor) !== i && ((n = s == null ? void 0 : s._$AO) == null || n.call(s, !1), i === void 0 ? s = void 0 : (s = new i(e), s._$AT(e, o, r)), r !== void 0 ? (o._$Co ?? (o._$Co = []))[r] = s : o._$Cl = s), s !== void 0 && (t = D(e, s._$AS(e, t.values), s, r)), t;
 }
-let je = class {
+let Ue = class {
   constructor(t, o) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = o;
   }
@@ -406,7 +406,7 @@ class et {
     const { values: o, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = At.createElement(ue(r.h, r.h[0]), this.options)), r);
     if (((i = this._$AH) == null ? void 0 : i._$AD) === s) this._$AH.p(o);
     else {
-      const a = new je(s, this), n = a.u(this.options);
+      const a = new Ue(s, this), n = a.u(this.options);
       a.p(o), this.T(n), this._$AH = a;
     }
   }
@@ -515,7 +515,7 @@ const He = (e, t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let j = class extends U {
+let U = class extends j {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -541,9 +541,9 @@ let j = class extends U {
   }
 };
 var ne;
-j._$litElement$ = !0, j.finalized = !0, (ne = globalThis.litElementHydrateSupport) == null || ne.call(globalThis, { LitElement: j });
+U._$litElement$ = !0, U.finalized = !0, (ne = globalThis.litElementHydrateSupport) == null || ne.call(globalThis, { LitElement: U });
 const yt = globalThis.litElementPolyfillSupport;
-yt == null || yt({ LitElement: j });
+yt == null || yt({ LitElement: U });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
 /**
  * @license
@@ -596,7 +596,53 @@ function Tt(e) {
   return f({ ...e, state: !0, attribute: !1 });
 }
 var x = /* @__PURE__ */ ((e) => (e.reaction = "reaction", e.stars = "stars", e.poll = "poll", e.text = "text", e.nps = "nps", e))(x || {});
-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";
+const Ze = d`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="24px"
+    viewBox="0 -960 960 960"
+    width="24px"
+    fill="currentColor"
+  >
+    <path d="M640-160v-280h160v280H640Zm-240 0v-640h160v640H400Zm-240 0v-440h160v440H160Z" />
+  </svg>
+`, Ge = d`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="24px"
+    viewBox="0 -960 960 960"
+    width="24px"
+    fill="currentColor"
+  >
+    <path
+      d="M160-160v-440h160v440H160Zm240 0v-400l160 160v240H400Zm160-354L400-674v-126h160v286Zm240 240L640-434v-6h160v166Zm-9 219L55-791l57-57 736 736-57 57Z"
+    />
+  </svg>
+`, Ke = d`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="24px"
+    viewBox="0 -960 960 960"
+    width="24px"
+    fill="currentColor"
+  >
+    <path
+      d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"
+    />
+  </svg>
+`, We = d`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    fill="currentColor"
+    viewBox="0 0 16 16"
+  >
+    <path
+      d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"
+    />
+  </svg>
+`;
 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";
 }, $ = function(e, t, o) {
@@ -1584,7 +1630,7 @@ const st = {
   mobile: "480px",
   tablet: "768px",
   desktop: "1024px"
-}, Rt = class Rt extends j {
+}, Rt = class Rt extends U {
   constructor() {
     super(...arguments), this.dataController = new _o(this), this.displayController = new Eo(this, this.dataController), this.hasEditButton = !0, this.showStats = "never", this.showChart = !1, this.initialized = !1, this.lockAnswer = !1, this.ariaLabel = null, this.minContrast = ge.AA_NORMAL, this.options = [], this.project = "public", this.questionPosition = "top", this.statsText = "{count} votes", this.buttonText = "Submit", this.buttonRadius = "sm", this.multiple = !1, this.readOnly = !1, this.handleEditToggleKeyDown = (t) => {
       (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleEnterEditMode());
@@ -1721,16 +1767,16 @@ const st = {
    */
   renderEditToggleIcon(t = "edit-toggle-button") {
     return this.displayController.shouldShowEditButton() ? d`
-      <img
-        src="${Ke}"
-        alt="Edit vote"
+      <span
         class="edit-toggle-icon"
         data-testid="${t}"
         @click="${this.handleEnterEditMode}"
         role="button"
         tabindex="0"
+        aria-label="Edit vote"
         @keydown="${this.handleEditToggleKeyDown}"
-      />
+        >${Ke}</span
+      >
     ` : h;
   }
   renderStatsText() {
@@ -1740,16 +1786,16 @@ const st = {
   }
   renderChartToggle() {
     return this.displayController.shouldShowChartToggle() ? d`
-      <img
-        src="${this.displayController.isChartVisible ? Ge : Ze}"
-        alt="${this.displayController.isChartVisible ? "Hide chart" : "Show chart"}"
+      <span
         class="chart-toggle-icon"
         data-testid="chart-toggle-button"
         @click="${() => this.displayController.toggleChartVisibility()}"
         role="button"
         tabindex="0"
+        aria-label="${this.displayController.isChartVisible ? "Hide chart" : "Show chart"}"
         @keydown="${() => this.displayController.toggleChartVisibility()}"
-      />
+        >${this.displayController.isChartVisible ? Ge : Ze}</span
+      >
     ` : h;
   }
   renderStatus() {
@@ -1781,14 +1827,14 @@ const st = {
         <div class="pc-thank-you" data-testid="thank-you">
           <div class="pc-thank-you-msg" data-testid="thank-you-msg">
             ${t}
-            <img
-              src="${We}"
-              alt="Close"
+            <span
               class="thank-you-close-icon"
               data-testid="close-thank-you-button"
               @click="${() => this.displayController.toggleThankYouVisibility(!1)}"
               role="button"
-            />
+              aria-label="Close"
+              >${We}</span
+            >
           </div>
         </div>
       </div>
@@ -2369,6 +2415,9 @@ const zo = F`
   /* Inline chart toggle icon - shared between components */
   .chart-toggle-icon,
   .edit-toggle-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     margin-left: 0.2em;
     width: 1.2em;
     height: 1.2em;
@@ -2376,6 +2425,13 @@ const zo = F`
     cursor: pointer;
     transition: opacity 0.2s ease;
     vertical-align: middle;
+    color: var(--pc-text-color, var(--default-text-color));
+  }
+
+  .chart-toggle-icon svg,
+  .edit-toggle-icon svg {
+    width: 100%;
+    height: 100%;
   }
 
   .chart-toggle-icon:hover,
@@ -2535,7 +2591,7 @@ const zo = F`
   .pc-thank-you-msg {
     font-size: 0.8em;
     color: var(--pc-text-color, var(--default-text-color));
-    background: var(--pc-option-bg-color, var(--default-option-bg-color));
+    background-color: light-dark(rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.8));
     padding: 1em 1.8em 1em 1em;
     border-radius: var(--pc-border-radius, var(--default-border-radius));
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -2567,7 +2623,6 @@ const zo = F`
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(2px);
     display: flex;
     align-items: center;
@@ -2577,6 +2632,9 @@ const zo = F`
   }
 
   .thank-you-close-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: 1.2em;
     height: 1.2em;
     cursor: pointer;
@@ -2584,6 +2642,13 @@ const zo = F`
     position: absolute;
     top: 0.2em;
     right: 0.2em;
+    color: var(--pc-text-color, var(--default-text-color));
+    opacity: 0.6;
+  }
+
+  .thank-you-close-icon svg {
+    width: 100%;
+    height: 100%;
   }
 
   .thank-you-close-icon:hover {
@@ -3331,7 +3396,7 @@ Mt([
 tt = Mt([
   ot("pc-poll")
 ], tt);
-const Uo = F`
+const jo = F`
   /* CSS variables inherit from parent - defaults are specified at usage sites */
 
   .pc-section {
@@ -3424,7 +3489,7 @@ const Uo = F`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ke = "important", jo = " !" + ke, Bo = Se(class extends Ce {
+const ke = "important", Uo = " !" + ke, Bo = Se(class extends Ce {
   constructor(e) {
     var t;
     if (super(e), e.type !== xe.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.");
@@ -3443,7 +3508,7 @@ const ke = "important", jo = " !" + ke, Bo = Se(class extends Ce {
       const s = t[r];
       if (s != null) {
         this.ft.add(r);
-        const i = typeof s == "string" && s.endsWith(jo);
+        const i = typeof s == "string" && s.endsWith(Uo);
         r.includes("-") || i ? o.setProperty(r, i ? s.slice(0, -11) : s, i ? ke : "") : o[r] = s;
       }
     }
@@ -3715,7 +3780,7 @@ let V = class extends m {
     `;
   }
 };
-V.styles = [...m.styles, ut, Uo];
+V.styles = [...m.styles, ut, jo];
 ht([
   f({ type: String })
 ], V.prototype, "icon", 2);
@@ -4163,7 +4228,7 @@ var Go = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, mt = (e, t
     (a = e[i]) && (s = (r ? a(t, o, s) : a(s)) || s);
   return r && s && Go(t, o, s), s;
 };
-let H = class extends j {
+let H = class extends U {
   constructor() {
     super(), this.options = "", this.parsedOptions = [], H.injectGlobalStyle();
   }