@saasquatch/mint-components 1.6.3-9 → 1.6.4-0

package/dist/esm/{useReferralTable-4f070134.js → useReferralTable-14fa76c9.js}

@@ -1,11 +1,11 @@
 import { h } from './index-17b4da69.js';
-import { b as browser, u as useReducer, f as useEffect } from './stencil-hooks.module-eefa3570.js';
-import { d as dist, N, O, x, a as dn, v as vn } from './index.module-14794b69.js';
-import { u as useRerenderListener } from './re-render-f48b74b9.js';
-import { u as useChildElements } from './useChildElements-d574b0ce.js';
+import { b as browser, f as useReducer, u as useEffect } from './stencil-hooks.module-203eab48.js';
+import { d as dist, N, O, x, a as dn, v as vn } from './index.module-48cc9ee0.js';
+import { u as useRerenderListener } from './re-render-60dbb00f.js';
+import { u as useChildElements } from './useChildElements-03c9004c.js';
 
-const debug = browser("sq:useReferralTable");
-const CSS_NAMESPACE = "sqm-referral-table";
+const debug = browser("sq:useReferralTable");
+const CSS_NAMESPACE = "sqm-referral-table";
 const GET_REFERRER_DATA = dist.gql `
   query getReferrals(
     $programId: ID
@@ -62,7 +62,7 @@ const GET_REFERRER_DATA = dist.gql `
       }
     }
   }
-`;
+`;
 const GET_REFERRAL_DATA = dist.gql `
   query getReferrals(
     $limit: Int!
@@ -173,180 +173,180 @@ const GET_REFERRAL_DATA = dist.gql `
       }
     }
   }
-`;
-function useReferralTable(props, emptyElement, loadingElement) {
-  var _a, _b, _c;
-  const user = N();
-  const programIdContext = O();
-  // Default to context, overriden by props
-  const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  // If no program ID, shows all programs
-  const referralFilter = programId
-    ? programId === "classic"
-      ? { programId_exists: false }
-      : { programId_eq: programId }
-    : {};
-  const rewardFilter = {
-    userId_eq: user === null || user === void 0 ? void 0 : user.id,
-    accountId_eq: user === null || user === void 0 ? void 0 : user.accountId,
-  };
-  const [content, setContent] = useReducer((state, next) => ({
-    ...state,
-    ...next,
-  }), {
-    columns: [],
-    rows: [],
-    loading: false,
-    page: 0,
-  });
-  const locale = x();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = dn(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 { envelope: referralData, states, callbacks, } = vn(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,
-  }, {
-    referralFilter,
-    rewardFilter,
-    locale,
-  }, (props.showReferrer && referrerLoading && !referrerResponse) || !(user === null || user === void 0 ? void 0 : user.jwt));
-  useEffect(() => {
-    if (states.currentPage === 0 && showReferrerRow)
-      callbacks.setLimit(props.perPage - 1);
-  }, [showReferrerRow]);
-  useEffect(() => {
-    if (props.showReferrer && showReferrerRow) {
-      callbacks.setLimit(props.perPage - 1);
-      callbacks.setCurrentPage(0);
-    }
-    else {
-      callbacks.setLimit(props.perPage);
-      callbacks.setCurrentPage(0);
-    }
-  }, [props.showReferrer]);
-  const tick = useRerenderListener();
-  const data = referralData === null || referralData === void 0 ? void 0 : referralData.data;
-  const components = useChildElements();
-  async function getComponentData(components) {
-    // filter out loading and empty states from columns array
-    const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
-    // get the column titles (renderLabel is asynchronous)
-    const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
-    // show the referrer row before any other rows
-    let referrerRow;
-    if (showReferrerRow && states.currentPage === 0) {
-      const referrerPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderReferrerCell(referrerData, locale)));
-      referrerRow = await Promise.all(referrerPromise);
-    }
-    // get the column cells (renderCell is asynchronous)
-    const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale)));
-      const cells = (await Promise.all(cellPromise));
-      return cells;
-    });
-    const rows = cellsPromise &&
-      [referrerRow, ...(await Promise.all(cellsPromise))].filter((value) => value);
-    setContent({ rows });
-    const columns = columnsPromise && (await Promise.all(columnsPromise));
-    // Set the content to render and finish loading components
-    setContent({ columns, loading: false, page: states.currentPage });
-  }
-  useEffect(() => {
-    setContent({ loading: true });
-    referralData && getComponentData(components);
-  }, [referralData, components, tick]);
-  const isEmpty = !((_c = content === null || content === void 0 ? void 0 : content.rows) === null || _c === void 0 ? void 0 : _c.length) && !(data === null || data === void 0 ? void 0 : data.length);
-  const show = 
-  // 1 - Loading if loading
-  states.loading || content.loading
-    ? "loading"
-    : // 2 - Empty if empty
-      isEmpty
-        ? "empty"
-        : // 3 - Then show rows
-          "rows";
-  return {
-    states: {
-      hasNext: states.currentPage < states.pageCount - 1,
-      hasPrev: states.currentPage > 0,
-      show,
-      namespace: CSS_NAMESPACE,
-    },
-    data: {
-      textOverrides: {
-        showLabels: !props.hideLabels,
-        prevLabel: props.prevLabel,
-        moreLabel: props.moreLabel,
-      },
-      //   referralData: data,
-      hiddenColumns: props.hiddenColumns,
-      smBreakpoint: props.smBreakpoint,
-      mdBreakpoint: props.mdBreakpoint,
-    },
-    elements: {
-      columns: content.columns,
-      rows: content.rows,
-      emptyElement,
-      loadingElement,
-    },
-    callbacks: {
-      nextPage: () => {
-        if (states.currentPage === 0 && showReferrerRow)
-          callbacks.setLimit(props.perPage);
-        callbacks.setCurrentPage(states.currentPage + 1);
-      },
-      prevPage: () => {
-        if (states.currentPage === 1 && showReferrerRow)
-          callbacks.setLimit(props.perPage - 1);
-        callbacks.setCurrentPage(states.currentPage - 1);
-      },
-    },
-  };
-}
-function generateUserError(e) {
-  try {
-    return JSON.stringify(e);
-  }
-  catch (e) {
-    return "An unknown error";
-  }
-}
-async function tryMethod(c, callback) {
-  const tag = c.tagName.toLowerCase();
-  await customElements.whenDefined(tag);
-  let renderPromise;
-  try {
-    renderPromise = callback();
-  }
-  catch (e) {
-    // renderLabel did not return a promise, so this method probably doesn't exist
-    // therefore, we IGNORE the label
-    if (callback.name === "renderReferrerCell") {
-      debug("column does not have a renderReferrerCell method.");
-    }
-    else {
-      debug("label promise failed", e);
-    }
-    debug("label promise failed", e);
-    return h("span", null);
-  }
-  try {
-    return await renderPromise;
-  }
-  catch (e) {
-    // The column returned a promise, and that promise failed.
-    // This should not happen so we fail fast
-    debug("Error rendering label", e);
-    const userError = generateUserError(e);
-    return (h("details", null,
-      h("summary", null, "Error"),
-      userError));
-  }
+`;
+function useReferralTable(props, emptyElement, loadingElement) {
+  var _a, _b, _c;
+  const user = N();
+  const programIdContext = O();
+  // Default to context, overriden by props
+  const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
+  // If no program ID, shows all programs
+  const referralFilter = programId
+    ? programId === "classic"
+      ? { programId_exists: false }
+      : { programId_eq: programId }
+    : {};
+  const rewardFilter = {
+    userId_eq: user === null || user === void 0 ? void 0 : user.id,
+    accountId_eq: user === null || user === void 0 ? void 0 : user.accountId,
+  };
+  const [content, setContent] = useReducer((state, next) => ({
+    ...state,
+    ...next,
+  }), {
+    columns: [],
+    rows: [],
+    loading: false,
+    page: 0,
+  });
+  const locale = x();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = dn(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 { envelope: referralData, states, callbacks, } = vn(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,
+  }, {
+    referralFilter,
+    rewardFilter,
+    locale,
+  }, (props.showReferrer && referrerLoading && !referrerResponse) || !(user === null || user === void 0 ? void 0 : user.jwt));
+  useEffect(() => {
+    if (states.currentPage === 0 && showReferrerRow)
+      callbacks.setLimit(props.perPage - 1);
+  }, [showReferrerRow]);
+  useEffect(() => {
+    if (props.showReferrer && showReferrerRow) {
+      callbacks.setLimit(props.perPage - 1);
+      callbacks.setCurrentPage(0);
+    }
+    else {
+      callbacks.setLimit(props.perPage);
+      callbacks.setCurrentPage(0);
+    }
+  }, [props.showReferrer]);
+  const tick = useRerenderListener();
+  const data = referralData === null || referralData === void 0 ? void 0 : referralData.data;
+  const components = useChildElements();
+  async function getComponentData(components) {
+    // filter out loading and empty states from columns array
+    const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
+    // get the column titles (renderLabel is asynchronous)
+    const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
+    // show the referrer row before any other rows
+    let referrerRow;
+    if (showReferrerRow && states.currentPage === 0) {
+      const referrerPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderReferrerCell(referrerData, locale)));
+      referrerRow = await Promise.all(referrerPromise);
+    }
+    // get the column cells (renderCell is asynchronous)
+    const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale)));
+      const cells = (await Promise.all(cellPromise));
+      return cells;
+    });
+    const rows = cellsPromise &&
+      [referrerRow, ...(await Promise.all(cellsPromise))].filter((value) => value);
+    setContent({ rows });
+    const columns = columnsPromise && (await Promise.all(columnsPromise));
+    // Set the content to render and finish loading components
+    setContent({ columns, loading: false, page: states.currentPage });
+  }
+  useEffect(() => {
+    setContent({ loading: true });
+    referralData && getComponentData(components);
+  }, [referralData, components, tick]);
+  const isEmpty = !((_c = content === null || content === void 0 ? void 0 : content.rows) === null || _c === void 0 ? void 0 : _c.length) && !(data === null || data === void 0 ? void 0 : data.length);
+  const show = 
+  // 1 - Loading if loading
+  states.loading || content.loading
+    ? "loading"
+    : // 2 - Empty if empty
+      isEmpty
+        ? "empty"
+        : // 3 - Then show rows
+          "rows";
+  return {
+    states: {
+      hasNext: states.currentPage < states.pageCount - 1,
+      hasPrev: states.currentPage > 0,
+      show,
+      namespace: CSS_NAMESPACE,
+    },
+    data: {
+      textOverrides: {
+        showLabels: !props.hideLabels,
+        prevLabel: props.prevLabel,
+        moreLabel: props.moreLabel,
+      },
+      //   referralData: data,
+      hiddenColumns: props.hiddenColumns,
+      smBreakpoint: props.smBreakpoint,
+      mdBreakpoint: props.mdBreakpoint,
+    },
+    elements: {
+      columns: content.columns,
+      rows: content.rows,
+      emptyElement,
+      loadingElement,
+    },
+    callbacks: {
+      nextPage: () => {
+        if (states.currentPage === 0 && showReferrerRow)
+          callbacks.setLimit(props.perPage);
+        callbacks.setCurrentPage(states.currentPage + 1);
+      },
+      prevPage: () => {
+        if (states.currentPage === 1 && showReferrerRow)
+          callbacks.setLimit(props.perPage - 1);
+        callbacks.setCurrentPage(states.currentPage - 1);
+      },
+    },
+  };
+}
+function generateUserError(e) {
+  try {
+    return JSON.stringify(e);
+  }
+  catch (e) {
+    return "An unknown error";
+  }
+}
+async function tryMethod(c, callback) {
+  const tag = c.tagName.toLowerCase();
+  await customElements.whenDefined(tag);
+  let renderPromise;
+  try {
+    renderPromise = callback();
+  }
+  catch (e) {
+    // renderLabel did not return a promise, so this method probably doesn't exist
+    // therefore, we IGNORE the label
+    if (callback.name === "renderReferrerCell") {
+      debug("column does not have a renderReferrerCell method.");
+    }
+    else {
+      debug("label promise failed", e);
+    }
+    debug("label promise failed", e);
+    return h("span", null);
+  }
+  try {
+    return await renderPromise;
+  }
+  catch (e) {
+    // The column returned a promise, and that promise failed.
+    // This should not happen so we fail fast
+    debug("Error rendering label", e);
+    const userError = generateUserError(e);
+    return (h("details", null,
+      h("summary", null, "Error"),
+      userError));
+  }
 }
 
 export { generateUserError as g, tryMethod as t, useReferralTable as u };

package/dist/esm/{useRegistrationFormState-abed2c1e.js → useRegistrationFormState-09847a08.js}

@@ -1,11 +1,11 @@
-import { y } from './stencil-hooks.module-eefa3570.js';
-import { R } from './index.module-14794b69.js';
+import { y } from './stencil-hooks.module-203eab48.js';
+import { R } from './index.module-48cc9ee0.js';
 
-const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
-function useRegistrationFormState(formState) {
-  const host = R();
-  const [registrationFormState, setRegistrationFormState] = y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
-  return { registrationFormState, setRegistrationFormState };
+const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
+function useRegistrationFormState(formState) {
+  const host = R();
+  const [registrationFormState, setRegistrationFormState] = y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
+  return { registrationFormState, setRegistrationFormState };
 }
 
 export { REGISTRATION_FORM_STATE_CONTEXT as R, useRegistrationFormState as u };

package/dist/esm/{utils-334c1e34.js → utils-d7bbb0e2.js}

@@ -1,41 +1,41 @@
-function readGetters(obj) {
-  var result = [];
-  Object.keys(obj).forEach((property) => {
-    var descriptor = Object.getOwnPropertyDescriptor(obj, property);
-    if (typeof descriptor.get === "function") {
-      result.push(property);
-    }
-  });
-  return result;
-}
-// turns the "get" prototypes on stencil "this" objects into regular properties
-// basically you can't do {...this} in stencil components before calling this
-function getProps(obj) {
-  let props = {};
-  for (const k of readGetters(Object.getPrototypeOf(obj))) {
-    props[k] = obj[k];
-  }
-  return props;
-}
-function getMissingProps(props) {
-  const missingProps = props.filter((prop) => !prop.value);
-  return missingProps.length ? missingProps : false;
-}
-function luxonLocale(locale) {
-  const splitLocale = locale === null || locale === void 0 ? void 0 : locale.split("_");
-  if (!splitLocale || splitLocale.length === 1)
-    return locale;
-  const language = splitLocale[0];
-  const country = splitLocale[1];
-  return `${language}-${country.toUpperCase()}`;
-}
-function sanitizeUrlPath(path) {
-  const url = new URL(path, window.location.origin);
-  const cleanUrl = new URL(window.location.origin);
-  cleanUrl.pathname = url.pathname;
-  cleanUrl.search = url.search;
-  cleanUrl.hash = url.hash;
-  return cleanUrl;
+function readGetters(obj) {
+  var result = [];
+  Object.keys(obj).forEach((property) => {
+    var descriptor = Object.getOwnPropertyDescriptor(obj, property);
+    if (typeof descriptor.get === "function") {
+      result.push(property);
+    }
+  });
+  return result;
+}
+// turns the "get" prototypes on stencil "this" objects into regular properties
+// basically you can't do {...this} in stencil components before calling this
+function getProps(obj) {
+  let props = {};
+  for (const k of readGetters(Object.getPrototypeOf(obj))) {
+    props[k] = obj[k];
+  }
+  return props;
+}
+function getMissingProps(props) {
+  const missingProps = props.filter((prop) => !prop.value);
+  return missingProps.length ? missingProps : false;
+}
+function luxonLocale(locale) {
+  const splitLocale = locale === null || locale === void 0 ? void 0 : locale.split("_");
+  if (!splitLocale || splitLocale.length === 1)
+    return locale;
+  const language = splitLocale[0];
+  const country = splitLocale[1];
+  return `${language}-${country.toUpperCase()}`;
+}
+function sanitizeUrlPath(path) {
+  const url = new URL(path, window.location.origin);
+  const cleanUrl = new URL(window.location.origin);
+  cleanUrl.pathname = url.pathname;
+  cleanUrl.search = url.search;
+  cleanUrl.hash = url.hash;
+  return cleanUrl;
 }
 
 export { getMissingProps as a, getProps as g, luxonLocale as l, sanitizeUrlPath as s };

package/dist/esm-es5/{GenericTableView-ce26115f.js → GenericTableView-5dd51546.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{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 m="@media (min-width: "+(Boolean(i.length<2)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.mdBreakpoint+"px)";var c={Table:(a={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",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 g=u.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},g),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)})))}))))),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-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.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 u={Table:(a={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",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 c=createStyleSheet(u);var g=c.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:c.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)})))}))))),h("div",{class:c.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?c.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?c.classes.ButtonDisabled:""},l.textOverrides.moreLabel)))}export{GenericTableView as G};