@saasquatch/mint-components 2.5.0-4 → 2.5.0-6

package/dist/esm/{sqm-partner-info-modal-view-51cc2c1d.js → sqm-partner-info-modal-view-b921fed1.js}

@@ -100,7 +100,7 @@ function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
-  return (h("div", { part: "sqm-base" },
+  return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
       description,

package/dist/esm/sqm-portal-forgot-password_6.entry.js

@@ -7,7 +7,7 @@ import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalForgotPasswordView, a as PortalLoginView, b as PortalRegisterView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-590f964b.js';
+import { P as PortalForgotPasswordView, a as PortalLoginView, b as PortalRegisterView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-76185bef.js';
 import { A as AsYouType } from './AsYouType-2d56519e.js';
 import { u as useRegistrationFormState } from './useRegistrationFormState-aa44cfff.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';

package/dist/esm/{sqm-portal-profile-view-769aafeb.js → sqm-portal-profile-view-fdd6c632.js}

@@ -62,7 +62,7 @@ function PortalProfileView(props) {
     h(TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     h(TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),
     h("form", { class: sheet.classes.FormStyle, onSubmit: callbacks.onSubmit },
-      states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "success-icon" },
+      states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, text.submissionSuccessText))),
       error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, error))),

package/dist/esm/sqm-portal-profile.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-769aafeb.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-fdd6c632.js';
 import { i as isEmpty } from './utilities-cbd8f2eb.js';
 
 const GET_USER = dist.gql `

package/dist/esm/{sqm-portal-reset-password-view-d4265b2e.js → sqm-portal-reset-password-view-c7dd1c01.js}

@@ -42,7 +42,7 @@ function PortalResetPasswordView(props) {
     return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       h("style", { type: "text/css" }, styleString),
       h(TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
-      h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
+      h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, states.content.resetSuccessText)),
       h("div", null,
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -7,7 +7,7 @@ import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-d4265b2e.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-c7dd1c01.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-590f964b.js → sqm-portal-verify-email-view-76185bef.js}

@@ -198,7 +198,7 @@ function PortalVerifyEmailView(props) {
         vanillaStyle$3,
         styleString$2),
       h(TextSpanView, { type: "h3" }, content.verifyEmailText),
-      h("sqm-form-message", { exportparts: "success-icon" },
+      h("sqm-form-message", { exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, content.verifySuccessText)),
       h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }

package/dist/esm/{sqm-qr-code-view-ce476721.js → sqm-qr-code-view-dd46daa3.js}

@@ -1,6 +1,6 @@
 import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorView } from './ErrorView-74cb3af8.js';
+import { E as ErrorView } from './ErrorView-c6fc1d9b.js';
 
 const style = {
   DialogContainer: {

package/dist/esm/sqm-qr-code.entry.js

@@ -5,8 +5,8 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-25f8b792.js';
-import './ErrorView-74cb3af8.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
+import './ErrorView-c6fc1d9b.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-dd46daa3.js';
 
 const ShareLinkQuery = dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {

package/dist/esm/sqm-referral-table_11.entry.js

@@ -7,7 +7,7 @@ import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
-import { G as GenericTableView } from './GenericTableView-6ed48a94.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-bf46ba54.js';
 import { u as useReferralTable, t as tryMethod, d as dropZoneColumnIndexes } from './useReferralTable-3aa4b527.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-6ed48a94.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-bf46ba54.js';
 import { g as generateUserError, d as dropZoneColumnIndexes } from './useReferralTable-3aa4b527.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';
@@ -490,11 +490,6 @@ const style = {
     "margin-right": "var(--sl-spacing-small)",
     "flex-wrap": "wrap",
   },
-  /**
-   * @csspart sqm-reward-cell-value - The reward value
-   * @csspart sqm-reward-cell-progress - The reward progress
-   * @csspart sqm-reward-cell-subtext - The reward subtext
-   */
   Details: {
     "padding-bottom": "var(--sl-spacing-small)",
     "max-width": "500px",
@@ -657,7 +652,7 @@ const RewardsTableColumn = class {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
+    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-reward-cell-value, sqm-reward-cell-progress, sqm-reward-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;

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

@@ -7,13 +7,13 @@ import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-25f8b792.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-997fe4da.js';
+import { C as CopyTextView } from './copy-text-view-87259b11.js';
 import './sqm-text-span-view-72f43dff.js';
-import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-590f964b.js';
+import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-76185bef.js';
 import './AsYouType-2d56519e.js';
 import { t as taxTypeToName, L as LoadingView, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES } from './subregions-98789b46.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';
-import { G as GenericTableView } from './GenericTableView-6ed48a94.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';
@@ -26,17 +26,17 @@ import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-376c1
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8d98fcf3.js';
 import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-bd5effa7.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-769aafeb.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-fdd6c632.js';
 import './utilities-cbd8f2eb.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-d4265b2e.js';
-import './ErrorView-74cb3af8.js';
-import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-821a1ab5.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-c7dd1c01.js';
+import './ErrorView-c6fc1d9b.js';
+import { Q as QrCodeView } from './sqm-qr-code-view-dd46daa3.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-86b5e986.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
-import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-3ab5deb7.js';
+import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-72afa9af.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-671ff96f.js';
 import './data-0be04430.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-51cc2c1d.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b921fed1.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14385,6 +14385,14 @@ const CustomizeUrlSaving = () => {
     isSaving: true,
   })));
 };
+const CustomizeUrlEditingMobileNarrow = () => {
+  return (h("div", { style: { width: "320px", border: "1px dashed red" } },
+    h(ShareLinkView, Object.assign({}, {
+      ...defaultCustomizeProps,
+      isEditing: true,
+      domainPrefix: "https://referral-marketing.mybrandname.com/",
+    }))));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14408,7 +14416,8 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   CustomizeUrlValidationError: CustomizeUrlValidationError,
   CustomizeUrlInvalidCharacters: CustomizeUrlInvalidCharacters,
   CustomizeUrlProfanity: CustomizeUrlProfanity,
-  CustomizeUrlSaving: CustomizeUrlSaving
+  CustomizeUrlSaving: CustomizeUrlSaving,
+  CustomizeUrlEditingMobileNarrow: CustomizeUrlEditingMobileNarrow
 });
 
 const UseShareLink_stories = {

package/dist/esm/{sqm-user-info-form-view-3ab5deb7.js → sqm-user-info-form-view-72afa9af.js}

@@ -49,7 +49,7 @@ function InvoiceTableView(props, children) {
     :host{
       display: block;
     }`;
-  return (h("div", { class: sheet.classes.Container, part: "sqm-table-container" },
+  return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -677,7 +677,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
+      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "warningalert-base: alert-base, warningalert-icon: alert-icon, erroralert-base: alert-base, erroralert-icon: alert-icon, infoalert-base: alert-base, infoalert-icon: alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),

package/dist/esm-es5/ErrorView-c6fc1d9b.js

@@ -0,0 +1 @@
+import{h}from"./index-38ad4957.js";var ErrorView=function(r){return h("sqm-form-message",{type:"error",part:"container"},h("p",{part:"alert-title"},r.loadingErrorAlertHeader),h("p",{part:"alert-description"},r.loadingErrorAlertDescription))};export{ErrorView as E};

package/dist/esm-es5/{GenericTableView-6ed48a94.js → GenericTableView-471a9386.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-38ad4957.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,o=e.elements;var l=o.columns,i=o.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p=new Set(o.dropZoneColumns);var c=p.size>0;var m=r.textOverrides.showLabels;var b="@media (max-width: "+r.mdBreakpoint+"px)";var g="@media (min-width: "+(Boolean(i.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var v={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)","&:first-child":{borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& th.collapsed":{fontSize:"0",padding:"14px 0"},"& th.drop-zone":{width:"30px"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[b]={"& thead":{display:c?"block":"none"},"& thead tr":{display:"flex",flexDirection:"column"},"& thead th.label":{padding:"0",lineHeight:"20px",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"},"& thead th.drop-zone":{width:"auto",padding:"14px 0",lineHeight:"0",position:"relative"},"& thead th.drop-zone slot::slotted(raisins-plop-target)":{width:"100%"},"& tbody td.drop-zone":{display:"none"},"& tbody tr":{display:"block",background:"inherit",border:"var(--sqm-border-thickness, 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[g]={"& 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(v);var f=u.toString();if(n==="empty")return o.emptyElement;return h("div",{part:"sqm-base"},h("style",{type:"text/css"},f),h("table",{class:u.classes.Table},(m||c)&&h("thead",null,h("tr",null,l===null||l===void 0?void 0:l.map((function(e,a){if(p.has(a))return h("th",{class:"drop-zone"},e);return h("th",{class:m?"label":"collapsed"},e)})))),h("tbody",null,n==="loading"&&o.loadingElement,n==="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){if(p.has(a))return h("td",{class:"drop-zone"},e);return typeof l[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":l[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:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?u.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?u.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-38ad4957.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,o=e.elements;var l=o.columns,i=o.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p=new Set(o.dropZoneColumns);var c=p.size>0;var m=r.textOverrides.showLabels;var b="@media (max-width: "+r.mdBreakpoint+"px)";var g="@media (min-width: "+(Boolean(i.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var v={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)","&:first-child":{borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& th.collapsed":{fontSize:"0",padding:"14px 0"},"& th.drop-zone":{width:"30px"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[b]={"& thead":{display:c?"block":"none"},"& thead tr":{display:"flex",flexDirection:"column"},"& thead th.label":{padding:"0",lineHeight:"20px",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"},"& thead th.drop-zone":{width:"auto",padding:"14px 0",lineHeight:"0",position:"relative"},"& thead th.drop-zone slot::slotted(raisins-plop-target)":{width:"100%"},"& tbody td.drop-zone":{display:"none"},"& tbody tr":{display:"block",background:"inherit",border:"var(--sqm-border-thickness, 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[g]={"& 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(v);var f=u.toString();if(n==="empty")return o.emptyElement;return h("div",null,h("style",{type:"text/css"},f),h("table",{class:u.classes.Table},(m||c)&&h("thead",null,h("tr",null,l===null||l===void 0?void 0:l.map((function(e,a){if(p.has(a))return h("th",{class:"drop-zone"},e);return h("th",{class:m?"label":"collapsed"},e)})))),h("tbody",null,n==="loading"&&o.loadingElement,n==="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){if(p.has(a))return h("td",{class:"drop-zone"},e);return typeof l[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":l[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:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?u.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?u.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};