@saasquatch/mint-components 1.5.5-1 → 1.5.5-2

package/dist/cjs/sqm-big-stat_35.cjs.entry.js

@@ -18,16 +18,14 @@ require('./luxon-59ca7d19.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-2c7d94b5.js');
 require('./sqm-portal-container-view-840db620.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1716c9f5.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1bbdf477.js');
 require('./sqm-portal-section-view-854a3e9c.js');
 
 const BigStat = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * Controls the order of the stat value & description column
-     *
-     * @uiName Flex Reverse
+     * @uiName Flex Reverse - controls the order of the stat value & description column
      */
     this.flexReverse = false;
     this.ignored = true;
@@ -203,21 +201,20 @@ const CheckboxField = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Checkbox Label
+     * @uiName Checkbox label
      */
     this.checkboxLabel = "By signing up you agree to the {labelLink}";
     /**
+     * @uiName Checkbox label link
      * Used with link text if the checkbox label contains {labelLink}
-     *
-     * @uiName Checkbox Label Link
      */
     this.checkboxLabelLink = "https://example.com";
     /**
-     * @uiName Checkbox Label Link Text
+     * @uiName Checkbox label link text
      */
     this.checkboxLabelLinkText = "Terms and Conditions";
     /**
-     * @uiName Unchecked Error Message
+     * @uiName Unchecked error message
      */
     this.errorMessage = "Must be checked";
     /**
@@ -313,8 +310,8 @@ const DividedLayout = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * Uses Shorthand CSS border syntax
-     * @uiName Border Style
+     * Uses CSS border style syntax
+     * @uiName Border style
      */
     this.dividerStyle = "1px solid #EAEAEA";
     stencilHooks_module.h$1(this);
@@ -339,11 +336,11 @@ const DropdownField = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Dropdown Label
+     * @uiName Dropdown label
      */
     this.dropdownLabel = "Select an option";
     /**
-     * @uiName Unselected Error Message
+     * @uiName Unselected error message
      */
     this.errorMessage = "Select an option";
     /**
@@ -776,9 +773,7 @@ const HeroImage = class {
      */
     this.imageMobilePos = "top";
     /**
-     * CTA Button Opens Link in New Tab
-     *
-     * @uiName Button New Tab
+     * @uiName CTA Button Link Open in New Tab
      */
     this.buttonNewTab = false;
     /**
@@ -873,11 +868,16 @@ function useInputFieldDemo(props) {
 }
 
 const GET_LEADERBOARD = index_module.dist.gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+    $limit: Int!
+  ) {
     userLeaderboard(type: $type, filter: $filter) {
       dateModified
-      rows {
-        value
+      rows(limit: $limit) {
+        textValue(locale: $locale)
         firstName
         lastInitial
         rank {
@@ -890,13 +890,17 @@ const GET_LEADERBOARD = index_module.dist.gql `
   }
 `;
 const GET_RANK = index_module.dist.gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+  ) {
     viewer {
       ... on User {
         firstName
         lastInitial
         leaderboardRank(type: $type, filter: $filter) {
-          value
+          textValue(locale: $locale)
           rank
           denseRank
           rowNumber
@@ -906,19 +910,33 @@ const GET_RANK = index_module.dist.gql `
   }
 `;
 function useLeaderboard(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const programId = index_module.M();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  const programIdContext = index_module.M();
+  // Default to context, overriden by props
+  const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const user = index_module.ie();
-  const variables = {
-    type: props.leaderboardType,
-    filter: { programId_eq: programId },
-  };
+  const locale = index_module.An();
+  const variables = programId
+    ? {
+      type: props.leaderboardType,
+      filter: { programId_eq: programId },
+    }
+    : {
+      type: props.leaderboardType,
+      filter: {},
+    };
   if (props.interval) {
     variables.filter["interval"] = props.interval;
   }
+  if (locale) {
+    variables["locale"] = locale;
+  }
+  if (props.maxRows > 0) {
+    variables["limit"] = props.maxRows;
+  }
   const { data: leaderboardData, loading: loadingLeaderboard } = index_module.sn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const { data: rankData } = index_module.sn(GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
+  const leaderboardRows = (_b = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _b === void 0 ? void 0 : _b.rows;
   const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
   const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
     return a.rank - b.rank;
@@ -927,7 +945,7 @@ function useLeaderboard(props) {
     return leaderboardRows === null || leaderboardRows === void 0 ? void 0 : leaderboardRows.flatMap((user) => {
       var _a, _b;
       return ({
-        value: user.value,
+        textValue: user.textValue,
         firstName: user.firstName,
         lastInitial: user.lastInitial,
         rank: (_a = user.rank) === null || _a === void 0 ? void 0 : _a[props.rankType],
@@ -936,11 +954,11 @@ function useLeaderboard(props) {
     });
   }
   const viewingUser = {
-    value: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c.value,
-    firstName: (_d = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _d === void 0 ? void 0 : _d.firstName,
-    lastInitial: (_e = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _e === void 0 ? void 0 : _e.lastInitial,
-    rank: (_g = (_f = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _f === void 0 ? void 0 : _f.leaderboardRank) === null || _g === void 0 ? void 0 : _g[props.rankType],
-    rowNumber: (_j = (_h = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _h === void 0 ? void 0 : _h.leaderboardRank) === null || _j === void 0 ? void 0 : _j.rowNumber,
+    textValue: (_d = (_c = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _c === void 0 ? void 0 : _c.leaderboardRank) === null || _d === void 0 ? void 0 : _d.textValue,
+    firstName: (_e = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _e === void 0 ? void 0 : _e.firstName,
+    lastInitial: (_f = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _f === void 0 ? void 0 : _f.lastInitial,
+    rank: (_h = (_g = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _g === void 0 ? void 0 : _g.leaderboardRank) === null || _h === void 0 ? void 0 : _h[props.rankType],
+    rowNumber: (_k = (_j = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _j === void 0 ? void 0 : _j.leaderboardRank) === null || _k === void 0 ? void 0 : _k.rowNumber,
   };
   return {
     states: {
@@ -964,16 +982,23 @@ const Leaderboard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * Hide the current user's leaderboard information when they are not in the top 10
+     * Hide the viewer's leaderboard row if not in the top 10.
      *
      * @uiName Hide Viewing User
      */
     this.hideViewer = false;
     /**
-     * Title displayed for users without names
-     * @uiName Unknown User Text
+     * Text displayed for users without names in the leaderboard
+     *
+     * @uiName Anonymous User Name
      */
     this.anonymousUser = "Anonymous User";
+    /**
+     * Control the maximum amount of rows displayed on the leaderboard.
+     *
+     * @uiName Maximum Rows Number
+     */
+    this.maxRows = 10;
     this.ignored = true;
     stencilHooks_module.h$1(this);
     ShadowViewAddon.withShadowView(this);
@@ -988,6 +1013,8 @@ const Leaderboard = class {
       rankheading: this.rankheading,
       rankType: this.rankType,
       leaderboardType: this.leaderboardType,
+      maxRows: this.maxRows,
+      programId: this.programId,
       anonymousUser: this.anonymousUser,
       interval: this.interval,
       hideViewer: this.hideViewer,
@@ -1014,33 +1041,33 @@ function useLeaderboardDemo(props) {
     {
       firstName: "Viktor",
       lastInitial: "V",
-      value: 82,
+      textValue: "82",
       rank: 1,
       rowNumber: 1,
     },
     {
       firstName: "MF",
       lastInitial: "D",
-      value: 73,
+      textValue: "73",
       rank: 2,
       rowNumber: 2,
     },
     {
       firstName: "Freddie",
       lastInitial: "G",
-      value: 64,
+      textValue: "64",
       rank: 3,
       rowNumber: 3,
     },
     {
       firstName: "Benny",
       lastInitial: "B",
-      value: 55,
+      textValue: "55",
       rank: 4,
       rowNumber: 4,
     },
     {
-      value: 46,
+      textValue: "46",
       rank: 5,
       rowNumber: 5,
     },
@@ -1093,11 +1120,11 @@ const NameFields = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName First Name label
+     * @uiName First name field label
      */
     this.firstNameLabel = "First Name";
     /**
-     * @uiName Last Name label
+     * @uiName Last name field label
      */
     this.lastNameLabel = "Last Name";
     stencilHooks_module.h$1(this);
@@ -1256,47 +1283,35 @@ const PortalChangePassword = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Change Password Modal Header
+     * @uiName Change password modal header
      */
     this.modalChangePasswordHeader = "Change Password";
     /**
-     * Modal cancel button text
-     *
-     * @uiName Cancel Button Text
+     * @uiName Modal cancel password change button text
      */
     this.cancelText = "Cancel";
     /**
-     * Modal change password button text
-     *
-     * @uiName Change Password Button Text
+     * @uiName Modal change password button text
      */
     this.changePasswordButtonText = "Change Password";
     /**
-     * Password input field label
-     *
-     * @uiName Password Label
+     * @uiName Password input field label
      */
     this.passwordFieldLabel = "New Password";
     /**
-     * Password confirmation input field label
-     *
-     * @uiName Confirm Password Label
+     * @uiName Password confirmation input field label
      */
     this.confirmPasswordFieldLabel = "Confirm New Password";
     /**
-     * Successful password change message
-     *
-     * @uiName Successful Message
+     * @uiName Successful password change message
      */
     this.successMessage = "Your password has been updated.";
     /**
-     * Portal change password section header
-     *
-     * @uiName Change Password Header
+     * @uiName Portal change password section header
      */
     this.portalChangePasswordHeader = "Password";
     /**
-     * @uiName Change Password Button Text
+     * @uiName Portal change password button text
      */
     this.portalChangePasswordButtonText = "Change your password...";
     stencilHooks_module.h$1(this);
@@ -1424,55 +1439,39 @@ const PortalLogin = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Page navigated to after sign-in
-     *
-     * @uiName Next Page Path
+     * @uiName Page navigated to after sign-in
      */
     this.nextPage = "/";
     /**
-     * Label for email field
-     *
-     * @uiName Email Label
+     * @uiName Label for email field
      */
     this.emailLabel = "Email";
     /**
-     * Label for password field
-     *
-     * @uiName Password Label
+     * @uiName Label for password field
      */
     this.passwordLabel = "Password";
     /**
-     * Label for submit button
-     *
-     * @uiName Submit Button Text
+     * @uiName Label for submit button
      */
     this.submitLabel = "Sign In";
     /**
-     * Label for forgotten password button
-     *
-     * @uiName Forgot Password Text
+     * @uiName Label for forgotten password button
      */
     this.forgotPasswordLabel = "Forgot Password?";
     /**
-     * Label for register button
-     *
-     * @uiName Register Button Text
+     * @uiName Label for register navigation button
      */
     this.registerLabel = "Register";
     /**
-     * @uiName Heading Label
+     * @uiName Heading label
      */
     this.pageLabel = "Sign in to your account";
     /**
-     * Register redirect path
-     *
-     * @uiName Register Path
+     * @uiName Register button redirection path
      */
     this.registerPath = "/register";
     /**
-     * Forgot password redirect path
-     *
-     * @uiName Forgot Password Path
+     * @uiName Forgot password button redirect path
      */
     this.forgotPasswordPath = "/forgotPassword";
     stencilHooks_module.h$1(this);
@@ -5496,61 +5495,53 @@ const PortalRegister = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Page navigated to after registration
-     *
-     * @uiName Next Page
+     * @uiName Page navigated to after registration
      */
     this.nextPage = "/";
     /**
      * The page that users are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email redirection base path
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Label
+     * @uiName Label for email field
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Label
+     * @uiName Label for password field
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Submit Button Text
+     * @uiName Label for submit button
      */
     this.submitLabel = "Register";
     /**
-     * @uiName Login Button Text
+     * @uiName Label for login navigation button
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Label
+     * @uiName Label for confirm password field
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * Show or hide the confirm password input
-     *
-     * @uiName Show Confirm Password Field
+     * @uiName Show confirm password field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Enable Password Validation
+     * @uiName Use password field with live validation
      */
     this.enablePasswordValidation = true;
     /**
-     * Hide default input fields to use custom fields
-     *
-     * @uiName Hide Default Inputs
+     * @uiName Hide default input fields to use custom fields
      */
     this.hideInputs = false;
     /**
-     * @uiName Heading Label
+     * @uiName Heading label
      */
     this.pageLabel = "Register";
     /**
-     * Login button redirection path
-     *
-     * @uiName Login Path
+     * @uiName Sign in button redirection path
      */
     this.loginPath = "/login";
     stencilHooks_module.h$1(this);
@@ -5872,13 +5863,11 @@ const SqmReferralIframe = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Height of the iframe container
-     * @uiName Iframe Height
+     * @uiName Height of the iframe container
      */
     this.iframeHeight = "100%";
     /**
-     * Width of the iframe container
-     * @uiName Iframe Width
+     * @uiName Width of the iframe container
      */
     this.iframeWidth = "100%";
     stencilHooks_module.h$1(this);
@@ -6721,11 +6710,9 @@ const SqmRewardExchangeList = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Error message shown when reward is not available
-     *
-     * @uiName Not Available Error
+     * @uiName Exchange button text
      */
-    this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }";
+    this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";
     /**
      * @uiName Choose Reward Progress Title
      */
@@ -6755,7 +6742,7 @@ const SqmRewardExchangeList = class {
      */
     this.continueText = "Continue";
     /**
-     * Displayed on the reward selection page.
+    * Displayed on the reward selection page.
      * @uiName Continue to Confirmation Button Text
      */
     this.continueToConfirmationText = "Continue to confirmation";
@@ -6764,20 +6751,17 @@ const SqmRewardExchangeList = class {
      */
     this.redeemText = "Redeem";
     /**
-     * Displayed as the header for the confirmation page.
-     *
+    * Displayed as the header for the confirmation page.
      * @uiName Confirmation Title Text
      */
     this.redeemTitle = "Confirm and redeem";
     /**
-     * Displayed on the success screen when a user successfully exchanges for a reward.
-     *
+    * Displayed on the success screen when a user successfully exchanges for a reward.
      * @uiName Redemption Success Message
      */
     this.redemptionSuccessText = "Redeemed {sourceValue} for {destinationValue}";
     /**
-     * Displayed on the reward exchange cards.
-     *
+    * Displayed on the reward exchange cards.
      * @uiName Reward Exchange Amount Text
      */
     this.sourceAmountMessage = "{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";
@@ -6796,19 +6780,17 @@ const SqmRewardExchangeList = class {
      */
     this.selectText = "Select amount to receive";
     /**
-     * Shown if an error occurs when loading the reward exchange.
-     *
+    * Shown if an error occurs when loading the reward exchange.
      * @uiName Reward List Error Message
      */
     this.queryError = "Unable to load reward exchange list. Please try again";
     /**
-     * Shown if an error occurs during the reward exchange.
-     *
+    * Shown if an error occurs during the reward exchange.
      * @uiName Redemption Error Message
      */
     this.redemptionError = "An error occured trying to redeem this reward. Please try again";
     /**
-     * @uiName Not Enough Error Message
+     * @uiName Not Enough Available Error Message
      */
     this.notEnoughError = "Not enough {sourceUnit} to redeem for this reward";
     /**
@@ -6822,7 +6804,7 @@ const SqmRewardExchangeList = class {
     /**
      * Set the number of placeholder cards to be shown in loading state.
      *
-     * @uiName Loading Cards
+     * @undocumented Loading Cards
      */
     this.skeletonCardNum = 8;
     /**
@@ -7107,11 +7089,11 @@ const ShareButton = class {
      */
     this.iconslot = "prefix";
     /**
-     * @uiName Hide Icon
+     * @uiName Hide the icon
      */
     this.hideicon = false;
     /**
-     * @uiName Hide Text
+     * @uiName Hide the text
      */
     this.hidetext = false;
     stencilHooks_module.h$1(this);
@@ -7184,13 +7166,14 @@ function useShareCode(props) {
   return { ...props, onClick, open, shareString };
 }
 
+const DEFAULT_TOOLTIP_LIFESPAN = 1000;
 const ShareCode = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * This is shown after someone has successfully copied the code to the clipboard.
+     * This is shown after someone has successfully copied the cpde to the clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
@@ -7198,7 +7181,7 @@ const ShareCode = class {
      *
      * @uiName Tooltip lifespan
      */
-    this.tooltiplifespan = 1000;
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -7227,21 +7210,22 @@ function useDemoShareCode(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
+const DEFAULT_TOOLTIP_LIFESPAN$1 = 1000;
 const ShareLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
      * This is shown after someone has successfully copied the link to the clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
      * The number of milliseconds that the tooltip will appear for
      *
-     * @uiName Tooltip Lifespan
+     * @uiName Tooltip lifespan
      */
-    this.tooltiplifespan = 1000;
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN$1;
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -7275,7 +7259,7 @@ const StatContainer = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Space Between Stats
+     * @uiName Space between stats
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
@@ -7364,94 +7348,76 @@ const TaskCard = class {
     this.ignored = true;
     /**
      * @uiName Reward Amount
-     * @uiGroup Reward
      */
     this.rewardAmount = "0";
     /**
      * @uiName Reward Unit
-     * @uiGroup Reward
      */
     this.rewardUnit = "Points";
     /**
      * @uiName Title Text
-     * @uiGroup Task
      */
     this.cardTitle = "Title Text";
     /**
      * @uiName Description Text
-     * @uiGroup Task
      */
     this.description = "";
     /**
      * @uiName Goal Repeatable
-     * @uiGroup Goal
      */
     this.repeatable = false;
     /**
      * The number of times a reward can be earned.  Use zero for no limit (the default).
      *
      * @uiName Repeat Amount
-     * @uiGroup Reward
      */
     this.finite = 0;
     /**
      * @uiName Show Progress Bar
-     * @uiGroup Goal
      */
     this.showProgressBar = false;
     /**
      * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
      *
      * @uiName Goal Completion Number
-     * @uiGroup Goal
      */
     this.goal = 1;
     /**
      * @uiName Progress Bar Steps
-     * @uiGroup Goal
      */
     this.steps = false;
     /**
      * @uiName Progress Bar Unit
-     * @uiGroup Goal
      */
     this.progressBarUnit = "";
     /**
      * @uiName Expiry Date Message
-     * @uiGroup Task
      */
     this.expiryMessage = "Ends {endDate}";
     /**
      * Shown to users before the start of the task duration.
      *
      * @uiName Start Date Message
-     * @uiGroup Task
      */
     this.startsOnMessage = "Starts {startDate}";
     /**
      * Shown to users after the end of the task duration.
      *
      * @uiName Ended Date Message
-     * @uiGroup Task
      */
     this.endedMessage = "Ended {endDate}";
     /**
      * Displays the amount of times that a user has completed a repeatable task.
      *
      * @uiName Completed Count Text
-     * @uiGroup Task
      */
     this.completedText = "Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}";
     /**
      * @uiName CTA Button Text
-     * @uiGroup CTA Button
      */
     this.buttonText = "Complete Action";
     /**
-     * CTA Button Link Opens in New Tab
-     * @uiName Open In New Tab
-     * @uiGroup CTA Button
-     * @default undefined
+     * @uiName CTA Button Link Open in New Tab
      */
     this.openNewTab = false;
     stencilHooks_module.h$1(this);
@@ -7654,12 +7620,11 @@ const UserName = class {
     index.registerInstance(this, hostRef);
     this._ignored = true;
     /**
-     * Fallback name for unknown users
-     * @uiName Fallback Name
+     * @uiName Fallback name for nameless users
      */
     this.fallback = "Anonymous User";
     /**
-     * @uiName Loading Text
+     * @uiName Loading text
      */
     this.loadingText = "...";
     stencilHooks_module.h$1(this);