@carbon-labs/wc-global-header 0.90.0 → 0.92.0

package/es/{HybridIpaasHeader-BRj_MeIa.mjs → HybridIpaasHeader-C1d3BtRJ.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 Dc = (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,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: E, tooltipPosition: C, tooltipText: P, type: S, _hasIcon: $, 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,
       "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": $ && !B,
+      "cds-custom--btn--icon-only": C && !B,
       [`cds-custom--btn--${_}`]: _,
       [`cds-custom--layout--size-${_}`]: _,
-      "cds-custom-ce--btn--has-icon": $,
+      "cds-custom-ce--btn--has-icon": C,
       "cds-custom--btn--expressive": l,
       "cds-custom--btn--selected": u && a === "ghost"
     };
@@ -925,7 +925,7 @@ let M = (qo = class extends Zt(fo(y)) {
               ping="${T(h)}"
               rel="${T(b)}"
               target="${T(z)}"
-              type="${T(S)}"
+              type="${T(A)}"
               tabindex="${w}"
               aria-describedby="badge-indicator">
               <slot @slotchange="${x}"></slot>
@@ -933,14 +933,14 @@ let M = (qo = class extends Zt(fo(y)) {
             </a>
             ${m`<slot id="badge-indicator" name="badge-indicator"></slot>` ?? !c}
           `;
-    const R = E && (C === "top" || C === "bottom") ? `-${E}` : "", 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": $,
+      "cds-custom--icon-tooltip": C,
       "cds-custom--popover--open": g,
-      [`cds-custom--popover--${C}${R}`]: P
+      [`cds-custom--popover--${S}${R}`]: P
     });
     return P && !c ? m`
           <span class="${j}">
@@ -951,7 +951,7 @@ let M = (qo = class extends Zt(fo(y)) {
               ?autofocus="${o}"
               ?disabled="${c}"
               tabindex="${w}"
-              type="${T(S)}"
+              type="${T(A)}"
               aria-label="${T(P)}"
               aria-describedby="badge-indicator">
               <slot @slotchange="${x}"></slot>
@@ -974,7 +974,7 @@ let M = (qo = class extends Zt(fo(y)) {
             ?autofocus="${o}"
             ?disabled="${c}"
             tabindex="${w}"
-            type="${T(S)}"
+            type="${T(A)}"
             aria-label="${T(P)}"
             aria-describedby="${T(U ? "danger-description" : void 0)}">
             ${U ? m`<span
@@ -1158,7 +1158,7 @@ let vo = (Uo = class extends sc {
   ...y.shadowRootOptions,
   delegatesFocus: !0
 }, Uo.styles = po, Uo);
-p([Pt("button")], vo.prototype, "_buttonNode", void 0);
+p([It("button")], vo.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 We {
+class Ie extends We {
   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 We {
     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 = Ze(Ie);
+Pe.directiveName = "unsafeSVG", Pe.resultType = 2;
+const tr = Ze(Pe);
 function fs(t, o) {
   var e = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
@@ -1407,7 +1407,7 @@ let xo = (Xo = class extends Zt(fo(y)) {
   ...y.shadowRootOptions,
   delegatesFocus: !0
 }, Xo.styles = po, Xo);
-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,36 +2324,36 @@ 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
-  })), E = v === "floating" ? {
+  })), I = v === "floating" ? {
     x: s,
     y: c,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), P = await (r.isElement == null ? void 0 : r.isElement(C)) ? await (r.getScale == null ? void 0 : r.getScale(C)) || {
+  } : 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
   } : {
     x: 1,
     y: 1
-  }, S = ne(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = ne(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
-    rect: E,
-    offsetParent: C,
+    rect: I,
+    offsetParent: S,
     strategy: a
-  }) : E);
+  }) : I);
   return {
-    top: (z.top - S.top + b.top) / P.y,
-    bottom: (S.bottom - z.bottom + b.bottom) / P.y,
-    left: (z.left - S.left + b.left) / P.x,
-    right: (S.right - z.right + b.right) / P.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: E
+      fn: I
     } = w, {
-      x: C,
+      x: S,
       y: P,
-      data: S,
-      reset: $
-    } = await E({
+      data: A,
+      reset: C
+    } = await I({
       x: u,
       y: v,
       initialPlacement: s,
@@ -2398,14 +2398,14 @@ const Er = 50, Pr = async (t, o, e) => {
         floating: o
       }
     });
-    u = C ?? u, v = P ?? v, b[z] = {
+    u = S ?? u, v = P ?? v, b[z] = {
       ...b[z],
-      ...S
-    }, $ && h < Er && (h++, typeof $ == "object" && ($.placement && (g = $.placement), $.rects && (l = $.rects === !0 ? await n.getElementRects({
+      ...A
+    }, C && h < Er && (h++, typeof C == "object" && (C.placement && (g = C.placement), C.rects && (l = C.rects === !0 ? await n.getElementRects({
       reference: t,
       floating: o,
       strategy: c
-    }) : $.rects), {
+    }) : C.rects), {
       x: u,
       y: v
     } = Cs(l, g, a)), _ = -1);
@@ -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", E = w ? "bottom" : "right", C = w ? "clientHeight" : "clientWidth", P = r.reference[b] + r.reference[h] - g[h] - r.floating[b], S = g[h] - r.reference[h], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l));
-    let B = $ ? $[C] : 0;
-    (!B || !await (n.isElement == null ? void 0 : n.isElement($))) && (B = i.floating[C] || r.floating[b]);
-    const x = P / 2 - S / 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;
+    }, 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;
     return {
       [h]: g[h] + Z,
       data: {
@@ -2475,12 +2475,12 @@ 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), E = Eo(i), C = rt(i) === i, P = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), S = g || (C || !_ ? [re(i)] : kr(i)), $ = b !== "none";
-      !g && $ && S.push(...Cr(i, _, b, P));
-      const B = [i, ...S], x = await a.detectOverflow(o, w), L = [];
+      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 F = ((s = r.flip) == null ? void 0 : s.overflows) || [];
       if (u && L.push(x[z]), v) {
         const D = xr(c, n, P);
@@ -2492,9 +2492,9 @@ const Er = 50, Pr = 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" ? E !== Eo(X) : !1) || // We leave the current main axis only if every placement on that axis
+        if (X && (!(v === "alignment" ? I !== 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) === E ? G.overflows[0] > 0 : !0)))
+        F.every((G) => Eo(G.placement) === I ? G.overflows[0] > 0 : !0)))
           return {
             data: {
               index: D,
@@ -2510,9 +2510,9 @@ const Er = 50, Pr = async (t, o, e) => {
             case "bestFit": {
               var j;
               const Z = (j = F.filter((G) => {
-                if ($) {
+                if (C) {
                   const lo = Eo(G.placement);
-                  return lo === E || // Create a bias to the `y` side axis due to horizontal
+                  return lo === I || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   lo === "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 E = _ - u.top - u.bottom, C = b - u.left - u.right, P = No(_ - u[w], E), S = No(b - u[z], C), $ = !o.middlewareData.shift;
-      let B = P, x = S;
-      if ((e = o.middlewareData.shift) != null && e.enabled.x && (x = C), (s = o.middlewareData.shift) != null && s.enabled.y && (B = E), $ && !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 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(), E = ao(_), C = z.left + (_.clientLeft + parseFloat(E.paddingLeft)) * w.x, P = z.top + (_.clientTop + parseFloat(E.paddingTop)) * w.y;
-      a *= w.x, l *= w.y, u *= w.x, v *= w.y, a += C, l += P, 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 Xr(t) {
     y: i
   };
 }
-const Ps = 25;
+const Is = 25;
 function Zr(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 Zr(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 Wr(t, o) {
     y: l
   };
 }
-function Is(t, o, e) {
+function Ps(t, o, e) {
   let s;
   if (o === "viewport")
     s = Zr(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 {
@@ -3103,13 +3103,13 @@ function en(t, o) {
     } = l;
     if (i || o(), !g || !h)
       return;
-    const b = Yt(v), _ = Yt(c.clientWidth - (u + g)), w = Yt(c.clientHeight - (v + h)), z = Yt(u), C = {
+    const b = Yt(v), _ = Yt(c.clientWidth - (u + g)), w = Yt(c.clientHeight - (v + h)), z = Yt(u), S = {
       rootMargin: -b + "px " + -_ + "px " + -w + "px " + -z + "px",
       threshold: Q(0, No(1, a)) || 1
     };
     let P = !0;
-    function S($) {
-      const B = $[0].intersectionRatio;
+    function A(C) {
+      const B = C[0].intersectionRatio;
       if (B !== a) {
         if (!P)
           return n();
@@ -3120,13 +3120,13 @@ function en(t, o) {
       B === 1 && !bc(l, t.getBoundingClientRect()) && n(), P = !1;
     }
     try {
-      e = new IntersectionObserver(S, {
-        ...C,
+      e = new IntersectionObserver(A, {
+        ...S,
         // Handle <iframe>s
         root: c.ownerDocument
       });
     } catch {
-      e = new IntersectionObserver(S, C);
+      e = new IntersectionObserver(A, S);
     }
     e.observe(t);
   }
@@ -3149,10 +3149,10 @@ 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 [E] = z;
-    E && E.target === l && h && o && (h.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-      var C;
-      (C = h) == null || C.observe(o);
+    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();
   }), l && !a && h.observe(l), o && h.observe(o));
   let b, _ = a ? nt(t) : null;
@@ -3163,12 +3163,12 @@ function sn(t, o, e, s) {
   }
   return e(), () => {
     var z;
-    u.forEach((E) => {
-      c && E.removeEventListener("scroll", e), r && E.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 C, P;
+    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;
@@ -3230,10 +3230,10 @@ var pn = class {
         b = o;
         break;
     }
-    const _ = getComputedStyle(h), z = u ? 0 : ((S) => {
-      const $ = parseFloat(S);
-      return S.trim().endsWith("rem") ? $ * 16 : $;
-    })(_.getPropertyValue("--cds-popover-offset").trim()) ?? 10, E = [
+    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 = [
       cn(u ? 0 : {
         alignmentAxis: a,
         mainAxis: e ? z : 4
@@ -3280,10 +3280,10 @@ var pn = class {
         fallbackAxisSideDirection: "start",
         boundary: l
       }),
-      ...n && (b === "bottom" || b === "top") ? [Ts({ apply({ rects: S, elements: $ }) {
-        $.floating.style.width = `${S.reference.width}px`;
-      } })] : [Ts({ apply({ elements: S }) {
-        S.floating.style.removeProperty("width");
+      ...n && (b === "bottom" || b === "top") ? [Ts({ apply({ rects: A, elements: C }) {
+        C.floating.style.width = `${A.reference.width}px`;
+      } })] : [Ts({ apply({ elements: A }) {
+        A.floating.style.removeProperty("width");
       } })],
       ...e && t ? [an({
         element: t,
@@ -3292,12 +3292,12 @@ var pn = class {
       nn()
     ];
     if (i) {
-      const { x: S, y: $, placement: B, middlewareData: x, strategy: L } = await dn(s, h, {
+      const { x: A, y: C, placement: B, middlewareData: x, strategy: L } = await dn(s, h, {
         strategy: "fixed",
-        middleware: E,
+        middleware: I,
         placement: b
       });
-      if (h.setAttribute("align", B), h.style.left = `${S}px`, h.style.top = `${$}px`, h.style.position = `${L}`, h.style.visibility = (C = x.hide) != null && C.referenceHidden ? "hidden" : "visible", t) {
+      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) {
         const { x: F, y: U } = x.arrow, R = {
           top: "bottom",
           right: "left",
@@ -3501,8 +3501,8 @@ let W = (tt = class extends Zt(y) {
     return "cds-custom-popover-closed";
   }
 }, Jt = tt, tt.styles = gc, tt);
-p([Pt("slot")], W.prototype, "_triggerSlotNode", void 0);
-p([Pt('slot[name="content"]')], W.prototype, "_contentSlotNode", void 0);
+p([It("slot")], W.prototype, "_triggerSlotNode", void 0);
+p([It('slot[name="content"]')], W.prototype, "_contentSlotNode", void 0);
 p([d({
   reflect: !0,
   type: String
@@ -3616,7 +3616,7 @@ to = p([H("cds-custom-popover-content")], to);
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const I = "ibm-automation-cds", k = "automation-global-header", ut = "automation--header", Ms = "automation-header-navigation-action", $e = "automation--header__popover__label--profile", ln = `${I}-app-switcher-button`, un = `${I}-env-switcher-button`, Ns = `${I}-help-menu-button`, mn = `${I}-chatbot-menu-button`, vn = `${I}-notifications-button`, hn = `${I}-profile-menu-button`, bn = `${I}-search-button`, yc = `${I}-solis-sidekick-button`, _c = `${I}-solis-switcher-button`, gn = `${I}-trial-popover-button`, Ls = "global-header", fn = "refresh-header-options", yn = {
+const O = "ibm-automation-cds", k = "automation-global-header", ut = "automation--header", Ms = "automation-header-navigation-action", $e = "automation--header__popover__label--profile", ln = `${O}-app-switcher-button`, un = `${O}-env-switcher-button`, Ns = `${O}-help-menu-button`, mn = `${O}-chatbot-menu-button`, vn = `${O}-notifications-button`, hn = `${O}-profile-menu-button`, bn = `${O}-search-button`, yc = `${O}-solis-sidekick-button`, _c = `${O}-solis-switcher-button`, gn = `${O}-trial-popover-button`, Ls = "global-header", fn = "refresh-header-options", yn = {
   brand: {
     company: "",
     product: ""
@@ -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, E, C, P, S, $, 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
@@ -4628,7 +4628,7 @@ let eo = class extends y {
                         ${x.label}
                       </cds-custom-side-nav-menu-item>
                     ` : m` <cds-custom-side-nav-menu-item
-                      class="${I}--side-nav__link-text"
+                      class="${O}--side-nav__link-text"
                       href="${x == null ? void 0 : x.href}"
                       target="${x.newTab ? "_blank" : f}"
                       rel="noreferrer"
@@ -4636,7 +4636,7 @@ let eo = class extends y {
                       role="link"
                       ?active="${this.isHybridIpaas ? window.location.href.includes(x == null ? void 0 : x.href) : x == null ? void 0 : x.isActive}">
                       <span
-                        class="${I}--side-panel-nav-item__link">
+                        class="${O}--side-panel-nav-item__link">
                         ${x.label}
                         ${x.newTabIcon && m`<span class="launch_icon"
                           >${N("Launch", 16)}</span
@@ -4645,8 +4645,8 @@ let eo = class extends y {
                     </cds-custom-side-nav-menu-item>`)}
             </cds-custom-side-nav-menu>
           ` : this.isOnClickAvailable || (n = this.link) != null && n.onClick ? m` <cds-custom-side-nav-link
-              class="${mo(`${I}--side-nav__link`, {
-      [`${I}--side-nav__link--current`]: this.isActive
+              class="${mo(`${O}--side-nav__link`, {
+      [`${O}--side-nav__link--current`]: this.isActive
     })}"
               role="link"
               ?active="${this.isActive}"
@@ -4660,8 +4660,8 @@ let eo = class extends y {
               ${this.getIcon((l = this.link) == null ? void 0 : l.iconName, (u = this.link) == null ? void 0 : u.productIcon)}${(v = this.link) == null ? void 0 : v.label}
             </cds-custom-side-nav-link>` : m`
               <cds-custom-side-nav-link
-                class="${mo(`${I}--side-nav__link`, {
-      [`${I}--side-nav__link--current`]: this.isActive
+                class="${mo(`${O}--side-nav__link`, {
+      [`${O}--side-nav__link--current`]: this.isActive
     })}"
                 role="link"
                 ?active="${this.isActive}"
@@ -4684,20 +4684,20 @@ let eo = class extends y {
           ?open="${this._isHoveringOnSideNavItem}"
           align="right"
           dropShadow="false"
-          class="${I}--side-panel-nav-item__popover-content">
+          class="${O}--side-panel-nav-item__popover-content">
           <span style="display: none;"></span>
           <cds-custom-side-nav-link
             role="link"
             href="${(z = this.link) == null ? void 0 : z.href}"
-            @click="${(E = this.link) == null ? void 0 : E.onClick}"
-            title="${(C = this.link) == null ? void 0 : C.label}"
+            @click="${(I = this.link) == null ? void 0 : I.onClick}"
+            title="${(S = this.link) == null ? void 0 : S.label}"
             class="${mo({
-      [`${I}--side-nav__link--current`]: this.isActive
+      [`${O}--side-nav__link--current`]: this.isActive
     })}"
             @mouseleave="${() => this._setIsHoveringOnSideNavItem(!1)}"
             @mouseenter="${() => this._setIsHoveringOnSideNavItem(!0)}"
             large="${!this.isHybridIpaas}">
-            ${(P = this.link) != null && P.iconName ? N((S = this.link) == null ? void 0 : S.iconName, 16, o) : ($ = this.link) == null ? void 0 : $.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 })
@@ -5531,7 +5531,7 @@ let de = class extends y {
     return m` <cds-custom-header-nav
       aria-label="Navigation"
       class="${mo(
-      I,
+      O,
       `${Ms}__menu`
     )}">
       ${this.noAuthHeaderLinks && this.noAuthHeaderLinks.map((t) => m`
@@ -6134,7 +6134,7 @@ let $o = class extends y {
       return m`<cds-custom-header-menu
         menu-label="Help"
         id="${Ns}"
-        class="${I}__help-menu"
+        class="${O}__help-menu"
         trigger-content="Help"
         tabindex="${this.isTrialOpen ? -1 : 0}">
         ${o == null ? void 0 : o.map((e) => m`
@@ -6156,7 +6156,7 @@ let $o = class extends y {
         aria-label="open assistance side panel"
         tooltipAlignment="center"
         tabindex="${this.isTrialOpen ? -1 : 0}"
-        class="${I}__help-menu"
+        class="${O}__help-menu"
         @click="${(t) => this.handleAssistmeToggleClick(t)}">
         ${N("Help", 20, "icon")}
       </cds-custom-header-global-action>
@@ -6191,7 +6191,7 @@ let $o = class extends y {
           role="button"
           aria-label="Launch Chat"
           tooltipAlignment="center"
-          class="${I}__globalaction"
+          class="${O}__globalaction"
           tabindex="${this.isTrialOpen ? -1 : 0}"
           @click="${() => this._toggleAIChat(t.onClick)}">
           ${N("AiLaunch", 20, "icon")}
@@ -6207,7 +6207,7 @@ let $o = class extends y {
           role="button"
           aria-label="Solis sidekick"
           tooltipAlignment="center"
-          class="${I}__globalaction"
+          class="${O}__globalaction"
           id="${yc}">
           ${N("ChartVennDiagram", 20, "icon")}
         </cds-custom-header-global-action>
@@ -6222,7 +6222,7 @@ let $o = class extends y {
           role="button"
           aria-label="Solis switcher"
           tooltipAlignment="center"
-          class="${I}__globalaction"
+          class="${O}__globalaction"
           id="${_c}">
           ${N("Switcher", 20, "icon")}
         </cds-custom-header-global-action>
@@ -6270,7 +6270,7 @@ let $o = class extends y {
             aria-label="${o.label}"
             tooltip-text="${T(o.tooltip)}"
             tooltip-position="bottom"
-            class="${I}__globalaction"
+            class="${O}__globalaction"
             @click="${o.onClick}">
             ${N(o.carbonIcon, 20, "icon")}
           </cds-custom-header-global-action>
@@ -6544,10 +6544,10 @@ 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, E, C, P, S, $, B, x, L, F, 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, F, U;
     return m`
       <cds-custom-header
-        class="${I}__header"
+        class="${O}__header"
         aria-label="${(o = (t = this.headerProps) == null ? void 0 : t.brand) == null ? void 0 : o.company} ${(s = (e = this.headerProps) == null ? void 0 : e.brand) == null ? void 0 : s.product}">
         ${this.headerProps && ((c = this.headerProps) != null && c.sideNav) ? m`
               <cds-custom-header-menu-button
@@ -6557,17 +6557,17 @@ let Co = class extends y {
             ` : f}
         <slot name="header-logo"></slot>
         <cds-custom-header-name
-          class="${I}__header-name"
+          class="${O}__header-name"
           prefix="${((n = (r = this.headerProps) == null ? void 0 : r.brand) == null ? void 0 : n.company) ?? "IBM"}">
-          <span class="${I}__product-type"
+          <span class="${O}__product-type"
             >${((a = (i = this.headerProps) == null ? void 0 : i.brand) == null ? void 0 : a.product) ?? f}</span
           >
         </cds-custom-header-name>
-        <span class="${I}__capability-name"
+        <span class="${O}__capability-name"
           >${((u = (l = this.headerProps) == null ? void 0 : l.capabilityName) == null ? void 0 : u.label) ?? f}</span
         >
         <clabs-global-header-context
-          class="${I}__global"
+          class="${O}__global"
           .props="${{ ...this.headerProps }}"
           .assistMeScriptLoaded="${this.assistMeScriptLoaded}"
           ?hasNewNotifications="${this.hasNewNotifications}"></clabs-global-header-context>
@@ -6577,10 +6577,10 @@ let Co = class extends y {
                 collapse-mode="${typeof this.headerProps.sideNav.isCollapsible < "u" && this.headerProps.sideNav.isCollapsible ? "rail" : "responsive"}"
                 ?is-not-persistent="${!!(typeof this.headerProps.sideNav.isCollapsible < "u" && this.headerProps.sideNav.isCollapsible)}"
                 class="${mo({
-      [`${I}--rail-sidePanel`]: typeof this.headerProps.sideNav.isCollapsible < "u" && !this.headerProps.sideNav.isCollapsible
+      [`${O}--rail-sidePanel`]: typeof this.headerProps.sideNav.isCollapsible < "u" && !this.headerProps.sideNav.isCollapsible
     })}">
                 <cds-custom-side-nav-items
-                  class="${I}__side-nav-items">
+                  class="${O}__side-nav-items">
                   <!-- sideNav group array render  -->
                   ${(_ = (b = this.headerProps) == null ? void 0 : b.sideNav) != null && _.groups ? m`
                         ${(z = (w = this.headerProps.sideNav) == null ? void 0 : w.groups) == null ? void 0 : z.map(
@@ -6612,7 +6612,7 @@ let Co = class extends y {
 
                   <!-- sideNav link render -->
                   ${this.headerProps.sideNav.links && this.headerProps.sideNav.links.length > 0 ? m`
-                        ${(C = (E = this.headerProps.sideNav) == null ? void 0 : E.links) == null ? void 0 : C.map((R) => {
+                        ${(S = (I = this.headerProps.sideNav) == null ? void 0 : I.links) == null ? void 0 : S.map((R) => {
       var j, D, X;
       return m`
 												<clabs-global-header-side-nav-item
@@ -6632,13 +6632,13 @@ let Co = class extends y {
               </clabs-global-header-wide-side-nav>
             ` : f}
         ${this.headerProps && this.headerProps.sideNavPropsV2 ? m`<cds-custom-side-nav
-              aria-label=${((S = (P = this.headerProps) == null ? void 0 : P.sideNavPropsV2) == null ? void 0 : S.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 = ($ = this.headerProps) == null ? void 0 : $.sideNavPropsV2) == null ? void 0 : B.isCollapsible) < "u" && !((L = (x = this.headerProps) == null ? void 0 : x.sideNav) != null && L.isCollapsible))}"
+              ?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))}"
               class="
 							${mo({
-      [`${I}--rail-sidePanel`]: typeof this.headerProps.sideNavPropsV2.isCollapsible < "u" && !this.headerProps.sideNavPropsV2.isCollapsible
+      [`${O}--rail-sidePanel`]: typeof this.headerProps.sideNavPropsV2.isCollapsible < "u" && !this.headerProps.sideNavPropsV2.isCollapsible
     })}">
               ${(U = (F = this.headerProps.sideNavPropsV2) == null ? void 0 : F.links) == null ? void 0 : U.map((R) => {
       var j, D, X;
@@ -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.config = o, this.tokenRefreshInterval = o.tokenRefreshInterval || 25, this.idleTimeoutInterval = o.idleTimeoutInterval || 28, this.basePath = o.basePath, this.activityEvents = [
+    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 = [
       "mousedown",
       "mousemove",
       "keypress",
@@ -6711,7 +6711,7 @@ class pa {
       "touchstart",
       "click",
       "focus"
-    ], this.isIdle = !1, this.idleTimeout = void 0, this.boundSetActive = () => this.setActive(), this.softLogoutUrl = o.softLogoutUrl, this.softLogoutCallback = o.softLogoutCallback;
+    ], this.isIdle = !1, this.idleTimeout = void 0, this.boundSetActive = () => this.setActive(), this.logoutUrl = o.logoutUrl, this.logoutCallback = o.logoutCallback;
   }
   startRefreshSchedule() {
     this.refreshIntervalId = window.setInterval(
@@ -6734,7 +6734,7 @@ class pa {
         method: "GET",
         credentials: "same-origin"
       });
-      e.ok ? console.log("Solis token refresh successful") : 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.performSoftLogout()) : console.error("Solis token refresh failed:", e.status);
+      e.ok ? console.log("Solis token refresh successful") : 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);
     } catch (e) {
       console.error("Solis token refresh error:", e.message);
     }
@@ -6761,7 +6761,10 @@ class pa {
     );
   }
   async setIdle() {
-    this.isIdle = !0, await this.checkSessionStatus() || await this.performSoftLogout();
+    if (this.isIdle = !0, !await this.checkSessionStatus()) {
+      await this.performLogout();
+      return;
+    }
   }
   isTabIdle() {
     return this.isIdle;
@@ -6777,8 +6780,10 @@ class pa {
       return console.error("Solis session status unknown:", e.message), !1;
     }
   }
-  async performSoftLogout() {
-    this.stopRefreshSchedule(), this.unregisterActivityListeners();
+  async performLogout() {
+    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, {
@@ -6789,29 +6794,51 @@ class pa {
     } catch (e) {
       console.error("Solis session logout error:", e.message);
     }
-    if (this.softLogoutCallback)
+    if (this.logoutCallback)
       try {
-        await this.softLogoutCallback();
+        await this.logoutCallback();
       } catch (e) {
-        console.error("Soft logout failed with error: ", e.message);
+        console.error("Logout failed with error: ", e.message);
       }
     this.redirect(
-      this.softLogoutUrl ?? (this.basePath ? `${this.basePath}/logout` : "/logout")
+      this.logoutUrl ?? (this.basePath ? `${this.basePath}/logout` : "/logout")
     );
   }
+  startSessionStatusPolling() {
+    const o = async () => {
+      if (!await this.checkSessionStatus()) {
+        await this.performLogout();
+        return;
+      }
+      this.sessionStatusIntervalId = window.setTimeout(
+        o,
+        this.sessionStatusInterval * 1e3
+      );
+    };
+    this.sessionStatusIntervalId = window.setTimeout(
+      o,
+      this.sessionStatusInterval * 1e3
+    );
+  }
+  stopSessionStatusPolling() {
+    this.sessionStatusIntervalId && (clearTimeout(this.sessionStatusIntervalId), this.sessionStatusIntervalId = null);
+  }
+  isPollingRunning() {
+    return this.sessionStatusIntervalId !== null;
+  }
   redirect(o) {
     window.location.href = o;
   }
 }
-var la = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, O = (t, o, e, s) => {
+var la = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, E = (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 A = class extends y {
+let $ = 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.softLogoutUrl = "", 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.logoutUrl = "", this.headerOptions = {
       ...yn,
       brand: {
         company: "IBM",
@@ -6831,7 +6858,7 @@ let A = class extends y {
     super.connectedCallback(), document.addEventListener(Ls, this._customEventListener);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.sessionManager && (this.sessionManager.stopRefreshSchedule(), this.sessionManager.unregisterActivityListeners(), this.sessionManager = null), document.removeEventListener(Ls, this._customEventListener);
+    super.disconnectedCallback(), this.sessionManager && (this.sessionManager.stopRefreshSchedule(), this.sessionManager.stopSessionStatusPolling(), this.sessionManager.unregisterActivityListeners(), this.sessionManager = null), document.removeEventListener(Ls, this._customEventListener);
   }
   // reload the header options whenever the custom event is received
   _customEventListener(t) {
@@ -6880,10 +6907,11 @@ let A = class extends y {
       }), this.sessionManager = new pa({
         tokenRefreshInterval: this.solisSessionRefreshInterval,
         idleTimeoutInterval: this.solisIdleTimeoutInterval,
+        sessionStatusInterval: this.solisSessionStatusInterval,
         basePath: this.basePath,
-        softLogoutCallback: t,
-        softLogoutUrl: this.softLogoutUrl || void 0
-      }), this.sessionManager.startRefreshSchedule(), this.sessionManager.registerActivityListeners();
+        logoutCallback: t,
+        logoutUrl: this.logoutUrl || void 0
+      }), this.sessionManager.startRefreshSchedule(), this.sessionManager.startSessionStatusPolling(), this.sessionManager.registerActivityListeners();
     }
   }
   initCookiePrefsLink() {
@@ -6907,7 +6935,10 @@ let A = class extends y {
       carbonIcon: "Logout",
       arialLabel: "Logout"
     };
-    return this.logoutCallback ? t.onClickHandler = this.logoutCallback : this.logoutCallbackEvent ? t.onClickHandler = () => {
+    return this.solisSessionManagerEnabled ? t.onClickHandler = () => {
+      var o;
+      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,
         cancelable: !0
@@ -7044,122 +7075,128 @@ let A = class extends y {
     </div>`;
   }
 };
-A.styles = K`
+$.styles = K`
     ${co(da)}
   `;
-O([
+E([
   d({ type: String })
-], A.prototype, "productName", 2);
-O([
+], $.prototype, "productName", 2);
+E([
   d({ type: String })
-], A.prototype, "productKey", 2);
-O([
+], $.prototype, "productKey", 2);
+E([
   d({ type: Object })
-], A.prototype, "fetchHeaders", 2);
-O([
+], $.prototype, "fetchHeaders", 2);
+E([
   d({ type: Boolean })
-], A.prototype, "solisSwitcherEnabled", 2);
-O([
+], $.prototype, "solisSidekickEnabled", 2);
+E([
+  d({ type: Boolean })
+], $.prototype, "solisSwitcherEnabled", 2);
+E([
   d({ type: String })
-], A.prototype, "solisEnvironment", 2);
-O([
+], $.prototype, "solisEnvironment", 2);
+E([
   d({ type: Boolean })
-], A.prototype, "solisDevMode", 2);
-O([
+], $.prototype, "solisDevMode", 2);
+E([
   d({ type: String })
-], A.prototype, "basePath", 2);
-O([
+], $.prototype, "basePath", 2);
+E([
   d({ type: String })
-], A.prototype, "displayName", 2);
-O([
+], $.prototype, "displayName", 2);
+E([
   d({ type: String })
-], A.prototype, "userEmail", 2);
-O([
+], $.prototype, "userEmail", 2);
+E([
   d({ type: String })
-], A.prototype, "productVersion", 2);
-O([
+], $.prototype, "productVersion", 2);
+E([
   d({ type: String })
-], A.prototype, "assistMeKey", 2);
-O([
+], $.prototype, "assistMeKey", 2);
+E([
   d({ type: Function })
-], A.prototype, "aiCallback", 2);
-O([
+], $.prototype, "aiCallback", 2);
+E([
   d({ type: String })
-], A.prototype, "aiCallbackEvent", 2);
-O([
+], $.prototype, "aiCallbackEvent", 2);
+E([
   d({ type: Function })
-], A.prototype, "logoutCallback", 2);
-O([
+], $.prototype, "logoutCallback", 2);
+E([
   d({ type: String })
-], A.prototype, "logoutCallbackEvent", 2);
-O([
+], $.prototype, "logoutCallbackEvent", 2);
+E([
   d({ type: Function })
-], A.prototype, "notificationOpenCallback", 2);
-O([
+], $.prototype, "notificationOpenCallback", 2);
+E([
   d({ type: String })
-], A.prototype, "notificationOpenCallbackEvent", 2);
-O([
+], $.prototype, "notificationOpenCallbackEvent", 2);
+E([
   d({ type: Function })
-], A.prototype, "searchCallback", 2);
-O([
+], $.prototype, "searchCallback", 2);
+E([
   d({ type: String })
-], A.prototype, "searchCallbackEvent", 2);
-O([
+], $.prototype, "searchCallbackEvent", 2);
+E([
   d({ type: Function })
-], A.prototype, "searchSubmitCallback", 2);
-O([
+], $.prototype, "searchSubmitCallback", 2);
+E([
   d({ type: String })
-], A.prototype, "searchSubmitCallbackEvent", 2);
-O([
+], $.prototype, "searchSubmitCallbackEvent", 2);
+E([
   d({ type: Boolean })
-], A.prototype, "hasNewNotifications", 2);
-O([
+], $.prototype, "hasNewNotifications", 2);
+E([
   d({ type: Object })
-], A.prototype, "searchConfigs", 2);
-O([
+], $.prototype, "searchConfigs", 2);
+E([
   d({ type: Array })
-], A.prototype, "capabilityProfileFooterLinks", 2);
-O([
+], $.prototype, "capabilityProfileFooterLinks", 2);
+E([
   d({ type: Array })
-], A.prototype, "capabilityGlobalActions", 2);
-O([
+], $.prototype, "capabilityGlobalActions", 2);
+E([
   d({ type: Boolean })
-], A.prototype, "addCookiePreferences", 2);
-O([
+], $.prototype, "addCookiePreferences", 2);
+E([
   d({ type: Boolean })
-], A.prototype, "forceBackendProxy", 2);
-O([
+], $.prototype, "forceBackendProxy", 2);
+E([
   d({ type: Boolean })
-], A.prototype, "solisSessionManagerEnabled", 2);
-O([
+], $.prototype, "solisSessionManagerEnabled", 2);
+E([
+  d({ type: Number })
+], $.prototype, "solisSessionRefreshInterval", 2);
+E([
   d({ type: Number })
-], A.prototype, "solisSessionRefreshInterval", 2);
-O([
+], $.prototype, "solisIdleTimeoutInterval", 2);
+E([
   d({ type: Number })
-], A.prototype, "solisIdleTimeoutInterval", 2);
-O([
+], $.prototype, "solisSessionStatusInterval", 2);
+E([
   d({ type: String })
-], A.prototype, "softLogoutUrl", 2);
-O([
+], $.prototype, "logoutUrl", 2);
+E([
   go()
-], A.prototype, "headerOptions", 2);
-A = O([
+], $.prototype, "headerOptions", 2);
+$ = E([
   so(`${ma}-global-header-hybrid-ipaas`)
-], A);
+], $);
 export {
   k as A,
   Co as C,
   fo as F,
   q as H,
-  In as _,
+  Pn as _,
   Zt as a,
-  A as b,
+  $ as b,
   mr as c,
   p as d,
   m as e,
   H as f,
   Y as g,
-  Pt as h,
+  It as h,
   K as i,
   y as j,
   Ft as k,

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

@@ -1,5 +1,5 @@
 import E from "react";
-import { b as A } from "./HybridIpaasHeader-BRj_MeIa.mjs";
+import { b as A } from "./HybridIpaasHeader-C1d3BtRJ.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-BRj_MeIa.mjs";
-import { b as De } from "./HybridIpaasHeader-BRj_MeIa.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-C1d3BtRJ.mjs";
+import { b as De } from "./HybridIpaasHeader-C1d3BtRJ.mjs";
 var le = {
   elem: "svg",
   attrs: {

package/package.json

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