@saasquatch/mint-components 1.6.2-7 → 1.6.2

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

@@ -4,211 +4,210 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./extends-08099afd.js');
-const JSS = require('./JSS-97fd087e.js');
-const utils = require('./utils-6847bc06.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-854a3e9c.js');
-
-function EmptyStateView(props) {
-  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
-  return (index.h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" },
-    index.h("sqm-image", { "image-url": emptyStateImage }),
-    index.h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" },
-      index.h("sqm-text", { slot: "label" },
-        index.h("h4", null, emptyStateHeader)),
-      index.h("sqm-text", { slot: "content" }, emptyStateText))));
+const JSS = require('./JSS-c73206b7.js');
+const utils = require('./utils-8ef4fe4a.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-4a8432e9.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-71a57cd9.js');
+
+function EmptyStateView(props) {
+  const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
+  return (index.h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" },
+    index.h("sqm-image", { "image-url": emptyStateImage }),
+    index.h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" },
+      index.h("sqm-text", { slot: "label" },
+        index.h("h4", null, emptyStateHeader)),
+      index.h("sqm-text", { slot: "content" }, emptyStateText))));
 }
 
-const HeroImage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { slot: "empty" }, index.h(EmptyStateView, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText })));
-  }
+const HeroImage = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { slot: "empty" }, index.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 = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-  `;
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    index.h("div", { class: sheet.classes.Container },
-      index.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 = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+  `;
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle),
+    index.h("div", { class: sheet.classes.Container },
+      index.h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
 }
 
-const Image = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * @uiName Position Alignment
-     * @uiType string
-     * @uiEnum ["left", "center", "right"]
-     * @uiEnumNames ["Left", "Center", "Right"]
-     */
-    this.alignment = "center";
-  }
-  render() {
-    return index.h(ImageView, Object.assign({}, utils.getProps(this)));
-  }
+const Image = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Position Alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
+     */
+    this.alignment = "center";
+  }
+  render() {
+    return index.h(ImageView, Object.assign({}, utils.getProps(this)));
+  }
 };
 
-const PortalContainer = class {
-  constructor(hostRef) {
-    index.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%";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
-  }
+const PortalContainer = class {
+  constructor(hostRef) {
+    index.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%";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.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) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  render() {
-    return (index.h("div", null, index.h("style", null, vanillaStyle), index.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) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() { }
+  render() {
+    return (index.h("div", null, index.h("style", null, vanillaStyle), index.h("slot", null)));
+  }
 };
 
-const TitledSection = class {
-  constructor(hostRef) {
-    index.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";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const label = index.h("slot", { name: "label" }, this.label);
-    const content = index.h("slot", { name: "content" });
-    return index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, { ...utils.getProps(this), label, content }));
-  }
+const TitledSection = class {
+  constructor(hostRef) {
+    index.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";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const label = index.h("slot", { name: "label" }, this.label);
+    const content = index.h("slot", { name: "content" });
+    return index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, { ...utils.getProps(this), label, content }));
+  }
 };
 
 exports.sqm_empty = HeroImage;

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

@@ -7,25 +7,25 @@ const stencilHooks_module = require('./stencil-hooks.module-6fe43579.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) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    if (this.type === "error") {
-      return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
-    }
-    else if (this.type === "info") {
-      return (index.h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
-    }
-    else {
-      return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
-    }
-  }
-};
+const FormMessage = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    if (this.type === "error") {
+      return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
+    }
+    else if (this.type === "info") {
+      return (index.h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
+    }
+    else {
+      return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, index.h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
+    }
+  }
+};
 FormMessage.style = sqmFormMessageCss;
 
 exports.sqm_form_message = FormMessage;

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

@@ -5,32 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-458fac5c.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-d3a28293.js');
 
-async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.L();
-  const appDomain = domain;
-  const tenantAlias = index_module.U();
-  // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.Ce(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.be, managedIdentityClient);
-  stencilHooks_module.useEffect(() => {
-    setGraphQLClient(managedIdentityClient);
-  }, [managedIdentityClient]);
+async function useGraphQLClientProvider({ domain }) {
+  const token = index_module.H();
+  const appDomain = domain;
+  const tenantAlias = index_module.L();
+  // Memoization is shared. One client per domain, tenant and token (or null)
+  const managedIdentityClient = index_module.ye(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.he, managedIdentityClient);
+  stencilHooks_module.useEffect(() => {
+    setGraphQLClient(managedIdentityClient);
+  }, [managedIdentityClient]);
 }
 
-const GraphQLClientProvider = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-     useGraphQLClientProvider(this);
-    return (index.h(index.Host, { style: { display: "contents" } }, index.h("slot", null)));
-  }
+const GraphQLClientProvider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+     useGraphQLClientProvider(this);
+    return (index.h(index.Host, { style: { display: "contents" } }, index.h("slot", null)));
+  }
 };
 
 exports.sqm_graphql_client_provider = GraphQLClientProvider;

package/dist/cjs/sqm-header-logo.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+
+const HeroImage = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Page participants are navigated to after clicking the header logo.
+     *
+     * @uiName Redirect Path
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Logo Height
+     */
+    this.height = 60;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(index.Host, null, index.h("a", { href: this.nextPage }, index.h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
+  }
+};
+
+exports.sqm_header_logo = HeroImage;