@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/esm/{AutoColor-9281c94b.js → AutoColor-5d891803.js}

@@ -1,14 +1,14 @@
-import { h, c as Host, d as getAssetPath } from './index-2c5a6587.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { h, c as Host, d as getAssetPath } from './index-17b4da69.js';
+import { k as useState } from './stencil-hooks.module-2f159754.js';
+import { i as intl } from './global-6bd9287e.js';
+import { d as dist, M, n as ne, x, b as mn, D as De, f as D } from './index.module-ec3dcc82.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-10353a39.js';
-import { d as dist, M, i as ie, R as Rn, b as sn, q as qe, k as kn } from './index.module-983975d9.js';
-import { k as useState } from './stencil-hooks.module-1bcbec4f.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-72c8b457.js';
-import { P as PortalSectionView } from './sqm-portal-section-view-5a3d3829.js';
-import { T as TextSpanView } from './sqm-text-span-view-be532a94.js';
-import { l as luxon } from './luxon-afa282c2.js';
-import { i as intl } from './global-cc738e38.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { l as luxon } from './luxon-5fa22651.js';
 import { l as luxonLocale } from './utils-1d345130.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-cf79ed90.js';
+import { P as PortalSectionView } from './sqm-portal-section-view-d3098f7f.js';
 
 function ShareButtonView(props, children) {
   const vanillaStyle = `
@@ -41,23 +41,23 @@ function ShareButtonView(props, children) {
       !props.hidetext && children)));
 }
 
-const style$6 = {
+const style = {
   HostBlock: HostBlock,
   inputStyle: {
     "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
   },
 };
-const sheet$6 = createStyleSheet(style$6);
-const styleString$6 = sheet$6.toString();
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
 function ShareLinkView(props) {
   return (h("div", null,
-    h("style", { type: "text/css" }, styleString$6),
+    h("style", { type: "text/css" }, styleString),
     h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
-      h("sl-input", { class: sheet$6.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
+      h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
         h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
 }
 
-const style$5 = {
+const style$1 = {
   HostBlock: HostBlock,
   ":host": {
     "min-height": "100vh",
@@ -95,17 +95,17 @@ const style$5 = {
     },
   },
 };
-const sheet$5 = createStyleSheet(style$5);
-const styleString$5 = sheet$5.toString();
+const sheet$1 = createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
 function PortalFrameView(props, children) {
   const { data } = props;
-  return (h("div", { class: sheet$5.classes.Frame },
-    h("style", { type: "text/css" }, styleString$5),
-    h("div", { class: sheet$5.classes.HeaderWrapper },
+  return (h("div", { class: sheet$1.classes.Frame },
+    h("style", { type: "text/css" }, styleString$1),
+    h("div", { class: sheet$1.classes.HeaderWrapper },
       data.header,
       h("slot", { name: "sqm-navigation-menu" })),
     children,
-    h("div", { class: sheet$5.classes.FooterWrapper }, data.footer)));
+    h("div", { class: sheet$1.classes.FooterWrapper }, data.footer)));
 }
 
 const EditProfileView = (props) => {
@@ -162,7 +162,7 @@ const EditProfileView = (props) => {
       }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
 };
 
-const MessageLinkQuery$1 = dist.gql `
+const MessageLinkQuery = dist.gql `
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -179,10 +179,10 @@ const WIDGET_ENGAGEMENT_EVENT = dist.gql `
 function useShareLink(props) {
   var _a, _b;
   const { programId = M() } = props;
-  const user = ie();
-  const engagementMedium = Rn();
-  const { data } = sn(MessageLinkQuery$1, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = qe(WIDGET_ENGAGEMENT_EVENT);
+  const user = ne();
+  const engagementMedium = x();
+  const { data } = mn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = De(WIDGET_ENGAGEMENT_EVENT);
   const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -209,7 +209,7 @@ function useShareLink(props) {
   return { ...props, onClick, open, shareString };
 }
 
-const MessageLinkQuery = dist.gql `
+const MessageLinkQuery$1 = dist.gql `
   query (
     $programId: ID
     $engagementMedium: UserEngagementMedium!
@@ -261,24 +261,23 @@ function FacebookShare(directLink, res) {
 }
 function GenericShare(res) {
   var _a, _b;
-  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink)
-    ? window.open(res.data.viewer.messageLink)
+  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
     : alert("error: message link undefined!");
 }
 function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : M();
-  const user = ie();
+  const user = ne();
   const variables = {
-    engagementMedium: Rn(),
+    engagementMedium: x(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = sn(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = mn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
-  const environment = kn();
+  const environment = D();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
@@ -367,7 +366,7 @@ function PortalChangePasswordView(props) {
       h("style", { type: "text/css" }, styleString))));
 }
 
-const style$4 = {
+const style$2 = {
   Wrapper: AuthWrapper,
   Column: AuthColumn,
   ForgotButtonContainer: {
@@ -380,7 +379,7 @@ const style$4 = {
   },
   ButtonsContainer: AuthButtonsContainer,
 };
-const vanillaStyle$1 = `
+const vanillaStyle = `
 :host {
   display: block;
 }
@@ -388,23 +387,23 @@ const vanillaStyle$1 = `
   display: none;
 }
 `;
-const sheet$4 = createStyleSheet(style$4);
-const styleString$4 = sheet$4.toString();
+const sheet$2 = createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
 function PortalLoginView(props) {
   const { states, callbacks, content } = props;
-  return (h("div", { class: sheet$4.classes.Wrapper },
+  return (h("div", { class: sheet$2.classes.Wrapper },
     h("style", { type: "text/css" },
-      vanillaStyle$1,
-      styleString$4),
+      vanillaStyle,
+      styleString$2),
     h(TextSpanView, { type: "h3" }, content.pageLabel),
-    h("sl-form", { class: sheet$4.classes.Column, "onSl-submit": callbacks.submit },
+    h("sl-form", { class: sheet$2.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
       h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", null,
         h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        h("div", { class: sheet$4.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      h("div", { class: sheet$4.classes.ButtonsContainer },
+        h("div", { class: sheet$2.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      h("div", { class: sheet$2.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
         content.secondaryButton))));
 }
@@ -420,7 +419,7 @@ const style$3 = {
   ButtonsContainer: AuthButtonsContainer,
   ErrorStyle: ErrorStyles,
 };
-const vanillaStyle = `
+const vanillaStyle$1 = `
 sqm-portal-register {
   margin: 0 auto;
   width: 100%;
@@ -445,7 +444,7 @@ function PortalRegisterView(props) {
   }
   return (h("div", { class: sheet$3.classes.Wrapper },
     h("style", { type: "text/css" },
-      vanillaStyle,
+      vanillaStyle$1,
       styleString$3),
     h(TextSpanView, { type: "h3" }, content.pageLabel),
     h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
@@ -460,21 +459,19 @@ function PortalRegisterView(props) {
           if (!value.includes("@")) {
             return "Must be a valid email address";
           }
-        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email)
-        ? {
-          class: sheet$3.classes.ErrorStyle,
-          helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
-            "Cannot be empty",
-        }
+        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        class: sheet$3.classes.ErrorStyle,
+        helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+          "Cannot be empty",
+      }
         : [])))),
       !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
       content.passwordField,
-      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword)
-        ? {
-          class: sheet$3.classes.ErrorStyle,
-          helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
-            "Cannot be empty",
-        }
+      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
+        class: sheet$3.classes.ErrorStyle,
+        helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
+          "Cannot be empty",
+      }
         : [])))),
       content.terms,
       h("div", { class: sheet$3.classes.ButtonsContainer },
@@ -482,7 +479,7 @@ function PortalRegisterView(props) {
         content.secondaryButton))));
 }
 
-const style$2 = {
+const style$4 = {
   Description: {
     "& input[type=checkbox]": {
       display: "none",
@@ -521,20 +518,20 @@ const style$2 = {
     },
   },
 };
-const sheet$2 = createStyleSheet(style$2);
-const styleString$2 = sheet$2.toString();
+const sheet$4 = createStyleSheet(style$4);
+const styleString$4 = sheet$4.toString();
 function Details(props) {
   const rid = Math.random().toString(36).slice(2);
   return (h("div", null,
-    h("style", { type: "text/css" }, styleString$2),
-    h("span", { class: sheet$2.classes.Description },
+    h("style", { type: "text/css" }, styleString$4),
+    h("span", { class: sheet$4.classes.Description },
       h("input", { type: "checkbox", id: "details-" + rid }),
       h("label", { class: "details", htmlFor: "details-" + rid },
         h("sl-icon", { name: "chevron-down" })),
       h("span", { class: "summary", "progress-bar": props.progressBar }, props.content.description))));
 }
 
-const Gift$1 = () => {
+const Gift = () => {
   return (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     h("path", { d: "M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z", fill: "#F2C94C" }),
     h("path", { d: "M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z", fill: "#F2C94C" }),
@@ -542,7 +539,7 @@ const Gift$1 = () => {
     h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z", fill: "#EB5757" })));
 };
 
-const style$1 = {
+const style$5 = {
   ProgressBar: {
     "& .progress-bar": {
       height: "0",
@@ -651,8 +648,8 @@ const style$1 = {
     },
   },
 };
-const sheet$1 = createStyleSheet(style$1, { classNamePrefix: "sqm-prog-bar" });
-const styleString$1 = sheet$1.toString();
+const sheet$5 = createStyleSheet(style$5, { classNamePrefix: "sqm-prog-bar" });
+const styleString$5 = sheet$5.toString();
 function ProgressBarView(props) {
   var _a;
   const { progress = 0, goal = 1, steps = false, progressBarUnit = "", repeatable = false, expired = false, finite = 0, } = props;
@@ -661,8 +658,8 @@ function ProgressBarView(props) {
   //@ts-ignore
   console.log("PROGRESS BAR PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
   console.log({ props });
-  return (h("div", { class: sheet$1.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
-    h("style", { type: "text/css" }, styleString$1),
+  return (h("div", { class: sheet$5.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
+    h("style", { type: "text/css" }, styleString$5),
     h("div", { class: (!Boolean(finite) && progress >= 2 * goal) ||
         (Boolean(finite) && progress > 2 * goal)
         ? "progress-bar repeatable-steps"
@@ -713,14 +710,14 @@ function addSteps({ progress, goal }) {
     columns.push("0fr");
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: "progress bg" }, goal));
-    items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift" }, h(Gift, null)));
   }
   // reward fail
   else {
     columns.push("0fr");
     items.push(h("div", { class: "remain" }));
     items.push(h("div", { class: "empty bg" }, goal));
-    items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift bw" }, h(Gift, null)));
   }
   return {
     items,
@@ -740,10 +737,10 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
     items.push(h("div", { class: "remain" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal));
     items.push(h("div", { class: progress == goal ? "gift" : "gift bw" },
-      h(Gift$1, null)));
+      h(Gift, null)));
     items.push(h("div", { class: "remain" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * 2));
-    items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift bw" }, h(Gift, null)));
   }
   // single repetition
   else if (repetitions == 1) {
@@ -751,18 +748,18 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
       "0.5fr 0fr 0fr " + ratio + "fr 0fr " + (0.5 - ratio) + "fr 0fr 0fr";
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal));
-    items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift" }, h(Gift, null)));
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: progress == goal ? "progress top bg" : "progress top" }, progress == goal ? "" : progressBarUnit + progress));
     items.push(h("div", { class: "remain" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * 2));
-    items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift bw" }, h(Gift, null)));
   }
   // finite repetition hit
   else if (finite && repetitions >= finite) {
     if (repetitions > 2) {
       items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * (finite - 2)));
-      items.push(h("div", { class: "gift start" }, h(Gift$1, null)));
+      items.push(h("div", { class: "gift start" }, h(Gift, null)));
       columns = "0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr";
     }
     else {
@@ -770,10 +767,10 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
     }
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * (finite - 1)));
-    items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift" }, h(Gift, null)));
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * finite));
-    items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift" }, h(Gift, null)));
   }
   // multiple repetitions
   else {
@@ -784,15 +781,15 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
         (0.5 - ratio) +
         "fr 0fr 0fr";
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * (repetitions - 1)));
-    items.push(h("div", { class: "gift start" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift start" }, h(Gift, null)));
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * repetitions));
-    items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift" }, h(Gift, null)));
     items.push(h("div", { class: "filled" }));
     items.push(h("div", { class: progress == goal * repetitions ? "progress top bg" : "progress top" }, progress == goal * repetitions ? "" : progressBarUnit + progress));
     items.push(h("div", { class: "remain" }));
     items.push(h("div", { class: "progress bg" }, progressBarUnit + goal * (repetitions + 1)));
-    items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift bw" }, h(Gift, null)));
   }
   return { items, columns };
 }
@@ -811,14 +808,14 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(h("div", { class: "remain" }));
           items.push(h("div", { class: "empty bg" }, goal));
-          items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+          items.push(h("div", { class: "gift bw" }, h(Gift, null)));
         }
         else if (i == goal * 2) {
           columns.push("0fr");
           columns.push("0fr");
           items.push(h("div", { class: "remain" }));
           items.push(h("div", { class: "empty bg" }, goal * 2));
-          items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+          items.push(h("div", { class: "gift bw" }, h(Gift, null)));
         }
         else {
           items.push(h("div", { class: "remain" }));
@@ -829,7 +826,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
         columns.push("0fr");
         items.push(h("div", { class: "filled" }));
         items.push(h("div", { class: "progress bg" }, i));
-        items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+        items.push(h("div", { class: "gift" }, h(Gift, null)));
       }
       else {
         items.push(h("div", { class: "filled" }));
@@ -844,7 +841,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
       columns.push("0fr");
       columns.push("0fr");
       items.push(h("div", { class: "progress bg" }, goal * (finite - 2)));
-      items.push(h("div", { class: "gift start" }, h(Gift$1, null)));
+      items.push(h("div", { class: "gift start" }, h(Gift, null)));
     }
     for (let i = 1; i < goal * 2 + 1; i++) {
       columns.push(ratio + "fr");
@@ -854,21 +851,21 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(h("div", { class: "remain" }));
           items.push(h("div", { class: "progress bg" }, goal * (finite - 1)));
-          items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+          items.push(h("div", { class: "gift bw" }, h(Gift, null)));
         }
       }
       else if (i == goal) {
         columns.push("0fr");
         items.push(h("div", { class: "filled" }));
         items.push(h("div", { class: "progress bg" }, goal * (finite - 1)));
-        items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+        items.push(h("div", { class: "gift" }, h(Gift, null)));
       }
       else if (i == goal * 2) {
         columns.push("0fr");
         columns.push("0fr");
         items.push(h("div", { class: "filled" }));
         items.push(h("div", { class: "progress bg" }, goal * finite));
-        items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+        items.push(h("div", { class: "gift" }, h(Gift, null)));
       }
       else {
         items.push(h("div", { class: "filled" }));
@@ -883,7 +880,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
     columns.push("0fr");
     columns.push("0fr");
     items.push(h("div", { class: "progress bg" }, goal * (repetitions - 1)));
-    items.push(h("div", { class: "gift start" }, h(Gift$1, null)));
+    items.push(h("div", { class: "gift start" }, h(Gift, null)));
     for (let i = 1; i < goal * 2 + 1; i++) {
       columns.push(ratio + "fr");
       columns.push("0fr");
@@ -892,7 +889,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(h("div", { class: "filled" }));
           items.push(h("div", { class: "progress bg" }, i + goal * (repetitions - 1)));
-          items.push(h("div", { class: "gift" }, h(Gift$1, null)));
+          items.push(h("div", { class: "gift" }, h(Gift, null)));
         }
         else {
           items.push(h("div", { class: "filled" }));
@@ -905,7 +902,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(h("div", { class: "remain" }));
           items.push(h("div", { class: "empty bg" }, i + goal * (repetitions - 1)));
-          items.push(h("div", { class: "gift bw" }, h(Gift$1, null)));
+          items.push(h("div", { class: "gift bw" }, h(Gift, null)));
         }
         else {
           items.push(h("div", { class: "remain" }));
@@ -933,7 +930,7 @@ function addLinear({ progress, goal, progressBarUnit, }) {
   items.push(h("div", { class: "remain" }));
   items.push(h("div", { class: "progress bg" }, progressBarUnit + goal));
   items.push(h("div", { class: clamp(progress, 0, goal) == goal ? "gift" : "gift bw" },
-    h(Gift$1, null)));
+    h(Gift, null)));
   return { items, columns };
 }
 function clamp(x, min, max) {
@@ -954,7 +951,7 @@ const arrow_left_right = () => {
     h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z", fill: "currentColor" })));
 };
 
-const style = {
+const style$6 = {
   TaskCard: {
     display: "inline-block",
     width: "100%",
@@ -1105,8 +1102,8 @@ const style = {
     },
   },
 };
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
+const sheet$6 = createStyleSheet(style$6);
+const styleString$6 = sheet$6.toString();
 function TaskCardView(props) {
   var _a, _b, _c;
   console.log("TASK CARD PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
@@ -1144,11 +1141,11 @@ function TaskCardView(props) {
 		margin-bottom: var(--sl-spacing-large);
 	}
   `;
-  return (h("div", { class: sheet.classes.TaskCard },
+  return (h("div", { class: sheet$6.classes.TaskCard },
     h("style", { type: "text/css" },
-      styleString,
+      styleString$6,
       vanillaStyle),
-    !states.loading && taskNotStarted && (h("div", { class: sheet.classes.NotStarted },
+    !states.loading && taskNotStarted && (h("div", { class: sheet$6.classes.NotStarted },
       h("span", { class: "icon" },
         h("sl-icon", { name: "info-circle-fill" })),
       intl.formatMessage({
@@ -1159,7 +1156,7 @@ function TaskCardView(props) {
           .setLocale(luxonLocale(states.locale))
           .toLocaleString(luxon.DateTime.DATETIME_MED),
       }))),
-    !states.loading && taskEnded && (h("div", { class: sheet.classes.Ended },
+    !states.loading && taskEnded && (h("div", { class: sheet$6.classes.Ended },
       h("span", { class: "icon" },
         h("sl-icon", { name: "exclamation-triangle-fill" })),
       intl.formatMessage({
@@ -1179,7 +1176,7 @@ function TaskCardView(props) {
           ? "main complete"
           : "main" },
       h("div", { class: taskComplete || taskUnavailable ? "container subdued" : "container" },
-        h("div", { class: sheet.classes.Header }, states.loading ? (h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (h("div", null,
+        h("div", { class: sheet$6.classes.Header }, states.loading ? (h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (h("div", null,
           showComplete && (h("span", { class: taskUnavailable ? "icon neutral" : "icon" }, taskComplete ? checkmark_filled$1 : checkmark_circle$1)),
           h("span", { class: "value" }, content.rewardAmount),
           h("span", { class: "text" }, content.rewardUnit)))),
@@ -1194,7 +1191,7 @@ function TaskCardView(props) {
           } }, content.cardTitle)),
         states.loading ? (h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.description && h(Details, Object.assign({}, props))),
         content.showProgressBar && states.loading ? (h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.showProgressBar && (h(ProgressBarView, Object.assign({}, props.content, props.states, { complete: taskComplete, expired: taskUnavailable })))),
-        h("div", { class: sheet.classes.Footer }, states.loading ? (h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (h("div", { style: { display: "contents" } },
+        h("div", { class: sheet$6.classes.Footer }, states.loading ? (h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (h("div", { style: { display: "contents" } },
           h("span", { class: "text" },
             content.repeatable && (h("div", null,
               h("span", { class: repetitions > 0
@@ -1262,7 +1259,7 @@ const CheckMark = () => (h("svg", { width: 12, height: 10, fill: "none", xmlns:
 const CheckmarkFilled = () => (h("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z", fill: "currentColor" }),
   h("path", { d: "M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z", fill: "white" })));
-const Gift = () => (h("svg", { width: 156, height: 157, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const Gift$1 = () => (h("svg", { width: 156, height: 157, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z", fill: "#FFD34F" }),
   h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M37.18 73.862v7.966h89.663v-7.966H37.18Z", fill: "#E9BB30" }),
   h("path", { d: "M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z", fill: "#FFC000" }),
@@ -1786,7 +1783,7 @@ function RewardExchangeView(props) {
     var _a, _b, _c, _d, _e;
     console.log("success");
     return (h("div", { class: sheet.classes.Success },
-      h(Gift, null),
+      h(Gift$1, null),
       h(Confetti, null),
       h("div", { class: "title" }, states.content.text.rewardRedeemedText),
       h("div", { class: "description" }, intl.formatMessage({
@@ -1794,8 +1791,7 @@ function RewardExchangeView(props) {
         defaultMessage: states.content.text.redemptionSuccessText,
       }, {
         sourceValue: (_a = states.selectedItem.prettySourceValue) !== null && _a !== void 0 ? _a : (_b = states.selectedStep) === null || _b === void 0 ? void 0 : _b.prettySourceValue,
-        destinationValue: ((_c = states.selectedStep) === null || _c === void 0 ? void 0 : _c.prettyDestinationValue) ||
-          ((_d = states.selectedItem) === null || _d === void 0 ? void 0 : _d.name) ||
+        destinationValue: ((_c = states.selectedStep) === null || _c === void 0 ? void 0 : _c.prettyDestinationValue) || ((_d = states.selectedItem) === null || _d === void 0 ? void 0 : _d.name) ||
           states.selectedItem.globalRewardKey,
       })),
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (h("div", { style: {
@@ -1926,7 +1922,7 @@ const lScale = [
   0.32,
   0.25,
   0.18,
-  0.15, //weight 950
+  0.15,
 ];
 // https://github.com/ricokahler/color2k/blob/main/src/parseToRgba.ts
 const hslaRegex = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;

package/dist/esm/{GenericTableView-e4257466.js → GenericTableView-5de898c3.js}

@@ -1,6 +1,6 @@
-import { h } from './index-2c5a6587.js';
+import { h } from './index-17b4da69.js';
 import { g as gap } from './mixins-10353a39.js';
-import { c as createStyleSheet } from './JSS-df9ea8a0.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 function GenericTableView(props) {
   const { states, data, callbacks, elements } = props;
@@ -98,10 +98,9 @@ function GenericTableView(props) {
       h("tbody", null,
         show === "loading" && elements.loadingElement,
         show === "empty" && elements.emptyElement,
-        show === "rows" &&
-          (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", { style: {
-              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-            }, part: "table-row" }, row.map((cell, j) => (h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
+        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", { style: {
+            borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
+          }, part: "table-row" }, row.map((cell, j) => (h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
     h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
       h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
       h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));