@saasquatch/mint-components 1.10.2-10 → 1.10.2-12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/cjs/{ShadowViewAddon-3e537eb3.js → ShadowViewAddon-f46aba53.js} +10 -12
  2. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +4 -2
  3. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  4. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js +10 -12
  5. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js +6 -6
  6. package/dist/esm/{ShadowViewAddon-2ac771ca.js → ShadowViewAddon-5895edd5.js} +10 -12
  7. package/dist/esm/sqm-big-stat_38.entry.js +4 -2
  8. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  9. package/dist/esm-es5/ShadowViewAddon-5895edd5.js +1 -0
  10. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  11. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  12. package/dist/mint-components/mint-components.esm.js +1 -1
  13. package/dist/mint-components/{p-a7949e42.js → p-1cc0f6ce.js} +1 -1
  14. package/dist/mint-components/p-60b76175.system.js +1 -0
  15. package/dist/mint-components/{p-5a1b4b5d.entry.js → p-7b1b45e9.entry.js} +1 -1
  16. package/dist/mint-components/{p-0e507dfe.system.entry.js → p-c12e0887.system.entry.js} +1 -1
  17. package/dist/mint-components/{p-560f7316.entry.js → p-c8af8c3b.entry.js} +1 -1
  18. package/dist/mint-components/p-ed17e637.system.js +1 -1
  19. package/dist/mint-components/{p-e82b056c.system.entry.js → p-fc352a1b.system.entry.js} +1 -1
  20. package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts +4 -4
  21. package/dist/types/components.d.ts +4 -2
  22. package/docs/docs.docx +0 -0
  23. package/docs/picklesdoc--2024-01-15--11-20-00.xlsx +0 -0
  24. package/docs/picklesdoc--2024-01-15--11-24-04.xlsx +0 -0
  25. package/docs/raisins.json +1 -1
  26. package/grapesjs/grapesjs.js +1 -1
  27. package/package.json +1 -1
  28. package/dist/esm-es5/ShadowViewAddon-2ac771ca.js +0 -1
  29. package/dist/mint-components/p-4348de13.system.js +0 -1
package/dist/cjs/{ShadowViewAddon-3e537eb3.js → ShadowViewAddon-f46aba53.js} RENAMED
@@ -142,7 +142,7 @@ const vanillaStyle = `
142
142
  }
143
143
  `;
144
144
  function LeaderboardView(props) {
145
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
145
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
146
146
  const { states, data, elements } = props;
147
147
  const { styles } = states;
148
148
  if (states.loading)
@@ -156,8 +156,6 @@ function LeaderboardView(props) {
156
156
  if (!states.hasLeaders)
157
157
  return elements.empty;
158
158
  let userSeenFlag = false;
159
- console.log("The rank is: ", (_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rank);
160
- console.log("The rank suffix is: ", styles.width);
161
159
  return (index.h("div", { class: sheet$1.classes.Leaderboard, part: "sqm-base", style: { width: styles.width || "100%" } },
162
160
  index.h("style", { type: "text/css" },
163
161
  styleString$1,
@@ -166,8 +164,8 @@ function LeaderboardView(props) {
166
164
  index.h("tr", null,
167
165
  styles.showRank && (index.h("th", { class: `Rank ${styles.hideNames ? "fullWidth" : ""}` }, styles.rankheading)),
168
166
  !styles.hideNames && index.h("th", { class: "User" }, styles.usersheading),
169
- index.h("th", { class: "Score" }, styles.statsheading)), (_b = data.leaderboard) === null || _b === void 0 ? void 0 :
170
- _b.map((user) => {
167
+ index.h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
168
+ _a.map((user) => {
171
169
  var _a, _b;
172
170
  if (user.rowNumber === ((_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
173
171
  userSeenFlag = true;
@@ -190,14 +188,14 @@ function LeaderboardView(props) {
190
188
  index.h("td", { colSpan: 100, class: "ellipses" },
191
189
  index.h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
192
190
  !userSeenFlag && !styles.hideViewer && (index.h("tr", { class: "highlight" },
193
- styles.showRank && (index.h("td", { class: "Rank" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.rank) || "-")),
194
- !styles.hideNames && (index.h("td", { class: "User" }, ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.firstName) && ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.lastInitial)
195
- ? ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.firstName) +
196
- " " + ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.lastInitial)
197
- : ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.firstName) || ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.lastInitial)
198
- ? ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.firstName) || ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.lastInitial)
191
+ styles.showRank && (index.h("td", { class: "Rank" }, ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rank) || "-")),
192
+ !styles.hideNames && (index.h("td", { class: "User" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.firstName) && ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.lastInitial)
193
+ ? ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.firstName) +
194
+ " " + ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.lastInitial)
195
+ : ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.firstName) || ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.lastInitial)
196
+ ? ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.firstName) || ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.lastInitial)
199
197
  : styles.anonymousUser)),
200
- index.h("td", { class: "Score" }, ((_m = data.viewerRank) === null || _m === void 0 ? void 0 : _m.textValue) || "0"))))));
198
+ index.h("td", { class: "Score" }, ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.textValue) || "0"))))));
201
199
  }
202
200
 
203
201
  const style$2 = {
package/dist/cjs/sqm-big-stat_38.cjs.entry.js CHANGED
@@ -19,7 +19,7 @@ const index$1 = require('./index-8c6255f5.js');
19
19
  const useRegistrationFormState = require('./useRegistrationFormState-876ed65d.js');
20
20
  const utilities = require('./utilities-cec9dd36.js');
21
21
  const AsYouType = require('./AsYouType-6788393a.js');
22
- const ShadowViewAddon = require('./ShadowViewAddon-3e537eb3.js');
22
+ const ShadowViewAddon = require('./ShadowViewAddon-f46aba53.js');
23
23
  require('./sqm-portal-container-view-5fb2ad49.js');
24
24
 
25
25
  const BigStat = class {
@@ -1414,7 +1414,9 @@ const Leaderboard = class {
1414
1414
  constructor(hostRef) {
1415
1415
  index.registerInstance(this, hostRef);
1416
1416
  /**
1417
- * @uiName Place text
1417
+ * Restrict the width of the leaderboard (Can be a pixel value or a percentage i.e. "500px", "33%", etc.)
1418
+ *
1419
+ * @uiName Width
1418
1420
  */
1419
1421
  this.width = "100%";
1420
1422
  /**
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -28,7 +28,7 @@ const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
28
28
  require('./utilities-cec9dd36.js');
29
29
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f329ed.js');
30
30
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
31
- const ShadowViewAddon = require('./ShadowViewAddon-3e537eb3.js');
31
+ const ShadowViewAddon = require('./ShadowViewAddon-f46aba53.js');
32
32
  const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
33
33
  const sqmInvoiceTableView = require('./sqm-invoice-table-view-28b14d28.js');
34
34
 
package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js CHANGED
@@ -53,7 +53,7 @@ const vanillaStyle = `
53
53
  }
54
54
  `;
55
55
  export function LeaderboardView(props) {
56
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
56
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
57
57
  const { states, data, elements } = props;
58
58
  const { styles } = states;
59
59
  if (states.loading)
@@ -67,8 +67,6 @@ export function LeaderboardView(props) {
67
67
  if (!states.hasLeaders)
68
68
  return elements.empty;
69
69
  let userSeenFlag = false;
70
- console.log("The rank is: ", (_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rank);
71
- console.log("The rank suffix is: ", styles.width);
72
70
  return (h("div", { class: sheet.classes.Leaderboard, part: "sqm-base", style: { width: styles.width || "100%" } },
73
71
  h("style", { type: "text/css" },
74
72
  styleString,
@@ -77,8 +75,8 @@ export function LeaderboardView(props) {
77
75
  h("tr", null,
78
76
  styles.showRank && (h("th", { class: `Rank ${styles.hideNames ? "fullWidth" : ""}` }, styles.rankheading)),
79
77
  !styles.hideNames && h("th", { class: "User" }, styles.usersheading),
80
- h("th", { class: "Score" }, styles.statsheading)), (_b = data.leaderboard) === null || _b === void 0 ? void 0 :
81
- _b.map((user) => {
78
+ h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
79
+ _a.map((user) => {
82
80
  var _a, _b;
83
81
  if (user.rowNumber === ((_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
84
82
  userSeenFlag = true;
@@ -101,12 +99,12 @@ export function LeaderboardView(props) {
101
99
  h("td", { colSpan: 100, class: "ellipses" },
102
100
  h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
103
101
  !userSeenFlag && !styles.hideViewer && (h("tr", { class: "highlight" },
104
- styles.showRank && (h("td", { class: "Rank" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.rank) || "-")),
105
- !styles.hideNames && (h("td", { class: "User" }, ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.firstName) && ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.lastInitial)
106
- ? ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.firstName) +
107
- " " + ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.lastInitial)
108
- : ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.firstName) || ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.lastInitial)
109
- ? ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.firstName) || ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.lastInitial)
102
+ styles.showRank && (h("td", { class: "Rank" }, ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rank) || "-")),
103
+ !styles.hideNames && (h("td", { class: "User" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.firstName) && ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.lastInitial)
104
+ ? ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.firstName) +
105
+ " " + ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.lastInitial)
106
+ : ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.firstName) || ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.lastInitial)
107
+ ? ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.firstName) || ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.lastInitial)
110
108
  : styles.anonymousUser)),
111
- h("td", { class: "Score" }, ((_m = data.viewerRank) === null || _m === void 0 ? void 0 : _m.textValue) || "0"))))));
109
+ h("td", { class: "Score" }, ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.textValue) || "0"))))));
112
110
  }
package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js CHANGED
@@ -9,19 +9,19 @@ import { useLeaderboard } from "./useLeaderboard";
9
9
  * @uiName Leaderboard
10
10
  * @slots [{"name":"empty", "title":"Empty State"}]
11
11
  * @requiredFeatures ["LEADERBOARDS"]
12
- * @validParents ["div"]
13
12
  * @exampleGroup Leaderboard
14
13
  * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
15
14
  * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
16
15
  * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
17
- * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" imageUrl="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
18
- * @example Test - <sqm-leaderboard usersheading="Name" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
16
+ * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" image-url="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
19
17
  * @featureTooltip <div>Motivate your participants by gamifying your program. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Leaderboards feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan and add a leaderboard.</div>
20
18
  */
21
19
  export class Leaderboard {
22
20
  constructor() {
23
21
  /**
24
- * @uiName Place text
22
+ * Restrict the width of the leaderboard (Can be a pixel value or a percentage i.e. "500px", "33%", etc.)
23
+ *
24
+ * @uiName Width
25
25
  */
26
26
  this.width = "100%";
27
27
  /**
@@ -210,10 +210,10 @@ export class Leaderboard {
210
210
  "optional": false,
211
211
  "docs": {
212
212
  "tags": [{
213
- "text": "Place text",
213
+ "text": "Width",
214
214
  "name": "uiName"
215
215
  }],
216
- "text": ""
216
+ "text": "Restrict the width of the leaderboard (Can be a pixel value or a percentage i.e. \"500px\", \"33%\", etc.)"
217
217
  },
218
218
  "attribute": "width",
219
219
  "reflect": false,
package/dist/esm/{ShadowViewAddon-2ac771ca.js → ShadowViewAddon-5895edd5.js} RENAMED
@@ -140,7 +140,7 @@ const vanillaStyle = `
140
140
  }
141
141
  `;
142
142
  function LeaderboardView(props) {
143
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
143
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
144
144
  const { states, data, elements } = props;
145
145
  const { styles } = states;
146
146
  if (states.loading)
@@ -154,8 +154,6 @@ function LeaderboardView(props) {
154
154
  if (!states.hasLeaders)
155
155
  return elements.empty;
156
156
  let userSeenFlag = false;
157
- console.log("The rank is: ", (_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rank);
158
- console.log("The rank suffix is: ", styles.width);
159
157
  return (h("div", { class: sheet$1.classes.Leaderboard, part: "sqm-base", style: { width: styles.width || "100%" } },
160
158
  h("style", { type: "text/css" },
161
159
  styleString$1,
@@ -164,8 +162,8 @@ function LeaderboardView(props) {
164
162
  h("tr", null,
165
163
  styles.showRank && (h("th", { class: `Rank ${styles.hideNames ? "fullWidth" : ""}` }, styles.rankheading)),
166
164
  !styles.hideNames && h("th", { class: "User" }, styles.usersheading),
167
- h("th", { class: "Score" }, styles.statsheading)), (_b = data.leaderboard) === null || _b === void 0 ? void 0 :
168
- _b.map((user) => {
165
+ h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
166
+ _a.map((user) => {
169
167
  var _a, _b;
170
168
  if (user.rowNumber === ((_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
171
169
  userSeenFlag = true;
@@ -188,14 +186,14 @@ function LeaderboardView(props) {
188
186
  h("td", { colSpan: 100, class: "ellipses" },
189
187
  h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
190
188
  !userSeenFlag && !styles.hideViewer && (h("tr", { class: "highlight" },
191
- styles.showRank && (h("td", { class: "Rank" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.rank) || "-")),
192
- !styles.hideNames && (h("td", { class: "User" }, ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.firstName) && ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.lastInitial)
193
- ? ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.firstName) +
194
- " " + ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.lastInitial)
195
- : ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.firstName) || ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.lastInitial)
196
- ? ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.firstName) || ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.lastInitial)
189
+ styles.showRank && (h("td", { class: "Rank" }, ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rank) || "-")),
190
+ !styles.hideNames && (h("td", { class: "User" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.firstName) && ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.lastInitial)
191
+ ? ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.firstName) +
192
+ " " + ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.lastInitial)
193
+ : ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.firstName) || ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.lastInitial)
194
+ ? ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.firstName) || ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.lastInitial)
197
195
  : styles.anonymousUser)),
198
- h("td", { class: "Score" }, ((_m = data.viewerRank) === null || _m === void 0 ? void 0 : _m.textValue) || "0"))))));
196
+ h("td", { class: "Score" }, ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.textValue) || "0"))))));
199
197
  }
200
198
 
201
199
  const style$2 = {
package/dist/esm/sqm-big-stat_38.entry.js CHANGED
@@ -15,7 +15,7 @@ import { p as pathToRegexp } from './index-ffa26b43.js';
15
15
  import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-9fc1ac80.js';
16
16
  import { i as isEmpty } from './utilities-3f5bba22.js';
17
17
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
18
- import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-2ac771ca.js';
18
+ import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-5895edd5.js';
19
19
  import './sqm-portal-container-view-ab89c6cc.js';
20
20
 
21
21
  const BigStat = class {
@@ -1410,7 +1410,9 @@ const Leaderboard = class {
1410
1410
  constructor(hostRef) {
1411
1411
  registerInstance(this, hostRef);
1412
1412
  /**
1413
- * @uiName Place text
1413
+ * Restrict the width of the leaderboard (Can be a pixel value or a percentage i.e. "500px", "33%", etc.)
1414
+ *
1415
+ * @uiName Width
1414
1416
  */
1415
1417
  this.width = "100%";
1416
1418
  /**
package/dist/esm/sqm-stencilbook.entry.js CHANGED
@@ -24,7 +24,7 @@ import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
24
24
  import './utilities-3f5bba22.js';
25
25
  import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
26
26
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
27
- import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-2ac771ca.js';
27
+ import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-5895edd5.js';
28
28
  import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-ab89c6cc.js';
29
29
  import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-34ac7513.js';
30
30