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

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-17b4da69.js';
 import './stencil-hooks.module-eefa3570.js';
-import './global-780b070a.js';
+import './global-c2d5e2fa.js';
 import './use-callback-684c8bb7.js';
 import './index.module-25496635.js';
 

package/dist/esm/mint-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-17b4da69.js';
 import './stencil-hooks.module-eefa3570.js';
-import './global-780b070a.js';
+import './global-c2d5e2fa.js';
 import './use-callback-684c8bb7.js';
 import './index.module-25496635.js';
 

package/dist/esm/{mixins-59fd94b7.js → mixins-f60a614c.js}

@@ -1,88 +1,88 @@
-const gap = (props) => {
-  if (props.direction === "row") {
-    return {
-      "& > :not(:last-child)": {
-        "margin-right": props.size,
-      },
-    };
-  }
-  else {
-    return {
-      "& > :not(:last-child)": {
-        "margin-bottom": props.size,
-      },
-    };
-  }
-};
-const HostBlock = {
-  ":host": {
-    display: "block",
-  },
-  ":host([hidden])": {
-    display: "none",
-  },
-};
-const Column = {
-  display: "flex",
-  "flex-direction": "column",
-};
-const ErrorStyles = {
-  "&::part(base)": {
-    background: "var(--sl-color-danger-10)",
-    borderColor: "var(--sl-color-danger-500)",
-    outline: "var(--sl-color-danger-500)",
-  },
-  "&:host": {
-    "--something-random": "red",
-    "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
-  },
-  "&::part(input)": {
-    color: "var(--sl-color-danger-500) !important",
-    "&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active": {
-      boxShadow: "0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important",
-      "-webkit-text-fill-color": "var(--sl-color-danger-500)",
-    },
-  },
-  "&::part(help-text)": {
-    color: "var(--sl-color-danger-500)",
-  },
-};
-const Wrapper = {
-  "box-sizing": "border-box",
-  width: "100%",
-  "max-width": "var(--sqm-content-max-width)",
-  height: "auto",
-  "background-color": "var(--sqm-content-background)",
-  display: "flex",
-  padding: "var(--sl-spacing-xxx-large)",
-  border: "1px solid #eaeaea",
-  "border-radius": "8px",
-};
-const AuthWrapper = {
-  margin: "auto",
-  ...Wrapper,
-  "max-width": "500px",
-  ...Column,
-  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
-};
-const AuthColumn = {
-  ...Column,
-  "& > *:not(style, div, slot)": { display: "block" },
-  ...gap({ direction: "column", size: "var(--sl-spacing-large)" }),
-};
-const AuthButtonsContainer = {
-  "padding-top": "var(--sl-spacing-medium)",
-  display: "flex",
-  "flex-direction": "column",
-  width: "100%",
-  "align-items": "center",
-  "&>*": {
-    width: "100%",
-  },
-  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
-  "& > div": {
-    "text-align": "center",
-  },
+const gap = (props) => {
+  if (props.direction === "row") {
+    return {
+      "& > :not(:last-child)": {
+        "margin-right": props.size,
+      },
+    };
+  }
+  else {
+    return {
+      "& > :not(:last-child)": {
+        "margin-bottom": props.size,
+      },
+    };
+  }
+};
+const HostBlock = {
+  ":host": {
+    display: "block",
+  },
+  ":host([hidden])": {
+    display: "none",
+  },
+};
+const Column = {
+  display: "flex",
+  "flex-direction": "column",
+};
+const ErrorStyles = {
+  "&::part(base)": {
+    background: "var(--sl-color-danger-10)",
+    borderColor: "var(--sl-color-danger-500)",
+    outline: "var(--sl-color-danger-500)",
+  },
+  "&:host": {
+    "--something-random": "red",
+    "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
+  },
+  "&::part(input)": {
+    color: "var(--sl-color-danger-500) !important",
+    "&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active": {
+      boxShadow: "0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important",
+      "-webkit-text-fill-color": "var(--sl-color-danger-500)",
+    },
+  },
+  "&::part(help-text)": {
+    color: "var(--sl-color-danger-500)",
+  },
+};
+const Wrapper = {
+  "box-sizing": "border-box",
+  width: "100%",
+  "max-width": "var(--sqm-content-max-width)",
+  height: "auto",
+  "background-color": "var(--sqm-content-background)",
+  display: "flex",
+  padding: "var(--sl-spacing-xxx-large)",
+  border: "1px solid #eaeaea",
+  "border-radius": "8px",
+};
+const AuthWrapper = {
+  margin: "auto",
+  ...Wrapper,
+  "max-width": "500px",
+  ...Column,
+  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
+};
+const AuthColumn = {
+  ...Column,
+  "& > *:not(style, div, slot)": { display: "block" },
+  ...gap({ direction: "column", size: "var(--sl-spacing-large)" }),
+};
+const AuthButtonsContainer = {
+  "padding-top": "var(--sl-spacing-medium)",
+  display: "flex",
+  "flex-direction": "column",
+  width: "100%",
+  "align-items": "center",
+  "&>*": {
+    width: "100%",
+  },
+  ...gap({ direction: "column", size: "var(--sl-spacing-x-large)" }),
+  "& > div": {
+    "text-align": "center",
+  },
 };
 
 export { AuthWrapper as A, ErrorStyles as E, HostBlock as H, AuthColumn as a, AuthButtonsContainer as b, gap as g };

package/dist/esm/raisins-plop-target.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, h, c as Host } from './index-17b4da69.js';
 
-const RaisinsPlopTarget = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async renderCell() {
-    return h("span", null);
-  }
-  async renderLabel(idx) {
-    return h("slot", { name: `column-${idx}` });
-  }
-  render() {
-    return h(Host, null);
-  }
+const RaisinsPlopTarget = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async renderCell() {
+    return h("span", null);
+  }
+  async renderLabel(idx) {
+    return h("slot", { name: `column-${idx}` });
+  }
+  render() {
+    return h(Host, null);
+  }
 };
 
 export { RaisinsPlopTarget as raisins_plop_target };

package/dist/esm/{re-render-9fbcb8a8.js → re-render-8ece93cd.js}

@@ -1,42 +1,42 @@
 import { f as useEffect } from './stencil-hooks.module-eefa3570.js';
 import { R, o as on } from './index.module-25496635.js';
 
-const RENDER_EVENT = "sqm:request-rerender";
-/**
- * Requests a re-render for the wrapping table
- *
- * Useful when an attribute or other internal state changes
- *
- * @param deps an array of dependencies used for useEffect
- */
-function useRequestRerender(deps) {
-  const host = R();
-  useEffect(() => {
-    host.dispatchEvent(new CustomEvent(RENDER_EVENT, {
-      detail: true,
-      bubbles: true,
-      composed: true,
-    }));
-  }, deps);
-}
-/**
- * Re-renders a parent component when child components make the request
- */
-function useRerenderListener() {
-  const host = R();
-  const [tick, rerender] = on();
-  useEffect(() => {
-    const listener = (e) => {
-      // Preventes recursively nested components from sending requests up all the way
-      e.stopPropagation();
-      rerender();
-    };
-    host.addEventListener(RENDER_EVENT, listener);
-    return () => {
-      host.removeEventListener(RENDER_EVENT, listener);
-    };
-  }, []);
-  return tick;
+const RENDER_EVENT = "sqm:request-rerender";
+/**
+ * Requests a re-render for the wrapping table
+ *
+ * Useful when an attribute or other internal state changes
+ *
+ * @param deps an array of dependencies used for useEffect
+ */
+function useRequestRerender(deps) {
+  const host = R();
+  useEffect(() => {
+    host.dispatchEvent(new CustomEvent(RENDER_EVENT, {
+      detail: true,
+      bubbles: true,
+      composed: true,
+    }));
+  }, deps);
+}
+/**
+ * Re-renders a parent component when child components make the request
+ */
+function useRerenderListener() {
+  const host = R();
+  const [tick, rerender] = on();
+  useEffect(() => {
+    const listener = (e) => {
+      // Preventes recursively nested components from sending requests up all the way
+      e.stopPropagation();
+      rerender();
+    };
+    host.addEventListener(RENDER_EVENT, listener);
+    return () => {
+      host.removeEventListener(RENDER_EVENT, listener);
+    };
+  }, []);
+  return tick;
 }
 
 export { useRequestRerender as a, useRerenderListener as u };

package/dist/esm/{sqm-asset-card-view-de0f3463.js → sqm-asset-card-view-b0f8ef8e.js}

@@ -1,49 +1,49 @@
 import { h, d as getAssetPath } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-506b9295.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
-const style = {
-  CardContainer: {
-    "box-sizing": "border-box",
-    width: "100%",
-    "max-width": "260px",
-    border: "1px solid #EAEAEA",
-    padding: "0px 16px 16px 16px",
-    "border-radius": "8px",
-  },
-  TextContainer: {
-    display: "flex",
-    "justify-content": "space-between",
-    "align-items": "center",
-  },
-  Title: {
-    "font-weight": 600,
-    color: "var(--sl-color-gray-800)",
-    "max-width": "85%",
-    "overflow-wrap": "break-word",
-  },
-  CardImg: {
-    width: "100%",
-    height: "228px",
-    "border-radius": "4px",
-  },
-  Icon: {
-    "&:hover": {
-      cursor: "pointer",
-    },
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-const AssetCardView = (props) => {
-  const { text: { titleText }, imgUrl, } = props;
-  return (h("div", { class: sheet.classes.CardContainer },
-    h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.TextContainer },
-      h("p", { class: sheet.classes.Title }, titleText),
-      h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", class: `bi bi-download ${sheet.classes.Icon}`, viewBox: "0 0 16 16" },
-        h("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
-        h("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" }))),
-    h("img", { src: getAssetPath(imgUrl), class: sheet.classes.CardImg })));
+const style = {
+  CardContainer: {
+    "box-sizing": "border-box",
+    width: "100%",
+    "max-width": "260px",
+    border: "1px solid #EAEAEA",
+    padding: "0px 16px 16px 16px",
+    "border-radius": "8px",
+  },
+  TextContainer: {
+    display: "flex",
+    "justify-content": "space-between",
+    "align-items": "center",
+  },
+  Title: {
+    "font-weight": 600,
+    color: "var(--sl-color-gray-800)",
+    "max-width": "85%",
+    "overflow-wrap": "break-word",
+  },
+  CardImg: {
+    width: "100%",
+    height: "228px",
+    "border-radius": "4px",
+  },
+  Icon: {
+    "&:hover": {
+      cursor: "pointer",
+    },
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+const AssetCardView = (props) => {
+  const { text: { titleText }, imgUrl, } = props;
+  return (h("div", { class: sheet.classes.CardContainer },
+    h("style", { type: "text/css" }, styleString),
+    h("div", { class: sheet.classes.TextContainer },
+      h("p", { class: sheet.classes.Title }, titleText),
+      h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", class: `bi bi-download ${sheet.classes.Icon}`, viewBox: "0 0 16 16" },
+        h("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
+        h("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" }))),
+    h("img", { src: getAssetPath(imgUrl), class: sheet.classes.CardImg })));
 };
 
 export { AssetCardView as A };

package/dist/esm/sqm-asset-card.entry.js

@@ -3,40 +3,40 @@ import { m as h } from './stencil-hooks.module-eefa3570.js';
 import './use-callback-684c8bb7.js';
 import { i as isDemo } from './index.module-25496635.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-506b9295.js';
-import { A as AssetCardView } from './sqm-asset-card-view-de0f3463.js';
+import './JSS-67b5cff8.js';
+import { A as AssetCardView } from './sqm-asset-card-view-b0f8ef8e.js';
 
-const useAssetCard = (_props) => {
-  return {
-    text: {
-      titleText: "Marketing Banner",
-    },
-    imgUrl: null,
-    callbacks: {},
-  };
+const useAssetCard = (_props) => {
+  return {
+    text: {
+      titleText: "Marketing Banner",
+    },
+    imgUrl: null,
+    callbacks: {},
+  };
 };
 
-const AssetCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo() ? useAssetCardDemo(this) : useAssetCard();
-    return h$1(AssetCardView, Object.assign({}, props));
-  }
-  static get assetsDirs() { return ["../../assets"]; }
-};
-function useAssetCardDemo(props) {
-  return cjs({
-    text: {
-      titleText: "Marketing Banner",
-    },
-    imgUrl: "https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png",
-    callbacks: {},
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const AssetCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = isDemo() ? useAssetCardDemo(this) : useAssetCard();
+    return h$1(AssetCardView, Object.assign({}, props));
+  }
+  static get assetsDirs() { return ["../../assets"]; }
+};
+function useAssetCardDemo(props) {
+  return cjs({
+    text: {
+      titleText: "Marketing Banner",
+    },
+    imgUrl: "https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png",
+    callbacks: {},
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 export { AssetCard as sqm_asset_card };