@saasquatch/mint-components 1.15.0-1 → 1.15.0-11

package/dist/esm/sqm-stencilbook.entry.js

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 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';
-import './global-be1f9992.js';
+import './global-9d6f3bbe.js';
 import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, p as setProgramId } from './index.module-89a79f66.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-8f75921a.js';
 import './mixins-83f90fa1.js';
-import { C as CopyTextView } from './copy-text-view-782137ba.js';
-import { G as GenericTableView } from './GenericTableView-7b9087af.js';
+import { C as CopyTextView } from './copy-text-view-0ac6e1d1.js';
+import { G as GenericTableView } from './GenericTableView-e7addb2b.js';
 import './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
-import './sqm-text-span-view-ca32495e.js';
+import './sqm-text-span-view-c577cc60.js';
 import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
 import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
 import './index-ffa26b43.js';
@@ -20,20 +20,20 @@ import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.j
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-35b4353b.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-3d3182f1.js';
-import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-3c1f6000.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-14f1c22c.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-50444a7c.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-31f1cb87.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-41116f1d.js';
 import './utilities-5b0ca040.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-b000ffc5.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-2983ba9b.js';
 import './ErrorView-48e2b969.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-f1d0763b.js';
-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-cf230f50.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-10b8b4cb.js';
+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-8f268346.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-2c726568.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-fda573e4.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1722,6 +1722,18 @@ const CopyButtonBelow = () => {
     buttonStyle: "button-below",
   })));
 };
+const CustomStyles = () => {
+  const props = {
+    copyString: "https://noah.example.com",
+    open: false,
+    tooltiptext: "Copied!",
+    backgroundColor: "#1ed760",
+    borderRadius: "30px",
+    textColor: "#121212",
+    buttonType: "primary",
+  };
+  return h(CopyTextView, Object.assign({}, props));
+};
 const FullStack = () => {
   return h("sqm-share-link", null);
 };
@@ -1737,6 +1749,7 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   TextAlignRight: TextAlignRight,
   CopyButton: CopyButton,
   CopyButtonBelow: CopyButtonBelow,
+  CustomStyles: CustomStyles,
   FullStack: FullStack
 });
 
@@ -3471,7 +3484,7 @@ const FullStackSuccess = () => {
     h("div", { class: "AlertContent" },
       h("div", { part: "successalert-text" }, "Title"),
       h("div", { part: "successalert-subtext" }, "Body text."),
-      h("sl-button", { type: "default", exportparts: "base: defaultbutton-base", onClick: () => {
+      h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: () => {
           console.log("click");
         } }, "Primary Action"),
       h("sl-button", { class: "SecondaryTextButton", type: "text", onClick: () => {
@@ -13039,7 +13052,7 @@ const Timeline_stories = {
 const TimelineWith1Reward = () => {
   return (h("div", null,
     h("sqm-timeline", null,
-      h("sqm-timeline-entry", { reward: "75", unit: "points", desc: "Your friends signs up for a free trial" })),
+      h("sqm-timeline-entry", { textColor: "red", lineColor: "red", reward: "75", unit: "points", desc: "Your friends signs up for a free trial" })),
     h("br", null),
     " ",
     h("hr", null),
@@ -13096,6 +13109,13 @@ const TimelineWith4Rewards = () => {
       h("sqm-timeline-entry", { reward: "$200", unit: "visa giftcard", desc: "Your friend qualifies as a good fit for Klip Team" }),
       h("sqm-timeline-entry", { reward: "$1000", unit: "visa giftcard", desc: "Your friend purchases Klip Team" }))));
 };
+const TimelineWithCustomColors = () => {
+  return (h("sqm-timeline", null,
+    h("sqm-timeline-entry", { "text-color": "red", "line-color": "red", reward: "75", unit: "points", desc: "Your friends signs up for a free trial" }),
+    h("sqm-timeline-entry", { "text-color": "red", "line-color": "red", reward: "$50", unit: "visa giftcard", desc: "Your friends signs up for Klip Personal" }),
+    h("sqm-timeline-entry", { "text-color": "red", "line-color": "red", reward: "$200", unit: "visa giftcard", desc: "Your friend qualifies as a good fit for Klip Team" }),
+    h("sqm-timeline-entry", { "text-color": "red", "line-color": "red", reward: "$1000", unit: "visa giftcard", desc: "Your friend purchases Klip Team" })));
+};
 
 const Timeline = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -13103,7 +13123,8 @@ const Timeline = /*#__PURE__*/Object.freeze({
   TimelineWith1Reward: TimelineWith1Reward,
   TimelineWith2Rewards: TimelineWith2Rewards,
   TimelineWith3Rewards: TimelineWith3Rewards,
-  TimelineWith4Rewards: TimelineWith4Rewards
+  TimelineWith4Rewards: TimelineWith4Rewards,
+  TimelineWithCustomColors: TimelineWithCustomColors
 });
 
 const scenario$x = "@author:kutay\n@owner:kutay\nFeature: Image\n\n\tBackground: A user on the portal is viewing the widget\n\t\tGiven a user viewing the image component\n\n\t@motivating\n\t@ui\n\tScenario: Image is displayed from URL\n\t\tGiven an Image component\n\t\tAnd prop \"image-url\" is provided with a valid image url\n\t\tThen the image is displayed\n\t\tAnd it is centered\n\n\t@motivating\n\t@ui\n\tScenario Outline: Images can be aligned left, center or right\n\t\tGiven an Image component\n\t\tAnd prop \"image-url\" is provided with a valid image url\n\t\tAnd prop \"align\" has <value>\n\t\tThen the image is displayed\n\t\tAnd it is aligned to the <value>\n\t\tExamples:\n\t\t\t| value  |\n\t\t\t| left   |\n\t\t\t| center |\n\t\t\t| right  |\n\n\t@motivating\n\t@ui\n\tScenario: Image background can be assigned a color\n\t\tGiven an Image component\n\t\tAnd prop \"image-url\" is provided with a valid image url\n\t\tAnd prop \"background-color\" is provided a color\n\t\tThen the image is displayed\n\t\tAnd the background is the provided color\n\n\t@motivating\n\t@ui\n\tScenario: Image minimum height can be constrained\n\t\tGiven an Image component\n\t\tAnd prop \"image-url\" is provided\n\t\tAnd prop \"min-height\" is given a minimum value\n\t\tThen the image is displayed\n\t\tAnd the container size changes\n\t\tThen the image does not shrink below its minimum height";
@@ -14127,6 +14148,9 @@ const ReferralCode = () => {
 const ShowNotificationText = () => {
   return (h("sqm-referral-code", { showNotificationText: true, notificationText: "You've copied this code before" }));
 };
+const ShowNotificationTextRed = () => {
+  return (h("sqm-referral-code", { textColor: "red", showNotificationText: true, notificationText: "You've copied this code before" }));
+};
 const ShowNotificationTextWithButton = () => {
   return (h("sqm-referral-code", { showNotificationText: true, notificationText: "You've copied this code before", buttonStyle: "button-outside" }));
 };
@@ -14178,6 +14202,7 @@ const ReferralCode$1 = /*#__PURE__*/Object.freeze({
   'default': ReferralCode_stories,
   ReferralCode: ReferralCode,
   ShowNotificationText: ShowNotificationText,
+  ShowNotificationTextRed: ShowNotificationTextRed,
   ShowNotificationTextWithButton: ShowNotificationTextWithButton,
   ShowNotificationTextWithButtonBelow: ShowNotificationTextWithButtonBelow,
   CustomTooltipText: CustomTooltipText$1,
@@ -15583,6 +15608,12 @@ const WithPreviouslyCopiedCode = () => {
     shareCodeWithPreviouslyCopied("shareCodes"),
     shareButtons("shareButtons")));
 };
+const WithPreviouslyCopiedCodeAndCustomColor = () => {
+  return (h("sqm-referral-codes", { textColor: "red" },
+    pagination("pagination"),
+    shareCodeWithPreviouslyCopied("shareCodes"),
+    shareButtons("shareButtons")));
+};
 const Empty$3 = () => {
   return (h("sqm-referral-codes", { demoData: { states: { ...demoData.states, noCodes: true } } },
     pagination("pagination"),
@@ -15609,6 +15640,7 @@ const ReferralCodes$1 = /*#__PURE__*/Object.freeze({
   'default': ReferralCodes_stories,
   ReferralCodes: ReferralCodes,
   WithPreviouslyCopiedCode: WithPreviouslyCopiedCode,
+  WithPreviouslyCopiedCodeAndCustomColor: WithPreviouslyCopiedCodeAndCustomColor,
   Empty: Empty$3,
   EmptyWithCustomTextAndImage: EmptyWithCustomTextAndImage,
   Loading: Loading$b
@@ -15814,6 +15846,25 @@ const QRCode = /*#__PURE__*/Object.freeze({
   DownloadError: DownloadError
 });
 
+const Text_stories = {
+  title: "Components/Text",
+};
+const PurpleText = () => {
+  return (h("sqm-text", { textColor: "slateblue" },
+    h("p", null, "This is the text component")));
+};
+const CustomFontSize = () => {
+  return (h("sqm-text", { fontSize: 36 },
+    h("p", null, "This is the text component")));
+};
+
+const Text = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': Text_stories,
+  PurpleText: PurpleText,
+  CustomFontSize: CustomFontSize
+});
+
 /**
  *
  * Themes
@@ -18551,6 +18602,7 @@ const stories = [
   PayoutButtonScroll,
   PayoutStatusAlert,
   QRCode,
+  Text,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {

package/dist/esm/{sqm-text-span-view-ca32495e.js → sqm-text-span-view-c577cc60.js}

@@ -5,37 +5,37 @@ const style = {
   p: {
     "font-size": "var(--sl-font-size-small)",
     "font-weight": "400",
-    color: "var(--sl-color-gray-800)",
+    color: "var(--sq-text)",
     margin: "0",
   },
   subtext: {
     "font-size": "var(--sl-font-size-x-small)",
     "font-weight": "400",
-    color: "var(--sl-color-gray-600)",
+    color: "var(--sqm-text-subdued)",
     margin: "0",
   },
   h1: {
     "font-size": "var(--sl-font-size-xx-large)",
     "font-weight": "600",
-    color: "var(--sl-color-gray-800)",
+    color: "var(--sq-text)",
     margin: "0",
   },
   h2: {
     "font-size": "var(--sl-font-size-x-large)",
     "font-weight": "600",
-    color: "var(--sl-color-gray-800)",
+    color: "var(--sq-text)",
     margin: "0",
   },
   h3: {
     "font-size": "var(--sl-font-size-large)",
     "font-weight": "600",
-    color: "var(--sl-color-gray-800)",
+    color: "var(--sq-text)",
     margin: "0",
   },
   h4: {
     "font-size": "13px",
     "font-weight": "600",
-    color: "var(--sl-color-gray-800)",
+    color: "var(--sq-text)",
     margin: "0",
   },
 };

package/dist/esm/sqm-text-span.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { n as h } from './stencil-hooks.module-4bc38af4.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
+import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 
 const Text = class {
   constructor(hostRef) {

package/dist/esm-es5/{GenericTableView-7b9087af.js → GenericTableView-e7addb2b.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,l=arguments.length;t<l;t++){a=arguments[t];for(var r in a)if(Object.prototype.hasOwnProperty.call(a,r))e[r]=a[r]}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-83f90fa1.js";function GenericTableView(e){var a;var t=e.states,l=e.data,r=e.callbacks,s=e.elements;var n=s.columns,i=s.rows;var o=t.show;var d=l.hiddenColumns&&l.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+l.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(i.length<2)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.mdBreakpoint+"px)";var c={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[m]={"& 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(c);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},l.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:""+(!l.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:r.prevPage,exportparts:"base: defaultbutton-base",class:!t.hasPrev?u.classes.ButtonDisabled:""},l.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:r.nextPage,exportparts:"base: defaultbutton-base",class:!t.hasNext?u.classes.ButtonDisabled:""},l.textOverrides.moreLabel)))}export{GenericTableView as G};
+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-83f90fa1.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};