@saasquatch/mint-components 1.11.1-1 → 1.12.0-0

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import './index.module-f122af7b.js';
-import { a as useRequestRerender } from './re-render-c64289f3.js';
+import './index.module-6c840c4e.js';
+import { a as useRequestRerender } from './re-render-1bcfd0de.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { _ } from './index.module-f122af7b.js';
+import { T } from './index.module-6c840c4e.js';
+import { u as useRerenderListener } from './re-render-1bcfd0de.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { u as useRerenderListener } from './re-render-c64289f3.js';
-import { u as useChildElements } from './useChildElements-37daf533.js';
 
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.
@@ -37,7 +37,7 @@ const TabsView = ({ content, placement, }) => {
 const REVEAL_EVENT = "sq:reveal";
 function useTabs() {
   const rawTabs = useChildElements();
-  const host = _();
+  const host = T();
   const tick = useRerenderListener();
   const tabs = useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")

package/dist/esm/sqm-widget-verification-internal.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { n as h } from './stencil-hooks.module-ac12ca1c.js';
+import { K, F as Fn } from './index.module-6c840c4e.js';
+import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-a1496e39.js';
+
+const WidgetVerificationInternal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const userIdentity = K();
+    const [showCode, setShowCode] = Fn({
+      namespace: SHOW_CODE_NAMESPACE,
+      initialValue: false,
+    });
+    const [email, setEmail] = Fn({
+      namespace: VERIFICATION_EMAIL_NAMESPACE,
+      initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+    });
+    if (showCode) {
+      return h$1("sqm-code-verification", null);
+    }
+    return h$1("sqm-email-verification", null);
+  }
+};
+
+export { WidgetVerificationInternal as sqm_widget_verification_internal };

package/dist/esm/sqm-widget-verification.entry.js

@@ -0,0 +1,123 @@
+import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
+import { b as browser, n as h, k as useState, f as useEffect, l } from './stencil-hooks.module-ac12ca1c.js';
+import { F as Fn, b as useCallback } from './index.module-6c840c4e.js';
+import { V as VERIFICATION_EVENT_KEY, a as VERIFICATION_PARENT_NAMESPACE } from './keys-a1496e39.js';
+
+const debug = browser("sq:widget-verification");
+function useTemplateChildren({ parent, callback }) {
+  const parentObserver = new MutationObserver(listenForTemplateChanges);
+  const childTemplateObserver = new MutationObserver(callback);
+  parentObserver.observe(parent, {
+    childList: true,
+    // We only care about immediate children templates
+    subtree: false,
+  });
+  listenForTemplateChanges({ addedNodes: parent.querySelectorAll("template") });
+  function listenForTemplateChanges(mutationList) {
+    var _a;
+    // Be smart, only look at the mutation list
+    (_a = mutationList.addedNodes) === null || _a === void 0 ? void 0 : _a.forEach((t) => {
+      childTemplateObserver.observe(t.content, {
+        childList: true,
+        attributes: true,
+        // Look deep into the templates for re-rendering
+        subtree: true,
+      });
+    });
+  }
+  return () => {
+    parentObserver.disconnect();
+    childTemplateObserver.disconnect();
+  };
+}
+const WidgetVerification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const [context, setContext] = Fn({
+      namespace: VERIFICATION_PARENT_NAMESPACE,
+      initialValue: undefined,
+    });
+    const authToken = context === null || context === void 0 ? void 0 : context.token;
+    const [container, setContainer] = useState(undefined);
+    const [slot, setSlot] = useState(undefined);
+    if (!authToken)
+      debug("No user identity available");
+    const updateTemplates = useCallback(() => {
+      const isAuth = !!authToken;
+      const templates = slot.querySelectorAll(`template`);
+      const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
+      if (template) {
+        // use outerHTML if template's innerHTML is unset (only happens in Stencilbook)
+        const newContent = template.innerHTML || template.firstElementChild.outerHTML;
+        // if template contents are an exact match
+        if (newContent === container.innerHTML) {
+          debug("don't rerender");
+        }
+        else if (template) {
+          container.innerHTML = newContent;
+        }
+      }
+      const plopTargets = Array.from(slot.children).filter((el) => el.tagName === "RAISINS-PLOP-TARGET");
+      // if editing in raisins
+      if (plopTargets.length) {
+        const loggedInPlopTargets = plopTargets.filter((el) => el.slot === "verified");
+        const loggedOutPlopTargets = plopTargets.filter((el) => el.slot === "not-verified");
+        loggedOutPlopTargets.forEach((target, i) => {
+          if (isAuth) {
+            target.style.display = "none";
+            return;
+          }
+          // Place last plop target at the bottom of the parent
+          if (i === loggedOutPlopTargets.length - 1) {
+            target.style.bottom = "0px";
+            target.style.left = "0px";
+            target.style.right = "0px";
+            target.style.position = "absolute";
+          }
+          target.style.height = "25px";
+        });
+        loggedInPlopTargets.forEach((target, i) => {
+          if (!isAuth) {
+            target.style.display = "none";
+            return;
+          }
+          // Place last plop target at the bottom of the parent
+          if (i === loggedInPlopTargets.length - 1) {
+            target.style.bottom = "0px";
+            target.style.left = "0px";
+            target.style.right = "0px";
+            target.style.position = "absolute";
+          }
+          target.style.height = "25px";
+        });
+      }
+    }, [container, slot, authToken]);
+    useEffect(() => {
+      if (!container || !slot) {
+        debug("DOM not ready:");
+        return;
+      }
+      // Run on first render
+      updateTemplates();
+      return useTemplateChildren({ parent: slot, callback: updateTemplates });
+    }, [slot, container, authToken]);
+    useEffect(() => {
+      const host = l();
+      const callback = (e) => {
+        e.stopPropagation();
+        setContext({ token: e.detail.token });
+      };
+      host.addEventListener(VERIFICATION_EVENT_KEY, callback);
+      return () => {
+        host.removeEventListener(VERIFICATION_EVENT_KEY, callback);
+      };
+    }, []);
+    return (h$1(Host, null, h$1("div", { ref: setSlot, style: { display: "contents" } }, h$1("template", { slot: "not-verified" }, h$1("sqm-widget-verification-internal", null)), h$1("slot", { name: "not-verified" }), h$1("slot", { name: "verified" })), h$1("div", { ref: setContainer }, h$1("slot", { name: "shown" }))));
+  }
+};
+
+export { WidgetVerification as sqm_widget_verification };

package/dist/esm/stencil-hooks.module-ac12ca1c.js

@@ -1,4 +1,4 @@
-import { g as getElement, f as forceUpdate, a as getRenderingRef } from './index-17b4da69.js';
+import { g as getElement, a as getRenderingRef, f as forceUpdate } from './index-17b4da69.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/esm/{useChildElements-37daf533.js → useChildElements-fc84e640.js}

@@ -1,8 +1,8 @@
 import { k as useState, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { _ } from './index.module-f122af7b.js';
+import { T } from './index.module-6c840c4e.js';
 
 function useChildElements() {
-  const host = _();
+  const host = T();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

package/dist/esm/useEmailVerification-7135732c.js

@@ -0,0 +1,72 @@
+import { k as useState } from './stencil-hooks.module-ac12ca1c.js';
+import { d as dist, M as Mn, K, c as xe } from './index.module-6c840c4e.js';
+import { S as SHOW_CODE_NAMESPACE, b as VERIFICATION_EMAIL_NAMESPACE } from './keys-a1496e39.js';
+
+const VerificationEmailMutation = dist.gql `
+  mutation requestUserEmailVerification($user: UserIdInput!) {
+    requestUserEmailVerification(user: $user) {
+      success
+    }
+  }
+`;
+// TODO: Move to component-boilerplate
+function useVerificationEmailMutation() {
+  const user = K();
+  const [request, { loading, data, errors }] = xe(VerificationEmailMutation);
+  const sendVerificationEmailMutation = async () => {
+    try {
+      const result = await request({
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+      });
+      if (result instanceof Error || !result)
+        throw new Error();
+      return result;
+    }
+    catch (e) {
+      console.error("Could not send verification email", e);
+      return undefined;
+    }
+  };
+  return [
+    sendVerificationEmailMutation,
+    {
+      loading,
+      data,
+      errors,
+    },
+  ];
+}
+function useWidgetEmailVerification(props) {
+  const [_, setShowCode] = Mn(SHOW_CODE_NAMESPACE);
+  const [email, setEmail] = Mn(VERIFICATION_EMAIL_NAMESPACE);
+  const [error, setError] = useState(false);
+  const [sendVerificationEmailMutation, { loading, data, errors }] = useVerificationEmailMutation();
+  const submitEmail = async (e) => {
+    e.preventDefault();
+    const formData = e.detail.formData;
+    const toAddress = formData.get("email").toString();
+    const result = await sendVerificationEmailMutation();
+    if (!result || !result.requestUserEmailVerification.success)
+      setError(true);
+    else {
+      setEmail(toAddress);
+      setShowCode(true);
+    }
+  };
+  return {
+    callbacks: {
+      submitEmail,
+    },
+    states: {
+      loading,
+      error: error && props.errorText,
+      email,
+    },
+    text: props.getTextProps(),
+  };
+}
+
+export { useVerificationEmailMutation as a, useWidgetEmailVerification as u };

package/dist/esm/{useInstantAccessRegistration-9d4cb797.js → useInstantAccessRegistration-8b0a4556.js}

@@ -1,13 +1,13 @@
 import { k as useState } from './stencil-hooks.module-ac12ca1c.js';
-import { c as mn } from './index.module-f122af7b.js';
+import { C as Cn } from './index.module-6c840c4e.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-53c71782.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-849e27f7.js';
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState();
-  const [request, { loading, errors, data }] = mn();
+  const [request, { loading, errors, data }] = Cn();
   const [error, setError] = useState("");
   const submit = async (event) => {
     var _a;

package/dist/esm/{useReferralTable-42f99ea2.js → useReferralTable-f6ffa103.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
 import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { d as dist, Q, H, L, y as yn, k as kn } from './index.module-f122af7b.js';
-import { u as useRerenderListener } from './re-render-c64289f3.js';
-import { u as useChildElements } from './useChildElements-37daf533.js';
+import { d as dist, K, z, Q, E as En, O as On } from './index.module-6c840c4e.js';
+import { u as useRerenderListener } from './re-render-1bcfd0de.js';
+import { u as useChildElements } from './useChildElements-fc84e640.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -243,8 +243,8 @@ const GET_IMPACT_TAX = dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c, _d;
-  const user = Q();
-  const programIdContext = H();
+  const user = K();
+  const programIdContext = z();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -266,17 +266,17 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = L();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = yn(GET_REFERRER_DATA, {
+  const locale = Q();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = En(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { data: taxResponse, loading: taxLoading } = yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = En(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   const taxConnection = (_c = taxResponse === null || taxResponse === void 0 ? void 0 : taxResponse.viewer) === null || _c === void 0 ? void 0 : _c.impactConnection;
-  const { envelope: referralData, states, callbacks, } = kn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = On(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/esm/{useRegistrationFormState-53c71782.js → useRegistrationFormState-849e27f7.js}

@@ -1,9 +1,9 @@
 import { y } from './stencil-hooks.module-ac12ca1c.js';
-import { _ } from './index.module-f122af7b.js';
+import { T } from './index.module-6c840c4e.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = _();
+  const host = T();
   const [registrationFormState, setRegistrationFormState] = y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

package/dist/esm/{utilities-18d10876.js → utilities-443732be.js}

@@ -1,5 +1,5 @@
 import { k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
-import { u as useCallback } from './index.module-f122af7b.js';
+import { b as useCallback } from './index.module-6c840c4e.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/esm-es5/{GenericTableView-bf154727.js → GenericTableView-d59d8ab4.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-17b4da69.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f60a614c.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 c="@media (min-width: "+(Boolean(i.length<2)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.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},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,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-17b4da69.js";import{g as gap}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.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 c="@media (min-width: "+(Boolean(i.length<2)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.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},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};