@saasquatch/mint-components 1.15.0-37 → 1.15.0-39

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 (171) hide show
  1. package/dist/cjs/{GenericTableView-925a0842.js → GenericTableView-40fd9dd1.js} +1 -1
  2. package/dist/cjs/{ShadowViewAddon-3460f9e5.js → ShadowViewAddon-8993904c.js} +26 -21
  3. package/dist/cjs/{copy-text-view-f0702822.js → copy-text-view-9017cd99.js} +3 -2
  4. package/dist/cjs/{global-efeaed0c.js → global-a1506e15.js} +100 -105
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/mint-components.cjs.js +2 -2
  7. package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +217 -133
  8. package/dist/cjs/sqm-big-stat_41.cjs.entry.js +23 -21
  9. package/dist/cjs/sqm-email-verification.cjs.entry.js +1 -1
  10. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  11. package/dist/cjs/{sqm-invoice-table-view-64038caf.js → sqm-invoice-table-view-d4bc23a8.js} +1 -1
  12. package/dist/cjs/{sqm-leaderboard-rank-view-d39a55d8.js → sqm-leaderboard-rank-view-7c6cebe3.js} +1 -1
  13. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +2 -2
  14. package/dist/cjs/sqm-pagination_3.cjs.entry.js +10 -10
  15. package/dist/cjs/{sqm-portal-email-verification-view-f41d2630.js → sqm-portal-email-verification-view-b6a76150.js} +1 -1
  16. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  17. package/dist/cjs/{sqm-portal-profile-view-8ed04298.js → sqm-portal-profile-view-0639cfa0.js} +1 -1
  18. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  19. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +2 -2
  20. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +2 -2
  21. package/dist/cjs/sqm-stencilbook.cjs.entry.js +17 -8
  22. package/dist/collection/components/sqm-coupon-code/CouponCode.stories.js +7 -0
  23. package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js +3 -3
  24. package/dist/collection/components/sqm-coupon-code/useCouponCode.js +1 -0
  25. package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js +3 -2
  26. package/dist/collection/components/sqm-hero-image/sqm-hero-image.js +8 -8
  27. package/dist/collection/components/sqm-leaderboard-rank/sqm-leaderboard-rank-view.js +2 -2
  28. package/dist/collection/components/sqm-logout-current-user/sqm-logout-current-user.js +1 -1
  29. package/dist/collection/components/sqm-pagination/sqm-pagination-view.js +2 -2
  30. package/dist/collection/components/sqm-pagination/sqm-pagination.js +8 -8
  31. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +1 -1
  32. package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +6 -6
  33. package/dist/collection/components/sqm-referral-code/sqm-referral-code.js +9 -9
  34. package/dist/collection/components/sqm-share-code/sqm-share-code.js +9 -9
  35. package/dist/collection/components/sqm-share-link/sqm-share-link.js +9 -9
  36. package/dist/collection/components/sqm-task-card/DetailsView.js +7 -1
  37. package/dist/collection/components/sqm-task-card/progress-bar/progress-bar-view.js +3 -2
  38. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +8 -10
  39. package/dist/collection/components/sqm-task-card/sqm-task-card.js +10 -10
  40. package/dist/collection/components/sqm-task-card/useTaskCard.js +1 -1
  41. package/dist/collection/components/sqm-timeline/sqm-timeline-entry-view.js +2 -2
  42. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js +18 -30
  43. package/dist/collection/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.js +2 -2
  44. package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js +14 -26
  45. package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.js +2 -2
  46. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.js +55 -11
  47. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +123 -59
  48. package/dist/collection/components/views/copy-text-view.js +3 -2
  49. package/dist/collection/global/styles.js +100 -105
  50. package/dist/collection/global/styles.ts +100 -105
  51. package/dist/collection/tables/GenericTableView.js +1 -1
  52. package/dist/esm/{GenericTableView-cb1581d8.js → GenericTableView-708c49d6.js} +1 -1
  53. package/dist/esm/{ShadowViewAddon-168ab439.js → ShadowViewAddon-4e3d77d4.js} +26 -21
  54. package/dist/esm/{copy-text-view-3f41072a.js → copy-text-view-0faf5db4.js} +3 -2
  55. package/dist/esm/{global-8245250a.js → global-7687af94.js} +100 -105
  56. package/dist/esm/loader.js +2 -2
  57. package/dist/esm/mint-components.js +2 -2
  58. package/dist/esm/sqm-banking-info-form_17.entry.js +217 -133
  59. package/dist/esm/sqm-big-stat_41.entry.js +23 -21
  60. package/dist/esm/sqm-email-verification.entry.js +1 -1
  61. package/dist/esm/sqm-empty_4.entry.js +1 -1
  62. package/dist/esm/{sqm-invoice-table-view-fc6d1809.js → sqm-invoice-table-view-b33d96e3.js} +1 -1
  63. package/dist/esm/{sqm-leaderboard-rank-view-753c8d4a.js → sqm-leaderboard-rank-view-84b3c539.js} +1 -1
  64. package/dist/esm/sqm-leaderboard-rank.entry.js +2 -2
  65. package/dist/esm/sqm-pagination_3.entry.js +10 -10
  66. package/dist/esm/{sqm-portal-email-verification-view-e43830d8.js → sqm-portal-email-verification-view-4a0f0e0e.js} +1 -1
  67. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  68. package/dist/esm/{sqm-portal-profile-view-6168db65.js → sqm-portal-profile-view-62d46ac3.js} +1 -1
  69. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  70. package/dist/esm/sqm-referral-table_11.entry.js +2 -2
  71. package/dist/esm/sqm-rewards-table_9.entry.js +2 -2
  72. package/dist/esm/sqm-stencilbook.entry.js +17 -8
  73. package/dist/esm-es5/{GenericTableView-cb1581d8.js → GenericTableView-708c49d6.js} +1 -1
  74. package/dist/esm-es5/ShadowViewAddon-4e3d77d4.js +1 -0
  75. package/dist/esm-es5/copy-text-view-0faf5db4.js +1 -0
  76. package/dist/esm-es5/{global-8245250a.js → global-7687af94.js} +1 -1
  77. package/dist/esm-es5/loader.js +1 -1
  78. package/dist/esm-es5/mint-components.js +1 -1
  79. package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
  80. package/dist/esm-es5/sqm-big-stat_41.entry.js +1 -1
  81. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  82. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  83. package/dist/esm-es5/{sqm-invoice-table-view-fc6d1809.js → sqm-invoice-table-view-b33d96e3.js} +1 -1
  84. package/dist/esm-es5/sqm-leaderboard-rank-view-84b3c539.js +1 -0
  85. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  86. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  87. package/dist/esm-es5/{sqm-portal-email-verification-view-e43830d8.js → sqm-portal-email-verification-view-4a0f0e0e.js} +1 -1
  88. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  89. package/dist/esm-es5/{sqm-portal-profile-view-6168db65.js → sqm-portal-profile-view-62d46ac3.js} +1 -1
  90. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  91. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  92. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  93. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  94. package/dist/mint-components/global/styles.ts +100 -105
  95. package/dist/mint-components/mint-components.esm.js +1 -1
  96. package/dist/mint-components/mint-components.js +1 -1
  97. package/dist/mint-components/{p-fec8efdd.entry.js → p-08b16fb7.entry.js} +4 -4
  98. package/dist/mint-components/{p-63d1eee7.entry.js → p-0b8d5d3d.entry.js} +8 -8
  99. package/dist/mint-components/{p-6299deb2.js → p-20739990.js} +24 -24
  100. package/dist/mint-components/{p-294f6682.js → p-2e8e67cc.js} +1 -1
  101. package/dist/mint-components/{p-439d83e0.system.js → p-34769eff.system.js} +1 -1
  102. package/dist/mint-components/{p-f5d85e3e.system.entry.js → p-34ac0b09.system.entry.js} +1 -1
  103. package/dist/mint-components/p-3d2f8cbc.system.js +1 -0
  104. package/dist/mint-components/{p-7e946977.js → p-433824e2.js} +1 -1
  105. package/dist/mint-components/{p-ffaaec76.system.js → p-44ac52a2.system.js} +1 -1
  106. package/dist/mint-components/{p-b368a2c8.system.entry.js → p-66f1e3ca.system.entry.js} +1 -1
  107. package/dist/mint-components/p-80ff5401.js +1 -0
  108. package/dist/mint-components/p-848e9ec3.system.entry.js +1 -0
  109. package/dist/mint-components/p-86503f64.system.js +1 -0
  110. package/dist/mint-components/{p-1bce039d.js → p-8c0b1ac0.js} +1 -1
  111. package/dist/mint-components/{p-f028fab1.system.entry.js → p-902b7a82.system.entry.js} +1 -1
  112. package/dist/mint-components/p-9364bafc.js +394 -0
  113. package/dist/mint-components/{p-bae04b8f.system.entry.js → p-98787da3.system.entry.js} +1 -1
  114. package/dist/mint-components/{p-6f6d012c.system.entry.js → p-9cd6bfdc.system.entry.js} +1 -1
  115. package/dist/mint-components/{p-9e1c1de0.entry.js → p-9e9b0872.entry.js} +1 -1
  116. package/dist/mint-components/p-9eefe4c9.entry.js +13 -0
  117. package/dist/mint-components/{p-2351359c.entry.js → p-a0058cc7.entry.js} +2 -2
  118. package/dist/mint-components/{p-2d3f007a.system.js → p-a533896f.system.js} +1 -1
  119. package/dist/mint-components/{p-5c4e52c8.entry.js → p-ae4d913e.entry.js} +1 -1
  120. package/dist/mint-components/p-af1cacf1.system.entry.js +1 -0
  121. package/dist/mint-components/{p-b237385a.system.entry.js → p-b1900e52.system.entry.js} +1 -1
  122. package/dist/mint-components/p-b637f1e4.js +1 -0
  123. package/dist/mint-components/{p-e24fcb4a.system.entry.js → p-c1b344c4.system.entry.js} +1 -1
  124. package/dist/mint-components/{p-42aa0297.js → p-c4fbbc74.js} +1 -1
  125. package/dist/mint-components/{p-0851dfa3.system.js → p-c58b40bf.system.js} +1 -1
  126. package/dist/mint-components/{p-3f62222f.entry.js → p-cc8c9cc9.entry.js} +1 -1
  127. package/dist/mint-components/{p-8436db3c.entry.js → p-ce37a5c3.entry.js} +1 -1
  128. package/dist/mint-components/{p-5a99b353.entry.js → p-d9b35316.entry.js} +2 -2
  129. package/dist/mint-components/{p-2767445a.system.entry.js → p-e19453a5.system.entry.js} +1 -1
  130. package/dist/mint-components/{p-668ccb8e.entry.js → p-e7319266.entry.js} +1 -1
  131. package/dist/mint-components/{p-085ae7a9.system.js → p-e91dc17b.system.js} +1 -1
  132. package/dist/mint-components/{p-d6fbde94.entry.js → p-f2cffad0.entry.js} +1 -1
  133. package/dist/mint-components/{p-aa1e98d1.system.js → p-f53ec590.system.js} +1 -1
  134. package/dist/mint-components/p-fbef4ecb.system.js +1 -0
  135. package/dist/mint-components/p-fd85e5bd.system.entry.js +1 -0
  136. package/dist/types/components/sqm-coupon-code/CouponCode.stories.d.ts +2 -0
  137. package/dist/types/components/sqm-coupon-code/sqm-coupon-code-view.d.ts +1 -0
  138. package/dist/types/components/sqm-coupon-code/sqm-coupon-code.d.ts +1 -1
  139. package/dist/types/components/sqm-coupon-code/useCouponCode.d.ts +1 -0
  140. package/dist/types/components/sqm-hero-image/sqm-hero-image-view.d.ts +1 -1
  141. package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts +4 -4
  142. package/dist/types/components/sqm-pagination/sqm-pagination-view.d.ts +1 -1
  143. package/dist/types/components/sqm-pagination/sqm-pagination.d.ts +4 -4
  144. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password-view.d.ts +0 -1
  145. package/dist/types/components/sqm-referral-code/sqm-referral-code.d.ts +4 -4
  146. package/dist/types/components/sqm-share-code/sqm-share-code.d.ts +4 -4
  147. package/dist/types/components/sqm-share-link/sqm-share-link.d.ts +4 -4
  148. package/dist/types/components/sqm-task-card/DetailsView.d.ts +6 -0
  149. package/dist/types/components/sqm-task-card/sqm-task-card-view.d.ts +1 -1
  150. package/dist/types/components/sqm-task-card/sqm-task-card.d.ts +3 -3
  151. package/dist/types/components/sqm-task-card/useTaskCard.d.ts +1 -1
  152. package/dist/types/components/views/copy-text-view.d.ts +1 -1
  153. package/dist/types/components.d.ts +58 -58
  154. package/dist/types/global/styles.d.ts +1 -1
  155. package/docs/docs.docx +0 -0
  156. package/docs/raisins.json +1 -1
  157. package/grapesjs/grapesjs.js +1 -1
  158. package/package.json +1 -1
  159. package/dist/esm-es5/ShadowViewAddon-168ab439.js +0 -1
  160. package/dist/esm-es5/copy-text-view-3f41072a.js +0 -1
  161. package/dist/esm-es5/sqm-leaderboard-rank-view-753c8d4a.js +0 -1
  162. package/dist/mint-components/p-10586a3f.js +0 -1
  163. package/dist/mint-components/p-14a65f29.system.js +0 -1
  164. package/dist/mint-components/p-1c9a93aa.system.entry.js +0 -1
  165. package/dist/mint-components/p-24cedc6c.system.js +0 -1
  166. package/dist/mint-components/p-4e5af50c.js +0 -1
  167. package/dist/mint-components/p-5c9f5fc9.entry.js +0 -13
  168. package/dist/mint-components/p-7e512aab.js +0 -394
  169. package/dist/mint-components/p-81cdc344.system.entry.js +0 -1
  170. package/dist/mint-components/p-96736dfc.system.js +0 -1
  171. package/dist/mint-components/p-d4801585.system.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
2
2
  import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import { i as isDemo, _, d as dist, J, H, $ as $e, w as wn, B, L, y as yn, j as jn, r as Ue, V as Ve, u as useCallback, Q as Qe, k as kn } from './index.module-89a79f66.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
6
6
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -8,7 +8,7 @@ import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
8
8
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
9
9
  import './useReferralCodes-8f75921a.js';
10
10
  import './mixins-f750863a.js';
11
- import { C as CopyTextView } from './copy-text-view-3f41072a.js';
11
+ import { C as CopyTextView } from './copy-text-view-0faf5db4.js';
12
12
  import { a as useRequestRerender } from './re-render-cc945f38.js';
13
13
  import { u as useChildElements } from './useChildElements-7945ae56.js';
14
14
  import './luxon-8d51c92b.js';
@@ -19,7 +19,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-e870b4b0.js';
19
19
  import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
20
20
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
21
21
  import { i as isEmpty } from './utilities-5b0ca040.js';
22
- import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-168ab439.js';
22
+ import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-4e3d77d4.js';
23
23
  import './sqm-portal-container-view-1683ae32.js';
24
24
  import { u as usePayoutStatus } from './usePayoutStatus-58aa56b4.js';
25
25
 
@@ -403,6 +403,7 @@ function useCouponCode(props) {
403
403
  dateAvailable,
404
404
  loading,
405
405
  errorType,
406
+ buttonType: props.buttonType || "primary",
406
407
  };
407
408
  }
408
409
 
@@ -990,6 +991,7 @@ const Hero = class {
990
991
  function HeroImageView(props, children) {
991
992
  const overlay = Boolean((props.header || props.description || props.buttonText) &&
992
993
  props.layout === "overlay");
994
+ console.log("buttonType is ", props.buttonType);
993
995
  // Dependent on props, not feasiable to move out
994
996
  const style = {
995
997
  Container: {
@@ -999,7 +1001,7 @@ function HeroImageView(props, children) {
999
1001
  width: "100%",
1000
1002
  height: "100%",
1001
1003
  position: "absolute",
1002
- background: props.overlayColor || "var(--sl-color-primary-900)",
1004
+ background: props.overlayColor || "var(--sl-color-black)",
1003
1005
  opacity: props.overlayOpacity,
1004
1006
  },
1005
1007
  },
@@ -1106,7 +1108,7 @@ function HeroImageView(props, children) {
1106
1108
  h$1("div", { class: sheet.classes.Overlay, part: "sqm-overlay" },
1107
1109
  props.header && (h$1("div", { class: sheet.classes.Header }, props.header)),
1108
1110
  props.description && (h$1("div", { class: sheet.classes.Description }, props.description)),
1109
- props.buttonText && (h$1("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: () => props.buttonNewTab
1111
+ props.buttonText && (h$1("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: `base: ${props.buttonType}button-base`, onClick: () => props.buttonNewTab
1110
1112
  ? window.open(props.buttonLink)
1111
1113
  : window.open(props.buttonLink, "_parent") }, props.buttonText)),
1112
1114
  children && children)));
@@ -1185,11 +1187,11 @@ const HeroImage = class {
1185
1187
  */
1186
1188
  this.paddingImage = "none";
1187
1189
  /**
1188
- * The type of the button (primary or secondary) that will be used to copy the link.
1190
+ * The type of the button that is used (primary, secondary, or tertiary).
1189
1191
  * @uiName Button Type
1190
1192
  * @uiType string
1191
- * @uiEnum ["primary", "secondary"]
1192
- * @uiEnumNames ["Primary", "Secondary"]
1193
+ * @uiEnum ["primary", "secondary", "tertiary"]
1194
+ * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
1193
1195
  * @uiGroup Style
1194
1196
  */
1195
1197
  this.buttonType = "primary";
@@ -4713,11 +4715,11 @@ const ShareCode = class {
4713
4715
  */
4714
4716
  this.buttonStyle = "icon";
4715
4717
  /**
4716
- * The type of the button (primary or secondary) that will be used to copy the link.
4718
+ * The type of the button that is used (primary, secondary, or tertiary).
4717
4719
  * @uiName Button Type
4718
4720
  * @uiType string
4719
- * @uiEnum ["primary", "secondary"]
4720
- * @uiEnumNames ["Primary", "Secondary"]
4721
+ * @uiEnum ["primary", "secondary", "tertiary"]
4722
+ * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
4721
4723
  * @uiGroup Style
4722
4724
  */
4723
4725
  this.buttonType = "primary";
@@ -4788,11 +4790,11 @@ const ShareLink = class {
4788
4790
  */
4789
4791
  this.copyButtonLabel = "Copy Link";
4790
4792
  /**
4791
- * The type of the button (primary or secondary) that will be used to copy the link.
4793
+ * The type of the button that is used (primary, secondary, or tertiary).
4792
4794
  * @uiName Button Type
4793
4795
  * @uiType string
4794
- * @uiEnum ["primary", "secondary"]
4795
- * @uiEnumNames ["Primary", "Secondary"]
4796
+ * @uiEnum ["primary", "secondary", "tertiary"]
4797
+ * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
4796
4798
  * @uiGroup Style
4797
4799
  */
4798
4800
  this.buttonType = "primary";
@@ -4927,7 +4929,7 @@ function useTaskCard(props) {
4927
4929
  textColor: props.textColor,
4928
4930
  borderColor: props.borderColor,
4929
4931
  borderRadius: props.borderRadius,
4930
- buttonStyle: props.buttonStyle,
4932
+ buttonType: props.buttonType,
4931
4933
  },
4932
4934
  };
4933
4935
  return {
@@ -5049,11 +5051,11 @@ const TaskCard = class {
5049
5051
  /**
5050
5052
  * @uiName Button Style
5051
5053
  * @uiType string
5052
- * @uiEnum ["primary", "secondary"]
5053
- * @uiEnumNames ["Primary", "Secondary"]
5054
+ * @uiEnum ["primary", "secondary", "tertiary"]
5055
+ * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
5054
5056
  * @uiGroup Style
5055
5057
  */
5056
- this.buttonStyle = "primary";
5058
+ this.buttonType = "primary";
5057
5059
  h(this);
5058
5060
  }
5059
5061
  disconnectedCallback() { }
@@ -5065,7 +5067,6 @@ const TaskCard = class {
5065
5067
  const { states, callbacks } = isDemo()
5066
5068
  ? useTaskCardDemo(this)
5067
5069
  : useTaskCard(this);
5068
- console.log("button style from controller", this.buttonStyle);
5069
5070
  return (h$1(TaskCardView, { callbacks: callbacks, states: {
5070
5071
  loading,
5071
5072
  loadingEvent: states.loadingEvent,
@@ -5076,6 +5077,7 @@ const TaskCard = class {
5076
5077
  };
5077
5078
  function useTaskCardDemo(props) {
5078
5079
  return cjs({
5080
+ content: { ...props },
5079
5081
  states: { loadingEvent: false, locale: "en" },
5080
5082
  callbacks: {
5081
5083
  sendEvent: (event) => console.log(event),
@@ -5152,7 +5154,7 @@ function TimelineEntryView(props) {
5152
5154
  display: "none",
5153
5155
  color: "transparent",
5154
5156
  userSelect: "none",
5155
- background: props.lineColor || "var(--sl-color-primary-500)",
5157
+ background: props.lineColor || "var(--sqm-accent-color-icon)",
5156
5158
  width: "4px",
5157
5159
  borderRadius: "4px",
5158
5160
  margin: "-2px",
@@ -5167,7 +5169,7 @@ function TimelineEntryView(props) {
5167
5169
  position: "relative",
5168
5170
  top: "4px",
5169
5171
  zIndex: "1",
5170
- color: props.lineColor || "var(--sl-color-primary-500)",
5172
+ color: props.lineColor || "var(--sqm-accent-color-icon)",
5171
5173
  marginRight: "var(--sl-spacing-large)",
5172
5174
  },
5173
5175
  "& .reward": {
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance } from './index-91e7729f.js';
2
2
  import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
2
2
  import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import './index.module-89a79f66.js';
5
5
  import { g as getProps } from './utils-334c1e34.js';
6
6
  import './JSS-67b5cff8.js';
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-91e7729f.js';
2
- import { i as intl } from './global-8245250a.js';
2
+ import { i as intl } from './global-7687af94.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { E as ErrorView } from './ErrorView-48e2b969.js';
5
5
 
@@ -2,7 +2,7 @@ import { h } from './index-91e7729f.js';
2
2
 
3
3
  function LeaderboardRankView(props) {
4
4
  const { data } = props;
5
- return h("span", { class: "P" }, data.rank);
5
+ return (h("span", { style: { marginTop: "0px", fontSize: "var(--sl-font-size-small)" } }, data.rank));
6
6
  }
7
7
 
8
8
  export { LeaderboardRankView as L };
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
2
2
  import { n as h } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import { d as dist, H, J, w as wn, i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
- import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
6
+ import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-84b3c539.js';
7
7
 
8
8
  const GET_RANK = dist.gql `
9
9
  query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -1,13 +1,13 @@
1
1
  import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
2
2
  import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';
7
7
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
8
8
  import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-8f75921a.js';
9
9
  import './mixins-f750863a.js';
10
- import { C as CopyTextView } from './copy-text-view-3f41072a.js';
10
+ import { C as CopyTextView } from './copy-text-view-0faf5db4.js';
11
11
 
12
12
  const style = {
13
13
  Container: {
@@ -33,10 +33,10 @@ function PaginationView(props) {
33
33
  return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
34
34
  h("style", { type: "text/css" }, styleString),
35
35
  !loading && (h(Fragment, null,
36
- h("sl-button", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
36
+ h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
37
37
  h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
38
38
  h("div", { class: sheet.classes.TextContainer }, text.paginationText))),
39
- h("sl-button", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
39
+ h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
40
40
  h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
41
41
  }
42
42
 
@@ -76,11 +76,11 @@ const Pagination = class {
76
76
  */
77
77
  this.paginationText = "{currentPage} of {totalPages}";
78
78
  /**
79
- * The type of the button (primary or secondary) that will be used to copy the link.
79
+ * The type of the button that is used (primary, secondary, or tertiary).
80
80
  * @uiName Button Type
81
81
  * @uiType string
82
- * @uiEnum ["primary", "secondary"]
83
- * @uiEnumNames ["Primary", "Secondary"]
82
+ * @uiEnum ["primary", "secondary", "tertiary"]
83
+ * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
84
84
  * @uiGroup Style
85
85
  */
86
86
  this.buttonType = "secondary";
@@ -231,11 +231,11 @@ const ReferralCode = class {
231
231
  */
232
232
  this.buttonStyle = "icon";
233
233
  /**
234
- * The type of the button (primary or secondary) that will be used to copy the link.
234
+ * The type of the button that is used (primary, secondary, or tertiary).
235
235
  * @uiName Button Type
236
236
  * @uiType string
237
- * @uiEnum ["primary", "secondary"]
238
- * @uiEnumNames ["Primary", "Secondary"]
237
+ * @uiEnum ["primary", "secondary", "tertiary"]
238
+ * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
239
239
  * @uiGroup Style
240
240
  */
241
241
  this.buttonType = "primary";
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-91e7729f.js';
2
- import { i as intl } from './global-8245250a.js';
2
+ import { i as intl } from './global-7687af94.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
5
5
  import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
2
2
  import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
3
- import './global-8245250a.js';
3
+ import './global-7687af94.js';
4
4
  import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import './mixins-f750863a.js';
8
8
  import './sqm-text-span-view-cd3902e5.js';
9
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e43830d8.js';
9
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4a0f0e0e.js';
10
10
 
11
11
  function usePortalEmailVerification(props) {
12
12
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-91e7729f.js';
2
- import { i as intl } from './global-8245250a.js';
2
+ import { i as intl } from './global-7687af94.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
5
5
 
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
2
2
  import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
3
- import './global-8245250a.js';
3
+ import './global-7687af94.js';
4
4
  import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';
7
7
  import './JSS-67b5cff8.js';
8
8
  import './sqm-text-span-view-cd3902e5.js';
9
- import { P as PortalProfileView } from './sqm-portal-profile-view-6168db65.js';
9
+ import { P as PortalProfileView } from './sqm-portal-profile-view-62d46ac3.js';
10
10
  import { i as isEmpty } from './utilities-5b0ca040.js';
11
11
 
12
12
  const GET_USER = dist.gql `
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
2
2
  import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import { i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { l as luxonLocale } from './utils-334c1e34.js';
7
7
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
8
8
  import './mixins-f750863a.js';
9
- import { G as GenericTableView } from './GenericTableView-cb1581d8.js';
9
+ import { G as GenericTableView } from './GenericTableView-708c49d6.js';
10
10
  import { a as useRequestRerender, u as useRerenderListener } from './re-render-cc945f38.js';
11
11
  import { u as useChildElements } from './useChildElements-7945ae56.js';
12
12
  import { l as luxon } from './luxon-8d51c92b.js';
@@ -1,12 +1,12 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
2
2
  import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
3
- import { i as intl } from './global-8245250a.js';
3
+ import { i as intl } from './global-7687af94.js';
4
4
  import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-89a79f66.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { l as luxonLocale } from './utils-334c1e34.js';
7
7
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
8
8
  import './mixins-f750863a.js';
9
- import { G as GenericTableView } from './GenericTableView-cb1581d8.js';
9
+ import { G as GenericTableView } from './GenericTableView-708c49d6.js';
10
10
  import { u as useRerenderListener, a as useRequestRerender } from './re-render-cc945f38.js';
11
11
  import { u as useChildElements } from './useChildElements-7945ae56.js';
12
12
  import { l as luxon } from './luxon-8d51c92b.js';
@@ -1,14 +1,14 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
2
2
  import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
3
- import './global-8245250a.js';
3
+ import './global-7687af94.js';
4
4
  import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, p as setProgramId } from './index.module-89a79f66.js';
5
5
  import './cjs-bdfb4486.js';
6
6
  import './utils-334c1e34.js';
7
7
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
8
8
  import './useReferralCodes-8f75921a.js';
9
9
  import './mixins-f750863a.js';
10
- import { C as CopyTextView } from './copy-text-view-3f41072a.js';
11
- import { G as GenericTableView } from './GenericTableView-cb1581d8.js';
10
+ import { C as CopyTextView } from './copy-text-view-0faf5db4.js';
11
+ import { G as GenericTableView } from './GenericTableView-708c49d6.js';
12
12
  import './useChildElements-7945ae56.js';
13
13
  import { l as luxon } from './luxon-8d51c92b.js';
14
14
  import './sqm-text-span-view-cd3902e5.js';
@@ -16,24 +16,24 @@ import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
16
16
  import { C as CloseButtonView } from './sqm-close-button-view-bc2bc10e.js';
17
17
  import './index-ffa26b43.js';
18
18
  import { E as EmailRegistrationView } from './email-registration-view-b1c858ee.js';
19
- import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
19
+ import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-84b3c539.js';
20
20
  import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
21
21
  import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-f898265a.js';
22
22
  import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-6e046743.js';
23
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e43830d8.js';
23
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4a0f0e0e.js';
24
24
  import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-55fc0873.js';
25
25
  import { P as PortalLoginView } from './sqm-portal-login-view-e870b4b0.js';
26
26
  import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-d732a5df.js';
27
27
  import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-5d651c04.js';
28
- import { P as PortalProfileView } from './sqm-portal-profile-view-6168db65.js';
28
+ import { P as PortalProfileView } from './sqm-portal-profile-view-62d46ac3.js';
29
29
  import './utilities-5b0ca040.js';
30
30
  import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-6903828e.js';
31
31
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-01ac711f.js';
32
32
  import './ErrorView-48e2b969.js';
33
33
  import { Q as QrCodeView } from './sqm-qr-code-view-10b8b4cb.js';
34
- import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-168ab439.js';
34
+ import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-4e3d77d4.js';
35
35
  import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
36
- import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-fc6d1809.js';
36
+ import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-b33d96e3.js';
37
37
 
38
38
  /**
39
39
  * lodash (Custom Build) <https://lodash.com/>
@@ -14395,10 +14395,17 @@ const defaultProps$g = {
14395
14395
  inputPlaceholderText: "CODE ERROR",
14396
14396
  couponCodeLabel: "Your coupon code:",
14397
14397
  error: false,
14398
+ buttonType: "primary",
14398
14399
  };
14399
14400
  const CouponCode = () => {
14400
14401
  return h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard" });
14401
14402
  };
14403
+ const CouponCodeWithSecondaryButtonType = () => {
14404
+ return (h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard", buttonType: "secondary", buttonStyle: "button-outside" }));
14405
+ };
14406
+ const CouponCodeWithTertiaryButtonType = () => {
14407
+ return (h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard", buttonType: "tertiary", buttonStyle: "button-outside" }));
14408
+ };
14402
14409
  const CustomTooltipText$2 = () => {
14403
14410
  return h("sqm-coupon-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
14404
14411
  };
@@ -14455,6 +14462,8 @@ const CouponCode$1 = /*#__PURE__*/Object.freeze({
14455
14462
  __proto__: null,
14456
14463
  'default': CouponCode_stories,
14457
14464
  CouponCode: CouponCode,
14465
+ CouponCodeWithSecondaryButtonType: CouponCodeWithSecondaryButtonType,
14466
+ CouponCodeWithTertiaryButtonType: CouponCodeWithTertiaryButtonType,
14458
14467
  CustomTooltipText: CustomTooltipText$2,
14459
14468
  CustomTooltipDuration: CustomTooltipDuration$2,
14460
14469
  TextAlignCenter: TextAlignCenter$3,
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var l in a)if(Object.prototype.hasOwnProperty.call(a,l))e[l]=a[l]}return e};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f750863a.js";function GenericTableView(e){var a;var t=e.states,r=e.data,l=e.callbacks,s=e.elements;var n=s.columns,i=s.rows;var o=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var c="@media (min-width: "+(Boolean(i.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var m={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"1px solid var(--sl-color-neutral-200)","&:first-child":{borderTop:"1px solid var(--sl-color-neutral-200)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[c]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var u=createStyleSheet(m);var b=u.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},b),h("table",{class:u.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,n===null||n===void 0?void 0:n.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,o==="loading"&&s.loadingElement,o==="rows"&&(i===null||i===void 0?void 0:i.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof n[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":n[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:u.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:o==="loading",onClick:l.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?u.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:l.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?u.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var l in a)if(Object.prototype.hasOwnProperty.call(a,l))e[l]=a[l]}return e};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f750863a.js";function GenericTableView(e){var a;var t=e.states,r=e.data,l=e.callbacks,s=e.elements;var n=s.columns,i=s.rows;var o=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var c="@media (min-width: "+(Boolean(i.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var m={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"1px solid var(--sl-color-neutral-200)","&:first-child":{borderTop:"1px solid var(--sl-color-neutral-200)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"inherit",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[c]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var u=createStyleSheet(m);var b=u.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},b),h("table",{class:u.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,n===null||n===void 0?void 0:n.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,o==="loading"&&s.loadingElement,o==="rows"&&(i===null||i===void 0?void 0:i.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof n[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":n[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:u.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:o==="loading",onClick:l.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?u.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:l.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?u.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};