@saasquatch/mint-components 1.6.8-9 → 1.6.8

package/dist/collection/components/views/EmailRegistration.stories.js

@@ -1,45 +0,0 @@
-import { h } from "@stencil/core";
-import { EmailRegistrationView, } from "./email-registration-view";
-// import scenario from "./ShareCode.feature";
-export default {
-  title: "Components/Email Registration",
-  parameters: {
-  // scenario,
-  },
-};
-const defaultProps = {
-  states: {
-    error: "",
-    loading: false,
-  },
-  callbacks: {
-    submit: async (e) => await e,
-  },
-  content: {},
-};
-export const Default = () => h(EmailRegistrationView, Object.assign({}, defaultProps));
-export const HasFirstNameLastName = () => (h(EmailRegistrationView, Object.assign({}, defaultProps, {
-  content: {
-    includeName: true,
-  },
-})));
-export const WithSlots = () => (h(EmailRegistrationView, Object.assign({}, defaultProps, {
-  content: {
-    topSlot: h("div", null, "Hello this is the top slot"),
-    bottomSlot: h("div", null, "Hello this is the bottom slot"),
-  },
-})));
-export const Loading = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps,
-  states: {
-    error: "",
-    loading: true,
-  },
-})));
-export const Error = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps,
-  states: {
-    error: "Something went wrong. Please try again.",
-    loading: false,
-  },
-})));

package/dist/collection/components/views/copy-text-view.js

@@ -1,59 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-import { HostBlock } from "../../global/mixins";
-const style = {
-  HostBlock: HostBlock,
-  inputStyle: {
-    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
-    "&::part(input)": { textOverflow: "ellipsis" },
-    width: "100%",
-  },
-  inputErrorStyle: {
-    "&::part(base)": {
-      border: "2px solid red",
-    },
-  },
-  containerStyle: {
-    display: "flex",
-    gap: "8px",
-  },
-  errorTextStyle: {
-    margin: "0",
-    color: "red",
-  },
-  helptextStyle: {
-    display: "flex",
-    flexDirection: "column",
-    marginTop: "8px",
-  },
-};
-const textAlignStyle = `
-  :host{
-    display: block;
-  }
-  sl-input::part(input){
-    text-align: center;
-  }
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function CopyTextView(props) {
-  const { buttonStyle = "icon", errorText = "An error occurred" } = props;
-  const copyButton = buttonStyle === "icon" ? null : (h("sl-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: buttonStyle === "button outside" ? "medium" : "small", disabled: props.disabled, slot: "suffix", type: "primary" }, props.copyButtonLabel || "Copy"));
-  return (h("div", null,
-    h("style", { type: "text/css" },
-      styleString,
-      props.textAlign === "center" && textAlignStyle),
-    h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
-      h("div", { class: sheet.classes.containerStyle, style: {
-          flexDirection: `${buttonStyle === "button below" ? "column" : "row"}`,
-          width: "100%",
-        } },
-        h("sl-input", { class: `${sheet.classes.inputStyle} ${props.error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "label: input-label", value: props.copyString, readonly: true, style: {} },
-          buttonStyle === "icon" ? (h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })) : (buttonStyle === "button inside" && copyButton),
-          h("div", { slot: "help-text", class: sheet.classes.helptextStyle },
-            (buttonStyle === "button outside" ||
-              buttonStyle === "button below") &&
-              copyButton,
-            props.error && (h("p", { class: sheet.classes.errorTextStyle }, errorText))))))));
-}

package/dist/collection/components/views/email-registration-view.js

@@ -1,47 +0,0 @@
-import { h } from "@stencil/core";
-import { AuthButtonsContainer, AuthColumn, AuthWrapper, } from "../../global/mixins";
-import { createStyleSheet } from "../../styling/JSS";
-const style = {
-  Wrapper: AuthWrapper,
-  Column: AuthColumn,
-  ForgotButtonContainer: {
-    display: "inline",
-    cursor: "pointer",
-    "font-size": "13px",
-    "font-weight": "600",
-    color: "#AAAAAA",
-    margin: "0",
-  },
-  ButtonsContainer: AuthButtonsContainer,
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-a svg {
-  margin: 0 auto;
-  display: block;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function EmailRegistrationView(props) {
-  const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    content.topSlot,
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
-      content.includeName && (h("sl-input", { exportparts: "label: input-label", type: "name", name: "/firstName", label: content.firstNameLabel || "First Name", disabled: states.loading, required: true })),
-      content.includeName && (h("sl-input", { exportparts: "label: input-label", type: "name", name: "/lastName", label: content.lastNameLabel || "Last Name", disabled: states.loading, required: true })),
-      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.registerLabel || "Registration"))),
-    content.bottomSlot));
-}

package/dist/esm/email-registration-view-0ed79e24.js

@@ -1,50 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Wrapper: AuthWrapper,
-  Column: AuthColumn,
-  ForgotButtonContainer: {
-    display: "inline",
-    cursor: "pointer",
-    "font-size": "13px",
-    "font-weight": "600",
-    color: "#AAAAAA",
-    margin: "0",
-  },
-  ButtonsContainer: AuthButtonsContainer,
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-a svg {
-  margin: 0 auto;
-  display: block;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function EmailRegistrationView(props) {
-  const { states, callbacks, content } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    content.topSlot,
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
-      content.includeName && (h("sl-input", { exportparts: "label: input-label", type: "name", name: "/firstName", label: content.firstNameLabel || "First Name", disabled: states.loading, required: true })),
-      content.includeName && (h("sl-input", { exportparts: "label: input-label", type: "name", name: "/lastName", label: content.lastNameLabel || "Last Name", disabled: states.loading, required: true })),
-      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.registerLabel || "Registration"))),
-    content.bottomSlot));
-}
-
-export { EmailRegistrationView as E };

package/dist/esm/sqm-link-button-view-90aeb27f.js

@@ -1,25 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Container: { display: "contents" },
-};
-const vanillaStyle = `
-:host{
-  display: inline;   
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function LinkButtonView(props) {
-  const { link, openInNewTab } = props;
-  return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
-    h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    h("sl-button", { exportparts: "base: primarybutton-base" },
-      h("a", { href: link, target: openInNewTab ? "_blank" : "", part: "sqm-link" },
-        h("slot", null)))));
-}
-
-export { LinkButtonView as L };

package/dist/esm/sqm-link-button.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h } from './index-17b4da69.js';
-import './JSS-67b5cff8.js';
-import { g as getProps } from './utils-334c1e34.js';
-import { L as LinkButtonView } from './sqm-link-button-view-90aeb27f.js';
-
-const LinkButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName User Identification Text
-     */
-    this.openInNewTab = false;
-  }
-  render() {
-    return h(LinkButtonView, Object.assign({}, getProps(this)));
-  }
-};
-
-export { LinkButton as sqm_link_button };

package/dist/esm/sqm-passwordless-registration.entry.js

@@ -1,77 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import { i as isDemo, e as setUserIdentity } from './index.module-0ba0774e.js';
-import './jsonpointer-388a7082.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-f60a614c.js';
-import './JSS-67b5cff8.js';
-import { E as EmailRegistrationView } from './email-registration-view-0ed79e24.js';
-import { u as usePasswordlessRegistration } from './usePasswordlessRegistration-94f265fe.js';
-
-const PasswordlessRegistration = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Email Field Label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName First Name Field Label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last Name Field Label
-     */
-    this.lastNameLabel = "Last Name";
-    /**
-     * @uiName Register Button Text
-     */
-    this.registerLabel = "Start Referring";
-    /**
-     * @uiName Include name fields
-     */
-    this.includeName = false;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? useRegistrationDemo(this)
-      : usePasswordlessRegistration();
-    const content = {
-      emailLabel: this.emailLabel,
-      registerLabel: this.registerLabel,
-      firstNameLabel: this.firstNameLabel,
-      lastNameLabel: this.lastNameLabel,
-      includeName: this.includeName,
-      // slots
-      topSlot: h$1("slot", { name: "top-slot" }),
-      bottomSlot: h$1("slot", { name: "bottom-slot" }),
-    };
-    return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function useRegistrationDemo(props) {
-  const onSubmit = () => {
-    setUserIdentity({
-      id: "referrer@example.com",
-      accountId: "referrer@example.com",
-      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
-    });
-  };
-  return cjs({
-    states: {
-      loading: false,
-      error: "",
-    },
-    callbacks: {
-      submit: async (_event) => {
-        onSubmit();
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { PasswordlessRegistration as sqm_passwordless_registration };

package/dist/esm/sqm-referred-registration.entry.js

@@ -1,77 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import { i as isDemo, e as setUserIdentity } from './index.module-0ba0774e.js';
-import './jsonpointer-388a7082.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-f60a614c.js';
-import './JSS-67b5cff8.js';
-import { E as EmailRegistrationView } from './email-registration-view-0ed79e24.js';
-import { u as usePasswordlessRegistration } from './usePasswordlessRegistration-94f265fe.js';
-
-const ReferredRegistration = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Email Field Label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName First Name Field Label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last Name Field Label
-     */
-    this.lastNameLabel = "Last Name";
-    /**
-     * @uiName Register Button Text
-     */
-    this.registerLabel = "Start Referring";
-    /**
-     * @uiName Include name fields
-     */
-    this.includeName = false;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? useRegistrationDemo(this)
-      : usePasswordlessRegistration();
-    const content = {
-      emailLabel: this.emailLabel,
-      registerLabel: this.registerLabel,
-      firstNameLabel: this.firstNameLabel,
-      lastNameLabel: this.lastNameLabel,
-      includeName: this.includeName,
-      // slots
-      topSlot: h$1("slot", { name: "top-slot" }),
-      bottomSlot: h$1("slot", { name: "bottom-slot" }),
-    };
-    return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function useRegistrationDemo(props) {
-  const onSubmit = () => {
-    setUserIdentity({
-      id: "referrer@example.com",
-      accountId: "referrer@example.com",
-      jwt: "eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg",
-    });
-  };
-  return cjs({
-    states: {
-      error: "",
-      loading: false,
-    },
-    callbacks: {
-      submit: async (_event) => {
-        onSubmit();
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { ReferredRegistration as sqm_referred_registration };

package/dist/esm/sqm-user-identifier-view-dbf71a5e.js

@@ -1,33 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Container: { color: "var(--sl-color-neutral-600)" },
-  Link: {
-    textDecoration: "none",
-    color: "var(--sl-color-primary-700)",
-    "&:hover": {
-      color: "var(--sl-color-primary-800)",
-    },
-  },
-};
-const vanillaStyle = `
-:host{
-  display: inline;   
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function UserIdentifierView(props) {
-  const { userIdentificationText, switchUserLink, switchUserText } = props;
-  return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
-    h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    userIdentificationText,
-    " (",
-    h("a", { class: sheet.classes.Link, href: switchUserLink, part: "sqm-link" }, switchUserText),
-    ")"));
-}
-
-export { UserIdentifierView as U };

package/dist/esm/sqm-user-identifier.entry.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, h } from './index-17b4da69.js';
-import './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import { i as isDemo } from './index.module-0ba0774e.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.js';
-import { U as UserIdentifierView } from './sqm-user-identifier-view-dbf71a5e.js';
-
-function useUserIdentifier(
-// @ts-ignore;
-props) {
-  return {
-    switchUserLink:  props.switchUserLink,
-    userIdentificationText: "",
-    switchUserText: "",
-  };
-}
-
-const UserIdentifier = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @required
-     * @uiName User Identification Text
-     */
-    this.userIdentificationText = "{email}";
-    /**
-     * @required
-     * @uiName Switch User Text
-     */
-    this.switchUserText = "not you?";
-  }
-  render() {
-    const props = isDemo()
-      ? useDemoUserIdentifier(this)
-      : useUserIdentifier(this);
-    return h(UserIdentifierView, Object.assign({}, props));
-  }
-};
-function useDemoUserIdentifier(props) {
-  return cjs({
-    switchUserLink: props.switchUserLink || "https://example.com",
-    userIdentificationText: props.userIdentificationText,
-    switchUserText: props.switchUserText,
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { UserIdentifier as sqm_user_identifier };

package/dist/esm/usePasswordlessRegistration-94f265fe.js

@@ -1,44 +0,0 @@
-import { i as useState } from './stencil-hooks.module-b48b45ec.js';
-import { j as sn } from './index.module-0ba0774e.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
-
-function usePasswordlessRegistration() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const cookie = new URLSearchParams(window.location.search);
-  const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
-  const [request, { loading, errors, data }] = sn();
-  const [error, setError] = useState("");
-  const submit = async (event) => {
-    var _a;
-    setError("");
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.set(formData, key, value);
-    });
-    const variables = {
-      firstName: formData.firstName,
-      lastName: formData.lastName,
-      email: formData.email,
-      ...(cookies ? { cookies } : {}),
-    };
-    const result = await request(variables);
-    if (result instanceof Error) {
-      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
-        setError("Network request failed.");
-      return;
-    }
-  };
-  const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
-    error;
-  return {
-    states: {
-      loading,
-      error: errorMessage,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
-
-export { usePasswordlessRegistration as u };

package/dist/esm-es5/GenericTableView-266126f9.js

@@ -1 +0,0 @@
-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)})))}))))),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};