@saasquatch/mint-components 1.4.0-0 → 1.4.1-2

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 (70) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/dist/cjs/{global-0c01d88f.js → global-413d075c.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-divided-layout_26.cjs.entry.js +42 -12
  6. package/dist/cjs/{sqm-leaderboard-rank-view-48245b30.js → sqm-leaderboard-rank-view-b1b55673.js} +1 -1
  7. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +2 -2
  8. package/dist/cjs/{sqm-portal-email-verification-view-68b16f27.js → sqm-portal-email-verification-view-eeb4ca62.js} +1 -1
  9. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  10. package/dist/cjs/{sqm-portal-footer-view-edeeebab.js → sqm-portal-footer-view-08a2efd5.js} +1 -1
  11. package/dist/cjs/sqm-portal-footer.cjs.entry.js +2 -2
  12. package/dist/cjs/{sqm-portal-profile-view-2b48529e.js → sqm-portal-profile-view-ce86369e.js} +1 -1
  13. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  14. package/dist/collection/global/global.js +1 -1
  15. package/dist/collection/stories/ShareButton.stories.js +30 -1
  16. package/dist/esm/{global-0fcfbedf.js → global-2e50d2dc.js} +1 -1
  17. package/dist/esm/loader.js +1 -1
  18. package/dist/esm/mint-components.js +1 -1
  19. package/dist/esm/sqm-divided-layout_26.entry.js +42 -12
  20. package/dist/esm/{sqm-leaderboard-rank-view-fd7d7f42.js → sqm-leaderboard-rank-view-387f0870.js} +1 -1
  21. package/dist/esm/sqm-leaderboard-rank.entry.js +2 -2
  22. package/dist/esm/{sqm-portal-email-verification-view-6cc56c87.js → sqm-portal-email-verification-view-e366e94a.js} +1 -1
  23. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  24. package/dist/esm/{sqm-portal-footer-view-8a1128d5.js → sqm-portal-footer-view-f12d5e5a.js} +1 -1
  25. package/dist/esm/sqm-portal-footer.entry.js +2 -2
  26. package/dist/esm/{sqm-portal-profile-view-4acf74a5.js → sqm-portal-profile-view-9f3c79c3.js} +1 -1
  27. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  28. package/dist/esm-es5/{global-0fcfbedf.js → global-2e50d2dc.js} +1 -1
  29. package/dist/esm-es5/loader.js +1 -1
  30. package/dist/esm-es5/mint-components.js +1 -1
  31. package/dist/esm-es5/sqm-divided-layout_26.entry.js +1 -1
  32. package/dist/esm-es5/{sqm-leaderboard-rank-view-fd7d7f42.js → sqm-leaderboard-rank-view-387f0870.js} +1 -1
  33. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  34. package/dist/esm-es5/{sqm-portal-email-verification-view-6cc56c87.js → sqm-portal-email-verification-view-e366e94a.js} +1 -1
  35. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  36. package/dist/esm-es5/{sqm-portal-footer-view-8a1128d5.js → sqm-portal-footer-view-f12d5e5a.js} +1 -1
  37. package/dist/esm-es5/sqm-portal-footer.entry.js +1 -1
  38. package/dist/esm-es5/{sqm-portal-profile-view-4acf74a5.js → sqm-portal-profile-view-9f3c79c3.js} +1 -1
  39. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  40. package/dist/mint-components/mint-components.esm.js +1 -1
  41. package/dist/mint-components/mint-components.js +1 -1
  42. package/dist/mint-components/{p-d513229d.js → p-2babeba4.js} +1 -1
  43. package/dist/mint-components/{p-05a86906.entry.js → p-2dc28ab0.entry.js} +2 -2
  44. package/dist/mint-components/{p-51cfdd14.js → p-3adf6ff3.js} +1 -1
  45. package/dist/mint-components/{p-ef29e060.entry.js → p-406bf49b.entry.js} +2 -2
  46. package/dist/mint-components/{p-18aa175f.system.js → p-48fff767.system.js} +1 -1
  47. package/dist/mint-components/p-50557966.system.js +1 -0
  48. package/dist/mint-components/{p-6815e7ba.entry.js → p-52b0b65d.entry.js} +1 -1
  49. package/dist/mint-components/{p-602180a2.system.js → p-679a7054.system.js} +1 -1
  50. package/dist/mint-components/{p-7d996b49.js → p-726c9080.js} +1 -1
  51. package/dist/mint-components/p-77d17f35.js +1 -0
  52. package/dist/mint-components/{p-9ff0425e.system.entry.js → p-9741333b.system.entry.js} +1 -1
  53. package/dist/mint-components/{p-64759dda.system.js → p-9f9191a4.system.js} +1 -1
  54. package/dist/mint-components/{p-54707082.system.js → p-bf26396f.system.js} +1 -1
  55. package/dist/mint-components/{p-d55abc13.entry.js → p-c579f318.entry.js} +2 -2
  56. package/dist/mint-components/{p-86c02069.system.entry.js → p-ca71dd2d.system.entry.js} +1 -1
  57. package/dist/mint-components/{p-e50839df.entry.js → p-d1d45d97.entry.js} +1 -1
  58. package/dist/mint-components/{p-991bd182.system.entry.js → p-d5573e0e.system.entry.js} +1 -1
  59. package/dist/mint-components/{p-036c5a7e.system.entry.js → p-e1df7914.system.entry.js} +1 -1
  60. package/dist/mint-components/{p-a646db48.system.entry.js → p-f3fbcdb0.system.entry.js} +1 -1
  61. package/dist/mint-components/{p-3452bdae.system.js → p-fd33dd62.system.js} +1 -1
  62. package/dist/mint-components/{p-d0cad85c.js → p-fe4ecc11.js} +1 -1
  63. package/dist/types/global/android.d.ts +7 -0
  64. package/dist/types/global/demo.d.ts +1 -0
  65. package/dist/types/stories/ShareButton.stories.d.ts +1 -0
  66. package/dist/types/stories/features.d.ts +4 -0
  67. package/dist/types/stories/templates.d.ts +4 -0
  68. package/package.json +1 -1
  69. package/dist/mint-components/p-756a5e6f.system.js +0 -1
  70. package/dist/mint-components/p-c84a5b33.js +0 -1
package/CHANGELOG.md CHANGED
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [1.4.1] - 2021-01-10
11
+
12
+ ### Fixed
13
+
14
+ - Fixed broken WhatsApp icon by updating the version of bootstrap icons from 1.2.0 to 1.7.2
15
+
10
16
  ## [1.4.0] - 2021-12-09
11
17
 
12
18
  - Updated version of component-boilerplate to prevent rare case of user context being deleted during register
@@ -182,7 +188,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
182
188
  - \<sqm-popup-container>
183
189
  - \<sqm-stencilbook>
184
190
 
185
- [unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.4.0...HEAD
191
+ [unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.4.1...HEAD
192
+ [1.4.1]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.4.1
186
193
  [1.4.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.4.0
187
194
  [1.3.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.3.0
188
195
  [1.2.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.2.0
@@ -26497,7 +26497,7 @@ try {
26497
26497
  // SlAlert.register();
26498
26498
  registerIconLibrary("default", {
26499
26499
  // same link that shoelace uses internally
26500
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
26500
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
26501
26501
  });
26502
26502
  // SlAlert.register();
26503
26503
  customElements.define("sl-alert", alert_default2);
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  require('./extends-0302d27d.js');
7
- require('./global-0c01d88f.js');
7
+ require('./global-413d075c.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  require('./index.module-2925fe3b.js');
10
10
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
4
  require('./extends-0302d27d.js');
5
- require('./global-0c01d88f.js');
5
+ require('./global-413d075c.js');
6
6
  require('./use-callback-fadb2643.js');
7
7
  require('./index.module-2925fe3b.js');
8
8
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- const global = require('./global-0c01d88f.js');
7
+ const global = require('./global-413d075c.js');
8
8
  const useCallback = require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  const jsonpointer = require('./jsonpointer-11327262.js');
@@ -15,7 +15,7 @@ const mixins = require('./mixins-7b7c59fe.js');
15
15
  const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
16
16
  const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
17
17
  const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
18
- const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
18
+ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
19
19
  const reRender = require('./re-render-b1ad512d.js');
20
20
  const useDemoBigStat = require('./useDemoBigStat-d7a60992.js');
21
21
  const sqmShareLinkView = require('./sqm-share-link-view-a935d07e.js');
@@ -23,13 +23,13 @@ const ShadowViewAddon = require('./ShadowViewAddon-e9bacad0.js');
23
23
  const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
24
24
  const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-1bad646a.js');
25
25
  const sqmStatContainerView = require('./sqm-stat-container-view-ee7b00ff.js');
26
- const sqmPortalProfileView = require('./sqm-portal-profile-view-2b48529e.js');
26
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-ce86369e.js');
27
27
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-1704d285.js');
28
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
28
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-eeb4ca62.js');
29
29
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d78fd6d.js');
30
30
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b595e302.js');
31
31
  const sqmAssetCardView = require('./sqm-asset-card-view-07f86880.js');
32
- const sqmPortalFooterView = require('./sqm-portal-footer-view-edeeebab.js');
32
+ const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
33
33
  const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
34
34
  const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
35
35
 
@@ -16523,7 +16523,7 @@ const ShareButton_stories = {
16523
16523
  title: "Share Button",
16524
16524
  };
16525
16525
  const WithIcon = () => {
16526
- const props = { medium: "facebook", iconslot: "suffix" };
16526
+ const props = { medium: "whatsapp", iconslot: "suffix" };
16527
16527
  return index.h(ShareButtonView, Object.assign({}, props), "Share");
16528
16528
  };
16529
16529
  const WithIconOverride = () => {
@@ -16561,6 +16561,35 @@ const FullStackIcon = () => {
16561
16561
  index.h("br", null),
16562
16562
  index.h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
16563
16563
  index.h("span", null, "Email"))));
16564
+ };
16565
+ const AllMediums = () => {
16566
+ return (index.h("div", null,
16567
+ index.h("sqm-share-button", { medium: "facebook", iconslot: "prefix" },
16568
+ index.h("span", null, "Facebook")),
16569
+ index.h("br", null),
16570
+ index.h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
16571
+ index.h("span", null, "Email")),
16572
+ index.h("br", null),
16573
+ index.h("sqm-share-button", { medium: "whatsapp", icon: "whatsapp", iconslot: "prefix" },
16574
+ index.h("span", null, "WhatsApp")),
16575
+ index.h("br", null),
16576
+ index.h("sqm-share-button", { medium: "linkedin", iconslot: "prefix" },
16577
+ index.h("span", null, "Linkedin")),
16578
+ index.h("br", null),
16579
+ index.h("sqm-share-button", { medium: "twitter", iconslot: "prefix" },
16580
+ index.h("span", null, "Twitter")),
16581
+ index.h("br", null),
16582
+ index.h("sqm-share-button", { medium: "pinterest", iconslot: "prefix" },
16583
+ index.h("span", null, "Pinterest")),
16584
+ index.h("br", null),
16585
+ index.h("sqm-share-button", { medium: "fbmessenger", icon: "messenger", iconslot: "prefix" },
16586
+ index.h("span", null, "Messenger")),
16587
+ index.h("br", null),
16588
+ index.h("sqm-share-button", { medium: "sms", icon: "chat", iconslot: "prefix" },
16589
+ index.h("span", null, "SMS")),
16590
+ index.h("br", null),
16591
+ index.h("sqm-share-button", { medium: "linemessenger", icon: "line", iconslot: "prefix" },
16592
+ index.h("span", null, "Line Messenger"))));
16564
16593
  };
16565
16594
 
16566
16595
  const ShareButton$1 = /*#__PURE__*/Object.freeze({
@@ -16572,7 +16601,8 @@ const ShareButton$1 = /*#__PURE__*/Object.freeze({
16572
16601
  WithoutIcon: WithoutIcon,
16573
16602
  WithoutText: WithoutText,
16574
16603
  TextStyleWithoutIcon: TextStyleWithoutIcon,
16575
- FullStackIcon: FullStackIcon
16604
+ FullStackIcon: FullStackIcon,
16605
+ AllMediums: AllMediums
16576
16606
  });
16577
16607
 
16578
16608
  const ShareLink_stories = {
@@ -22908,17 +22938,17 @@ const LoginReadme = "# sqm-portal-login\r\n\r\n\r\n\r\n<!-- Auto Generated Below
22908
22938
 
22909
22939
  const ReferralIframeReadme = "# sqm-referral-iframe\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\r\n| `demoData` | -- | | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\r\n| `iframeHeight` | `iframe-height` | | `string` | `\"100%\"` |\r\n| `iframeSrc` | `iframe-src` | | `string` | `undefined` |\r\n| `iframeWidth` | `iframe-width` | | `string` | `\"100%\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-stencilbook --> sqm-referral-iframe\r\n style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22910
22940
 
22911
- const ForgotPasswordReadme = "# sqm-portal-forgot-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined` |\r\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\r\n| `loginPath` | `login-path` | | `string` | `\"/login\"` |\r\n| `redirectPath` | `redirect-path` | | `string` | `\"/resetPassword\"` |\r\n| `submitLabel` | `submit-label` | | `string` | `\"Request Password Reset\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-forgot-password --> sqm-form-message\r\n style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22941
+ const ForgotPasswordReadme = "# sqm-portal-forgot-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| -------------- | --------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined` |\r\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\r\n| `loginPath` | `login-path` | | `string` | `\"/login\"` |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the password reset email. | `string` | `\"/resetPassword\"` |\r\n| `submitLabel` | `submit-label` | | `string` | `\"Request Password Reset\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-forgot-password --> sqm-form-message\r\n style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22912
22942
 
22913
- const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| -------------------------- | ---------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordLabel` | `confirm-password-label` | | `string` | `\"Confirm Password\"` |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined` |\r\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\r\n| `enablePasswordValidation` | `enable-password-validation` | | `boolean` | `true` |\r\n| `hideInputs` | `hide-inputs` | | `boolean` | `false` |\r\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\r\n| `loginPath` | `login-path` | | `string` | `\"/login\"` |\r\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\r\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\r\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\r\n| `redirectPath` | `redirect-path` | | `string` | `\"/verifyEmail\"` |\r\n| `submitLabel` | `submit-label` | | `string` | `\"Register\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-register --> sqm-form-message\r\n sqm-portal-register --> sqm-password-field\r\n sqm-stencilbook --> sqm-portal-register\r\n style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22943
+ const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordLabel` | `confirm-password-label` | | `string` | `\"Confirm Password\"` |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined` |\r\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\r\n| `enablePasswordValidation` | `enable-password-validation` | | `boolean` | `true` |\r\n| `hideInputs` | `hide-inputs` | | `boolean` | `false` |\r\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\r\n| `loginPath` | `login-path` | | `string` | `\"/login\"` |\r\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\r\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\r\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the verification email. | `string` | `\"/verifyEmail\"` |\r\n| `submitLabel` | `submit-label` | | `string` | `\"Register\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-register --> sqm-form-message\r\n sqm-portal-register --> sqm-password-field\r\n sqm-stencilbook --> sqm-portal-register\r\n style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22914
22944
 
22915
22945
  const EditProfileReadme = "# sqm-portal-profile\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\r\n| `countrytext` | `countrytext` | | `string` | `\"Country\"` |\r\n| `demoData` | -- | | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }` | `undefined` |\r\n| `editProfileHeader` | `edit-profile-header` | | `string` | `\"Edit your profile\"` |\r\n| `editProfileSubHeader` | `edit-profile-sub-header` | | `string` | `\"Personal Information\"` |\r\n| `emailtext` | `emailtext` | | `string` | `\"Email\"` |\r\n| `firstnametext` | `firstnametext` | | `string` | `\"First Name\"` |\r\n| `lastnametext` | `lastnametext` | | `string` | `\"Last Name\"` |\r\n| `showCountry` | `show-country` | | `boolean` | `true` |\r\n| `submitChangeButtonText` | `submit-change-button-text` | | `string` | `\"Submit Changes\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-profile --> sqm-form-message\r\n style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22916
22946
 
22917
- const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| --------------------------- | ------------------------------ | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` | | `string` | `\"Confirm Password\"` |\r\n| `continueButtonText` | `continue-button-text` | Displayed after a successful password reset | `string` | `\"Continue\"` |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\r\n| `passwordFieldLabel` | `password-field-label` | | `string` | `\"New Password\"` |\r\n| `passwordResetHeader` | `password-reset-header` | Displayed after a successful password reset | `string` | `\"Password reset\"` |\r\n| `resetPasswordButtonText` | `reset-password-button-text` | | `string` | `\"Reset Password\"` |\r\n| `resetPasswordHeader` | `reset-password-header` | | `string` | `\"Reset your password\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-reset-password --> sqm-form-message\r\n sqm-portal-reset-password --> sqm-password-field\r\n style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22947
+ const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` | | `string` | `\"Confirm Password\"` |\r\n| `continueButtonText` | `continue-button-text` | Displayed after a successful password reset | `string` | `\"Continue\"` |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | The page that users are redirected to if the reset fails due to outdated password reset attempt. | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | The page that users are redirected to when the password reset succeeds. | `string` | `\"/\"` |\r\n| `passwordFieldLabel` | `password-field-label` | | `string` | `\"New Password\"` |\r\n| `passwordResetHeader` | `password-reset-header` | Displayed after a successful password reset | `string` | `\"Password reset\"` |\r\n| `resetPasswordButtonText` | `reset-password-button-text` | | `string` | `\"Reset Password\"` |\r\n| `resetPasswordHeader` | `reset-password-header` | | `string` | `\"Reset your password\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-reset-password --> sqm-form-message\r\n sqm-portal-reset-password --> sqm-password-field\r\n style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22918
22948
 
22919
- const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------------------- | --------------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `redirectPath` | `redirect-path` | | `string` | `\"/verifyEmail\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-email-verification --> sqm-form-message\r\n style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22949
+ const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------------------- | --------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the verification email. | `string` | `\"/verifyEmail\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-email-verification --> sqm-form-message\r\n style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22920
22950
 
22921
- const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------ | ------------- | ----------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-verify-email --> sqm-form-message\r\n style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22951
+ const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------ | ------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | The page that users are redirected to if verification fails due to outdated verification attempt. | `string` | `\"/\"` |\r\n| `nextPage` | `next-page` | The page that users are redirected to when the verification succeeds. | `string` | `\"/\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-verify-email --> sqm-form-message\r\n style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
22922
22952
 
22923
22953
  const PortalTemplates_stories = {
22924
22954
  title: "Templates / Portal",
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-0c01d88f.js');
4
+ const global = require('./global-413d075c.js');
5
5
  const index_module = require('./index.module-2925fe3b.js');
6
6
 
7
7
  var docCache = new Map();
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- const global = require('./global-0c01d88f.js');
7
+ const global = require('./global-413d075c.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  const cjs = require('./cjs-1066ec21.js');
11
- const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
11
+ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
12
12
 
13
13
  const GET_RANK = sqmLeaderboardRankView.gql `
14
14
  query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-0c01d88f.js');
4
+ const global = require('./global-413d075c.js');
5
5
  const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
6
6
  const mixins = require('./mixins-7b7c59fe.js');
7
7
  const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- require('./global-0c01d88f.js');
7
+ require('./global-413d075c.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  require('./jss-preset-default.esm-6304d24f.js');
11
11
  const cjs = require('./cjs-1066ec21.js');
12
12
  require('./mixins-7b7c59fe.js');
13
13
  require('./sqm-text-span-view-b5ae787b.js');
14
- const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
14
+ const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-eeb4ca62.js');
15
15
 
16
16
  function usePortalEmailVerification(props) {
17
17
  var _a, _b, _c, _d, _e;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-0c01d88f.js');
4
+ const global = require('./global-413d075c.js');
5
5
  const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
6
6
 
7
7
  function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- require('./global-0c01d88f.js');
7
+ require('./global-413d075c.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  require('./index.module-2925fe3b.js');
10
10
  require('./jss-preset-default.esm-6304d24f.js');
11
11
  const utils = require('./utils-95e5317c.js');
12
- const sqmPortalFooterView = require('./sqm-portal-footer-view-edeeebab.js');
12
+ const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
13
13
 
14
14
  const PortalFooter = class {
15
15
  constructor(hostRef) {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-b0129cd6.js');
4
- const global = require('./global-0c01d88f.js');
4
+ const global = require('./global-413d075c.js');
5
5
  const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
6
6
  const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
7
7
  const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-b0129cd6.js');
6
6
  const _extends = require('./extends-0302d27d.js');
7
- require('./global-0c01d88f.js');
7
+ require('./global-413d075c.js');
8
8
  require('./use-callback-fadb2643.js');
9
9
  const index_module = require('./index.module-2925fe3b.js');
10
10
  require('./jss-preset-default.esm-6304d24f.js');
@@ -12,7 +12,7 @@ const utils = require('./utils-95e5317c.js');
12
12
  const cjs = require('./cjs-1066ec21.js');
13
13
  require('./sqm-portal-container-view-d144735a.js');
14
14
  require('./sqm-text-span-view-b5ae787b.js');
15
- const sqmPortalProfileView = require('./sqm-portal-profile-view-2b48529e.js');
15
+ const sqmPortalProfileView = require('./sqm-portal-profile-view-ce86369e.js');
16
16
 
17
17
  const GET_USER = index_module.dist.gql `
18
18
  query {
@@ -19,7 +19,7 @@ try {
19
19
  // SlAlert.register();
20
20
  registerIconLibrary("default", {
21
21
  // same link that shoelace uses internally
22
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
22
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
23
23
  });
24
24
  // SlAlert.register();
25
25
  customElements.define("sl-alert", SlAlert);
@@ -4,7 +4,7 @@ export default {
4
4
  title: "Share Button",
5
5
  };
6
6
  export const WithIcon = () => {
7
- const props = { medium: "facebook", iconslot: "suffix" };
7
+ const props = { medium: "whatsapp", iconslot: "suffix" };
8
8
  return h(ShareButtonView, Object.assign({}, props), "Share");
9
9
  };
10
10
  export const WithIconOverride = () => {
@@ -43,3 +43,32 @@ export const FullStackIcon = () => {
43
43
  h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
44
44
  h("span", null, "Email"))));
45
45
  };
46
+ export const AllMediums = () => {
47
+ return (h("div", null,
48
+ h("sqm-share-button", { medium: "facebook", iconslot: "prefix" },
49
+ h("span", null, "Facebook")),
50
+ h("br", null),
51
+ h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
52
+ h("span", null, "Email")),
53
+ h("br", null),
54
+ h("sqm-share-button", { medium: "whatsapp", icon: "whatsapp", iconslot: "prefix" },
55
+ h("span", null, "WhatsApp")),
56
+ h("br", null),
57
+ h("sqm-share-button", { medium: "linkedin", iconslot: "prefix" },
58
+ h("span", null, "Linkedin")),
59
+ h("br", null),
60
+ h("sqm-share-button", { medium: "twitter", iconslot: "prefix" },
61
+ h("span", null, "Twitter")),
62
+ h("br", null),
63
+ h("sqm-share-button", { medium: "pinterest", iconslot: "prefix" },
64
+ h("span", null, "Pinterest")),
65
+ h("br", null),
66
+ h("sqm-share-button", { medium: "fbmessenger", icon: "messenger", iconslot: "prefix" },
67
+ h("span", null, "Messenger")),
68
+ h("br", null),
69
+ h("sqm-share-button", { medium: "sms", icon: "chat", iconslot: "prefix" },
70
+ h("span", null, "SMS")),
71
+ h("br", null),
72
+ h("sqm-share-button", { medium: "linemessenger", icon: "line", iconslot: "prefix" },
73
+ h("span", null, "Line Messenger"))));
74
+ };
@@ -26495,7 +26495,7 @@ try {
26495
26495
  // SlAlert.register();
26496
26496
  registerIconLibrary("default", {
26497
26497
  // same link that shoelace uses internally
26498
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
26498
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
26499
26499
  });
26500
26500
  // SlAlert.register();
26501
26501
  customElements.define("sl-alert", alert_default2);
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-17b4da69.js';
2
2
  import './extends-3a3f9fe2.js';
3
- import './global-0fcfbedf.js';
3
+ import './global-2e50d2dc.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import './index.module-1e92a7a3.js';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-17b4da69.js';
2
2
  import './extends-3a3f9fe2.js';
3
- import './global-0fcfbedf.js';
3
+ import './global-2e50d2dc.js';
4
4
  import './use-callback-b38a1523.js';
5
5
  import './index.module-1e92a7a3.js';
6
6