@saasquatch/mint-components 1.5.2-0 → 1.5.2

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 
-const TabView = ({}, children) => {
-  return index.h(index.Host, null, children);
+const TabView = ({}, children) => {
+  return index.h(index.Host, null, children);
 };
 
-const Tab = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(TabView, null, index.h("slot", null)));
-  }
+const Tab = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(TabView, null, index.h("slot", null)));
+  }
 };
 
 exports.sqm_tab = Tab;

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

@@ -7,80 +7,80 @@ const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
-const useChildElements = require('./useChildElements-24538fc5.js');
-const utils = require('./utils-6847bc06.js');
+const useChildElements = require('./useChildElements-097c3dc9.js');
+const utils = require('./utils-8ef4fe4a.js');
 
-const TabsView = ({ content, placement, }) => {
-  // Vertical padding for top & bottom placement, horizontal for left & right.
-  const padding = !placement || placement === "top" || placement === "bottom"
-    ? "var(--sl-spacing-x-large) 0;"
-    : "0 var(--sl-spacing-xx-large);";
-  const vanillaStyle = `
-    sl-tab-panel::part(base) {
-      padding: ${padding};
-    }
-  `;
-  const host = stencilHooks_module.l();
-  return (index.h(index.Host, null,
-    index.h("style", { type: "text/css" }, vanillaStyle),
-    index.h("sl-tab-group", { placement: placement }, content.tabs.map((tab) => {
-      const slotName = tab.getAttribute("slot");
-      return [
-        index.h("sl-tab", { slot: "nav", panel: slotName, id: tab.getAttribute("id") || slotName }, tab.getAttribute("header")),
-        index.h("sl-tab-panel", { name: slotName },
-          index.h("slot", { name: slotName })),
-      ];
-    })),
-    index.h("div", { style: { display: "none" } },
-      index.h("slot", null))));
+const TabsView = ({ content, placement, }) => {
+  // Vertical padding for top & bottom placement, horizontal for left & right.
+  const padding = !placement || placement === "top" || placement === "bottom"
+    ? "var(--sl-spacing-x-large) 0;"
+    : "0 var(--sl-spacing-xx-large);";
+  const vanillaStyle = `
+    sl-tab-panel::part(base) {
+      padding: ${padding};
+    }
+  `;
+  const host = stencilHooks_module.l();
+  return (index.h(index.Host, null,
+    index.h("style", { type: "text/css" }, vanillaStyle),
+    index.h("sl-tab-group", { placement: placement }, content.tabs.map((tab) => {
+      const slotName = tab.getAttribute("slot");
+      return [
+        index.h("sl-tab", { slot: "nav", panel: slotName, id: tab.getAttribute("id") || slotName }, tab.getAttribute("header")),
+        index.h("sl-tab-panel", { name: slotName },
+          index.h("slot", { name: slotName })),
+      ];
+    })),
+    index.h("div", { style: { display: "none" } },
+      index.h("slot", null))));
 };
 
-const REVEAL_EVENT = "sq:reveal";
-function useTabs() {
-  const rawTabs = useChildElements.useChildElements();
-  const host = index_module.P();
-  const tabs = stencilHooks_module.useMemo(() => rawTabs
-    .filter((tab) => tab.tagName === "SQM-TAB")
-    .map((tab, i) => {
-    tab.setAttribute("slot", "tab-" + i);
-    // set id as targets for scroll component
-    tab.setAttribute("id", "tab-" + i);
-    return tab;
-  }), [rawTabs]);
-  stencilHooks_module.useEffect(() => {
-    const listener = (e) => {
-      var _a;
-      // Prevents recursively nested components from sending requests up all the way
-      e.stopPropagation();
-      const target = e.target;
-      if (!target)
-        return;
-      const tabsComponent = target.closest("sqm-tabs");
-      if (!host.contains(target) || !tabsComponent)
-        return;
-      const targetTab = target.closest("sqm-tab");
-      const tabGroup = tabsComponent.shadowRoot.querySelector("sl-tab-group");
-      (_a = tabGroup) === null || _a === void 0 ? void 0 : _a.show(targetTab.id);
-    };
-    host.addEventListener(REVEAL_EVENT, listener);
-    return () => {
-      host.removeEventListener(REVEAL_EVENT, listener);
-    };
-  }, []);
-  return { content: { tabs } };
+const REVEAL_EVENT = "sq:reveal";
+function useTabs() {
+  const rawTabs = useChildElements.useChildElements();
+  const host = index_module.P();
+  const tabs = stencilHooks_module.useMemo(() => rawTabs
+    .filter((tab) => tab.tagName === "SQM-TAB")
+    .map((tab, i) => {
+    tab.setAttribute("slot", "tab-" + i);
+    // set id as targets for scroll component
+    tab.setAttribute("id", "tab-" + i);
+    return tab;
+  }), [rawTabs]);
+  stencilHooks_module.useEffect(() => {
+    const listener = (e) => {
+      var _a;
+      // Prevents recursively nested components from sending requests up all the way
+      e.stopPropagation();
+      const target = e.target;
+      if (!target)
+        return;
+      const tabsComponent = target.closest("sqm-tabs");
+      if (!host.contains(target) || !tabsComponent)
+        return;
+      const targetTab = target.closest("sqm-tab");
+      const tabGroup = tabsComponent.shadowRoot.querySelector("sl-tab-group");
+      (_a = tabGroup) === null || _a === void 0 ? void 0 : _a.show(targetTab.id);
+    };
+    host.addEventListener(REVEAL_EVENT, listener);
+    return () => {
+      host.removeEventListener(REVEAL_EVENT, listener);
+    };
+  }, []);
+  return { content: { tabs } };
 }
 
-const Tabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { content } = useTabs();
-    const { placement } = utils.getProps(this);
-    return (index.h(TabsView, { placement: placement, content: content }, index.h("slot", null)));
-  }
+const Tabs = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { content } = useTabs();
+    const { placement } = utils.getProps(this);
+    return (index.h(TabsView, { placement: placement, content: content }, index.h("slot", null)));
+  }
 };
 
 exports.sqm_tabs = Tabs;

package/dist/cjs/{sqm-text-span-view-a57e9e93.js → sqm-text-span-view-ab4ad6ef.js}

@@ -1,59 +1,59 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const JSS = require('./JSS-d8503db1.js');
+const JSS = require('./JSS-a75f3a9a.js');
 
-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",
-  },
-};
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-const vanillaStyle = `
-    sqm-text-span {
-      display: inline;
-    }
-  `;
-function TextSpanView(props, children) {
-  return (index.h("span", { class: sheet.classes[props.type] },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    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",
+  },
+};
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+const vanillaStyle = `
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+function TextSpanView(props, children) {
+  return (index.h("span", { class: sheet.classes[props.type] },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.TextSpanView = TextSpanView;

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./extends-08099afd.js');
-require('./JSS-d8503db1.js');
-const sqmTextSpanView = require('./sqm-text-span-view-a57e9e93.js');
+require('./JSS-a75f3a9a.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ab4ad6ef.js');
 
-const Text = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  render() {
-    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
-  }
+const Text = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() { }
+  render() {
+    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
+  }
 };
 
 exports.sqm_text_span = Text;

package/dist/cjs/{useChildElements-24538fc5.js → useChildElements-097c3dc9.js}

@@ -3,21 +3,21 @@
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 const index_module = require('./index.module-fb61a163.js');
 
-function useChildElements() {
-  const host = index_module.P();
-  const initialState = host.children.length
-    ? Array.from(host.children)
-    : [];
-  const [childElements, setChildElements] = stencilHooks_module.useState(initialState);
-  stencilHooks_module.useEffect(() => {
-    const observer = new MutationObserver(() => {
-      const children = Array.from(host.children);
-      setChildElements([...children]);
-    });
-    observer.observe(host, { childList: true });
-    return () => observer.disconnect();
-  }, [host]);
-  return childElements;
+function useChildElements() {
+  const host = index_module.P();
+  const initialState = host.children.length
+    ? Array.from(host.children)
+    : [];
+  const [childElements, setChildElements] = stencilHooks_module.useState(initialState);
+  stencilHooks_module.useEffect(() => {
+    const observer = new MutationObserver(() => {
+      const children = Array.from(host.children);
+      setChildElements([...children]);
+    });
+    observer.observe(host, { childList: true });
+    return () => observer.disconnect();
+  }, [host]);
+  return childElements;
 }
 
 exports.useChildElements = useChildElements;