@saasquatch/mint-components 1.12.0-1 → 1.12.0-3

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

@@ -3,23 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const global = require('./global-c3637175.js');
-const index_module = require('./index.module-b8d9d0ba.js');
-const jsonpointer = require('./jsonpointer-11327262.js');
+const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
+const global = require('./global-e4ebdbcc.js');
+const index_module = require('./index.module-236d0403.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const reRender = require('./re-render-5bde3d2e.js');
-const useChildElements = require('./useChildElements-410d2435.js');
-require('./luxon-05098e19.js');
+const reRender = require('./re-render-5de6631a.js');
+const useChildElements = require('./useChildElements-23beb180.js');
+require('./luxon-20eafbd9.js');
+const index$1 = require('./index-56d1fa5b.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const index$1 = require('./index-8c6255f5.js');
-const useRegistrationFormState = require('./useRegistrationFormState-f9ce55be.js');
-const utilities = require('./utilities-f7de6c04.js');
+const index$2 = require('./index-8c6255f5.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
+const useRegistrationFormState = require('./useRegistrationFormState-e7e820d0.js');
+const utilities = require('./utilities-ac5b5f2c.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const ShadowViewAddon = require('./ShadowViewAddon-88821c64.js');
+const ShadowViewAddon = require('./ShadowViewAddon-13173901.js');
 require('./sqm-portal-container-view-990a85a3.js');
 
 const BigStat = class {
@@ -33,7 +34,7 @@ const BigStat = class {
      */
     this.flexReverse = false;
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -62,7 +63,7 @@ function buildFontsCssUrl(...fonts) {
 const BrandComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -128,7 +129,7 @@ const CardFeed = class {
      * @uiType number
      */
     this.gap = 24;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -236,7 +237,7 @@ const CheckboxField = class {
      * @uiName Optional
      */
     this.checkboxOptional = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -270,7 +271,7 @@ function useCheckboxFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const FuelTankRewardsQuery = index_module.dist.gql `
+const FuelTankRewardsQuery = index$1.dist.gql `
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {
@@ -295,7 +296,7 @@ const FuelTankRewardsQuery = index_module.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = index$1.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -488,7 +489,7 @@ const CouponCode = class {
      * @uiGroup Coupon code error
      */
     this.couponCodePlaceholder = "...";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -588,7 +589,7 @@ const DividedLayout = class {
      * @uiName Border style
      */
     this.dividerStyle = "1px solid #EAEAEA";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -622,7 +623,7 @@ const DropdownField = class {
      * @default
      */
     this.dropdownOptional = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -653,7 +654,7 @@ function useDropdownFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const GET_USER = index_module.dist.gql `
+const GET_USER = index$1.dist.gql `
   query {
     viewer {
       ... on User {
@@ -667,7 +668,7 @@ const GET_USER = index_module.dist.gql `
     }
   }
 `;
-const UPSERT_USER = index_module.dist.gql `
+const UPSERT_USER = index$1.dist.gql `
   mutation (
     $id: String!
     $accountId: String!
@@ -825,7 +826,7 @@ const EditProfile = class {
      * @uiName Form error message
      */
     this.formErrorText = "Please correct the errors below to update your profile.";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -928,7 +929,7 @@ const Hero = class {
      * @uiEnumNames ["Wrap", "Wrap Reverse"]
      */
     this.wrapDirection = "wrap";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   // TODO: Improve empty slot behavior with useChildElements to check for empty slot
@@ -1134,7 +1135,7 @@ const HeroImage = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingImage = "none";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1146,7 +1147,7 @@ const SqmHookStoryContainer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1231,7 +1232,7 @@ const InputField = class {
      * @default
      */
     this.fieldOptional = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1259,7 +1260,7 @@ function useInputFieldDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const GET_LEADERBOARD = index_module.dist.gql `
+const GET_LEADERBOARD = index$1.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1281,7 +1282,7 @@ const GET_LEADERBOARD = index_module.dist.gql `
     }
   }
 `;
-const GET_LEADERBOARD_WITHOUT_NAMES = index_module.dist.gql `
+const GET_LEADERBOARD_WITHOUT_NAMES = index$1.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1301,7 +1302,7 @@ const GET_LEADERBOARD_WITHOUT_NAMES = index_module.dist.gql `
     }
   }
 `;
-const GET_RANK = index_module.dist.gql `
+const GET_RANK = index$1.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1321,7 +1322,7 @@ const GET_RANK = index_module.dist.gql `
     }
   }
 `;
-const GET_RANK_WITHOUT_NAMES = index_module.dist.gql `
+const GET_RANK_WITHOUT_NAMES = index$1.dist.gql `
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -1452,7 +1453,7 @@ const Leaderboard = class {
      */
     this.maxRows = 10;
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
     ShadowViewAddon.withShadowView(this);
   }
   disconnectedCallback() { }
@@ -1628,7 +1629,7 @@ const NameFields = class {
      * @uiName Last name label
      */
     this.lastNameLabel = "Last Name";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1693,7 +1694,7 @@ const NavigationMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -1727,6 +1728,7 @@ const style$2 = {
   PayoutButtonDescription: {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-small)",
+    margin: "0",
   },
 };
 const sheet$2 = JSS.createStyleSheet(style$2);
@@ -1744,10 +1746,17 @@ function PayoutButtonScrollView(props) {
 const PayoutButtonScroll = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * @uiName Payout button text
+     */
     this.payoutButtonText = "Payouts & Tax Settings";
+    /**
+     * Description text under payout button
+     * @uiName Payout button description text
+     */
     this.payoutButtonDescription = "Check your payout settings to see when you’ll get paid out next";
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -1776,11 +1785,29 @@ const style$3 = {
     margin: "0",
     marginBottom: "var(--sl-spacing-small)",
   },
+  WarningAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-yellow-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  InfoAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-blue-500)",
+    },
+  },
 };
 const sheet$3 = JSS.createStyleSheet(style$3);
 const styleString$3 = sheet$3.toString();
 function PayoutStatusAlertView(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const { text, states } = props;
   if (states.loading) {
     return index.h("sl-skeleton", { class: sheet$3.classes.SkeletonOne });
@@ -1796,7 +1823,8 @@ function PayoutStatusAlertView(props) {
           description: text.informationRequiredDescription,
           buttonText: text.verificationRequiredButtonText,
           alertType: "info",
-          icon: "exclamation-octagon",
+          icon: "info-circle",
+          class: sheet$3.classes.InfoAlertContainer,
         };
       case "VERIFICATION_NEEDED":
         return {
@@ -1804,7 +1832,8 @@ function PayoutStatusAlertView(props) {
           description: text.verificationRequiredDescription,
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
-          icon: "exclamation-octagon",
+          icon: "exclamation-triangle",
+          class: sheet$3.classes.WarningAlertContainer,
         };
       case "HOLD":
         return {
@@ -1812,7 +1841,8 @@ function PayoutStatusAlertView(props) {
           description: text.holdDescription,
           buttonText: null,
           alertType: "warning",
-          icon: "exclamation-octagon",
+          icon: "exclamation-triangle",
+          class: sheet$3.classes.WarningAlertContainer,
         };
       default:
         return;
@@ -1831,14 +1861,14 @@ function PayoutStatusAlertView(props) {
   }
   return (index.h("div", { part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString$3),
-    index.h("sqm-form-message", { style: { display: "flex", gap: "2px" }, exportparts: "base: alert-base, icon:alert-icon", type: (_a = getAlert(states.status)) === null || _a === void 0 ? void 0 : _a.alertType },
-      index.h("sl-icon", { slot: "icon", name: (_b = getAlert(states.status)) === null || _b === void 0 ? void 0 : _b.icon }),
-      index.h("strong", null, (_c = getAlert(states.status)) === null || _c === void 0 ? void 0 : _c.header),
-      index.h("p", { class: sheet$3.classes.AlertDescriptionText }, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.description),
+    index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: (_a = getAlert(states.status)) === null || _a === void 0 ? void 0 : _a.alertType, class: (_b = getAlert(states.status)) === null || _b === void 0 ? void 0 : _b.class, open: true },
+      index.h("sl-icon", { slot: "icon", name: (_c = getAlert(states.status)) === null || _c === void 0 ? void 0 : _c.icon }),
+      index.h("strong", null, (_d = getAlert(states.status)) === null || _d === void 0 ? void 0 : _d.header),
+      index.h("p", { class: sheet$3.classes.AlertDescriptionText }, (_e = getAlert(states.status)) === null || _e === void 0 ? void 0 : _e.description),
       getButton(states.status))));
 }
 
-const GET_USER_STATUS = index_module.dist.gql `
+const GET_USER_STATUS = index$1.dist.gql `
   query getUserStatus {
     user: viewer {
       ... on User {
@@ -1889,15 +1919,39 @@ function usePayoutStatus(props) {
 const PayoutStatusAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * @uiName Info required alert header
+     */
     this.informationRequiredHeader = "Payout and tax information required";
+    /**
+     * @uiName Info required alert description
+     */
     this.informationRequiredDescription = "Submit your banking details and tax documents to receive your rewards.";
+    /**
+     * @uiName Info required alert button text
+     */
     this.informationRequiredButtonText = "Payouts & Tax Settings";
+    /**
+     * @uiName Verification required alert header
+     */
     this.verificationRequiredHeader = "Verify your identity";
+    /**
+     * @uiName Verification required alert description
+     */
     this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify.";
+    /**
+     * @uiName Verification required alert button text
+     */
     this.verificationRequiredButtonText = "Start Verification";
+    /**
+     * @uiName Payout on hold alert header
+     */
     this.holdHeader = "Your payouts and account are on hold";
+    /**
+     * @uiName Payout on hold alert description
+     */
     this.holdDescription = "Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to {support email}.";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -2063,7 +2117,7 @@ const PortalChangePassword = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2158,7 +2212,7 @@ const PortalFooter = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingLeft = "large";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2188,7 +2242,7 @@ const PortalFrame = class {
      * @undocumented
      */
     this.notFullScreen = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2310,7 +2364,7 @@ const PortalLogin = class {
      * Displayed when the login fails due to a network error. The participant can try refreshing the page.
      */
     this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2586,7 +2640,7 @@ const PortalRegister = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2684,7 +2738,7 @@ const ProgramExplainer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2755,7 +2809,7 @@ function ProgramExplainerStepView(props) {
 const ProgramExplainerStep = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2798,7 +2852,7 @@ const ProgramMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2920,7 +2974,7 @@ const ReferralCard = class {
      * @uiType boolean
      */
     this.limitWidth = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -2937,7 +2991,7 @@ const ReferralCard = class {
   }
 };
 
-const GET_USER_DETAILS = index_module.dist.gql `
+const GET_USER_DETAILS = index$1.dist.gql `
   query getUser($programId: ID) {
     viewer {
       ... on User {
@@ -2975,7 +3029,7 @@ const SqmReferralIframe = class {
      * @uiName IFrame width
      */
     this.iframeWidth = "100%";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -3608,7 +3662,7 @@ var module$1 = {};
 
 const confetti = module$1.exports;
 
-const GET_EXCHANGE_LIST = index_module.dist.gql `
+const GET_EXCHANGE_LIST = index$1.dist.gql `
   query getExchangeList {
     viewer {
       ... on User {
@@ -3651,7 +3705,7 @@ const GET_EXCHANGE_LIST = index_module.dist.gql `
     }
   }
 `;
-const EXCHANGE = index_module.dist.gql `
+const EXCHANGE = index$1.dist.gql `
   mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
     exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
       reward {
@@ -3944,7 +3998,7 @@ const SqmRewardExchangeList = class {
      * @uiName Cost row title
      */
     this.costTitle = "Cost to Redeem";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4000,7 +4054,7 @@ const debug$1 = stencilHooks_module.browser("sq:useRouter");
 function matchPath(pattern, page) {
   if (!pattern)
     return;
-  const regexp = index$1.pathToRegexp(pattern);
+  const regexp = index$2.pathToRegexp(pattern);
   return regexp.exec(page);
 }
 function useRouter() {
@@ -4078,7 +4132,7 @@ const SqmRouter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4127,7 +4181,7 @@ const ShareButton = class {
      * @uiName Unsupported platform text
      */
     this.unsupportedPlatformText = "Error: not on a supported device";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4150,7 +4204,7 @@ function useDemoShareButton(props) {
 }
 ShareButton.style = sqmShareButtonCss;
 
-const MessageLinkQuery = index_module.dist.gql `
+const MessageLinkQuery = index$1.dist.gql `
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -4159,7 +4213,7 @@ const MessageLinkQuery = index_module.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT$1 = index_module.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT$1 = index$1.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -4234,7 +4288,7 @@ const ShareCode = class {
      * @uiEnumNames ["Icon", "Button outside", "Button below"]
      */
     this.buttonStyle = "icon";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4303,7 +4357,7 @@ const ShareLink = class {
      * @uiEnumNames ["Icon", "Button outside", "Button below"]
      */
     this.buttonStyle = "icon";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4353,7 +4407,7 @@ const StatContainer = class {
      * @uiEnumNames ["Grid", "Flex"]
      */
     this.display = "grid";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4361,7 +4415,7 @@ const StatContainer = class {
   }
 };
 
-const SEND_EVENT = index_module.dist.gql `
+const SEND_EVENT = index$1.dist.gql `
   mutation taskCardEvent($userEventInput: UserEventInput!) {
     logUserEvent(userEventInput: $userEventInput) {
       userId
@@ -4511,7 +4565,7 @@ const TaskCard = class {
      * @uiGroup Button
      */
     this.hideButton = false;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4551,7 +4605,7 @@ const Timeline = class {
      * @uiEnumNames ["Gift", "Circle"]
      */
     this.icon = "gift";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -4665,7 +4719,7 @@ const TimelineReward = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     this.iconState = "gift";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   async setIcon(value) {
     this.iconState = value;
@@ -4681,7 +4735,7 @@ function UserNameView(props) {
   return index.h(index.Host, null, props.loading ? props.loadingText : props.username);
 }
 
-const GET_USER_NAME = index_module.dist.gql `
+const GET_USER_NAME = index$1.dist.gql `
   query getUserName {
     viewer {
       ... on User {
@@ -4719,7 +4773,7 @@ const UserName = class {
      * @uiName Loading text
      */
     this.loadingText = "...";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-close-button.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
+const index_module = require('./index.module-236d0403.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-fd6e8f60.js');
@@ -18,7 +18,7 @@ const CloseButton = class {
      * @uiType string
      */
     this.color = "#000000";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {