@carbon-labs/wc-global-header 0.100.0 → 0.101.0

package/es/{HybridIpaasHeader-Di-LqOHo.mjs → HybridIpaasHeader-CecmHXAY.mjs}

@@ -39,7 +39,7 @@ const co = (t) => new Ys(typeof t == "string" ? t : t + "", void 0, qe), K = (t,
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(c) + t[r + 1], t[0]);
   return new Ys(e, t, qe);
-}, Pc = (t, o) => {
+}, Ic = (t, o) => {
   if (je) t.adoptedStyleSheets = o.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of o) {
     const s = document.createElement("style"), c = Qt.litNonce;
@@ -55,7 +55,7 @@ const co = (t) => new Ys(typeof t == "string" ? t : t + "", void 0, qe), K = (t,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ic, defineProperty: Oc, getOwnPropertyDescriptor: Tc, getOwnPropertyNames: Mc, getOwnPropertySymbols: Nc, getPrototypeOf: Lc } = Object, Po = globalThis, is = Po.trustedTypes, Bc = is ? is.emptyScript : "", fe = Po.reactiveElementPolyfillSupport, Nt = (t, o) => t, oe = { toAttribute(t, o) {
+const { is: Pc, defineProperty: Oc, getOwnPropertyDescriptor: Tc, getOwnPropertyNames: Mc, getOwnPropertySymbols: Nc, getPrototypeOf: Lc } = Object, Io = globalThis, is = Io.trustedTypes, Bc = is ? is.emptyScript : "", fe = Io.reactiveElementPolyfillSupport, Nt = (t, o) => t, oe = { toAttribute(t, o) {
   switch (o) {
     case Boolean:
       t = t ? Bc : null;
@@ -83,8 +83,8 @@ const { is: Ic, defineProperty: Oc, getOwnPropertyDescriptor: Tc, getOwnProperty
       }
   }
   return e;
-} }, Ue = (t, o) => !Ic(t, o), as = { attribute: !0, type: String, converter: oe, reflect: !1, useDefault: !1, hasChanged: Ue };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Po.litPropertyMetadata ?? (Po.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, Ue = (t, o) => !Pc(t, o), as = { attribute: !0, type: String, converter: oe, reflect: !1, useDefault: !1, hasChanged: Ue };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Io.litPropertyMetadata ?? (Io.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let mt = class extends HTMLElement {
   static addInitializer(o) {
     this._$Ei(), (this.l ?? (this.l = [])).push(o);
@@ -169,7 +169,7 @@ let mt = class extends HTMLElement {
   }
   createRenderRoot() {
     const o = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Pc(o, this.constructor.elementStyles), o;
+    return Ic(o, this.constructor.elementStyles), o;
   }
   connectedCallback() {
     var o;
@@ -288,7 +288,7 @@ let mt = class extends HTMLElement {
   firstUpdated(o) {
   }
 };
-mt.elementStyles = [], mt.shadowRootOptions = { mode: "open" }, mt[Nt("elementProperties")] = /* @__PURE__ */ new Map(), mt[Nt("finalized")] = /* @__PURE__ */ new Map(), fe == null || fe({ ReactiveElement: mt }), (Po.reactiveElementVersions ?? (Po.reactiveElementVersions = [])).push("2.1.2");
+mt.elementStyles = [], mt.shadowRootOptions = { mode: "open" }, mt[Nt("elementProperties")] = /* @__PURE__ */ new Map(), mt[Nt("finalized")] = /* @__PURE__ */ new Map(), fe == null || fe({ ReactiveElement: mt }), (Io.reactiveElementVersions ?? (Io.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -340,7 +340,7 @@ const Fc = (t, o, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorat
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Pt(t, o) {
+function It(t, o) {
   return (e, s, c) => {
     const r = (n) => {
       var i;
@@ -884,7 +884,7 @@ let M = (qo = class extends Xt(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: P, tooltipPosition: S, tooltipText: I, 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: I, tooltipPosition: S, tooltipText: P, type: A, _hasIcon: C, hasMainContent: B, _handleSlotChange: x } = this;
     let L = {
       "cds-custom--btn": !0,
       [`cds-custom--btn--${a}`]: a,
@@ -933,16 +933,16 @@ let M = (qo = class extends Xt(fo(y)) {
             </a>
             ${m`<slot id="badge-indicator" name="badge-indicator"></slot>` ?? !c}
           `;
-    const R = P && (S === "top" || S === "bottom") ? `-${P}` : "", j = Y({
+    const R = I && (S === "top" || S === "bottom") ? `-${I}` : "", 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--popover--open": g,
-      [`cds-custom--popover--${S}${R}`]: I
+      [`cds-custom--popover--${S}${R}`]: P
     });
-    return I && !c ? m`
+    return P && !c ? m`
           <span class="${j}">
             <button
               id="button"
@@ -952,7 +952,7 @@ let M = (qo = class extends Xt(fo(y)) {
               ?disabled="${c}"
               tabindex="${w}"
               type="${T(A)}"
-              aria-label="${T(I)}"
+              aria-label="${T(P)}"
               aria-describedby="badge-indicator">
               <slot @slotchange="${x}"></slot>
               <slot name="icon" @slotchange="${x}"></slot>
@@ -960,7 +960,7 @@ let M = (qo = class extends Xt(fo(y)) {
             <span class="${"cds-custom"}--popover">
               <span
                 class="${"cds-custom"}--popover-content ${"cds-custom"}--tooltip-content">
-                ${I}
+                ${P}
               </span>
               <span class="${"cds-custom"}--popover-caret"></span>
             </span>
@@ -975,7 +975,7 @@ let M = (qo = class extends Xt(fo(y)) {
             ?disabled="${c}"
             tabindex="${w}"
             type="${T(A)}"
-            aria-label="${T(I)}"
+            aria-label="${T(P)}"
             aria-describedby="${T(U ? "danger-description" : void 0)}">
             ${U ? m`<span
                   id="danger-description"
@@ -1158,7 +1158,7 @@ let ho = (Uo = class extends sc {
   ...y.shadowRootOptions,
   delegatesFocus: !0
 }, Uo.styles = lo, Uo);
-p([Pt("button")], ho.prototype, "_buttonNode", void 0);
+p([It("button")], ho.prototype, "_buttonNode", void 0);
 p([d({
   type: Boolean,
   reflect: !0
@@ -1180,7 +1180,7 @@ const no = (t, o, e) => Array.prototype.forEach.call(t, o, e);
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Pe extends Ze {
+class Ie extends Ze {
   constructor(o) {
     if (super(o), this.it = f, o.type !== ue.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -1194,16 +1194,16 @@ class Pe extends Ze {
     return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-Pe.directiveName = "unsafeHTML", Pe.resultType = 1;
+Ie.directiveName = "unsafeHTML", Ie.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Ie extends Pe {
+class Pe extends Ie {
 }
-Ie.directiveName = "unsafeSVG", Ie.resultType = 2;
-const tr = Xe(Ie);
+Pe.directiveName = "unsafeSVG", Pe.resultType = 2;
+const tr = Xe(Pe);
 function fs(t, o) {
   var e = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
@@ -1407,7 +1407,7 @@ let xo = (Wo = class extends Xt(fo(y)) {
   ...y.shadowRootOptions,
   delegatesFocus: !0
 }, Wo.styles = lo, Wo);
-p([Pt('[part="trigger"]')], xo.prototype, "_topMenuItem", void 0);
+p([It('[part="trigger"]')], xo.prototype, "_topMenuItem", void 0);
 p([q("keydown")], xo.prototype, "_handleKeydownTrigger", null);
 p([q("focusout")], xo.prototype, "_handleBlur", null);
 p([d({
@@ -1870,7 +1870,7 @@ let ko = (Go = class extends fo(y) {
   ...y.shadowRootOptions,
   delegatesFocus: !0
 }, Go.styles = it, Go);
-p([Pt("#title-icon-container")], ko.prototype, "_titleIconContainerNode", void 0);
+p([It("#title-icon-container")], ko.prototype, "_titleIconContainerNode", void 0);
 p([d({
   type: Boolean,
   reflect: !0
@@ -1899,8 +1899,8 @@ var br = {
   }],
   name: "chevron--down",
   size: 20
-}, Io;
-let Mo = (Io = class extends fo(y) {
+}, Po;
+let Mo = (Po = class extends fo(y) {
   constructor(...o) {
     super(...o), this._hasIcon = !1, this.active = !1, this.expanded = !1, this.large = !1, this.forceCollapsed = !1, this.title = "";
   }
@@ -2006,11 +2006,11 @@ let Mo = (Io = class extends fo(y) {
   static get eventToggle() {
     return "cds-custom-side-nav-menu-toggled";
   }
-}, Io.attribItemHasIcon = "parent-has-icon", Io.shadowRootOptions = {
+}, Po.attribItemHasIcon = "parent-has-icon", Po.shadowRootOptions = {
   ...y.shadowRootOptions,
   delegatesFocus: !0
-}, Io.styles = it, Io);
-p([Pt("#title-icon-container")], Mo.prototype, "_titleIconContainerNode", void 0);
+}, Po.styles = it, Po);
+p([It("#title-icon-container")], Mo.prototype, "_titleIconContainerNode", void 0);
 p([d({
   type: Boolean,
   reflect: !0
@@ -2168,7 +2168,7 @@ const gr = ["top", "right", "bottom", "left"], No = Math.min, Q = Math.max, ce =
 function yr(t, o, e) {
   return Q(t, No(o, e));
 }
-function It(t, o) {
+function Pt(t, o) {
   return typeof t == "function" ? t(o) : t;
 }
 function rt(t) {
@@ -2324,17 +2324,17 @@ async function Ar(t, o) {
     elementContext: v = "floating",
     altBoundary: g = !1,
     padding: h = 0
-  } = It(o, t), b = ac(h), w = i[g ? v === "floating" ? "reference" : "floating" : v], z = ne(await r.getClippingRect({
+  } = Pt(o, t), b = ac(h), w = i[g ? v === "floating" ? "reference" : "floating" : v], z = ne(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(w))) == null || e ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: l,
     rootBoundary: u,
     strategy: a
-  })), P = v === "floating" ? {
+  })), I = 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)), I = 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)), P = await (r.isElement == null ? void 0 : r.isElement(S)) ? await (r.getScale == null ? void 0 : r.getScale(S)) || {
     x: 1,
     y: 1
   } : {
@@ -2342,18 +2342,18 @@ async function Ar(t, o) {
     y: 1
   }, A = ne(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
-    rect: P,
+    rect: I,
     offsetParent: S,
     strategy: a
-  }) : P);
+  }) : I);
   return {
-    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
+    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
   };
 }
-const Er = 50, Pr = async (t, o, e) => {
+const Er = 50, Ir = async (t, o, e) => {
   const {
     placement: s = "bottom",
     strategy: c = "absolute",
@@ -2378,13 +2378,13 @@ const Er = 50, Pr = async (t, o, e) => {
       continue;
     const {
       name: z,
-      fn: P
+      fn: I
     } = w, {
       x: S,
-      y: I,
+      y: P,
       data: A,
       reset: C
-    } = await P({
+    } = await I({
       x: u,
       y: v,
       initialPlacement: s,
@@ -2398,7 +2398,7 @@ const Er = 50, Pr = async (t, o, e) => {
         floating: o
       }
     });
-    u = S ?? u, v = I ?? v, b[z] = {
+    u = S ?? u, v = P ?? 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({
@@ -2417,7 +2417,7 @@ const Er = 50, Pr = async (t, o, e) => {
     strategy: c,
     middlewareData: b
   };
-}, Ir = (t) => ({
+}, Pr = (t) => ({
   name: "arrow",
   options: t,
   async fn(o) {
@@ -2432,16 +2432,16 @@ const Er = 50, Pr = async (t, o, e) => {
     } = o, {
       element: l,
       padding: u = 0
-    } = It(t, o) || {};
+    } = Pt(t, o) || {};
     if (l == null)
       return {};
     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", P = 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], C = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l));
+    }, 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 = I / 2 - A / 2, L = B / 2 - _[b] / 2 - 1, D = No(v[z], L), U = No(v[P], L), R = D, j = B - _[b] - U, F = B / 2 - _[b] / 2 + x, W = yr(R, F, j), oo = !a.arrow && Ot(c) != null && F !== W && r.reference[b] / 2 - (F < R ? D : U) - _[b] / 2 < 0, X = oo ? F < R ? F - R : F - j : 0;
+    const x = P / 2 - A / 2, L = B / 2 - _[b] / 2 - 1, D = No(v[z], L), U = No(v[I], L), R = D, j = B - _[b] - U, F = B / 2 - _[b] / 2 + x, W = yr(R, F, j), oo = !a.arrow && Ot(c) != null && F !== W && r.reference[b] / 2 - (F < R ? D : U) - _[b] / 2 < 0, X = oo ? F < R ? F - R : F - j : 0;
     return {
       [h]: g[h] + X,
       data: {
@@ -2475,15 +2475,15 @@ const Er = 50, Pr = async (t, o, e) => {
         fallbackAxisSideDirection: b = "none",
         flipAlignment: _ = !0,
         ...w
-      } = It(t, o);
+      } = Pt(t, o);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const z = rt(c), P = Eo(i), S = rt(i) === i, I = 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, I));
+      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 B = [i, ...A], x = await a.detectOverflow(o, w), L = [];
       let D = ((s = r.flip) == null ? void 0 : s.overflows) || [];
       if (u && L.push(x[z]), v) {
-        const F = xr(c, n, I);
+        const F = xr(c, n, P);
         L.push(x[F[0]], x[F[1]]);
       }
       if (D = [...D, {
@@ -2492,9 +2492,9 @@ const Er = 50, Pr = async (t, o, e) => {
       }], !L.every((F) => F <= 0)) {
         var U, R;
         const F = (((U = r.flip) == null ? void 0 : U.index) || 0) + 1, W = B[F];
-        if (W && (!(v === "alignment" ? P !== Eo(W) : !1) || // We leave the current main axis only if every placement on that axis
+        if (W && (!(v === "alignment" ? I !== Eo(W) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((G) => Eo(G.placement) === P ? G.overflows[0] > 0 : !0)))
+        D.every((G) => Eo(G.placement) === I ? G.overflows[0] > 0 : !0)))
           return {
             data: {
               index: F,
@@ -2512,7 +2512,7 @@ const Er = 50, Pr = async (t, o, e) => {
               const X = (j = D.filter((G) => {
                 if (C) {
                   const uo = Eo(G.placement);
-                  return uo === P || // Create a bias to the `y` side axis due to horizontal
+                  return uo === I || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   uo === "y";
                 }
@@ -2558,7 +2558,7 @@ const Tr = function(t) {
       } = o, {
         strategy: c = "referenceHidden",
         ...r
-      } = It(t, o);
+      } = Pt(t, o);
       switch (c) {
         case "referenceHidden": {
           const n = await s.detectOverflow(o, {
@@ -2595,7 +2595,7 @@ async function Nr(t, o) {
     placement: e,
     platform: s,
     elements: c
-  } = t, r = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), n = rt(e), i = Ot(e), a = Eo(e) === "y", l = Mr.has(n) ? -1 : 1, u = r && a ? -1 : 1, v = It(o, t);
+  } = t, r = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), n = rt(e), i = Ot(e), a = Eo(e) === "y", l = Mr.has(n) ? -1 : 1, u = r && a ? -1 : 1, v = Pt(o, t);
   let {
     mainAxis: g,
     crossAxis: h,
@@ -2654,15 +2654,15 @@ const Lr = function(t) {
         apply: a = () => {
         },
         ...l
-      } = It(t, o), u = await n.detectOverflow(o, l), v = rt(c), g = Ot(c), h = Eo(c) === "y", {
+      } = Pt(t, o), u = await n.detectOverflow(o, l), v = rt(c), g = Ot(c), h = Eo(c) === "y", {
         width: b,
         height: _
       } = 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 P = _ - u.top - u.bottom, S = b - u.left - u.right, I = No(_ - u[w], P), A = No(b - u[z], S), C = !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 = P), C && !g) {
+      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 D = Q(u.left, 0), U = Q(u.right, 0), R = Q(u.top, 0), j = Q(u.bottom, 0);
         h ? x = b - 2 * (D !== 0 || U !== 0 ? D + 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(), P = ao(_), S = z.left + (_.clientLeft + parseFloat(P.paddingLeft)) * w.x, I = z.top + (_.clientTop + parseFloat(P.paddingTop)) * w.y;
-      a *= w.x, l *= w.y, u *= w.x, v *= w.y, a += S, l += I, b = J(_), _ = Le(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);
     }
   }
   return ne({
@@ -2907,7 +2907,7 @@ function Wr(t) {
     y: i
   };
 }
-const Ps = 25;
+const Is = 25;
 function Xr(t, o) {
   const e = J(t), s = yo(t), c = e.visualViewport;
   let r = s.clientWidth, n = s.clientHeight, i = 0, a = 0;
@@ -2919,8 +2919,8 @@ function Xr(t, o) {
   const l = be(s);
   if (l <= 0) {
     const u = s.ownerDocument, v = u.body, g = getComputedStyle(v), h = u.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, b = Math.abs(s.clientWidth - v.clientWidth - h);
-    b <= Ps && (r -= b);
-  } else l <= Ps && (r += l);
+    b <= Is && (r -= b);
+  } else l <= Is && (r += l);
   return {
     width: r,
     height: n,
@@ -2937,7 +2937,7 @@ function Zr(t, o) {
     y: l
   };
 }
-function Is(t, o, e) {
+function Ps(t, o, e) {
   let s;
   if (o === "viewport")
     s = Xr(t, e);
@@ -2980,10 +2980,10 @@ function Yr(t) {
     rootBoundary: s,
     strategy: c
   } = t;
-  const n = [...e === "clippingAncestors" ? ve(o) ? [] : Kr(o, this._c) : [].concat(e), s], i = Is(o, n[0], c);
+  const n = [...e === "clippingAncestors" ? ve(o) ? [] : Kr(o, this._c) : [].concat(e), s], i = Ps(o, n[0], c);
   let a = i.top, l = i.right, u = i.bottom, v = i.left;
   for (let g = 1; g < n.length; g++) {
-    const h = Is(o, n[g], c);
+    const h = Ps(o, n[g], c);
     a = Q(h.top, a), l = No(h.right, l), u = No(h.bottom, u), v = Q(h.left, v);
   }
   return {
@@ -3107,17 +3107,17 @@ function en(t, o) {
       rootMargin: -b + "px " + -_ + "px " + -w + "px " + -z + "px",
       threshold: Q(0, No(1, a)) || 1
     };
-    let I = !0;
+    let P = !0;
     function A(C) {
       const B = C[0].intersectionRatio;
       if (B !== a) {
-        if (!I)
+        if (!P)
           return n();
         B ? n(!1, B) : s = setTimeout(() => {
           n(!1, 1e-7);
         }, 1e3);
       }
-      B === 1 && !bc(l, t.getBoundingClientRect()) && n(), I = !1;
+      B === 1 && !bc(l, t.getBoundingClientRect()) && n(), P = !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 [P] = z;
-    P && P.target === l && h && o && (h.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+    let [I] = z;
+    I && I.target === l && h && o && (h.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var S;
       (S = h) == null || S.observe(o);
     })), e();
@@ -3163,12 +3163,12 @@ function sn(t, o, e, s) {
   }
   return e(), () => {
     var z;
-    u.forEach((P) => {
-      c && P.removeEventListener("scroll", e), r && P.removeEventListener("resize", e);
+    u.forEach((I) => {
+      c && I.removeEventListener("scroll", e), r && I.removeEventListener("resize", e);
     }), v == null || v(), (z = h) == null || z.disconnect(), h = null, a && cancelAnimationFrame(b);
   };
 }
-const cn = Lr, rn = Or, Ts = Br, nn = Tr, an = Ir, dn = (t, o, e) => {
+const cn = Lr, rn = Or, Ts = Br, nn = Tr, an = Pr, dn = (t, o, e) => {
   const s = /* @__PURE__ */ new Map(), c = {
     platform: tn,
     ...e
@@ -3176,7 +3176,7 @@ const cn = Lr, rn = Or, Ts = Br, nn = Tr, an = Ir, dn = (t, o, e) => {
     ...c.platform,
     _c: s
   };
-  return Pr(t, o, {
+  return Ir(t, o, {
     ...c,
     platform: r
   });
@@ -3197,7 +3197,7 @@ var pn = class {
     this.cleanup = sn(o, e, this.updatePlacement);
   }
   async computePlacement() {
-    var S, I;
+    var S, P;
     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;
@@ -3233,7 +3233,7 @@ var pn = class {
     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, P = [
+    })(_.getPropertyValue("--cds-popover-offset").trim()) ?? 10, I = [
       cn(u ? 0 : {
         alignmentAxis: a,
         mainAxis: e ? z : 4
@@ -3294,7 +3294,7 @@ var pn = class {
     if (i) {
       const { x: A, y: C, placement: B, middlewareData: x, strategy: L } = await dn(s, h, {
         strategy: "fixed",
-        middleware: P,
+        middleware: I,
         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) {
@@ -3306,7 +3306,7 @@ var pn = class {
         }[B.split("-")[0]];
         t.style.left = D != null ? `${D}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") && ((I = this.host) == null || I.setAttribute("alignment", B));
+      (this.host.tagName === "CDS-AI-LABEL" || this.host.tagName === "CDS-SLUG") && ((P = this.host) == null || P.setAttribute("alignment", B));
     }
   }
   hostUpdated() {
@@ -3501,8 +3501,8 @@ let Z = (tt = class extends Xt(y) {
     return "cds-custom-popover-closed";
   }
 }, Jt = tt, tt.styles = gc, tt);
-p([Pt("slot")], Z.prototype, "_triggerSlotNode", void 0);
-p([Pt('slot[name="content"]')], Z.prototype, "_contentSlotNode", void 0);
+p([It("slot")], Z.prototype, "_triggerSlotNode", void 0);
+p([It('slot[name="content"]')], Z.prototype, "_contentSlotNode", void 0);
 p([d({
   reflect: !0,
   type: String
@@ -3780,7 +3780,7 @@ var An = {
   }],
   name: "api",
   size: 16
-}, Pn = {
+}, In = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3795,7 +3795,7 @@ var An = {
   }],
   name: "app-connectivity",
   size: 20
-}, In = {
+}, Pn = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4515,8 +4515,8 @@ const ii = "https://ibmassistme-dev.zll1vg8lrcq.us-south.codeengine.appdomain.cl
   const s = `${t}${o}`, n = {
     AiLaunch20: An,
     Api16: En,
-    AppConnectivity20: Pn,
-    ArrowRight16: In,
+    AppConnectivity20: In,
+    ArrowRight16: Pn,
     ChartVennDiagram20: On,
     Checkmark16: Tn,
     CloudServices20: Mn,
@@ -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, P, S, I, A, C, B;
+    var e, s, c, r, n, i, a, l, u, v, g, h, b, _, w, z, I, S, P, A, C, 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="${(P = this.link) == null ? void 0 : P.onClick}"
+            @click="${(I = this.link) == null ? void 0 : I.onClick}"
             title="${(S = this.link) == null ? void 0 : S.label}"
             class="${vo({
       [`${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}">
-            ${(I = this.link) != null && I.iconName ? N((A = this.link) == null ? void 0 : A.iconName, 16, o) : (C = this.link) == null ? void 0 : C.label}
+            ${(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}
           </cds-custom-side-nav-link>
           <cds-custom-popover-content
             >${(B = this.link) == null ? void 0 : B.label}</cds-custom-popover-content
@@ -5203,7 +5203,7 @@ var Ai = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, os = (t, o
     (n = t[r]) && (c = (s ? n(o, e, c) : n(c)) || c);
   return s && c && Ai(o, e, c), c;
 };
-const { stablePrefix: Pi } = ro;
+const { stablePrefix: Ii } = ro;
 let jt = class extends y {
   constructor() {
     super(), this.open = !1, this.trialConfig = {}, this.handleOutsideClick = this.handleOutsideClick.bind(this);
@@ -5245,9 +5245,9 @@ os([
   d({ type: Object })
 ], jt.prototype, "trialConfig", 2);
 jt = os([
-  so(`${Pi}-global-header-trial-popover`)
+  so(`${Ii}-global-header-trial-popover`)
 ], jt);
-const Ii = `/**
+const Pi = `/**
  * @license
  *
  * Copyright IBM Corp. 2025
@@ -5295,7 +5295,7 @@ let zo = class extends y {
   }
 };
 zo.styles = K`
-    ${co(Ii)}
+    ${co(Pi)}
   `;
 at([
   d({ type: String })
@@ -6544,7 +6544,7 @@ let Co = class extends y {
     }), Zs(this.headerProps));
   }
   render() {
-    var t, o, e, s, c, r, n, i, a, l, u, v, g, h, b, _, w, z, P, S, I, A, C, B, x, L, D, U;
+    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, D, 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 = (P = this.headerProps.sideNav) == null ? void 0 : P.links) == null ? void 0 : S.map((R) => {
+                        ${(S = (I = this.headerProps.sideNav) == null ? void 0 : I.links) == null ? void 0 : S.map((R) => {
       var j, F, W;
       return m`
 												<clabs-global-header-side-nav-item
@@ -6632,7 +6632,7 @@ 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 = (I = this.headerProps) == null ? void 0 : I.sideNavPropsV2) == null ? void 0 : A.buttonLabel) ?? "Side navigation"}
+              aria-label=${((A = (P = this.headerProps) == null ? void 0 : P.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))}"
@@ -6703,7 +6703,7 @@ const da = `.cds--layout--size-xs{--cds-layout-size-height-context: var(--cds-la
  */
 class pa {
   constructor(o) {
-    this.sessionStatusIntervalId = null, this.isLoggingOut = !1, this.isRefreshing = !1, this.config = o, this.sessionStatusInterval = o.sessionStatusInterval || 10, this.idleTimeoutInterval = o.idleTimeoutInterval || 28, this.basePath = o.basePath, this.activityEvents = [
+    this.sessionStatusIntervalId = null, this.isLoggingOut = !1, this.isRefreshing = !1, this.currentTtl = null, this.config = o, this.sessionStatusInterval = o.sessionStatusInterval || 10, this.idleTimeoutInterval = o.idleTimeoutInterval || 28, this.basePath = o.basePath, this.activityEvents = [
       "mousedown",
       "mousemove",
       "keydown",
@@ -6721,7 +6721,7 @@ class pa {
         method: "GET",
         credentials: "same-origin"
       });
-      e.ok ? (console.log("Solis token refresh successful"), this.isRefreshing = !1) : e.status === 401 || e.status === 403 ? (console.error("Solis token refresh unauthorized - triggering logout"), this.isRefreshing = !1, await this.performLogout(!0)) : (console.error("Solis token refresh failed:", e.status), this.isRefreshing = !1);
+      e.ok ? (console.log("Solis token refresh successful"), this.isRefreshing = !1) : e.status === 401 || e.status === 403 ? (console.error("Solis token refresh unauthorized - triggering logout"), this.isRefreshing = !1, await this.performLogout()) : (console.error("Solis token refresh failed:", e.status), this.isRefreshing = !1);
     } catch (e) {
       console.error("Solis token refresh error:", e.message), this.isRefreshing = !1;
     }
@@ -6752,7 +6752,7 @@ class pa {
     this.isIdle = !0;
     const o = await this.checkSessionStatus();
     if (!o) {
-      await this.performLogout(!1);
+      await this.performLogout();
       return;
     }
     typeof o == "number" && o <= 60 && !this.isRefreshing && this.triggerRefresh();
@@ -6779,40 +6779,44 @@ class pa {
       return console.error("Solis session status unknown:", e.message), !1;
     }
   }
-  async performLogout(o) {
+  async performLogout() {
     if (this.isLoggingOut)
       return;
     if (this.isLoggingOut = !0, 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";
+      const s = this.basePath ? this.basePath + "/hybrid-ipaas/v1/solis/session/logout" : "/hybrid-ipaas/v1/solis/session/logout";
       try {
-        const r = await fetch(c, {
+        const c = await fetch(s, {
           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);
+        c.ok ? console.log("Solis session logout - successful") : c.status === 401 ? console.log("Solis session logout - session already expired") : console.error("Solis session logout failed:", c.status);
+      } catch (c) {
+        console.error("Solis session logout error:", c.message);
       }
     }
     if (this.logoutCallback)
       try {
         await this.logoutCallback();
-      } catch (c) {
-        console.error("Logout failed with error: ", c.message);
+      } catch (s) {
+        console.error("Logout failed with error: ", s.message);
       }
-    const s = o ? "/solis-logout" : "/login";
+    const e = "/logout";
     this.redirect(
-      this.basePath ? `${this.basePath}${s}` : s
+      this.basePath ? `${this.basePath}${e}` : e
     );
   }
   startSessionStatusPolling() {
     const o = async () => {
       const e = await this.checkSessionStatus();
       if (!e) {
-        await this.performLogout(!1);
+        await this.performLogout();
         return;
       }
-      typeof e == "number" && e <= 60 && !this.isRefreshing && this.triggerRefresh(), this.sessionStatusIntervalId = window.setTimeout(
+      if (typeof e == "number") {
+        const s = this.currentTtl !== null && e > this.currentTtl;
+        (e <= 60 || s) && !this.isRefreshing && this.triggerRefresh(), this.currentTtl = e;
+      }
+      this.sessionStatusIntervalId = window.setTimeout(
         o,
         this.sessionStatusInterval * 1e3
       );
@@ -6913,7 +6917,7 @@ let $ = class extends y {
     t ? t.click() : window.open("https://www.ibm.com/privacy");
   }
   initializeSessionManager() {
-    if (import("./SessionExpiryModal-XqMFpg_k.mjs"), !this.sessionManager) {
+    if (import("./SessionExpiryModal-BB_WcdTF.mjs"), !this.sessionManager) {
       let t;
       this.logoutCallback ? t = this.logoutCallback : this.logoutCallbackEvent && (t = () => {
         const o = new CustomEvent(this.logoutCallbackEvent, {
@@ -6959,7 +6963,7 @@ let $ = class extends y {
     };
     return this.solisSessionManagerEnabled ? t.onClickHandler = () => {
       var o;
-      return (o = this.sessionManager) == null ? void 0 : o.performLogout(!0);
+      return (o = this.sessionManager) == null ? void 0 : o.performLogout();
     } : this.logoutCallback ? t.onClickHandler = this.logoutCallback : this.logoutCallbackEvent ? t.onClickHandler = () => {
       const o = new CustomEvent(this.logoutCallbackEvent, {
         bubbles: !0,
@@ -7214,7 +7218,7 @@ export {
   Co as C,
   fo as F,
   q as H,
-  In as _,
+  Pn as _,
   Xt as a,
   $ as b,
   mr as c,
@@ -7223,7 +7227,7 @@ export {
   m as f,
   H as g,
   Y as h,
-  Pt as i,
+  It as i,
   K as j,
   y as k,
   Dt as l,

package/es/{SessionExpiryModal-XqMFpg_k.mjs → SessionExpiryModal-BB_WcdTF.mjs}

@@ -1,4 +1,4 @@
-import { j as b, F as _, k as g, o as v, l as f, d as y, f as u, e as r, n as e, g as w, r as x, m as h, t as k, s as z } from "./HybridIpaasHeader-Di-LqOHo.mjs";
+import { j as b, F as _, k as g, o as v, l as f, d as y, f as u, e as r, n as e, g as w, r as x, m as h, t as k, s as z } from "./HybridIpaasHeader-CecmHXAY.mjs";
 var C = {
   elem: "svg",
   attrs: {

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

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

package/es/wc-global-header.mjs

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

package/package.json

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