pollcatch 1.0.10 → 1.0.12

package/package.json

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

package/pc.js

@@ -45,7 +45,7 @@ const _e = (e) => new ae(typeof e == "string" ? e : e + "", void 0, Ct), H = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Pe, defineProperty: Oe, getOwnPropertyDescriptor: Me, getOwnPropertyNames: ze, getOwnPropertySymbols: Ne, getPrototypeOf: Re } = Object, j = globalThis, jt = j.trustedTypes, Ie = jt ? jt.emptyScript : "", bt = j.reactiveElementPolyfillSupport, et = (e, t) => e, pt = { toAttribute(e, t) {
+const { is: Pe, defineProperty: Oe, getOwnPropertyDescriptor: Me, getOwnPropertyNames: Ne, getOwnPropertySymbols: ze, getPrototypeOf: Re } = Object, j = globalThis, jt = j.trustedTypes, Ie = jt ? jt.emptyScript : "", bt = j.reactiveElementPolyfillSupport, et = (e, t) => e, pt = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? Ie : null;
@@ -112,7 +112,7 @@ let Z = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(et("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(et("properties"))) {
-      const s = this.properties, i = [...ze(s), ...Ne(s)];
+      const s = this.properties, i = [...Ne(s), ...ze(s)];
       for (const o of i) this.createProperty(o, s[o]);
     }
     const t = this[Symbol.metadata];
@@ -1328,7 +1328,7 @@ function fs(e) {
   const { r: o, g: r, b: n } = i.toRgb();
   return { r: o, g: r, b: n };
 }
-function z(e, t) {
+function N(e, t) {
   return e === "left" || e === "right" ? t || "center" : e === "top" || e === "bottom" ? t || "start" : t || "center";
 }
 function gs(e, t = "1rem") {
@@ -1776,7 +1776,8 @@ g([
 const Es = H`
   /* Add responsive sizing with CSS variables */
   :host {
-    --pc-nps-button-size: clamp(1.6em, calc(1.5em + 0.5vw), 2.4em);
+    --pc-nps-button-height: clamp(1.6em, calc(1.5em + 0.5vw), 2.4em);
+    --pc-nps-button-width: clamp(1em, calc(0.9em + 0.3vw), 1.4em);
     --pc-nps-font-size: calc(0.85em + 0.1vw);
   }
 
@@ -1831,8 +1832,8 @@ const Es = H`
   }
 
   .nps-button {
-    min-width: var(--pc-nps-button-size);
-    height: var(--pc-nps-button-size);
+    min-width: var(--pc-nps-button-width);
+    height: var(--pc-nps-button-height);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1982,7 +1983,8 @@ const Es = H`
   @media screen and (max-width: 480px) {
     :host {
       /* Increase NPS button size for small screens */
-      --pc-nps-button-size: 2.2em;
+      --pc-nps-button-height: 2.2em;
+      --pc-nps-button-width: 1.4em;
       --pc-nps-font-size: 1em;
     }
 
@@ -2117,13 +2119,13 @@ function Ee(e, t = {}) {
     ariaHidden: !1
   };
 }
-function zt(e, t = "polite") {
+function Nt(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 Nt(e, t) {
+function zt(e, t) {
   return `${e}: ${t}`;
 }
 var $ = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.CHECKBOX = "checkbox", e.RADIO = "radio", e.RADIOGROUP = "radiogroup", e.SWITCH = "switch", e.TAB = "tab", e.TABLIST = "tablist", e.TABPANEL = "tabpanel", e.MENU = "menu", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.SLIDER = "slider", e.TEXTBOX = "textbox", e.COMBOBOX = "combobox", e.LISTBOX = "listbox", e.OPTION = "option", e.PROGRESSBAR = "progressbar", e.STATUS = "status", e.ALERT = "alert", e.DIALOG = "dialog", e.GROUP = "group", e.REGION = "region", e.NONE = "none", e.PRESENTATION = "presentation", e))($ || {});
@@ -2340,7 +2342,7 @@ let V = class extends m {
     if (this.readonly) return;
     this.hoverValue = -1;
     const t = this.label || "NPS", s = `Rated ${e} out of ${this.max}`;
-    zt(Nt(t, s)), await this.handleChange(e, [String(e)]), this.isEditMode = !1;
+    Nt(zt(t, s)), await this.handleChange(e, [String(e)]), this.isEditMode = !1;
   }
   /**
    * Render min/max labels
@@ -2381,13 +2383,13 @@ let V = class extends m {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0,
+      [`pc-flex-align-${N(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-${z(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${N(this.statsPosition, this.statsAlign)}`]: !0
     }, s = T({
       role: $.REGION,
       ariaLabel: this.label || "NPS Rating"
@@ -2854,8 +2856,8 @@ X([
 C = X([
   B("pc-poll-option")
 ], C);
-var Ms = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, N = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? zs(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+var Ms = 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, n; r >= 0; r--)
     (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
   return i && o && Ms(t, s, o), o;
 };
@@ -3248,16 +3250,16 @@ let A = class extends m {
   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", zt(Nt(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", Nt(zt(i, o));
   }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${N(this.labelPosition, this.labelAlign)}`]: !0
     }, t = "bottom", s = {
       poll: !0,
       [`pc-flex-pos-${t}`]: !0,
-      [`pc-flex-align-${z(t, this.statsAlign)}`]: !0
+      [`pc-flex-align-${N(t, this.statsAlign)}`]: !0
     }, i = T({
       role: $.REGION,
       ariaLabel: this.label || this.name || "Poll"
@@ -3270,8 +3272,7 @@ let A = class extends m {
       >
         ${this.renderLabel()}
         <div class="pc-body ${y(s)}" data-testid="poll-body">
-          ${this.renderContent()} ${this.renderChart()}
-          ${this.renderStatsText()}
+          ${this.renderContent()} ${this.renderChart()} ${this.renderStatsText()}
         </div>
         <slot @slotchange=${() => this.updateNormalizedOptions()}></slot>
       </div>
@@ -3279,34 +3280,34 @@ let A = class extends m {
   }
 };
 A.styles = [...m.styles, Ts];
-N([
+z([
   d({ type: Array })
 ], A.prototype, "options", 2);
-N([
+z([
   d({ type: Boolean, reflect: !0 })
 ], A.prototype, "multiple", 2);
-N([
+z([
   d({ type: String, attribute: "button-radius" })
 ], A.prototype, "buttonRadius", 2);
-N([
+z([
   d({ type: String, attribute: "thank-you-msg" })
 ], A.prototype, "thankYouMsg", 2);
-N([
+z([
   d({ type: String, attribute: "button-text" })
 ], A.prototype, "buttonText", 2);
-N([
+z([
   x()
 ], A.prototype, "normalizedOptions", 2);
-N([
+z([
   x()
 ], A.prototype, "slotExists", 2);
-N([
+z([
   x()
 ], A.prototype, "pendingSelections", 2);
-A = N([
+A = z([
   B("pc-poll")
 ], A);
-const Ns = H`
+const zs = H`
   .pc-container {
     gap: 0.6em;
   }
@@ -3676,7 +3677,7 @@ let k = class extends m {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${N(this.labelPosition, this.labelAlign)}`]: !0
     };
     return c`
       <div class="pc-container ${y(e)}" data-testid="text-container">
@@ -3686,7 +3687,7 @@ let k = class extends m {
     `;
   }
 };
-k.styles = [...m.styles, Ns];
+k.styles = [...m.styles, zs];
 O([
   d({ type: String })
 ], k.prototype, "placeholder", 2);
@@ -4440,15 +4441,15 @@ let _ = class extends m {
    */
   announceReactionChange(e, t) {
     const s = this.label ? `Reactions for: ${this.label}` : "Reactions", i = t ? `Added ${e.name} reaction` : `Removed ${e.name} reaction`;
-    zt(Nt(s, i));
+    Nt(zt(s, i));
   }
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0
+      [`pc-flex-align-${N(this.labelPosition, this.labelAlign)}`]: !0
     }, t = {
       [`pc-flex-pos-${this.statsPosition}`]: !0,
-      [`pc-flex-align-${z(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${N(this.statsPosition, this.statsAlign)}`]: !0
     };
     return c`
       <div class="pc-container ${y(e)}" data-testid="reaction-container">
@@ -4891,7 +4892,7 @@ let G = class extends m {
     }, this.widgetType = "stars", this.statsText = "Average {avg} ({count} votes)", this.labelPosition = "top", this.statsPosition = "bottom", this.buttonRadius = "pill";
   }
   async firstUpdated() {
-    super.firstUpdated(), console.log("defaultMode", this.defaultMode), this.defaultMode === "edit" ? (console.log("set true"), this.isEditMode = !0) : (console.log("set false"), this.isEditMode = !1);
+    super.firstUpdated(), console.log("defaultMode", this.defaultMode), this.defaultMode === "edit" ? this.isEditMode = !0 : this.isEditMode = !1;
   }
   /**
    * Render stars for view mode (showing average rating)
@@ -5009,13 +5010,13 @@ let G = class extends m {
   render() {
     const e = {
       [`pc-flex-pos-${this.labelPosition}`]: !0,
-      [`pc-flex-align-${z(this.labelPosition, this.labelAlign)}`]: !0,
+      [`pc-flex-align-${N(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-${z(this.statsPosition, this.statsAlign)}`]: !0
+      [`pc-flex-align-${N(this.statsPosition, this.statsAlign)}`]: !0
     };
     return c`
       <div class="pc-container ${y(e)}" data-testid="stars-container">