@carbon-labs/wc-global-header 0.96.0 → 0.97.0

package/es/{HybridIpaasHeader-Md6p0S4m.mjs → HybridIpaasHeader-D49nEM5f.mjs}

@@ -884,17 +884,17 @@ let M = (qo = class extends Zt(fo(y)) {
     (e = super.updated) == null || e.call(this, o), this._checkBadgeWarning();
   }
   render() {
-    const { autofocus: o, buttonClassName: e, dangerDescription: s, disabled: c, download: r, href: n, hreflang: i, kind: a, isExpressive: l, isSelected: u, linkRole: v, openTooltip: g, ping: h, rel: b, size: _, tabIndex: w, target: z, tooltipAlignment: I, tooltipPosition: S, tooltipText: P, type: A, _hasIcon: C, hasMainContent: B, _handleSlotChange: x } = this;
+    const { autofocus: o, buttonClassName: e, dangerDescription: s, disabled: c, download: r, href: n, hreflang: i, kind: a, isExpressive: l, isSelected: u, linkRole: v, openTooltip: g, ping: h, rel: b, size: _, tabIndex: w, target: z, tooltipAlignment: E, tooltipPosition: S, tooltipText: I, type: A, _hasIcon: $, hasMainContent: B, _handleSlotChange: x } = this;
     let L = {
       "cds-custom--btn": !0,
       [`cds-custom--btn--${a}`]: a,
       "cds-custom--btn--danger--tertiary": a === "danger-tertiary",
       "cds-custom--btn--danger--ghost": a === "danger-ghost",
       "cds-custom--btn--disabled": c,
-      "cds-custom--btn--icon-only": C && !B,
+      "cds-custom--btn--icon-only": $ && !B,
       [`cds-custom--btn--${_}`]: _,
       [`cds-custom--layout--size-${_}`]: _,
-      "cds-custom-ce--btn--has-icon": C,
+      "cds-custom-ce--btn--has-icon": $,
       "cds-custom--btn--expressive": l,
       "cds-custom--btn--selected": u && a === "ghost"
     };
@@ -933,16 +933,16 @@ let M = (qo = class extends Zt(fo(y)) {
             </a>
             ${m`<slot id="badge-indicator" name="badge-indicator"></slot>` ?? !c}
           `;
-    const R = I && (S === "top" || S === "bottom") ? `-${I}` : "", j = Y({
+    const R = E && (S === "top" || S === "bottom") ? `-${E}` : "", j = Y({
       "cds-custom--popover-container": !0,
       "cds-custom--popover--caret": !0,
       "cds-custom--popover--high-contrast": !0,
       "cds-custom--tooltip": !0,
-      "cds-custom--icon-tooltip": C,
+      "cds-custom--icon-tooltip": $,
       "cds-custom--popover--open": g,
-      [`cds-custom--popover--${S}${R}`]: P
+      [`cds-custom--popover--${S}${R}`]: I
     });
-    return P && !c ? m`
+    return I && !c ? m`
           <span class="${j}">
             <button
               id="button"
@@ -952,7 +952,7 @@ let M = (qo = class extends Zt(fo(y)) {
               ?disabled="${c}"
               tabindex="${w}"
               type="${T(A)}"
-              aria-label="${T(P)}"
+              aria-label="${T(I)}"
               aria-describedby="badge-indicator">
               <slot @slotchange="${x}"></slot>
               <slot name="icon" @slotchange="${x}"></slot>
@@ -960,7 +960,7 @@ let M = (qo = class extends Zt(fo(y)) {
             <span class="${"cds-custom"}--popover">
               <span
                 class="${"cds-custom"}--popover-content ${"cds-custom"}--tooltip-content">
-                ${P}
+                ${I}
               </span>
               <span class="${"cds-custom"}--popover-caret"></span>
             </span>
@@ -975,7 +975,7 @@ let M = (qo = class extends Zt(fo(y)) {
             ?disabled="${c}"
             tabindex="${w}"
             type="${T(A)}"
-            aria-label="${T(P)}"
+            aria-label="${T(I)}"
             aria-describedby="${T(U ? "danger-description" : void 0)}">
             ${U ? m`<span
                   id="danger-description"
@@ -2329,12 +2329,12 @@ async function Ar(t, o) {
     boundary: l,
     rootBoundary: u,
     strategy: a
-  })), I = v === "floating" ? {
+  })), E = v === "floating" ? {
     x: s,
     y: c,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, S = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), P = await (r.isElement == null ? void 0 : r.isElement(S)) ? await (r.getScale == null ? void 0 : r.getScale(S)) || {
+  } : n.reference, S = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), I = await (r.isElement == null ? void 0 : r.isElement(S)) ? await (r.getScale == null ? void 0 : r.getScale(S)) || {
     x: 1,
     y: 1
   } : {
@@ -2342,15 +2342,15 @@ async function Ar(t, o) {
     y: 1
   }, A = ne(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
-    rect: I,
+    rect: E,
     offsetParent: S,
     strategy: a
-  }) : I);
+  }) : E);
   return {
-    top: (z.top - A.top + b.top) / P.y,
-    bottom: (A.bottom - z.bottom + b.bottom) / P.y,
-    left: (z.left - A.left + b.left) / P.x,
-    right: (A.right - z.right + b.right) / P.x
+    top: (z.top - A.top + b.top) / I.y,
+    bottom: (A.bottom - z.bottom + b.bottom) / I.y,
+    left: (z.left - A.left + b.left) / I.x,
+    right: (A.right - z.right + b.right) / I.x
   };
 }
 const Er = 50, Ir = async (t, o, e) => {
@@ -2378,13 +2378,13 @@ const Er = 50, Ir = async (t, o, e) => {
       continue;
     const {
       name: z,
-      fn: I
+      fn: E
     } = w, {
       x: S,
-      y: P,
+      y: I,
       data: A,
-      reset: C
-    } = await I({
+      reset: $
+    } = await E({
       x: u,
       y: v,
       initialPlacement: s,
@@ -2398,14 +2398,14 @@ const Er = 50, Ir = async (t, o, e) => {
         floating: o
       }
     });
-    u = S ?? u, v = P ?? v, b[z] = {
+    u = S ?? u, v = I ?? v, b[z] = {
       ...b[z],
       ...A
-    }, C && h < Er && (h++, typeof C == "object" && (C.placement && (g = C.placement), C.rects && (l = C.rects === !0 ? await n.getElementRects({
+    }, $ && h < Er && (h++, typeof $ == "object" && ($.placement && (g = $.placement), $.rects && (l = $.rects === !0 ? await n.getElementRects({
       reference: t,
       floating: o,
       strategy: c
-    }) : C.rects), {
+    }) : $.rects), {
       x: u,
       y: v
     } = Cs(l, g, a)), _ = -1);
@@ -2438,10 +2438,10 @@ const Er = 50, Ir = async (t, o, e) => {
     const v = ac(u), g = {
       x: e,
       y: s
-    }, h = Ye(c), b = Ke(h), _ = await n.getDimensions(l), w = h === "y", z = w ? "top" : "left", I = w ? "bottom" : "right", S = w ? "clientHeight" : "clientWidth", P = r.reference[b] + r.reference[h] - g[h] - r.floating[b], A = g[h] - r.reference[h], C = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l));
-    let B = C ? C[S] : 0;
-    (!B || !await (n.isElement == null ? void 0 : n.isElement(C))) && (B = i.floating[S] || r.floating[b]);
-    const x = P / 2 - A / 2, L = B / 2 - _[b] / 2 - 1, F = No(v[z], L), U = No(v[I], L), R = F, j = B - _[b] - U, D = B / 2 - _[b] / 2 + x, X = yr(R, D, j), oo = !a.arrow && Ot(c) != null && D !== X && r.reference[b] / 2 - (D < R ? F : U) - _[b] / 2 < 0, Z = oo ? D < R ? D - R : D - j : 0;
+    }, h = Ye(c), b = Ke(h), _ = await n.getDimensions(l), w = h === "y", z = w ? "top" : "left", E = w ? "bottom" : "right", S = w ? "clientHeight" : "clientWidth", I = r.reference[b] + r.reference[h] - g[h] - r.floating[b], A = g[h] - r.reference[h], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l));
+    let B = $ ? $[S] : 0;
+    (!B || !await (n.isElement == null ? void 0 : n.isElement($))) && (B = i.floating[S] || r.floating[b]);
+    const x = I / 2 - A / 2, L = B / 2 - _[b] / 2 - 1, F = No(v[z], L), U = No(v[E], L), R = F, j = B - _[b] - U, D = B / 2 - _[b] / 2 + x, X = yr(R, D, j), oo = !a.arrow && Ot(c) != null && D !== X && r.reference[b] / 2 - (D < R ? F : U) - _[b] / 2 < 0, Z = oo ? D < R ? D - R : D - j : 0;
     return {
       [h]: g[h] + Z,
       data: {
@@ -2478,12 +2478,12 @@ const Er = 50, Ir = async (t, o, e) => {
       } = Pt(t, o);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const z = rt(c), I = Eo(i), S = rt(i) === i, P = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), A = g || (S || !_ ? [re(i)] : kr(i)), C = b !== "none";
-      !g && C && A.push(...Cr(i, _, b, P));
+      const z = rt(c), E = Eo(i), S = rt(i) === i, I = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), A = g || (S || !_ ? [re(i)] : kr(i)), $ = b !== "none";
+      !g && $ && A.push(...Cr(i, _, b, I));
       const B = [i, ...A], x = await a.detectOverflow(o, w), L = [];
       let F = ((s = r.flip) == null ? void 0 : s.overflows) || [];
       if (u && L.push(x[z]), v) {
-        const D = xr(c, n, P);
+        const D = xr(c, n, I);
         L.push(x[D[0]], x[D[1]]);
       }
       if (F = [...F, {
@@ -2492,9 +2492,9 @@ const Er = 50, Ir = async (t, o, e) => {
       }], !L.every((D) => D <= 0)) {
         var U, R;
         const D = (((U = r.flip) == null ? void 0 : U.index) || 0) + 1, X = B[D];
-        if (X && (!(v === "alignment" ? I !== Eo(X) : !1) || // We leave the current main axis only if every placement on that axis
+        if (X && (!(v === "alignment" ? E !== Eo(X) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        F.every((G) => Eo(G.placement) === I ? G.overflows[0] > 0 : !0)))
+        F.every((G) => Eo(G.placement) === E ? G.overflows[0] > 0 : !0)))
           return {
             data: {
               index: D,
@@ -2510,9 +2510,9 @@ const Er = 50, Ir = async (t, o, e) => {
             case "bestFit": {
               var j;
               const Z = (j = F.filter((G) => {
-                if (C) {
+                if ($) {
                   const lo = Eo(G.placement);
-                  return lo === I || // Create a bias to the `y` side axis due to horizontal
+                  return lo === E || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   lo === "y";
                 }
@@ -2660,9 +2660,9 @@ const Lr = function(t) {
       } = r.floating;
       let w, z;
       v === "top" || v === "bottom" ? (w = v, z = g === (await (n.isRTL == null ? void 0 : n.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (z = v, w = g === "end" ? "top" : "bottom");
-      const I = _ - u.top - u.bottom, S = b - u.left - u.right, P = No(_ - u[w], I), A = No(b - u[z], S), C = !o.middlewareData.shift;
-      let B = P, x = A;
-      if ((e = o.middlewareData.shift) != null && e.enabled.x && (x = S), (s = o.middlewareData.shift) != null && s.enabled.y && (B = I), C && !g) {
+      const E = _ - u.top - u.bottom, S = b - u.left - u.right, I = No(_ - u[w], E), A = No(b - u[z], S), $ = !o.middlewareData.shift;
+      let B = I, x = A;
+      if ((e = o.middlewareData.shift) != null && e.enabled.x && (x = S), (s = o.middlewareData.shift) != null && s.enabled.y && (B = E), $ && !g) {
         const F = Q(u.left, 0), U = Q(u.right, 0), R = Q(u.top, 0), j = Q(u.bottom, 0);
         h ? x = b - 2 * (F !== 0 || U !== 0 ? F + U : Q(u.left, u.right)) : B = _ - 2 * (R !== 0 || j !== 0 ? R + j : Q(u.top, u.bottom));
       }
@@ -2844,8 +2844,8 @@ function nt(t, o, e, s) {
     const g = J(r), h = s && io(s) ? J(s) : s;
     let b = g, _ = Le(b);
     for (; _ && s && h !== b; ) {
-      const w = vt(_), z = _.getBoundingClientRect(), I = ao(_), S = z.left + (_.clientLeft + parseFloat(I.paddingLeft)) * w.x, P = z.top + (_.clientTop + parseFloat(I.paddingTop)) * w.y;
-      a *= w.x, l *= w.y, u *= w.x, v *= w.y, a += S, l += P, b = J(_), _ = Le(b);
+      const w = vt(_), z = _.getBoundingClientRect(), E = ao(_), S = z.left + (_.clientLeft + parseFloat(E.paddingLeft)) * w.x, I = z.top + (_.clientTop + parseFloat(E.paddingTop)) * w.y;
+      a *= w.x, l *= w.y, u *= w.x, v *= w.y, a += S, l += I, b = J(_), _ = Le(b);
     }
   }
   return ne({
@@ -3107,17 +3107,17 @@ function en(t, o) {
       rootMargin: -b + "px " + -_ + "px " + -w + "px " + -z + "px",
       threshold: Q(0, No(1, a)) || 1
     };
-    let P = !0;
-    function A(C) {
-      const B = C[0].intersectionRatio;
+    let I = !0;
+    function A($) {
+      const B = $[0].intersectionRatio;
       if (B !== a) {
-        if (!P)
+        if (!I)
           return n();
         B ? n(!1, B) : s = setTimeout(() => {
           n(!1, 1e-7);
         }, 1e3);
       }
-      B === 1 && !bc(l, t.getBoundingClientRect()) && n(), P = !1;
+      B === 1 && !bc(l, t.getBoundingClientRect()) && n(), I = !1;
     }
     try {
       e = new IntersectionObserver(A, {
@@ -3149,8 +3149,8 @@ function sn(t, o, e, s) {
   const v = l && i ? en(l, e) : null;
   let g = -1, h = null;
   n && (h = new ResizeObserver((z) => {
-    let [I] = z;
-    I && I.target === l && h && o && (h.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+    let [E] = z;
+    E && E.target === l && h && o && (h.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var S;
       (S = h) == null || S.observe(o);
     })), e();
@@ -3163,8 +3163,8 @@ function sn(t, o, e, s) {
   }
   return e(), () => {
     var z;
-    u.forEach((I) => {
-      c && I.removeEventListener("scroll", e), r && I.removeEventListener("resize", e);
+    u.forEach((E) => {
+      c && E.removeEventListener("scroll", e), r && E.removeEventListener("resize", e);
     }), v == null || v(), (z = h) == null || z.disconnect(), h = null, a && cancelAnimationFrame(b);
   };
 }
@@ -3197,7 +3197,7 @@ var pn = class {
     this.cleanup = sn(o, e, this.updatePlacement);
   }
   async computePlacement() {
-    var S, P;
+    var S, I;
     const { arrowElement: t, alignment: o, caret: e, trigger: s, target: c, styleElement: r, matchWidth: n, open: i, alignmentAxisOffset: a, autoAlignBoundary: l, isTabTip: u } = this.options, v = (c == null ? void 0 : c.role) === "listbox", g = (c == null ? void 0 : c.localName) === "cds-custom-menu", h = r ?? c;
     if (!h) return;
     let b;
@@ -3231,9 +3231,9 @@ var pn = class {
         break;
     }
     const _ = getComputedStyle(h), z = u ? 0 : ((A) => {
-      const C = parseFloat(A);
-      return A.trim().endsWith("rem") ? C * 16 : C;
-    })(_.getPropertyValue("--cds-popover-offset").trim()) ?? 10, I = [
+      const $ = parseFloat(A);
+      return A.trim().endsWith("rem") ? $ * 16 : $;
+    })(_.getPropertyValue("--cds-popover-offset").trim()) ?? 10, E = [
       cn(u ? 0 : {
         alignmentAxis: a,
         mainAxis: e ? z : 4
@@ -3280,8 +3280,8 @@ var pn = class {
         fallbackAxisSideDirection: "start",
         boundary: l
       }),
-      ...n && (b === "bottom" || b === "top") ? [Ts({ apply({ rects: A, elements: C }) {
-        C.floating.style.width = `${A.reference.width}px`;
+      ...n && (b === "bottom" || b === "top") ? [Ts({ apply({ rects: A, elements: $ }) {
+        $.floating.style.width = `${A.reference.width}px`;
       } })] : [Ts({ apply({ elements: A }) {
         A.floating.style.removeProperty("width");
       } })],
@@ -3292,12 +3292,12 @@ var pn = class {
       nn()
     ];
     if (i) {
-      const { x: A, y: C, placement: B, middlewareData: x, strategy: L } = await dn(s, h, {
+      const { x: A, y: $, placement: B, middlewareData: x, strategy: L } = await dn(s, h, {
         strategy: "fixed",
-        middleware: I,
+        middleware: E,
         placement: b
       });
-      if (h.setAttribute("align", B), h.style.left = `${A}px`, h.style.top = `${C}px`, h.style.position = `${L}`, h.style.visibility = (S = x.hide) != null && S.referenceHidden ? "hidden" : "visible", t) {
+      if (h.setAttribute("align", B), h.style.left = `${A}px`, h.style.top = `${$}px`, h.style.position = `${L}`, h.style.visibility = (S = x.hide) != null && S.referenceHidden ? "hidden" : "visible", t) {
         const { x: F, y: U } = x.arrow, R = {
           top: "bottom",
           right: "left",
@@ -3306,7 +3306,7 @@ var pn = class {
         }[B.split("-")[0]];
         t.style.left = F != null ? `${F}px` : "", t.style.top = U != null ? `${U}px` : "", t.style.right = "", t.style.bottom = "", t.style[R] = `${-t.offsetWidth / 2}px`;
       }
-      (this.host.tagName === "CDS-AI-LABEL" || this.host.tagName === "CDS-SLUG") && ((P = this.host) == null || P.setAttribute("alignment", B));
+      (this.host.tagName === "CDS-AI-LABEL" || this.host.tagName === "CDS-SLUG") && ((I = this.host) == null || I.setAttribute("alignment", B));
     }
   }
   hostUpdated() {
@@ -4607,7 +4607,7 @@ let eo = class extends y {
     };
   }
   render() {
-    var e, s, c, r, n, i, a, l, u, v, g, h, b, _, w, z, I, S, P, A, C, B;
+    var e, s, c, r, n, i, a, l, u, v, g, h, b, _, w, z, E, S, I, A, $, B;
     const o = "title-icon";
     return typeof this.isCollapsible > "u" || this.isCollapsible ? this.isSideNavMenuItems ? m`
             <cds-custom-side-nav-menu
@@ -4689,7 +4689,7 @@ let eo = class extends y {
           <cds-custom-side-nav-link
             role="link"
             href="${(z = this.link) == null ? void 0 : z.href}"
-            @click="${(I = this.link) == null ? void 0 : I.onClick}"
+            @click="${(E = this.link) == null ? void 0 : E.onClick}"
             title="${(S = this.link) == null ? void 0 : S.label}"
             class="${mo({
       [`${O}--side-nav__link--current`]: this.isActive
@@ -4697,7 +4697,7 @@ let eo = class extends y {
             @mouseleave="${() => this._setIsHoveringOnSideNavItem(!1)}"
             @mouseenter="${() => this._setIsHoveringOnSideNavItem(!0)}"
             large="${!this.isHybridIpaas}">
-            ${(P = this.link) != null && P.iconName ? N((A = this.link) == null ? void 0 : A.iconName, 16, o) : (C = this.link) == null ? void 0 : C.label}
+            ${(I = this.link) != null && I.iconName ? N((A = this.link) == null ? void 0 : A.iconName, 16, o) : ($ = this.link) == null ? void 0 : $.label}
           </cds-custom-side-nav-link>
           <cds-custom-popover-content
             >${(B = this.link) == null ? void 0 : B.label}</cds-custom-popover-content
@@ -6544,7 +6544,7 @@ let Co = class extends y {
     }), Ws(this.headerProps));
   }
   render() {
-    var t, o, e, s, c, r, n, i, a, l, u, v, g, h, b, _, w, z, I, S, P, A, C, B, x, L, F, U;
+    var t, o, e, s, c, r, n, i, a, l, u, v, g, h, b, _, w, z, E, S, I, A, $, B, x, L, F, U;
     return m`
       <cds-custom-header
         class="${O}__header"
@@ -6612,7 +6612,7 @@ let Co = class extends y {
 
                   <!-- sideNav link render -->
                   ${this.headerProps.sideNav.links && this.headerProps.sideNav.links.length > 0 ? m`
-                        ${(S = (I = this.headerProps.sideNav) == null ? void 0 : I.links) == null ? void 0 : S.map((R) => {
+                        ${(S = (E = this.headerProps.sideNav) == null ? void 0 : E.links) == null ? void 0 : S.map((R) => {
       var j, D, X;
       return m`
 												<clabs-global-header-side-nav-item
@@ -6632,10 +6632,10 @@ let Co = class extends y {
               </clabs-global-header-wide-side-nav>
             ` : f}
         ${this.headerProps && this.headerProps.sideNavPropsV2 ? m`<cds-custom-side-nav
-              aria-label=${((A = (P = this.headerProps) == null ? void 0 : P.sideNavPropsV2) == null ? void 0 : A.buttonLabel) ?? "Side navigation"}
+              aria-label=${((A = (I = this.headerProps) == null ? void 0 : I.sideNavPropsV2) == null ? void 0 : A.buttonLabel) ?? "Side navigation"}
               collapse-mode="rail"
               ?expanded="${typeof this.headerProps.sideNavPropsV2.isExpandable < "u" && this.headerProps.sideNavPropsV2.isExpandable ? this.isMenuOpen : !1}"
-              ?is-not-persistent="${!(typeof ((B = (C = this.headerProps) == null ? void 0 : C.sideNavPropsV2) == null ? void 0 : B.isCollapsible) < "u" && !((L = (x = this.headerProps) == null ? void 0 : x.sideNav) != null && L.isCollapsible))}"
+              ?is-not-persistent="${!(typeof ((B = ($ = this.headerProps) == null ? void 0 : $.sideNavPropsV2) == null ? void 0 : B.isCollapsible) < "u" && !((L = (x = this.headerProps) == null ? void 0 : x.sideNav) != null && L.isCollapsible))}"
               class="
 							${mo({
       [`${O}--rail-sidePanel`]: typeof this.headerProps.sideNavPropsV2.isCollapsible < "u" && !this.headerProps.sideNavPropsV2.isCollapsible
@@ -6703,7 +6703,7 @@ const da = `.cds--layout--size-xs{--cds-layout-size-height-context: var(--cds-la
  */
 class pa {
   constructor(o) {
-    this.refreshIntervalId = null, this.sessionStatusIntervalId = null, this.isLoggingOut = !1, this.config = o, this.tokenRefreshInterval = o.tokenRefreshInterval || 25, this.sessionStatusInterval = o.sessionStatusInterval || 10, this.idleTimeoutInterval = o.idleTimeoutInterval || 28, this.basePath = o.basePath, this.activityEvents = [
+    this.refreshIntervalId = null, this.sessionStatusIntervalId = null, this.isLoggingOut = !1, this.refreshNotBefore = 0, this.config = o, this.tokenRefreshInterval = o.tokenRefreshInterval || 25, this.sessionStatusInterval = o.sessionStatusInterval || 10, this.idleTimeoutInterval = o.idleTimeoutInterval || 28, this.basePath = o.basePath, this.activityEvents = [
       "mousedown",
       "mousemove",
       "keypress",
@@ -6711,7 +6711,7 @@ class pa {
       "touchstart",
       "click",
       "focus"
-    ], this.isIdle = !1, this.idleTimeout = void 0, this.boundSetActive = () => this.setActive(), this.logoutUrl = o.logoutUrl, this.logoutCallback = o.logoutCallback;
+    ], this.isIdle = !1, this.idleTimeout = void 0, this.boundSetActive = () => this.setActive(), this.logoutCallback = o.logoutCallback;
   }
   startRefreshSchedule() {
     this.refreshIntervalId = window.setInterval(
@@ -6729,13 +6729,17 @@ class pa {
   }
   rescheduleRefresh(o) {
     this.stopRefreshSchedule();
-    const e = Math.max(0, o - 300 * 1e3);
+    const e = (30 - this.tokenRefreshInterval) * 60 * 1e3, s = Math.max(0, o - e);
     window.setTimeout(() => {
       this.triggerRefresh(), this.startRefreshSchedule();
-    }, e);
+    }, s);
   }
   async triggerRefresh() {
-    const o = this.basePath ? this.basePath + "/v1/solis/session/refresh-token" : "/v1/solis/session/refresh-token";
+    if (Date.now() < this.refreshNotBefore) {
+      console.log("Solis token refresh skipped (token still fresh)");
+      return;
+    }
+    const o = this.basePath ? this.basePath + "/hybrid-ipaas/v1/solis/session/refresh-token" : "/hybrid-ipaas/v1/solis/session/refresh-token";
     try {
       const e = await fetch(o, {
         method: "GET",
@@ -6744,8 +6748,11 @@ class pa {
       if (e.ok) {
         console.log("Solis token refresh successful");
         const s = await e.json().catch(() => null);
-        (s == null ? void 0 : s.ttl) != null && this.rescheduleRefresh(s.ttl * 1e3);
-      } else e.status === 429 ? console.log("Solis token refresh skipped (too recent)") : e.status === 401 || e.status === 403 ? (console.error("Solis token refresh unauthorized - triggering logout"), await this.performLogout()) : console.error("Solis token refresh failed:", e.status);
+        if ((s == null ? void 0 : s.ttl) != null) {
+          const c = (30 - this.tokenRefreshInterval) * 60 * 1e3;
+          this.refreshNotBefore = Date.now() + s.ttl * 1e3 - c, this.rescheduleRefresh(s.ttl * 1e3);
+        }
+      } else e.status === 401 || e.status === 403 ? (console.error("Solis token refresh unauthorized - triggering logout"), await this.performLogout(!0)) : console.error("Solis token refresh failed:", e.status);
     } catch (e) {
       console.error("Solis token refresh error:", e.message);
     }
@@ -6772,56 +6779,70 @@ class pa {
     );
   }
   async setIdle() {
-    if (this.isIdle = !0, !await this.checkSessionStatus()) {
-      await this.performLogout();
+    this.isIdle = !0;
+    const o = await this.checkSessionStatus();
+    if (!o) {
+      await this.performLogout(!1);
       return;
     }
+    typeof o == "number" && this.rescheduleRefresh(o * 1e3);
   }
   isTabIdle() {
     return this.isIdle;
   }
+  // Returns the token's remaining TTL in seconds when the session is active,
+  // true if the session is active but the endpoint did not include a TTL,
+  // or false when it is inactive or the request fails.
   async checkSessionStatus() {
-    const o = this.basePath ? this.basePath + "/v1/solis/session/session-status" : "/v1/solis/session/session-status";
+    const o = this.basePath ? this.basePath + "/hybrid-ipaas/v1/solis/session/session-status" : "/hybrid-ipaas/v1/solis/session/session-status";
     try {
-      return (await fetch(o, {
+      const e = await fetch(o, {
         method: "GET",
         credentials: "same-origin"
-      })).ok ? (console.log("Solis session is active"), !0) : (console.warn("Solis session is inactive"), !1);
+      });
+      if (e.ok) {
+        const s = await e.json().catch(() => null), c = (s == null ? void 0 : s.ttl) ?? null;
+        return console.log("Solis session is active"), c ?? !0;
+      } else
+        return console.warn("Solis session is inactive"), !1;
     } catch (e) {
       return console.error("Solis session status unknown:", e.message), !1;
     }
   }
-  async performLogout() {
+  async performLogout(o) {
     if (this.isLoggingOut)
       return;
-    this.isLoggingOut = !0, this.stopRefreshSchedule(), this.stopSessionStatusPolling(), this.unregisterActivityListeners();
-    const o = this.basePath ? this.basePath + "/v1/solis/session/logout" : "/v1/solis/session/logout";
-    try {
-      const e = await fetch(o, {
-        method: "POST",
-        credentials: "same-origin"
-      });
-      e.ok ? console.log("Solis session logout - successful") : e.status === 401 ? console.log("Solis session logout - session already expired") : console.error("Solis session logout failed:", e.status);
-    } catch (e) {
-      console.error("Solis session logout error:", e.message);
+    if (this.isLoggingOut = !0, this.stopRefreshSchedule(), this.stopSessionStatusPolling(), this.unregisterActivityListeners(), await this.checkSessionStatus()) {
+      const c = this.basePath ? this.basePath + "/hybrid-ipaas/v1/solis/session/logout" : "/hybrid-ipaas/v1/solis/session/logout";
+      try {
+        const r = await fetch(c, {
+          method: "POST",
+          credentials: "same-origin"
+        });
+        r.ok ? console.log("Solis session logout - successful") : r.status === 401 ? console.log("Solis session logout - session already expired") : console.error("Solis session logout failed:", r.status);
+      } catch (r) {
+        console.error("Solis session logout error:", r.message);
+      }
     }
     if (this.logoutCallback)
       try {
         await this.logoutCallback();
-      } catch (e) {
-        console.error("Logout failed with error: ", e.message);
+      } catch (c) {
+        console.error("Logout failed with error: ", c.message);
       }
+    const s = o ? "/solis-logout" : "/login";
     this.redirect(
-      this.logoutUrl ?? (this.basePath ? `${this.basePath}/logout` : "/logout")
+      this.basePath ? `${this.basePath}${s}` : s
     );
   }
   startSessionStatusPolling() {
     const o = async () => {
-      if (!await this.checkSessionStatus()) {
-        await this.performLogout();
+      const e = await this.checkSessionStatus();
+      if (!e) {
+        await this.performLogout(!1);
         return;
       }
-      this.sessionStatusIntervalId = window.setTimeout(
+      typeof e == "number" && this.rescheduleRefresh(e * 1e3), this.sessionStatusIntervalId = window.setTimeout(
         o,
         this.sessionStatusInterval * 1e3
       );
@@ -6841,15 +6862,15 @@ class pa {
     window.location.href = o;
   }
 }
-var la = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, E = (t, o, e, s) => {
+var la = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, P = (t, o, e, s) => {
   for (var c = s > 1 ? void 0 : s ? ua(o, e) : o, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (c = (s ? n(o, e, c) : n(c)) || c);
   return s && c && la(o, e, c), c;
 };
 const { stablePrefix: ma } = ro;
-let $ = class extends y {
+let C = class extends y {
   constructor() {
-    super(), this.productName = null, this.productKey = "", this.fetchHeaders = {}, this.solisSidekickEnabled = !1, this.solisSwitcherEnabled = !1, this.solisEnvironment = "local", this.solisDevMode = !1, this.basePath = "", this.displayName = "", this.userEmail = "", this.productVersion = null, this.assistMeKey = "", this.aiCallbackEvent = "", this.logoutCallbackEvent = "", this.notificationOpenCallbackEvent = "", this.searchCallbackEvent = "", this.searchSubmitCallbackEvent = "", this.hasNewNotifications = !1, this.searchConfigs = null, this.capabilityProfileFooterLinks = [], this.capabilityGlobalActions = [], this.addCookiePreferences = !1, this.forceBackendProxy = !1, this.solisSessionManagerEnabled = !1, this.solisSessionRefreshInterval = 25, this.solisIdleTimeoutInterval = 28, this.solisSessionStatusInterval = 10, this.logoutUrl = "", this.headerOptions = {
+    super(), this.productName = null, this.productKey = "", this.fetchHeaders = {}, this.solisSidekickEnabled = !1, this.solisSwitcherEnabled = !1, this.solisEnvironment = "local", this.solisDevMode = !1, this.basePath = "", this.displayName = "", this.userEmail = "", this.productVersion = null, this.assistMeKey = "", this.aiCallbackEvent = "", this.logoutCallbackEvent = "", this.notificationOpenCallbackEvent = "", this.searchCallbackEvent = "", this.searchSubmitCallbackEvent = "", this.hasNewNotifications = !1, this.searchConfigs = null, this.capabilityProfileFooterLinks = [], this.capabilityGlobalActions = [], this.addCookiePreferences = !1, this.forceBackendProxy = !1, this.solisSessionManagerEnabled = !1, this.solisSessionRefreshInterval = 25, this.solisIdleTimeoutInterval = 28, this.solisSessionStatusInterval = 10, this.headerOptions = {
       ...yn,
       brand: {
         company: "IBM",
@@ -6920,8 +6941,7 @@ let $ = class extends y {
         idleTimeoutInterval: this.solisIdleTimeoutInterval,
         sessionStatusInterval: this.solisSessionStatusInterval,
         basePath: this.basePath,
-        logoutCallback: t,
-        logoutUrl: this.logoutUrl || void 0
+        logoutCallback: t
       }), this.sessionManager.startRefreshSchedule(), this.sessionManager.startSessionStatusPolling(), this.sessionManager.registerActivityListeners();
     }
   }
@@ -6948,7 +6968,7 @@ let $ = class extends y {
     };
     return this.solisSessionManagerEnabled ? t.onClickHandler = () => {
       var o;
-      return (o = this.sessionManager) == null ? void 0 : o.performLogout();
+      return (o = this.sessionManager) == null ? void 0 : o.performLogout(!0);
     } : this.logoutCallback ? t.onClickHandler = this.logoutCallback : this.logoutCallbackEvent ? t.onClickHandler = () => {
       const o = new CustomEvent(this.logoutCallbackEvent, {
         bubbles: !0,
@@ -7086,114 +7106,111 @@ let $ = class extends y {
     </div>`;
   }
 };
-$.styles = K`
+C.styles = K`
     ${co(da)}
   `;
-E([
+P([
   d({ type: String })
-], $.prototype, "productName", 2);
-E([
+], C.prototype, "productName", 2);
+P([
   d({ type: String })
-], $.prototype, "productKey", 2);
-E([
+], C.prototype, "productKey", 2);
+P([
   d({ type: Object })
-], $.prototype, "fetchHeaders", 2);
-E([
+], C.prototype, "fetchHeaders", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "solisSidekickEnabled", 2);
-E([
+], C.prototype, "solisSidekickEnabled", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "solisSwitcherEnabled", 2);
-E([
+], C.prototype, "solisSwitcherEnabled", 2);
+P([
   d({ type: String })
-], $.prototype, "solisEnvironment", 2);
-E([
+], C.prototype, "solisEnvironment", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "solisDevMode", 2);
-E([
+], C.prototype, "solisDevMode", 2);
+P([
   d({ type: String })
-], $.prototype, "basePath", 2);
-E([
+], C.prototype, "basePath", 2);
+P([
   d({ type: String })
-], $.prototype, "displayName", 2);
-E([
+], C.prototype, "displayName", 2);
+P([
   d({ type: String })
-], $.prototype, "userEmail", 2);
-E([
+], C.prototype, "userEmail", 2);
+P([
   d({ type: String })
-], $.prototype, "productVersion", 2);
-E([
+], C.prototype, "productVersion", 2);
+P([
   d({ type: String })
-], $.prototype, "assistMeKey", 2);
-E([
+], C.prototype, "assistMeKey", 2);
+P([
   d({ type: Function })
-], $.prototype, "aiCallback", 2);
-E([
+], C.prototype, "aiCallback", 2);
+P([
   d({ type: String })
-], $.prototype, "aiCallbackEvent", 2);
-E([
+], C.prototype, "aiCallbackEvent", 2);
+P([
   d({ type: Function })
-], $.prototype, "logoutCallback", 2);
-E([
+], C.prototype, "logoutCallback", 2);
+P([
   d({ type: String })
-], $.prototype, "logoutCallbackEvent", 2);
-E([
+], C.prototype, "logoutCallbackEvent", 2);
+P([
   d({ type: Function })
-], $.prototype, "notificationOpenCallback", 2);
-E([
+], C.prototype, "notificationOpenCallback", 2);
+P([
   d({ type: String })
-], $.prototype, "notificationOpenCallbackEvent", 2);
-E([
+], C.prototype, "notificationOpenCallbackEvent", 2);
+P([
   d({ type: Function })
-], $.prototype, "searchCallback", 2);
-E([
+], C.prototype, "searchCallback", 2);
+P([
   d({ type: String })
-], $.prototype, "searchCallbackEvent", 2);
-E([
+], C.prototype, "searchCallbackEvent", 2);
+P([
   d({ type: Function })
-], $.prototype, "searchSubmitCallback", 2);
-E([
+], C.prototype, "searchSubmitCallback", 2);
+P([
   d({ type: String })
-], $.prototype, "searchSubmitCallbackEvent", 2);
-E([
+], C.prototype, "searchSubmitCallbackEvent", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "hasNewNotifications", 2);
-E([
+], C.prototype, "hasNewNotifications", 2);
+P([
   d({ type: Object })
-], $.prototype, "searchConfigs", 2);
-E([
+], C.prototype, "searchConfigs", 2);
+P([
   d({ type: Array })
-], $.prototype, "capabilityProfileFooterLinks", 2);
-E([
+], C.prototype, "capabilityProfileFooterLinks", 2);
+P([
   d({ type: Array })
-], $.prototype, "capabilityGlobalActions", 2);
-E([
+], C.prototype, "capabilityGlobalActions", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "addCookiePreferences", 2);
-E([
+], C.prototype, "addCookiePreferences", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "forceBackendProxy", 2);
-E([
+], C.prototype, "forceBackendProxy", 2);
+P([
   d({ type: Boolean })
-], $.prototype, "solisSessionManagerEnabled", 2);
-E([
+], C.prototype, "solisSessionManagerEnabled", 2);
+P([
   d({ type: Number })
-], $.prototype, "solisSessionRefreshInterval", 2);
-E([
+], C.prototype, "solisSessionRefreshInterval", 2);
+P([
   d({ type: Number })
-], $.prototype, "solisIdleTimeoutInterval", 2);
-E([
+], C.prototype, "solisIdleTimeoutInterval", 2);
+P([
   d({ type: Number })
-], $.prototype, "solisSessionStatusInterval", 2);
-E([
-  d({ type: String })
-], $.prototype, "logoutUrl", 2);
-E([
+], C.prototype, "solisSessionStatusInterval", 2);
+P([
   go()
-], $.prototype, "headerOptions", 2);
-$ = E([
+], C.prototype, "headerOptions", 2);
+C = P([
   so(`${ma}-global-header-hybrid-ipaas`)
-], $);
+], C);
 export {
   k as A,
   Co as C,
@@ -7201,7 +7218,7 @@ export {
   q as H,
   Pn as _,
   Zt as a,
-  $ as b,
+  C as b,
   mr as c,
   p as d,
   m as e,

package/es/wc-global-header-react.mjs

@@ -1,5 +1,5 @@
 import E from "react";
-import { b as A } from "./HybridIpaasHeader-Md6p0S4m.mjs";
+import { b as A } from "./HybridIpaasHeader-D49nEM5f.mjs";
 /**
  * @license
  * Copyright 2018 Google LLC

package/es/wc-global-header.mjs

@@ -1,5 +1,5 @@
-import { C as se, e as u, r as K, i as F, n as d, j as v, A as X, t as Z, s as q, d as i, f as x, F as U, g as V, o as b, h as Y, k as L, _ as oe, a as W, c as ce, H as D, l as ie } from "./HybridIpaasHeader-Md6p0S4m.mjs";
-import { b as De } from "./HybridIpaasHeader-Md6p0S4m.mjs";
+import { C as se, e as u, r as K, i as F, n as d, j as v, A as X, t as Z, s as q, d as i, f as x, F as U, g as V, o as b, h as Y, k as L, _ as oe, a as W, c as ce, H as D, l as ie } from "./HybridIpaasHeader-D49nEM5f.mjs";
+import { b as De } from "./HybridIpaasHeader-D49nEM5f.mjs";
 var le = {
   elem: "svg",
   attrs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/wc-global-header",
-  "version": "0.96.0",
+  "version": "0.97.0",
   "author": "Your Name <your@email.com>",
   "publishConfig": {
     "access": "public",
@@ -49,5 +49,5 @@
     "vite": "^6.4.2",
     "webdriverio": "^9.23.2"
   },
-  "gitHead": "efe6494427c7c97d02509810b26480a90e5e62cc"
+  "gitHead": "c16b938962cc26f3ae5866ffb57bd395b8be7b1f"
 }