@saasquatch/mint-components 1.15.0-43 → 1.15.0-44

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

@@ -1,7 +1,7 @@
-import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import './index.module-89a79f66.js';
-import { a as useRequestRerender } from './re-render-cc945f38.js';
+import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
+import { n as h$1 } from './stencil-hooks.module-20ad2b5f.js';
+import './index.module-d49ae5e7.js';
+import { a as useRequestRerender } from './re-render-789f9123.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-91e7729f.js';
-import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import { _ } from './index.module-89a79f66.js';
+import { h, c as Host, r as registerInstance } from './index-b3a06de8.js';
+import { u as useMemo, f as useEffect, n as h$1 } from './stencil-hooks.module-20ad2b5f.js';
+import { _ } from './index.module-d49ae5e7.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { u as useRerenderListener } from './re-render-cc945f38.js';
-import { u as useChildElements } from './useChildElements-7945ae56.js';
+import { u as useRerenderListener } from './re-render-789f9123.js';
+import { u as useChildElements } from './useChildElements-0ca9a015.js';
 
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/esm/{sqm-text-span-view-cd3902e5.js → sqm-text-span-view-4c17b8c9.js}

@@ -1,4 +1,4 @@
-import { h } from './index-91e7729f.js';
+import { h } from './index-b3a06de8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function TextSpanView(props, children) {

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 { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { n as h } from './stencil-hooks.module-20ad2b5f.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-cd3902e5.js';
+import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 
 const TextSpan = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { b as browser, n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { I as In, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { b as browser, n as h, k as useState, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { I as In, u as useCallback } from './index.module-d49ae5e7.js';
 import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");
@@ -33,26 +33,18 @@ function useTemplateChildren({ parent, callback }) {
 const WidgetVerificationController = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * @componentState { "title": "Not Verified", "slot": "not-verified", "props": { "isAuth": false } }
-     * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
-     */
-    this.stateController = "{}";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    var _a;
     const [context, setContext] = In({
       namespace: VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
-    const props = JSON.parse(this.stateController);
-    const demoIsAuth = isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
     const [container, setContainer] = useState(undefined);
     const [slot, setSlot] = useState(undefined);
     const updateTemplates = useCallback(() => {
-      const isAuth = demoIsAuth || context;
+      const isAuth = context;
       const templates = slot.querySelectorAll(`template`);
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
@@ -100,7 +92,7 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context, demoIsAuth]);
+    }, [container, slot, context]);
     useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
@@ -109,7 +101,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context, demoIsAuth]);
+    }, [slot, container, context]);
     return (h$1(Host, null, h$1("div", { ref: setSlot, style: { display: "contents" } }, h$1("slot", { name: "not-verified" }), h$1("slot", { name: "verified" })), h$1("div", { ref: setContainer }, h$1("slot", { name: "shown" }))));
   }
 };

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

@@ -1,9 +1,8 @@
-import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-89a79f66.js';
-import { c as cjs } from './cjs-bdfb4486.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
+import { d as dist, J, I as In, q as En, X as Xe, i as isDemo } from './index.module-d49ae5e7.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';
+import { e as extractProps } from './extractProps-ae1afbb3.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const USER_LOOKUP = dist.gql `
@@ -160,11 +159,6 @@ const WidgetVerification = class {
      * @uiGroup Code Verification Step
      */
     this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /**
-     * @componentState { "title": "Email Step", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"] }
-     * @componentState { "title": "Code Step", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"] }
-     */
-    this.stateController = "{}";
     h(this);
   }
   disconnectedCallback() { }
@@ -173,20 +167,20 @@ const WidgetVerification = class {
     return extractProps(props, prefix);
   }
   render() {
-    const props = isDemo()
-      ? useDemoWidgetVerificationInternal(this)
+    const { showCode, onVerification, loading } = isDemo()
+      ? useDemoWidgetVerificationInternal()
       : useWidgetVerification();
-    if (props.loading)
+    if (loading)
       return h$1("sl-spinner", null);
     const generalText = this.getStepTextProps("general_");
     return (h$1("div", null, h$1("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), h$1("p", { style: {
         color: "var(--sl-color-neutral-500)",
         fontSize: "var(--sl-font-size-medium)",
         margin: "0",
-      } }, generalText.verifyEmailDescription), props.showCode ? (h$1("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_")))) : (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))))));
+      } }, generalText.verifyEmailDescription), showCode ? (h$1("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_")))) : (h$1("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))))));
   }
 };
-function useDemoWidgetVerificationInternal(props) {
+function useDemoWidgetVerificationInternal() {
   const [showCode, setShowCode] = In({
     namespace: SHOW_CODE_NAMESPACE,
     initialValue: false,
@@ -196,14 +190,10 @@ function useDemoWidgetVerificationInternal(props) {
     initialValue: undefined,
   });
   const setContext = En(VERIFICATION_PARENT_NAMESPACE);
-  const states = parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   const onVerification = () => {
     setContext(true);
   };
-  return cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
+  return { showCode, onVerification, loading: false };
 }
 
 export { WidgetVerification as sqm_widget_verification };

package/dist/esm/{stencil-hooks.module-4bc38af4.js → stencil-hooks.module-20ad2b5f.js}

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

package/dist/esm/{useChildElements-7945ae56.js → useChildElements-0ca9a015.js}

@@ -1,5 +1,5 @@
-import { k as useState, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { _ } from './index.module-89a79f66.js';
+import { k as useState, u as useMemo } from './stencil-hooks.module-20ad2b5f.js';
+import { _ } from './index.module-d49ae5e7.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-dc4ad9f2.js → useInstantAccessRegistration-b224f3ce.js}

@@ -1,7 +1,7 @@
-import { k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { L, v as vn } from './index.module-89a79f66.js';
+import { k as useState } from './stencil-hooks.module-20ad2b5f.js';
+import { L, v as vn } from './index.module-d49ae5e7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-2db047e9.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{usePayoutStatus-fed17fc9.js → usePayoutStatus-3768c8c3.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-89a79f66.js';
+import { k as useState, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-d49ae5e7.js';
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
@@ -984,20 +984,17 @@ const GET_USER_STATUS = dist.gql `
   }
 `;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
     return "INFORMATION_REQUIRED";
-  if (((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.length) === 1 && ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("NEW_PAYEE_REVIEW"))) {
-    return "DONE";
-  }
-  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REQUIRED"))
+  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
     return "VERIFICATION:REQUIRED";
-  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+  if ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("IDV_CHECK_REQUIRED_INTERNAL"))
     return "VERIFICATION:INTERNAL";
-  if ((_j = account.holdReasons) === null || _j === void 0 ? void 0 : _j.includes("IDV_CHECK_REVIEW_INTERNAL"))
+  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REVIEW_INTERNAL"))
     return "VERIFICATION:REVIEW";
-  if ((_k = account.holdReasons) === null || _k === void 0 ? void 0 : _k.includes("IDV_CHECK_FAILED_INTERNAL"))
+  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
   if (account.hold)
     return "HOLD";

package/dist/esm/{usePortalLogin-ef647a50.js → usePortalLogin-6b1951c6.js}

@@ -1,5 +1,5 @@
-import { k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { e as je, h as hn, j as jn } from './index.module-89a79f66.js';
+import { k as useState } from './stencil-hooks.module-20ad2b5f.js';
+import { e as je, h as hn, j as jn } from './index.module-d49ae5e7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 

package/dist/esm/{usePortalRegistrationForm-4b35a357.js → usePortalRegistrationForm-61bf948d.js}

@@ -1,7 +1,7 @@
-import { m as useRef, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-89a79f66.js';
+import { m as useRef, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-d49ae5e7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-d6f33135.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-2db047e9.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const RegistrationFormQuery = dist.gql `

package/dist/esm/{useReferralCodes-8f75921a.js → useReferralCodes-0b798295.js}

@@ -1,5 +1,5 @@
-import { f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, H, Q as Qe, R as Rn, I as In, B } from './index.module-89a79f66.js';
+import { f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { d as dist, J, H, Q as Qe, R as Rn, I as In, B } from './index.module-d49ae5e7.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(

package/dist/esm/{useReferralTable-b3876ed6.js → useReferralTable-c1511d9d.js}

@@ -1,8 +1,8 @@
-import { h } from './index-91e7729f.js';
-import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-89a79f66.js';
-import { u as useRerenderListener } from './re-render-cc945f38.js';
-import { u as useChildElements } from './useChildElements-7945ae56.js';
+import { h } from './index-b3a06de8.js';
+import { b as browser, j as useReducer, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-d49ae5e7.js';
+import { u as useRerenderListener } from './re-render-789f9123.js';
+import { u as useChildElements } from './useChildElements-0ca9a015.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-d6f33135.js → useRegistrationFormState-2db047e9.js}

@@ -1,5 +1,5 @@
-import { i as d, y } from './stencil-hooks.module-4bc38af4.js';
-import { _ } from './index.module-89a79f66.js';
+import { i as d, y } from './stencil-hooks.module-20ad2b5f.js';
+import { _ } from './index.module-d49ae5e7.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/esm/{useVerificationEmail-edc318cb.js → useVerificationEmail-085eda87.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { d as dist, J, X as Xe, $ as $e } from './index.module-89a79f66.js';
+import { k as useState, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { d as dist, J, X as Xe, $ as $e } from './index.module-d49ae5e7.js';
 
 const UserLookupQuery = dist.gql `
   query userLookup {

package/dist/esm/{utilities-5b0ca040.js → utilities-6341d9fd.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { u as useCallback } from './index.module-89a79f66.js';
+import { k as useState, f as useEffect } from './stencil-hooks.module-20ad2b5f.js';
+import { u as useCallback } from './index.module-d49ae5e7.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/esm-es5/{ErrorView-48e2b969.js → ErrorView-eaafd6f5.js}

@@ -1 +1 @@
-import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var styles={Alert:{"&::part(base)":{backgroundColor:"var(--sl-color-danger-100)",border:"1px solid var(--sl-color-danger-200)",padding:"0 16px"},"& sl-icon":{margin:0},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)",margin:0}}};var ErrorView=function(r){var e=createStyleSheet(styles);var o=e.toString();var a=e.classes;return h("div",null,h("style",null,o),h("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:true,class:a.Alert},h("sl-icon",{slot:"icon",name:"exclamation-octagon",class:"Error"}),h("strong",null,r.loadingErrorAlertHeader),h("br",null),r.loadingErrorAlertDescription))};export{ErrorView as E};
+import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var styles={Alert:{"&::part(base)":{backgroundColor:"var(--sl-color-danger-100)",border:"1px solid var(--sl-color-danger-200)",padding:"0 16px"},"& sl-icon":{margin:0},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)",margin:0}}};var ErrorView=function(r){var e=createStyleSheet(styles);var a=e.toString();var o=e.classes;return h("div",null,h("style",null,a),h("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:true,class:o.Alert},h("sl-icon",{slot:"icon",name:"exclamation-octagon",class:"Error"}),h("strong",null,r.loadingErrorAlertHeader),h("br",null),r.loadingErrorAlertDescription))};export{ErrorView as E};

package/dist/esm-es5/{GenericTableView-3b6f9ccc.js → GenericTableView-dd9be3ea.js}

@@ -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 s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}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,s=e.callbacks,l=e.elements;var i=l.columns,o=l.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(o.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var c={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"1px solid var(--sqm-border-color)","&:first-child":{borderTop:"1px solid var(--sqm-border-color)"}},"& 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(--sqm-border-color)",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 b=createStyleSheet(c);var g=b.toString();if(n==="empty")return l.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:b.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,i===null||i===void 0?void 0:i.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,n==="loading"&&l.loadingElement,n==="rows"&&(o===null||o===void 0?void 0:o.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 i[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":i[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:b.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:n==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?b.classes.ButtonDisabled:""},r.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 s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.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,s=e.callbacks,l=e.elements;var i=l.columns,o=l.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(o.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var c={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"1px solid var(--sqm-border-color)","&:first-child":{borderTop:"1px solid var(--sqm-border-color)"}},"& 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(--sqm-border-color)",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 b=createStyleSheet(c);var g=b.toString();if(n==="empty")return l.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:b.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,i===null||i===void 0?void 0:i.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,n==="loading"&&l.loadingElement,n==="rows"&&(o===null||o===void 0?void 0:o.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 i[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":i[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:b.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:n==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?b.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};