@saasquatch/mint-components 1.7.0-25 → 1.7.0-27

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 (63) hide show
  1. package/dist/cjs/{ShadowViewAddon-4a5931a3.js → ShadowViewAddon-a4452d66.js} +4 -9
  2. package/dist/cjs/sqm-big-stat_35.cjs.entry.js +3 -2
  3. package/dist/cjs/sqm-empty_5.cjs.entry.js +1 -1
  4. package/dist/cjs/{sqm-navigation-sidebar-view-b1227827.js → sqm-navigation-sidebar-view-175a9797.js} +2 -4
  5. package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js +1 -1
  6. package/dist/cjs/{sqm-portal-container-view-493750ed.js → sqm-portal-container-view-12e5a56d.js} +0 -1
  7. package/dist/cjs/{sqm-portal-profile-view-8c67ee17.js → sqm-portal-profile-view-f48d1d11.js} +3 -3
  8. package/dist/cjs/sqm-portal-profile.cjs.entry.js +1 -1
  9. package/dist/cjs/sqm-stencilbook.cjs.entry.js +4 -4
  10. package/dist/collection/components/sqm-divided-layout/sqm-divided-layout-view.js +1 -0
  11. package/dist/collection/components/sqm-navigation-sidebar/sqm-navigation-sidebar-view.js +2 -4
  12. package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js +0 -1
  13. package/dist/collection/components/sqm-portal-frame/sqm-portal-frame-view.js +0 -4
  14. package/dist/collection/components/sqm-portal-profile/sqm-portal-profile-view.js +3 -3
  15. package/dist/collection/components/sqm-share-link/sqm-share-link-view.js +3 -4
  16. package/dist/collection/stories/NewPortal.stories.js +0 -14
  17. package/dist/esm/{ShadowViewAddon-a8b1c0b3.js → ShadowViewAddon-c64fb274.js} +4 -9
  18. package/dist/esm/sqm-big-stat_35.entry.js +3 -2
  19. package/dist/esm/sqm-empty_5.entry.js +1 -1
  20. package/dist/esm/{sqm-navigation-sidebar-view-d9ed7669.js → sqm-navigation-sidebar-view-0e0fb4c0.js} +2 -4
  21. package/dist/esm/sqm-navigation-sidebar.entry.js +1 -1
  22. package/dist/esm/{sqm-portal-container-view-91ebc9fd.js → sqm-portal-container-view-e82d4877.js} +0 -1
  23. package/dist/esm/{sqm-portal-profile-view-69e38ea8.js → sqm-portal-profile-view-3d320321.js} +3 -3
  24. package/dist/esm/sqm-portal-profile.entry.js +1 -1
  25. package/dist/esm/sqm-stencilbook.entry.js +4 -4
  26. package/dist/esm-es5/ShadowViewAddon-c64fb274.js +1 -0
  27. package/dist/esm-es5/sqm-big-stat_35.entry.js +1 -1
  28. package/dist/esm-es5/sqm-empty_5.entry.js +1 -1
  29. package/dist/esm-es5/sqm-navigation-sidebar-view-0e0fb4c0.js +1 -0
  30. package/dist/esm-es5/sqm-navigation-sidebar.entry.js +1 -1
  31. package/dist/esm-es5/{sqm-portal-container-view-91ebc9fd.js → sqm-portal-container-view-e82d4877.js} +1 -1
  32. package/dist/esm-es5/{sqm-portal-profile-view-69e38ea8.js → sqm-portal-profile-view-3d320321.js} +0 -0
  33. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  34. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  35. package/dist/mint-components/mint-components.esm.js +1 -1
  36. package/dist/mint-components/{p-06deec25.system.entry.js → p-00097aa8.system.entry.js} +1 -1
  37. package/dist/mint-components/{p-fe765207.system.entry.js → p-002526c7.system.entry.js} +1 -1
  38. package/dist/mint-components/p-135c9a4d.system.js +1 -1
  39. package/dist/mint-components/{p-0b17553e.js → p-1c93ea86.js} +18 -18
  40. package/dist/mint-components/{p-bd982a0c.system.entry.js → p-2048b948.system.entry.js} +1 -1
  41. package/dist/mint-components/{p-8c25535f.js → p-31becacb.js} +1 -1
  42. package/dist/mint-components/p-522e9443.system.entry.js +1 -0
  43. package/dist/mint-components/{p-12f4e7a6.system.js → p-77d02813.system.js} +1 -1
  44. package/dist/mint-components/{p-41b92267.system.entry.js → p-7ba2d3df.system.entry.js} +1 -1
  45. package/dist/mint-components/{p-097f879f.entry.js → p-82808457.entry.js} +1 -1
  46. package/dist/mint-components/{p-a14b1b2b.entry.js → p-90db5100.entry.js} +1 -1
  47. package/dist/mint-components/{p-58fd81b1.entry.js → p-a2afc380.entry.js} +1 -1
  48. package/dist/mint-components/p-a5027756.entry.js +1 -0
  49. package/dist/mint-components/p-bd6c1c27.system.js +1 -0
  50. package/dist/mint-components/p-e8813401.js +1 -0
  51. package/dist/mint-components/{p-bd88d544.entry.js → p-ed9f07b8.entry.js} +1 -1
  52. package/dist/mint-components/p-ef1e5e21.system.js +1 -0
  53. package/dist/mint-components/{p-561b9e17.js → p-f089f53b.js} +0 -0
  54. package/dist/mint-components/{p-b0c172c3.system.js → p-f3cfbdaf.system.js} +0 -0
  55. package/docs/docs.docx +0 -0
  56. package/package.json +1 -1
  57. package/dist/esm-es5/ShadowViewAddon-a8b1c0b3.js +0 -1
  58. package/dist/esm-es5/sqm-navigation-sidebar-view-d9ed7669.js +0 -1
  59. package/dist/mint-components/p-4264a9af.js +0 -1
  60. package/dist/mint-components/p-555abade.entry.js +0 -1
  61. package/dist/mint-components/p-5afb250c.system.js +0 -1
  62. package/dist/mint-components/p-9696d846.system.entry.js +0 -1
  63. package/dist/mint-components/p-ed29670c.system.js +0 -1
@@ -11,7 +11,7 @@ const useChildElements = require('./useChildElements-24fbca82.js');
11
11
  const luxon = require('./luxon-479fc825.js');
12
12
  const utils = require('./utils-8ef4fe4a.js');
13
13
  const sqmTextSpanView = require('./sqm-text-span-view-b0c90c27.js');
14
- const sqmPortalContainerView = require('./sqm-portal-container-view-493750ed.js');
14
+ const sqmPortalContainerView = require('./sqm-portal-container-view-12e5a56d.js');
15
15
 
16
16
  const medium = {
17
17
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -189,16 +189,15 @@ function LeaderboardView(props) {
189
189
  }
190
190
 
191
191
  const style$2 = {
192
- Container: { maxWidth: "100%", boxSizing: "border-box" },
193
- HostBlock: { ...mixins.HostBlock, maxWidth: "100%", boxSizing: "border-box" },
192
+ HostBlock: mixins.HostBlock,
194
193
  inputStyle: {
195
- "&::part(base)": { boxSizing: "border-box", maxWidth: "100%", background: "white", opacity: "1", cursor: "pointer" },
194
+ "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
196
195
  },
197
196
  };
198
197
  const sheet$2 = JSS.createStyleSheet(style$2);
199
198
  const styleString$2 = sheet$2.toString();
200
199
  function ShareLinkView(props) {
201
- return (index.h("div", { class: sheet$2.classes.Container },
200
+ return (index.h("div", null,
202
201
  index.h("style", { type: "text/css" }, styleString$2),
203
202
  index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
204
203
  index.h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
@@ -242,10 +241,6 @@ function BigStatView(props) {
242
241
 
243
242
  const style$3 = {
244
243
  HostBlock: mixins.HostBlock,
245
- // ":host": {
246
- // maxWidth: "fit-content",
247
- // "box-sizing": "border-box",
248
- // },
249
244
  Frame: {
250
245
  display: "flex",
251
246
  "flex-direction": "column",
@@ -18,8 +18,8 @@ const utils = require('./utils-8ef4fe4a.js');
18
18
  require('./sqm-text-span-view-b0c90c27.js');
19
19
  const AsYouType = require('./AsYouType-6788393a.js');
20
20
  const useRegistrationFormState = require('./useRegistrationFormState-3f88db90.js');
21
- const ShadowViewAddon = require('./ShadowViewAddon-4a5931a3.js');
22
- require('./sqm-portal-container-view-493750ed.js');
21
+ const ShadowViewAddon = require('./ShadowViewAddon-a4452d66.js');
22
+ require('./sqm-portal-container-view-12e5a56d.js');
23
23
 
24
24
  const BigStat = class {
25
25
  constructor(hostRef) {
@@ -292,6 +292,7 @@ function DividedLayoutView(props, children) {
292
292
  };
293
293
  const hostStyle = `
294
294
  display: flex;
295
+ flex: 1;
295
296
  box-sizing: border-box;
296
297
  flex-direction: ${props.direction};
297
298
  background-color: var(--sqm-content-background);
@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
7
7
  const JSS = require('./JSS-c73206b7.js');
8
8
  const utils = require('./utils-8ef4fe4a.js');
9
- const sqmPortalContainerView = require('./sqm-portal-container-view-493750ed.js');
9
+ const sqmPortalContainerView = require('./sqm-portal-container-view-12e5a56d.js');
10
10
 
11
11
  function EmptyStateView(props) {
12
12
  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
@@ -67,7 +67,7 @@ const vanillaStyle = `
67
67
  border-right: 1px solid #eaeaea;
68
68
  padding-top: 60px;
69
69
  background: white;
70
- width: 70vw;
70
+ width: 100vw;
71
71
  height: 100vh;
72
72
  position: absolute;
73
73
  top: 0;
@@ -144,9 +144,7 @@ const vanillaStyle = `
144
144
  }
145
145
  }
146
146
  `;
147
- function NavigationSidebarView(
148
- // @ts-ignore
149
- props, children) {
147
+ function NavigationSidebarView(props, children) {
150
148
  return (index.h("div", { class: "container" },
151
149
  index.h("style", null, vanillaStyle),
152
150
  index.h("input", Object.assign({ type: "checkbox", class: "toggler" }, props)),
@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
6
6
  const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
7
7
  require('./use-callback-5d15897d.js');
8
8
  const index_module = require('./index.module-d3a28293.js');
9
- const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-b1227827.js');
9
+ const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-175a9797.js');
10
10
 
11
11
  const NavigationSidebar = class {
12
12
  constructor(hostRef) {
@@ -44,7 +44,6 @@ function PortalContainerView(props, children) {
44
44
  :host{
45
45
  width: 100%;
46
46
  display: block;
47
- // box-sizing: border-box;
48
47
  }`;
49
48
  const sheet = JSS.createStyleSheet(style);
50
49
  const styleString = sheet.toString();
@@ -25,7 +25,7 @@ function PortalProfileView(props) {
25
25
  },
26
26
  "@media screen and (max-width: 1100px)": {
27
27
  minWidth: "100%",
28
- }
28
+ },
29
29
  },
30
30
  Error: {
31
31
  "&::part(erroralert-base)": {
@@ -50,8 +50,8 @@ function PortalProfileView(props) {
50
50
  width: "100%",
51
51
  "@media screen and (max-width: 860px)": {
52
52
  flexDirection: "column",
53
- }
54
- }
53
+ },
54
+ },
55
55
  };
56
56
  const sheet = JSS.createStyleSheet(style);
57
57
  const styleString = sheet.toString();
@@ -11,7 +11,7 @@ const cjs = require('./cjs-1066ec21.js');
11
11
  require('./JSS-c73206b7.js');
12
12
  const utils = require('./utils-8ef4fe4a.js');
13
13
  require('./sqm-text-span-view-b0c90c27.js');
14
- const sqmPortalProfileView = require('./sqm-portal-profile-view-8c67ee17.js');
14
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-f48d1d11.js');
15
15
 
16
16
  const GET_USER = index_module.dist.gql `
17
17
  query {
@@ -18,16 +18,16 @@ require('./sqm-text-span-view-b0c90c27.js');
18
18
  const sqmAssetCardView = require('./sqm-asset-card-view-7e16757a.js');
19
19
  const sqmHeroView = require('./sqm-hero-view-f4264d5e.js');
20
20
  const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
21
- const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-b1227827.js');
21
+ const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-175a9797.js');
22
22
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-46a53c67.js');
23
23
  const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-56d07e94.js');
24
24
  const sqmPortalFooterView = require('./sqm-portal-footer-view-cbd4cd48.js');
25
25
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-aaa8dd17.js');
26
- const sqmPortalProfileView = require('./sqm-portal-profile-view-8c67ee17.js');
26
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-f48d1d11.js');
27
27
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-035245e6.js');
28
28
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7014ca89.js');
29
- const ShadowViewAddon = require('./ShadowViewAddon-4a5931a3.js');
30
- const sqmPortalContainerView = require('./sqm-portal-container-view-493750ed.js');
29
+ const ShadowViewAddon = require('./ShadowViewAddon-a4452d66.js');
30
+ const sqmPortalContainerView = require('./sqm-portal-container-view-12e5a56d.js');
31
31
 
32
32
  /**
33
33
  * lodash (Custom Build) <https://lodash.com/>
@@ -23,6 +23,7 @@ export function DividedLayoutView(props, children) {
23
23
  };
24
24
  const hostStyle = `
25
25
  display: flex;
26
+ flex: 1;
26
27
  box-sizing: border-box;
27
28
  flex-direction: ${props.direction};
28
29
  background-color: var(--sqm-content-background);
@@ -64,7 +64,7 @@ const vanillaStyle = `
64
64
  border-right: 1px solid #eaeaea;
65
65
  padding-top: 60px;
66
66
  background: white;
67
- width: 70vw;
67
+ width: 100vw;
68
68
  height: 100vh;
69
69
  position: absolute;
70
70
  top: 0;
@@ -141,9 +141,7 @@ const vanillaStyle = `
141
141
  }
142
142
  }
143
143
  `;
144
- export function NavigationSidebarView(
145
- // @ts-ignore
146
- props, children) {
144
+ export function NavigationSidebarView(props, children) {
147
145
  return (h("div", { class: "container" },
148
146
  h("style", null, vanillaStyle),
149
147
  h("input", Object.assign({ type: "checkbox", class: "toggler" }, props)),
@@ -20,7 +20,6 @@ export function PortalContainerView(props, children) {
20
20
  :host{
21
21
  width: 100%;
22
22
  display: block;
23
- // box-sizing: border-box;
24
23
  }`;
25
24
  const sheet = createStyleSheet(style);
26
25
  const styleString = sheet.toString();
@@ -3,10 +3,6 @@ import { createStyleSheet } from "../../styling/JSS";
3
3
  import { HostBlock } from "../../global/mixins";
4
4
  const style = {
5
5
  HostBlock: HostBlock,
6
- // ":host": {
7
- // maxWidth: "fit-content",
8
- // "box-sizing": "border-box",
9
- // },
10
6
  Frame: {
11
7
  display: "flex",
12
8
  "flex-direction": "column",
@@ -22,7 +22,7 @@ export function PortalProfileView(props) {
22
22
  },
23
23
  "@media screen and (max-width: 1100px)": {
24
24
  minWidth: "100%",
25
- }
25
+ },
26
26
  },
27
27
  Error: {
28
28
  "&::part(erroralert-base)": {
@@ -47,8 +47,8 @@ export function PortalProfileView(props) {
47
47
  width: "100%",
48
48
  "@media screen and (max-width: 860px)": {
49
49
  flexDirection: "column",
50
- }
51
- }
50
+ },
51
+ },
52
52
  };
53
53
  const sheet = createStyleSheet(style);
54
54
  const styleString = sheet.toString();
@@ -2,16 +2,15 @@ import { h } from "@stencil/core";
2
2
  import { createStyleSheet } from "../../styling/JSS";
3
3
  import { HostBlock } from "../../global/mixins";
4
4
  const style = {
5
- Container: { maxWidth: "100%", boxSizing: "border-box" },
6
- HostBlock: { ...HostBlock, maxWidth: "100%", boxSizing: "border-box" },
5
+ HostBlock: HostBlock,
7
6
  inputStyle: {
8
- "&::part(base)": { boxSizing: "border-box", maxWidth: "100%", background: "white", opacity: "1", cursor: "pointer" },
7
+ "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
9
8
  },
10
9
  };
11
10
  const sheet = createStyleSheet(style);
12
11
  const styleString = sheet.toString();
13
12
  export function ShareLinkView(props) {
14
- return (h("div", { class: sheet.classes.Container },
13
+ return (h("div", null,
15
14
  h("style", { type: "text/css" }, styleString),
16
15
  h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
17
16
  h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
@@ -21,20 +21,6 @@ const style = {
21
21
  };
22
22
  const sheet = createStyleSheet(style);
23
23
  const styleString = sheet.toString();
24
- const barProps = {
25
- data: {
26
- programs: [
27
- {
28
- key: "program1",
29
- label: "My Referral Program",
30
- },
31
- {
32
- key: "program2",
33
- label: "My Rewards Program",
34
- },
35
- ],
36
- },
37
- };
38
24
  const item1Props = {
39
25
  states: {
40
26
  active: false,
@@ -9,7 +9,7 @@ import { u as useChildElements } from './useChildElements-707c186b.js';
9
9
  import { l as luxon } from './luxon-198ac0b0.js';
10
10
  import { l as luxonLocale } from './utils-d7bbb0e2.js';
11
11
  import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
12
- import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-91ebc9fd.js';
12
+ import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-e82d4877.js';
13
13
 
14
14
  const medium = {
15
15
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -187,16 +187,15 @@ function LeaderboardView(props) {
187
187
  }
188
188
 
189
189
  const style$2 = {
190
- Container: { maxWidth: "100%", boxSizing: "border-box" },
191
- HostBlock: { ...HostBlock, maxWidth: "100%", boxSizing: "border-box" },
190
+ HostBlock: HostBlock,
192
191
  inputStyle: {
193
- "&::part(base)": { boxSizing: "border-box", maxWidth: "100%", background: "white", opacity: "1", cursor: "pointer" },
192
+ "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
194
193
  },
195
194
  };
196
195
  const sheet$2 = createStyleSheet(style$2);
197
196
  const styleString$2 = sheet$2.toString();
198
197
  function ShareLinkView(props) {
199
- return (h("div", { class: sheet$2.classes.Container },
198
+ return (h("div", null,
200
199
  h("style", { type: "text/css" }, styleString$2),
201
200
  h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
202
201
  h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
@@ -240,10 +239,6 @@ function BigStatView(props) {
240
239
 
241
240
  const style$3 = {
242
241
  HostBlock: HostBlock,
243
- // ":host": {
244
- // maxWidth: "fit-content",
245
- // "box-sizing": "border-box",
246
- // },
247
242
  Frame: {
248
243
  display: "flex",
249
244
  "flex-direction": "column",
@@ -14,8 +14,8 @@ import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './uti
14
14
  import './sqm-text-span-view-20c0f018.js';
15
15
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
16
16
  import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-00754831.js';
17
- import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-a8b1c0b3.js';
18
- import './sqm-portal-container-view-91ebc9fd.js';
17
+ import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-c64fb274.js';
18
+ import './sqm-portal-container-view-e82d4877.js';
19
19
 
20
20
  const BigStat = class {
21
21
  constructor(hostRef) {
@@ -288,6 +288,7 @@ function DividedLayoutView(props, children) {
288
288
  };
289
289
  const hostStyle = `
290
290
  display: flex;
291
+ flex: 1;
291
292
  box-sizing: border-box;
292
293
  flex-direction: ${props.direction};
293
294
  background-color: var(--sqm-content-background);
@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
2
2
  import { m as h$1 } from './stencil-hooks.module-203eab48.js';
3
3
  import { c as createStyleSheet } from './JSS-506b9295.js';
4
4
  import { g as getProps } from './utils-d7bbb0e2.js';
5
- import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-91ebc9fd.js';
5
+ import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-e82d4877.js';
6
6
 
7
7
  function EmptyStateView(props) {
8
8
  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
@@ -65,7 +65,7 @@ const vanillaStyle = `
65
65
  border-right: 1px solid #eaeaea;
66
66
  padding-top: 60px;
67
67
  background: white;
68
- width: 70vw;
68
+ width: 100vw;
69
69
  height: 100vh;
70
70
  position: absolute;
71
71
  top: 0;
@@ -142,9 +142,7 @@ const vanillaStyle = `
142
142
  }
143
143
  }
144
144
  `;
145
- function NavigationSidebarView(
146
- // @ts-ignore
147
- props, children) {
145
+ function NavigationSidebarView(props, children) {
148
146
  return (h("div", { class: "container" },
149
147
  h("style", null, vanillaStyle),
150
148
  h("input", Object.assign({ type: "checkbox", class: "toggler" }, props)),
@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { m as h, i as useState, u as useEffect } from './stencil-hooks.module-203eab48.js';
3
3
  import './use-callback-f03b0607.js';
4
4
  import { l as ln } from './index.module-6c05f768.js';
5
- import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-d9ed7669.js';
5
+ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0e0fb4c0.js';
6
6
 
7
7
  const NavigationSidebar = class {
8
8
  constructor(hostRef) {
@@ -42,7 +42,6 @@ function PortalContainerView(props, children) {
42
42
  :host{
43
43
  width: 100%;
44
44
  display: block;
45
- // box-sizing: border-box;
46
45
  }`;
47
46
  const sheet = createStyleSheet(style);
48
47
  const styleString = sheet.toString();
@@ -23,7 +23,7 @@ function PortalProfileView(props) {
23
23
  },
24
24
  "@media screen and (max-width: 1100px)": {
25
25
  minWidth: "100%",
26
- }
26
+ },
27
27
  },
28
28
  Error: {
29
29
  "&::part(erroralert-base)": {
@@ -48,8 +48,8 @@ function PortalProfileView(props) {
48
48
  width: "100%",
49
49
  "@media screen and (max-width: 860px)": {
50
50
  flexDirection: "column",
51
- }
52
- }
51
+ },
52
+ },
53
53
  };
54
54
  const sheet = createStyleSheet(style);
55
55
  const styleString = sheet.toString();
@@ -7,7 +7,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
7
7
  import './JSS-506b9295.js';
8
8
  import { g as getProps } from './utils-d7bbb0e2.js';
9
9
  import './sqm-text-span-view-20c0f018.js';
10
- import { P as PortalProfileView } from './sqm-portal-profile-view-69e38ea8.js';
10
+ import { P as PortalProfileView } from './sqm-portal-profile-view-3d320321.js';
11
11
 
12
12
  const GET_USER = dist.gql `
13
13
  query {
@@ -14,16 +14,16 @@ import './sqm-text-span-view-20c0f018.js';
14
14
  import { A as AssetCardView } from './sqm-asset-card-view-de0f3463.js';
15
15
  import { H as HeroView } from './sqm-hero-view-30732cf2.js';
16
16
  import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-da91f5f3.js';
17
- import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-d9ed7669.js';
17
+ import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0e0fb4c0.js';
18
18
  import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-1ad02b13.js';
19
19
  import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6934bd2c.js';
20
20
  import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-55f4a3d2.js';
21
21
  import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-38910bc9.js';
22
- import { P as PortalProfileView } from './sqm-portal-profile-view-69e38ea8.js';
22
+ import { P as PortalProfileView } from './sqm-portal-profile-view-3d320321.js';
23
23
  import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-55411ca5.js';
24
24
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-7ba350f9.js';
25
- import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-a8b1c0b3.js';
26
- import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-91ebc9fd.js';
25
+ import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-c64fb274.js';
26
+ import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-e82d4877.js';
27
27
 
28
28
  /**
29
29
  * lodash (Custom Build) <https://lodash.com/>