@saasquatch/mint-components 1.6.1-9 → 1.6.2-0

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-fb61a163.js');
+const index_module = require('./index.module-d169a23f.js');
 require('./extends-08099afd.js');
-const useChildElements = require('./useChildElements-24538fc5.js');
+const useChildElements = require('./useChildElements-36106d83.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {
@@ -25,6 +25,11 @@ const TabsView = ({ content, placement, }) => {
     index.h("style", { type: "text/css" }, vanillaStyle),
     index.h("sl-tab-group", { placement: placement }, content.tabs.map((tab) => {
       const slotName = tab.getAttribute("slot");
+      if (tab.tagName === "RAISINS-PLOP-TARGET") {
+        return (index.h("sl-tab", { slot: "nav" },
+          index.h("div", { style: { marginTop: "10px" } },
+            index.h("slot", { name: slotName }))));
+      }
       return [
         index.h("sl-tab", { slot: "nav", panel: slotName, id: tab.getAttribute("id") || slotName }, tab.getAttribute("header")),
         index.h("sl-tab-panel", { name: slotName },
@@ -38,10 +43,19 @@ const TabsView = ({ content, placement, }) => {
 const REVEAL_EVENT = "sq:reveal";
 function useTabs() {
   const rawTabs = useChildElements.useChildElements();
-  const host = index_module.P();
+  const host = index_module.k();
   const tabs = stencilHooks_module.useMemo(() => rawTabs
-    .filter((tab) => tab.tagName === "SQM-TAB")
+    .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);
@@ -50,9 +64,9 @@ function useTabs() {
   stencilHooks_module.useEffect(() => {
     const listener = (e) => {
       var _a;
+      const target = e.target;
       // 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");

package/dist/cjs/{useChildElements-24538fc5.js → useChildElements-36106d83.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-fb61a163.js');
+const index_module = require('./index.module-d169a23f.js');
 
 function useChildElements() {
-  const host = index_module.P();
+  const host = index_module.k();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

package/dist/cjs/{useReferralTable-1e71d2dc.js → useReferralTable-1aab8416.js}

@@ -2,9 +2,9 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-fb61a163.js');
-const reRender = require('./re-render-7248fc06.js');
-const useChildElements = require('./useChildElements-24538fc5.js');
+const index_module = require('./index.module-d169a23f.js');
+const reRender = require('./re-render-83d1c1f0.js');
+const useChildElements = require('./useChildElements-36106d83.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -178,8 +178,8 @@ const GET_REFERRAL_DATA = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = index_module.ie();
-  const programIdContext = index_module.M();
+  const user = index_module.oe();
+  const programIdContext = index_module.F();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -201,15 +201,15 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = index_module.An();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.sn(GET_REFERRER_DATA, {
+  const locale = index_module.M();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.kt(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { envelope: referralData, states, callbacks, } = index_module.mn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = index_module.qt(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {