@saasquatch/mint-components 1.6.2-12 → 1.6.2-13

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

@@ -1,209 +1,209 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-eefa3570.js';
-import { c as createStyleSheet } from './JSS-506b9295.js';
-import { g as getProps } from './utils-d7bbb0e2.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-8f1bcc77.js';
-import { P as PortalSectionView } from './sqm-portal-section-view-d64cd5de.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { g as getProps } from './utils-334c1e34.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-228f2b65.js';
+import { P as PortalSectionView } from './sqm-portal-section-view-a991e019.js';
 
-function EmptyStateView(props) {
-  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
-  return (h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" },
-    h("sqm-image", { "image-url": emptyStateImage }),
-    h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" },
-      h("sqm-text", { slot: "label" },
-        h("h4", null, emptyStateHeader)),
-      h("sqm-text", { slot: "content" }, emptyStateText))));
+function EmptyStateView(props) {
+  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
+  return (h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" },
+    h("sqm-image", { "image-url": emptyStateImage }),
+    h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" },
+      h("sqm-text", { slot: "label" },
+        h("h4", null, emptyStateHeader)),
+      h("sqm-text", { slot: "content" }, emptyStateText))));
 }
 
-const HeroImage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, { slot: "empty" }, h(EmptyStateView, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText })));
-  }
+const HeroImage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { slot: "empty" }, h(EmptyStateView, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText })));
+  }
 };
 
-function ImageView(props) {
-  // Dependent on props, not feasiable to move out
-  const style = {
-    Container: {
-      display: "flex",
-      width: "100%",
-      justifyContent: props.alignment || "center",
-      background: props.backgroundColor || "",
-    },
-    Image: {
-      minHeight: props.minHeight || "100%",
-      width: "100%",
-      maxWidth: "max-content",
-      objectFit: "cover",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-  `;
-  return (h("div", null,
-    h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    h("div", { class: sheet.classes.Container },
-      h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
+function ImageView(props) {
+  // Dependent on props, not feasiable to move out
+  const style = {
+    Container: {
+      display: "flex",
+      width: "100%",
+      justifyContent: props.alignment || "center",
+      background: props.backgroundColor || "",
+    },
+    Image: {
+      minHeight: props.minHeight || "100%",
+      width: "100%",
+      maxWidth: "max-content",
+      objectFit: "cover",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+  `;
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle),
+    h("div", { class: sheet.classes.Container },
+      h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
 }
 
-const Image = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Position Alignment
-     * @uiType string
-     * @uiEnum ["left", "center", "right"]
-     * @uiEnumNames ["Left", "Center", "Right"]
-     */
-    this.alignment = "center";
-  }
-  render() {
-    return h(ImageView, Object.assign({}, getProps(this)));
-  }
+const Image = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Position Alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
+     */
+    this.alignment = "center";
+  }
+  render() {
+    return h(ImageView, Object.assign({}, getProps(this)));
+  }
 };
 
-const PortalContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Direction
-     * @uiType string
-     * @uiEnum ["row", "column"]
-     * @uiEnumNames ["Row", "Column"]
-     */
-    this.direction = "column";
-    /**
-     * @uiName Gap
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.gap = "xxx-large";
-    /**
-     * @uiName Display
-     * @uiType string
-     * @uiEnum ["grid", "flex"]
-     * @uiEnumNames ["Grid", "Flex"]
-     */
-    this.display = "grid";
-    /**
-     * @uiName Maximum width
-     */
-    this.maxWidth = "100%";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h(PortalContainerView, Object.assign({}, getProps(this)), h("slot", null)));
-  }
+const PortalContainer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Direction
+     * @uiType string
+     * @uiEnum ["row", "column"]
+     * @uiEnumNames ["Row", "Column"]
+     */
+    this.direction = "column";
+    /**
+     * @uiName Gap
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.gap = "xxx-large";
+    /**
+     * @uiName Display
+     * @uiType string
+     * @uiEnum ["grid", "flex"]
+     * @uiEnumNames ["Grid", "Flex"]
+     */
+    this.display = "grid";
+    /**
+     * @uiName Maximum width
+     */
+    this.maxWidth = "100%";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h(PortalContainerView, Object.assign({}, getProps(this)), h("slot", null)));
+  }
 };
 
-const vanillaStyle = `
-  sqm-text {
-    display: block;
-  }
-
-  sqm-text h1 {
-    font-size: var(--sl-font-size-xxx-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h2 {
-    font-size: var(--sl-font-size-xx-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h3 {
-    font-size: var(--sl-font-size-x-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h4 {
-    font-size: var(--sl-font-size-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text p {
-    font-size: var(--sl-font-size-medium);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text sub {
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-400);
-    margin: 0;
-  }
-`;
-const Text = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  render() {
-    return (h("div", null, h("style", null, vanillaStyle), h("slot", null)));
-  }
+const vanillaStyle = `
+  sqm-text {
+    display: block;
+  }
+
+  sqm-text h1 {
+    font-size: var(--sl-font-size-xxx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h2 {
+    font-size: var(--sl-font-size-xx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h3 {
+    font-size: var(--sl-font-size-x-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h4 {
+    font-size: var(--sl-font-size-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text p {
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text sub {
+    font-size: var(--sl-font-size-small);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-400);
+    margin: 0;
+  }
+`;
+const Text = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() { }
+  render() {
+    return (h("div", null, h("style", null, vanillaStyle), h("slot", null)));
+  }
 };
 
-const TitledSection = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Text Alignment
-     * @uiType string
-     * @uiEnum ["left", "center", "right"]
-     * @uiEnumNames ["Left", "Center", "Right"]
-     */
-    this.textAlign = "left";
-    /**
-     * Margin applied to the bottom of the label slot
-     *
-     * @uiName Label Bottom Margin
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.labelMargin = "small";
-    /**
-     * Padding applied to all 4 sides of the container
-     *
-     * @uiName Section Padding
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-     */
-    this.padding = "none";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const label = h("slot", { name: "label" }, this.label);
-    const content = h("slot", { name: "content" });
-    return h(PortalSectionView, Object.assign({}, { ...getProps(this), label, content }));
-  }
+const TitledSection = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Text Alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
+     */
+    this.textAlign = "left";
+    /**
+     * Margin applied to the bottom of the label slot
+     *
+     * @uiName Label Bottom Margin
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.labelMargin = "small";
+    /**
+     * Padding applied to all 4 sides of the container
+     *
+     * @uiName Section Padding
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.padding = "none";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const label = h("slot", { name: "label" }, this.label);
+    const content = h("slot", { name: "content" });
+    return h(PortalSectionView, Object.assign({}, { ...getProps(this), label, content }));
+  }
 };
 
 export { HeroImage as sqm_empty, Image as sqm_image, PortalContainer as sqm_portal_container, Text as sqm_text, TitledSection as sqm_titled_section };

package/dist/esm/sqm-form-message.entry.js

@@ -3,25 +3,25 @@ import { m as h } from './stencil-hooks.module-eefa3570.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 
-const FormMessage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    if (this.type === "error") {
-      return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, h$1("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
-    }
-    else if (this.type === "info") {
-      return (h$1("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, h$1("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), h$1("slot", null)));
-    }
-    else {
-      return (h$1("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, h$1("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), h$1("slot", null)));
-    }
-  }
-};
+const FormMessage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    if (this.type === "error") {
+      return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, h$1("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
+    }
+    else if (this.type === "info") {
+      return (h$1("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, h$1("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), h$1("slot", null)));
+    }
+    else {
+      return (h$1("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, h$1("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), h$1("slot", null)));
+    }
+  }
+};
 FormMessage.style = sqmFormMessageCss;
 
 export { FormMessage as sqm_form_message };

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -3,29 +3,29 @@ import { n as m, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.
 import './use-callback-684c8bb7.js';
 import { H, y as ye, L, h as he } from './index.module-25496635.js';
 
-async function useGraphQLClientProvider({ domain }) {
-  const token = H();
-  const appDomain = domain;
-  const tenantAlias = L();
-  // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = ye(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = m(he, managedIdentityClient);
-  useEffect(() => {
-    setGraphQLClient(managedIdentityClient);
-  }, [managedIdentityClient]);
+async function useGraphQLClientProvider({ domain }) {
+  const token = H();
+  const appDomain = domain;
+  const tenantAlias = L();
+  // Memoization is shared. One client per domain, tenant and token (or null)
+  const managedIdentityClient = ye(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = m(he, managedIdentityClient);
+  useEffect(() => {
+    setGraphQLClient(managedIdentityClient);
+  }, [managedIdentityClient]);
 }
 
-const GraphQLClientProvider = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-     useGraphQLClientProvider(this);
-    return (h$1(Host, { style: { display: "contents" } }, h$1("slot", null)));
-  }
+const GraphQLClientProvider = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+     useGraphQLClientProvider(this);
+    return (h$1(Host, { style: { display: "contents" } }, h$1("slot", null)));
+  }
 };
 
 export { GraphQLClientProvider as sqm_graphql_client_provider };