@saasquatch/mint-components 1.3.3-0 → 1.3.3-4

package/dist/esm/sqm-referral-table-user-column.entry.js

@@ -1,53 +1,53 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import './index.module-33c313d2.js';
-import { a as useRequestRerender } from './re-render-338d931e.js';
+import './index.module-8c0fcb22.js';
+import { a as useRequestRerender } from './re-render-17fbc7b6.js';
 
-const ReferralTableUserColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName User Column Title
-     */
-    this.columnTitle = "Customer";
-    /**
-     * @uiName Name displayed for anonymous users
-     */
-    this.anonymousUser = "Anonymous User";
-    /**
-     * @uiName Name displayed for deleted users
-     */
-    this.deletedUser = "Deleted User";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    var _a, _b, _c, _d;
-    let name;
-    if (!(data === null || data === void 0 ? void 0 : data.referredUser)) {
-      name = this.deletedUser;
-    }
-    else if (!((_a = data === null || data === void 0 ? void 0 : data.referredUser) === null || _a === void 0 ? void 0 : _a.firstName) &&
-      !((_b = data === null || data === void 0 ? void 0 : data.referredUser) === null || _b === void 0 ? void 0 : _b.lastName)) {
-      name = this.anonymousUser;
-    }
-    else {
-      name = `${(_c = data === null || data === void 0 ? void 0 : data.referredUser) === null || _c === void 0 ? void 0 : _c.firstName} ${(_d = data === null || data === void 0 ? void 0 : data.referredUser) === null || _d === void 0 ? void 0 : _d.lastName}`;
-    }
-    return (h$1("sqm-referral-table-user-cell", { name: name }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([
-      this.deletedUser,
-      this.anonymousUser,
-      this.columnTitle,
-    ]);
-    return h$1(Host, { style: { display: "none" } });
-  }
+const ReferralTableUserColumn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName User Column Title
+     */
+    this.columnTitle = "Customer";
+    /**
+     * @uiName Name displayed for anonymous users
+     */
+    this.anonymousUser = "Anonymous User";
+    /**
+     * @uiName Name displayed for deleted users
+     */
+    this.deletedUser = "Deleted User";
+    h(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    var _a, _b, _c, _d;
+    let name;
+    if (!(data === null || data === void 0 ? void 0 : data.referredUser)) {
+      name = this.deletedUser;
+    }
+    else if (!((_a = data === null || data === void 0 ? void 0 : data.referredUser) === null || _a === void 0 ? void 0 : _a.firstName) &&
+      !((_b = data === null || data === void 0 ? void 0 : data.referredUser) === null || _b === void 0 ? void 0 : _b.lastName)) {
+      name = this.anonymousUser;
+    }
+    else {
+      name = `${(_c = data === null || data === void 0 ? void 0 : data.referredUser) === null || _c === void 0 ? void 0 : _c.firstName} ${(_d = data === null || data === void 0 ? void 0 : data.referredUser) === null || _d === void 0 ? void 0 : _d.lastName}`;
+    }
+    return (h$1("sqm-referral-table-user-cell", { name: name }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    useRequestRerender([
+      this.deletedUser,
+      this.anonymousUser,
+      this.columnTitle,
+    ]);
+    return h$1(Host, { style: { display: "none" } });
+  }
 };
 
 export { ReferralTableUserColumn as sqm_referral_table_user_column };

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, c as Host } from './index-17b4da69.js';
 
-const SqmRoute = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-  }
-  disconnectedCallback() { }
-  render() {
-    return h(Host, { style: { display: "contents" } });
-  }
+const SqmRoute = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+  }
+  disconnectedCallback() { }
+  render() {
+    return h(Host, { style: { display: "contents" } });
+  }
 };
 
 export { SqmRoute as sqm_route };

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

@@ -1,83 +1,83 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { d as dist, M, T, e as en, j } from './index.module-33c313d2.js';
+import { d as dist, M, T, e as en, j } from './index.module-8c0fcb22.js';
 import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
+import { g as getProps } from './utils-271197e1.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-10353a39.js';
-import { S as ShareLinkView } from './sqm-share-link-view-9282b8e8.js';
+import './mixins-eba86511.js';
+import { S as ShareLinkView } from './sqm-share-link-view-f5b091fa.js';
 
-const MessageLinkQuery = dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-function useShareCode(props) {
-  var _a, _b;
-  const programId = M();
-  const user = T();
-  const { data } = en(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
-  const [open, setOpen] = useState(false);
-  function onClick() {
-    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-    // Only if called from a user-initiated event
-    navigator.clipboard.writeText(shareString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-  }
-  return { ...props, onClick, open, shareString };
+const MessageLinkQuery = dist.gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`;
+function useShareCode(props) {
+  var _a, _b;
+  const programId = M();
+  const user = T();
+  const { data } = en(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
+  // Shown during loading
+  "...";
+  const [open, setOpen] = useState(false);
+  function onClick() {
+    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
+    // Only if called from a user-initiated event
+    navigator.clipboard.writeText(shareString);
+    setOpen(true);
+    setTimeout(() => setOpen(false), props.tooltiplifespan);
+  }
+  return { ...props, onClick, open, shareString };
 }
 
-const DEFAULT_TOOLTIP_LIFESPAN = 1000;
-const ShareCode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * This is shown after someone has successfully copied the cpde to the clipboard.
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip will appear for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = j()
-      ? useDemoShareCode(thisProps)
-      : useShareCode(thisProps);
-    return h$1(ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareCode(props) {
-  const [open, setOpen] = useState(false);
-  const shareString = "https://www.example.com/sharelink/abc";
-  return cjs({
-    shareString,
-    tooltiptext: props.tooltiptext,
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(shareString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const DEFAULT_TOOLTIP_LIFESPAN = 1000;
+const ShareCode = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * This is shown after someone has successfully copied the cpde to the clipboard.
+     *
+     * @uiName Tooltip text
+     */
+    this.tooltiptext = "Copied to Clipboard";
+    /**
+     * The number of milliseconds that the tooltip will appear for
+     *
+     * @uiName Tooltip lifespan
+     */
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    const props = j()
+      ? useDemoShareCode(thisProps)
+      : useShareCode(thisProps);
+    return h$1(ShareLinkView, Object.assign({}, props));
+  }
+};
+function useDemoShareCode(props) {
+  const [open, setOpen] = useState(false);
+  const shareString = "https://www.example.com/sharelink/abc";
+  return cjs({
+    shareString,
+    tooltiptext: props.tooltiptext,
+    open,
+    onClick: () => {
+      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
+      // Only if called from a user-initiated event
+      navigator.clipboard.writeText(shareString);
+      setOpen(true);
+      setTimeout(() => setOpen(false), props.tooltiplifespan);
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 export { ShareCode as sqm_share_code };

package/dist/esm/{sqm-share-link-view-9282b8e8.js → sqm-share-link-view-f5b091fa.js}

@@ -1,22 +1,22 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { H as HostBlock } from './mixins-10353a39.js';
+import { H as HostBlock } from './mixins-eba86511.js';
 
-const style = {
-  HostBlock: HostBlock,
-  inputStyle: {
-    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
-  },
-};
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function ShareLinkView(props) {
-  return (h("div", null,
-    h("style", { type: "text/css" }, styleString),
-    h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
-      h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
-        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 })))));
+const style = {
+  HostBlock: HostBlock,
+  inputStyle: {
+    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
+  },
+};
+jss.setup(create());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function ShareLinkView(props) {
+  return (h("div", null,
+    h("style", { type: "text/css" }, styleString),
+    h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
+      h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
+        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 })))));
 }
 
 export { ShareLinkView as S };

package/dist/esm/{sqm-stat-container-view-4133feb6.js → sqm-stat-container-view-f3285eeb.js}

@@ -1,51 +1,51 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
-function StatContainerView(props, children) {
-  const divideSpace = () => {
-    const spaceValue = getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${props.space}`);
-    return `${Math.floor(parseInt(spaceValue) / 2)}rem`;
-  };
-  const style = {
-    StatContainer: {
-      width: "100%",
-      display: "grid",
-      "grid-template-columns": "repeat(auto-fill, minmax(130px, auto))",
-      gap: divideSpace(),
-      // First set of styles applies when shadow DOM is disabled, second set applies when shadow DOM is enabled
-      "& > *": {
-        "border-right": "1px solid #EAEAEA",
-        "padding-right": divideSpace(),
-      },
-      "& > :last-child": {
-        "border-right": "1px solid #ffffff",
-      },
-      "& > ::slotted(*)": {
-        "border-right": "1px solid #EAEAEA",
-        "padding-right": divideSpace(),
-        height: "100%",
-      },
-      "& > ::slotted(*:last-child)": {
-        "border-right": "1px solid #ffffff",
-      },
-    },
-    StatFrame: {
-      display: "flex",
-    },
-    BorderFix: {
-      "border-right": "1px solid #ffffff",
-      width: "0px",
-      "margin-left": "-1px",
-    },
-  };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.StatFrame },
-    h("div", { class: sheet.classes.StatContainer },
-      h("style", { type: "text/css" }, styleString),
-      children),
-    h("div", { class: sheet.classes.BorderFix })));
+function StatContainerView(props, children) {
+  const divideSpace = () => {
+    const spaceValue = getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${props.space}`);
+    return `${Math.floor(parseInt(spaceValue) / 2)}rem`;
+  };
+  const style = {
+    StatContainer: {
+      width: "100%",
+      display: "grid",
+      "grid-template-columns": "repeat(auto-fill, minmax(130px, auto))",
+      gap: divideSpace(),
+      // First set of styles applies when shadow DOM is disabled, second set applies when shadow DOM is enabled
+      "& > *": {
+        "border-right": "1px solid #EAEAEA",
+        "padding-right": divideSpace(),
+      },
+      "& > :last-child": {
+        "border-right": "1px solid #ffffff",
+      },
+      "& > ::slotted(*)": {
+        "border-right": "1px solid #EAEAEA",
+        "padding-right": divideSpace(),
+        height: "100%",
+      },
+      "& > ::slotted(*:last-child)": {
+        "border-right": "1px solid #ffffff",
+      },
+    },
+    StatFrame: {
+      display: "flex",
+    },
+    BorderFix: {
+      "border-right": "1px solid #ffffff",
+      width: "0px",
+      "margin-left": "-1px",
+    },
+  };
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.StatFrame },
+    h("div", { class: sheet.classes.StatContainer },
+      h("style", { type: "text/css" }, styleString),
+      children),
+    h("div", { class: sheet.classes.BorderFix })));
 }
 
 export { StatContainerView as S };

package/dist/esm/sqm-stat-container.entry.js

@@ -1,25 +1,25 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { S as StatContainerView } from './sqm-stat-container-view-4133feb6.js';
+import { g as getProps } from './utils-271197e1.js';
+import { S as StatContainerView } from './sqm-stat-container-view-f3285eeb.js';
 
-const StatContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Space between stats
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.space = "xxx-large";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(StatContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
-  }
+const StatContainer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Space between stats
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.space = "xxx-large";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h$1(StatContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
+  }
 };
 
 export { StatContainer as sqm_stat_container };

package/dist/esm/{sqm-text-span-view-1781df94.js → sqm-text-span-view-db65d1ea.js}

@@ -1,58 +1,58 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
-function TextSpanView(props, children) {
-  const style = {
-    p: {
-      "font-size": "var(--sl-font-size-small)",
-      "font-weight": "400",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    subtext: {
-      "font-size": "var(--sl-font-size-x-small)",
-      "font-weight": "400",
-      color: "var(--sl-color-gray-600)",
-      margin: "0",
-    },
-    h1: {
-      "font-size": "var(--sl-font-size-xx-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h2: {
-      "font-size": "var(--sl-font-size-x-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h3: {
-      "font-size": "var(--sl-font-size-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h4: {
-      "font-size": "13px",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-  };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    sqm-text-span {
-      display: inline;
-    }
-  `;
-  return (h("span", { class: sheet.classes[props.type] },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
+function TextSpanView(props, children) {
+  const style = {
+    p: {
+      "font-size": "var(--sl-font-size-small)",
+      "font-weight": "400",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    subtext: {
+      "font-size": "var(--sl-font-size-x-small)",
+      "font-weight": "400",
+      color: "var(--sl-color-gray-600)",
+      margin: "0",
+    },
+    h1: {
+      "font-size": "var(--sl-font-size-xx-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h2: {
+      "font-size": "var(--sl-font-size-x-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h3: {
+      "font-size": "var(--sl-font-size-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h4: {
+      "font-size": "13px",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+  };
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (h("span", { class: sheet.classes[props.type] },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 export { TextSpanView as T };

package/dist/esm/sqm-text-span.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './jss-preset-default.esm-71fae192.js';
-import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { T as TextSpanView } from './sqm-text-span-view-db65d1ea.js';
 
-const Text = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  render() {
-    return h$1(TextSpanView, { type: this.type }, this.text);
-  }
+const Text = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() { }
+  render() {
+    return h$1(TextSpanView, { type: this.type }, this.text);
+  }
 };
 
 export { Text as sqm_text_span };