@saasquatch/mint-components 1.6.2-1 → 1.6.2-10

package/dist/esm/sqm-qa-referral-card.entry.js

@@ -1,85 +0,0 @@
-import { h, r as registerInstance } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './extends-c31f1eff.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { g as getProps } from './utils-334c1e34.js';
-
-const style = {
-  Container: {
-    display: "flex",
-    color: "var(--sl-color-neutral-900)",
-    background: "var(--sl-color-neutral-0)",
-    "& .left": {
-      boxSizing: "border-box",
-      width: "50%",
-      padding: "var(--sl-spacing-large)",
-      paddingRight: "var(--sl-spacing-medium)",
-      "@media (max-width: 499px)": {
-        width: "100%",
-        padding: "0",
-        marginBottom: "var(--sl-spacing-xx-large)",
-      },
-    },
-    "& .right": {
-      boxSizing: "border-box",
-      width: "50%",
-      padding: "var(--sl-spacing-large)",
-      paddingLeft: "var(--sl-spacing-medium)",
-      "@media (max-width: 499px)": {
-        width: "100%",
-        padding: "0",
-      },
-    },
-    border: "1px solid var(--sl-color-neutral-300)",
-    borderRadius: "var(--sl-border-radius-large)",
-    "@media (max-width: 499px)": {
-      flexDirection: "column",
-      border: "none",
-    },
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-  `;
-function ReferralCardView(props) {
-  return (h("div", null,
-    h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle),
-    h("div", { class: sheet.classes.Container },
-      h("div", { class: "left", style: {
-          alignSelf: props.verticalAlignment,
-        } }, props.slots.left),
-      h("div", { class: "right", style: {
-          alignSelf: props.verticalAlignment,
-        } }, props.slots.right))));
-}
-
-const ReferralCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Vertical Aligment
-     * @uiType string
-     * @uiEnum ["start", "center", "end"]
-     * @uiEnumNames ["Top", "Center", "Bottom"]
-     */
-    this.verticalAlignment = "start";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const slots = {
-      left: h("slot", { name: "left" }),
-      right: h("slot", { name: "right" }),
-    };
-    return (h(ReferralCardView, Object.assign({}, getProps(this), { slots: slots }), h("slot", null)));
-  }
-};
-
-export { ReferralCard as sqm_qa_referral_card };

package/dist/esm/sqm-qa-tabs.entry.js

@@ -1,96 +0,0 @@
-import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { l, k as useMemo, e as useEffect, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { P } from './index.module-f64d9e4c.js';
-import './extends-c31f1eff.js';
-import { u as useChildElements } from './useChildElements-c26c601d.js';
-import { g as getProps } from './utils-334c1e34.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 = l();
-  return (h(Host, null,
-    h("style", { type: "text/css" }, vanillaStyle),
-    h("sl-tab-group", { placement: placement }, content.tabs.map((tab) => {
-      const slotName = tab.getAttribute("slot");
-      if (tab.tagName === "RAISINS-PLOP-TARGET") {
-        return (h("sl-tab", { slot: "nav" },
-          h("div", { style: { marginTop: "10px" } },
-            h("slot", { name: slotName }))));
-      }
-      return [
-        h("sl-tab", { slot: "nav", panel: slotName, id: tab.getAttribute("id") || slotName }, tab.getAttribute("header")),
-        h("sl-tab-panel", { name: slotName },
-          h("slot", { name: slotName })),
-      ];
-    })),
-    h("div", { style: { display: "none" } },
-      h("slot", null))));
-};
-
-const REVEAL_EVENT = "sq:reveal";
-function useTabs() {
-  const rawTabs = useChildElements();
-  const host = P();
-  const tabs = useMemo(() => rawTabs
-    .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")
-    .map((tab, i) => {
-    if (tab.tagName === "RAISINS-PLOP-TARGET") {
-      const plopTab = tab;
-      plopTab.style.position = "absolute";
-      plopTab.style.left = "6px";
-      const plopTarget = tab.firstElementChild
-        .childNodes[1];
-      plopTarget.innerHTML = "＋";
-      plopTarget.style.lineHeight = "20px";
-    }
-    tab.setAttribute("slot", "tab-" + i);
-    // set id as targets for scroll component
-    tab.setAttribute("id", "tab-" + i);
-    return tab;
-  }), [rawTabs]);
-  useEffect(() => {
-    const listener = (e) => {
-      var _a;
-      const target = e.target;
-      // Prevents recursively nested components from sending requests up all the way
-      e.stopPropagation();
-      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) {
-    registerInstance(this, hostRef);
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { content } = useTabs();
-    const { placement } = getProps(this);
-    return (h(TabsView, { placement: placement, content: content }, h("slot", null)));
-  }
-};
-
-export { Tabs as sqm_qa_tabs };

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

@@ -1,108 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
-
-const ShareButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Description here
-     * @uiName Text Input with default
-     */
-    this.textInput = "short text string";
-    /**
-     * Description here
-     * @uiName Number Input with default
-     */
-    this.numberInput = 5;
-    /**
-     * Description here
-     * @uiName Boolean Switch with default
-     */
-    this.booleanSwitch = true;
-    /**
-     * Description here
-     * @uiName Text Area Input
-     * @uiWidget textArea with default
-     */
-    this.textAreaInput = "Really Really Really long text";
-    /**
-     * Description here
-     * @uiName String Enum Select with default
-     * @uiEnum ["option1","option2","option3"]
-     * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-     */
-    this.stringEnumSelect = "option2";
-    /**
-     * Description here
-     * @uiName Number Enum Select with default
-     * @uiEnum [1,2,3]
-     * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-     */
-    this.numberEnumSelect = 3;
-    /**
-     * Description here
-     * @uiName Color with default
-     * @uiWidget color
-     * @format color
-     */
-    this.color = "blue";
-    /**
-     * Description here
-     * @uiName Image Upload with default
-     * @uiWidget ImageUpload
-     * @format url
-     */
-    this.imageUpload = "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png";
-    /**
-     * Description here
-     * @uiName Date Interval with default
-     * @uiWidget dateRange
-     * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-     * @format date-interval
-     */
-    this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";
-    /**
-     * Description here
-     * @uiName Stat Selector with default
-     * @uiWidget statTypeSelectWidget
-     */
-    this.statSelector = "/referralCount";
-    /**
-     * Description here
-     * @uiName Program Selector with default
-     * @uiWidget programSelector
-     */
-    this.programSelector = "program1";
-    /**
-     * Description here
-     * @uiName Number Max 7
-     * @maximum 7
-     */
-    this.max = 6;
-    /**
-     * Description here
-     * @uiName Number Min 7
-     * @minimum 7
-     */
-    this.min = 8;
-    /**
-     * Description here
-     * @uiName String Max Length 10
-     * @maxLength 10
-     */
-    this.maxLength = "default";
-    /**
-     * Description here
-     * @uiName String Min Length 10
-     * @minLength 10
-     */
-    this.minLength = "default text";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1("div", null, h$1("h1", null, "I am the QA Component")));
-  }
-};
-
-export { ShareButton as sqm_qa };

package/dist/esm/useChildElements-c26c601d.js

@@ -1,21 +0,0 @@
-import { i as useState, e as useEffect } from './stencil-hooks.module-66fea7dc.js';
-import { P } from './index.module-f64d9e4c.js';
-
-function useChildElements() {
-  const host = P();
-  const initialState = host.children.length
-    ? Array.from(host.children)
-    : [];
-  const [childElements, setChildElements] = useState(initialState);
-  useEffect(() => {
-    const observer = new MutationObserver(() => {
-      const children = Array.from(host.children);
-      setChildElements([...children]);
-    });
-    observer.observe(host, { childList: true });
-    return () => observer.disconnect();
-  }, [host]);
-  return childElements;
-}
-
-export { useChildElements as u };