@rankingcoach/vanguard 1.12.0 → 1.12.1

package/dist/index-ModalService.js

@@ -1,102 +1,104 @@
-var N = Object.defineProperty;
-var W = (d, e, o) => e in d ? N(d, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : d[e] = o;
-var c = (d, e, o) => W(d, typeof e != "symbol" ? e + "" : e, o);
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { mt2 as A } from "./index-general.module.js";
+var S = Object.defineProperty;
+var A = (n, e, o) => e in n ? S(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o;
+var m = (n, e, o) => A(n, typeof e != "symbol" ? e + "" : e, o);
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { mt2 as N } from "./index-general.module.js";
 import { classNames as F } from "./index-classNames.js";
-import { uuidv4 as _ } from "./index-generate-uid.js";
-import { pubSubService as v, PUB_SUB_EVENTS as T } from "./index-pub-sub.js";
+import { uuidv4 as W } from "./index-generate-uid.js";
+import { pubSubService as v, PUB_SUB_EVENTS as I } from "./index-pub-sub.js";
 import { deviceService as R } from "./index-device.service.js";
 import { PublicWidgetData as $ } from "./index-public-widgets-data.store.js";
 import { Modal as j } from "./index-Modal.js";
-import { ModalHeader as U } from "./index-ModalHeader.js";
-import { Render as I } from "./index-Render.js";
-import { AcceptModal as V } from "./index-AcceptModal.js";
-import { ErrorModal as k } from "./index-ErrorModal.js";
-import { Text as y, FontWeights as x, TextTypes as D } from "./index-Text.js";
-import E from "react";
-import { PhotoCarouselModal as G } from "./index-PhotoCarouselModal.js";
-import { ConfirmModal as q } from "./index-ConfirmModal.js";
-import { LoadingModal as z } from "./index-LoadingModal.js";
-const J = (d) => {
+import { ModalHeader as D } from "./index-ModalHeader.js";
+import { Render as T } from "./index-Render.js";
+import { AcceptModal as U } from "./index-AcceptModal.js";
+import { ErrorModal as V } from "./index-ErrorModal.js";
+import { Text as x, FontWeights as E, TextTypes as Z } from "./index-Text.js";
+import y from "react";
+import { PhotoCarouselModal as k } from "./index-PhotoCarouselModal.js";
+import { ConfirmModal as G } from "./index-ConfirmModal.js";
+import { LoadingModal as X } from "./index-LoadingModal.js";
+const q = (n) => {
   const {
     close: e,
     children: o,
-    title: i,
-    headerType: t,
+    title: t,
+    headerType: i,
     message: l,
     hideHeaderCloseBtn: a,
     padding: s
-  } = d;
+  } = n;
   return C(j, {
-    ...d,
-    children: [C(U, {
+    ...n,
+    children: [C(D, {
       closeFn: e,
       hideCloseButtonOnMobile: !1,
       hideHeaderCloseBtn: a,
-      type: t,
-      children: [n(I, {
-        if: !!i,
-        children: n(y, {
-          type: D.heading4,
-          fontWeight: x.bold,
-          children: i
+      type: i,
+      children: [r(T, {
+        if: !!t,
+        children: r(x, {
+          type: Z.heading4,
+          fontWeight: E.bold,
+          children: t
         })
-      }), n(I, {
+      }), r(T, {
         if: !!l && typeof l == "string",
-        children: n("div", {
-          className: F(A),
-          children: n(y, {
-            fontWeight: x.regular,
+        children: r("div", {
+          className: F(N),
+          children: r(x, {
+            fontWeight: E.regular,
             children: l
           })
         })
       })]
-    }), n("span", {
+    }), r("span", {
       style: {
         padding: s
       },
       children: o
     })]
   });
-};
-class K {
+}, L = 1100;
+class z {
   constructor() {
-    c(this, "loadingModalId");
-    c(this, "confirmModalId");
-    c(this, "errorModalId");
-    c(this, "modalCloseListeners");
-    c(this, "modalComponents");
-    c(this, "openErrorModal", ({
+    m(this, "loadingModalId");
+    m(this, "confirmModalId");
+    m(this, "errorModalId");
+    m(this, "modalCloseListeners");
+    m(this, "modalComponents");
+    m(this, "modalOrder");
+    m(this, "popoverOrder");
+    m(this, "openErrorModal", ({
       err: e,
       source: o,
-      message: i,
-      title: t,
+      message: t,
+      title: i,
       ctaPositive: l,
       onClose: a
     }) => {
-      this.errorModalId = this.open(n(k, {
+      this.errorModalId = this.open(r(V, {
         close: () => {
           a && a();
         },
         err: e,
         source: o,
-        message: i,
-        title: t,
+        message: t,
+        title: i,
         ctaPositive: l
       }));
     });
-    this.loadingModalId = null, this.confirmModalId = null, this.errorModalId = null, this.modalCloseListeners = /* @__PURE__ */ new Map(), this.modalComponents = /* @__PURE__ */ new Map();
+    this.loadingModalId = null, this.confirmModalId = null, this.errorModalId = null, this.modalCloseListeners = /* @__PURE__ */ new Map(), this.modalComponents = /* @__PURE__ */ new Map(), this.modalOrder = /* @__PURE__ */ new Map(), this.popoverOrder = /* @__PURE__ */ new Map();
   }
   on(e, o) {
-    document.addEventListener(e, (i) => o(i.detail));
+    document.addEventListener(e, (t) => o(t.detail));
   }
-  onModalClose(e, o, i) {
-    var t, l;
+  onModalClose(e, o, t) {
+    var i, l;
     this.modalCloseListeners.has(e) || this.modalCloseListeners.set(e, {
       cbs: [],
-      data: i
-    }), o && ((l = (t = this.modalCloseListeners.get(e)) == null ? void 0 : t.cbs) == null || l.push(o));
+      data: t
+    }), o && ((l = (i = this.modalCloseListeners.get(e)) == null ? void 0 : i.cbs) == null || l.push(o));
   }
   cleanModalClose(e) {
     this.modalCloseListeners.delete(e);
@@ -105,74 +107,74 @@ class K {
     return this.modalComponents.get(e);
   }
   removeModalComponent(e) {
-    this.modalComponents.delete(e);
+    this.modalComponents.delete(e), this.modalOrder.delete(e);
   }
-  openConfirmModal(e, o = "", i = "", t = "", l = "", a = "default", s = void 0, r = void 0, m, h, p) {
-    let f;
-    typeof e == "function" ? f = {
+  openConfirmModal(e, o = "", t = "", i = "", l = "", a = "default", s = void 0, d = void 0, c, f, p) {
+    let h;
+    typeof e == "function" ? h = {
       closeFn: e,
       title: o,
-      message: i,
-      positiveCtaText: t,
+      message: t,
+      positiveCtaText: i,
       negativeCtaText: l,
       headerType: a,
       positiveIconLeft: s,
-      replacements: r,
-      hideHeaderCloseBtn: m,
-      customNegativeFn: h,
+      replacements: d,
+      hideHeaderCloseBtn: c,
+      customNegativeFn: f,
       hideNegativeBtn: p
-    } : f = e;
+    } : h = e;
     const {
       closeFn: M,
       title: u = "",
       message: g = "",
-      positiveCtaText: L = "",
-      negativeCtaText: H = "",
-      headerType: P = "default",
+      positiveCtaText: P = "",
+      negativeCtaText: w = "",
+      headerType: H = "default",
       positiveIconLeft: b,
-      replacements: w,
-      hideHeaderCloseBtn: B,
-      customNegativeFn: S
-    } = f;
-    return this.confirmModalId = this.open(n(q, {
+      replacements: B,
+      hideHeaderCloseBtn: O,
+      customNegativeFn: _
+    } = h;
+    return this.confirmModalId = this.open(r(G, {
       close: M,
       message: g,
       title: u,
-      positiveCtaText: L,
+      positiveCtaText: P,
       positiveIconLeft: b,
-      negativeCtaText: H,
-      headerType: P,
-      replacements: w,
-      hideHeaderCloseBtn: B,
-      customNegativeFn: S
+      negativeCtaText: w,
+      headerType: H,
+      replacements: B,
+      hideHeaderCloseBtn: O,
+      customNegativeFn: _
     })), this.confirmModalId;
   }
-  openAcceptModal(e, o = "", i = "", t = "default", l = "", a = void 0, s) {
-    let r;
-    typeof e == "function" ? r = {
+  openAcceptModal(e, o = "", t = "", i = "default", l = "", a = void 0, s) {
+    let d;
+    typeof e == "function" ? d = {
       closeFn: e,
       title: o,
-      message: i,
-      headerType: t,
+      message: t,
+      headerType: i,
       positiveCtaText: l,
       replacements: a,
       hideHeaderCloseBtn: s
-    } : r = e;
+    } : d = e;
     const {
-      closeFn: m,
-      title: h = "",
+      closeFn: c,
+      title: f = "",
       message: p = "",
-      headerType: f = "default",
+      headerType: h = "default",
       positiveCtaText: M = "",
       replacements: u,
       hideHeaderCloseBtn: g
-    } = r;
-    return this.confirmModalId = this.open(n(V, {
-      close: m,
+    } = d;
+    return this.confirmModalId = this.open(r(U, {
+      close: c,
       message: p,
-      title: h,
+      title: f,
       positiveCtaText: M,
-      headerType: f,
+      headerType: h,
       replacements: u,
       hideHeaderCloseBtn: g
     })), this.confirmModalId;
@@ -180,25 +182,25 @@ class K {
   closeConfirmModal() {
     this.closeEv(this.confirmModalId), this.confirmModalId = null;
   }
-  openLoadingModal(e, o, i, t) {
+  openLoadingModal(e, o, t, i) {
     let l;
     typeof e == "object" && e !== null ? l = e : l = {
       title: e,
       message: o,
-      loadingAnimation: i,
-      headerTitle: t
+      loadingAnimation: t,
+      headerTitle: i
     };
     const {
       title: a,
       message: s,
-      loadingAnimation: r = "default",
-      headerTitle: m
+      loadingAnimation: d = "default",
+      headerTitle: c
     } = l;
-    return this.loadingModalId = this.open(n(z, {
+    return this.loadingModalId = this.open(r(X, {
       title: a,
       message: s,
-      loadingAnimation: r,
-      headerTitle: m,
+      loadingAnimation: d,
+      headerTitle: c,
       close: () => {
       }
     }), {
@@ -212,7 +214,7 @@ class K {
     this.closeEv(this.loadingModalId), this.loadingModalId = null;
   }
   openPhotoGalleryModal(e, o) {
-    return this.open(n(G, {
+    return this.open(r(k, {
       defaultMediaItem: o,
       gallery: e,
       close: () => {
@@ -238,12 +240,62 @@ class K {
       this.closeEv(o);
     });
   }
+  /**
+   * Highest order across modals AND popovers — used internally when assigning
+   * the next slot so modals/popovers never tie or interleave wrongly.
+   */
+  getCurrentMaxOrder() {
+    let e = 0;
+    return this.modalOrder.forEach((o) => {
+      o > e && (e = o);
+    }), this.popoverOrder.forEach((o) => {
+      o > e && (e = o);
+    }), e;
+  }
+  getMaxModalOrder() {
+    let e = 0;
+    return this.modalOrder.forEach((o) => {
+      o > e && (e = o);
+    }), e;
+  }
+  /**
+   * Z-index of the topmost mounted modal, or MODAL_BASE_Z_INDEX (the stacking
+   * floor) when no modal is open. Popovers are excluded — this reports modal
+   * stacking only. Mirrors ModalTransition's formula: BASE + order.
+   */
+  getTopmostModalZIndex() {
+    return L + this.getMaxModalOrder();
+  }
+  /**
+   * Single source of truth for a modal's stack order. ModalContext delegates
+   * to this so the dropdown and ModalTransition cannot drift apart.
+   */
+  getModalOrder(e) {
+    return this.modalOrder.get(e) ?? 0;
+  }
+  /**
+   * Register a popover (e.g. DropdownMenu) into the shared stacking ledger.
+   * Returns its z-index so the caller can position itself. Modals opened
+   * after this call will land above the popover; closing the popover with
+   * `unregisterPopover` frees the slot.
+   */
+  registerPopover(e) {
+    const o = this.getCurrentMaxOrder() + 1;
+    return this.popoverOrder.set(e, o), L + o;
+  }
+  unregisterPopover(e) {
+    this.popoverOrder.delete(e);
+  }
+  /** Test-only: wipe internal state. Not for production code paths. */
+  __resetForTests() {
+    this.loadingModalId = null, this.confirmModalId = null, this.errorModalId = null, this.modalCloseListeners.clear(), this.modalComponents.clear(), this.modalOrder.clear(), this.popoverOrder.clear();
+  }
   open(e, o) {
-    let i = _();
-    const t = $.getInstance(), {
+    let t = W();
+    const i = $.getInstance(), {
       widgetId: l
-    } = t.get();
-    l && (i = `${i}_${l}`), R.isMobile() && (!o || !o.hasOwnProperty("fullscreen")) ? o = {
+    } = i.get();
+    l && (t = `${t}_${l}`), R.isMobile() && (!o || !o.hasOwnProperty("fullscreen")) ? o = {
       fullscreen: !1,
       animation: "pop",
       ...o
@@ -254,51 +306,52 @@ class K {
     };
     const a = {
       ...e
-    }, s = (m) => {
-      a.props.close && a.props.close(m), this.closeEv(i, m);
+    }, s = (c) => {
+      a.props.close && a.props.close(c), this.closeEv(t, c);
     };
-    o != null && o.wrapInModal && (e = n(J, {
+    o != null && o.wrapInModal && (e = r(q, {
       close: s,
       padding: o.padding,
       headerType: o.type,
       title: o.title,
       message: o.message,
-      children: E.isValidElement(e) ? E.cloneElement(e, {
-        modalId: i,
+      children: y.isValidElement(e) ? y.cloneElement(e, {
+        modalId: t,
         close: s
       }) : e
     }));
-    const r = {
+    const d = {
       ...e.props,
       close: s,
       ...o
     };
-    return this.modalComponents.set(i, {
+    return this.modalComponents.set(t, {
       ...e,
       props: {
-        ...r
+        ...d
       },
-      modalId: i
-    }), v.$pub(T.reactModalOpen, {
-      modalId: i,
+      modalId: t
+    }), this.modalOrder.set(t, this.getCurrentMaxOrder() + 1), v.$pub(I.reactModalOpen, {
+      modalId: t,
       animation: (o == null ? void 0 : o.animation) || "grow"
-    }), i;
+    }), t;
   }
   closeEv(e, o) {
-    return e ? new Promise((i) => {
+    return e ? new Promise((t) => {
       setTimeout(() => {
-        v.$pub(T.reactModalClose, {
+        v.$pub(I.reactModalClose, {
           modalId: e
         });
-        const t = this.modalCloseListeners.get(e);
-        t && t.cbs.forEach((l) => l(o)), this.cleanModalClose(e), this.removeModalComponent(e), i(t == null ? void 0 : t.data);
+        const i = this.modalCloseListeners.get(e);
+        i && i.cbs.forEach((l) => l(o)), this.cleanModalClose(e), this.removeModalComponent(e), t(i == null ? void 0 : i.data);
       }, 0);
-    }) : new Promise((i) => {
-      i(void 0);
+    }) : new Promise((t) => {
+      t(void 0);
     });
   }
 }
-const he = new K();
+const pe = new z();
 export {
-  he as ModalService
+  L as MODAL_BASE_Z_INDEX,
+  pe as ModalService
 };

package/dist/index-Month.js

@@ -1,10 +1,10 @@
-import { __exports as y } from "./index-_virtual70.js";
+import { __exports as y } from "./index-_virtual69.js";
 import de from "react";
 import { __require as me } from "./index-prop-types.js";
 import { __require as he } from "./index-DayCell.js";
 import ye from "./index-_virtual54.js";
 import ve from "./index-_virtual37.js";
-import Oe from "./index-_virtual71.js";
+import Oe from "./index-_virtual70.js";
 import _e from "./index-_virtual68.js";
 import De from "./index-_virtual51.js";
 import ge from "./index-_virtual41.js";

package/dist/index-StyledSVG2.js

@@ -1,6 +1,6 @@
 import { jsx as k } from "react/jsx-runtime";
 import { useRef as C, useState as B, useEffect as A, useReducer as F, useCallback as a, isValidElement as H, cloneElement as j } from "react";
-import z from "./index-esm5.js";
+import z from "./index-esm4.js";
 import { STATUS as t } from "./index-config.js";
 import J from "./index-cache.js";
 import { randomString as K, request as Q, canUseDOM as L, isSupportedEnvironment as W, omit as X } from "./index-helpers.js";

package/dist/index-_virtual10.js

@@ -1,5 +1,4 @@
-import { __require as r } from "./index-dist4.js";
-var i = r();
+var r = {};
 export {
-  i as d
+  r as __exports
 };

package/dist/index-_virtual69.js

@@ -1,4 +1,4 @@
-var e = {};
+var o = {};
 export {
-  e as __exports
+  o as __exports
 };

package/dist/index-_virtual70.js

@@ -1,4 +1,6 @@
-var o = {};
+import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
+import * as r from "./index-isWeekend.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  o as __exports
+  m as default
 };

package/dist/index-_virtual71.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
-import * as r from "./index-isWeekend.js";
-const m = /* @__PURE__ */ e(r);
+var t = {};
 export {
-  m as default
+  t as __exports
 };

package/dist/index-_virtual72.js

@@ -1,4 +1,6 @@
-var t = {};
+import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
+import * as r from "./index-isEqual.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  t as __exports
+  m as default
 };

package/dist/index-_virtual73.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
-import * as r from "./index-isEqual.js";
+import * as r from "./index-isValid2.js";
 const m = /* @__PURE__ */ e(r);
 export {
   m as default

package/dist/index-_virtual74.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
-import * as r from "./index-isValid2.js";
+import * as r from "./index-parse3.js";
 const m = /* @__PURE__ */ e(r);
 export {
   m as default

package/dist/index-_virtual75.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace as e } from "./index-_commonjsHelpers.js";
-import * as r from "./index-parse3.js";
-const m = /* @__PURE__ */ e(r);
+var s = {};
 export {
-  m as default
+  s as __exports
 };

package/dist/index-_virtual76.js

@@ -1,4 +1,4 @@
-var s = {};
+var e = {};
 export {
-  s as __exports
+  e as __exports
 };

package/dist/index-_virtual9.js

@@ -1,4 +1,5 @@
-var r = {};
+import { __require as r } from "./index-dist4.js";
+var i = r();
 export {
-  r as __exports
+  i as d
 };

package/dist/index-accessibility.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index-_virtual76.js";
+import { __exports as t } from "./index-_virtual75.js";
 import { __require as s } from "./index-prop-types.js";
 var a;
 function f() {

package/dist/index-dist3.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index-_virtual9.js";
+import { __exports as t } from "./index-_virtual10.js";
 import { __require as c } from "./index-normalizeText.js";
 import { __require as i } from "./index-impl.js";
 var a;