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

package/es/{HybridIpaasHeader-BRj_MeIa.mjs → HybridIpaasHeader-CBvppYUD.mjs}

@@ -884,7 +884,7 @@ 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: E, tooltipPosition: S, tooltipText: P, type: A, _hasIcon: $, hasMainContent: B, _handleSlotChange: x } = this;
     let L = {
       "cds-custom--btn": !0,
       [`cds-custom--btn--${a}`]: a,
@@ -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 = E && (S === "top" || S === "bottom") ? `-${E}` : "", j = Y({
       "cds-custom--popover-container": !0,
       "cds-custom--popover--caret": !0,
       "cds-custom--popover--high-contrast": !0,
       "cds-custom--tooltip": !0,
       "cds-custom--icon-tooltip": $,
       "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
@@ -2334,23 +2334,23 @@ async function Ar(t, o) {
     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,
+    offsetParent: S,
     strategy: a
   }) : E);
   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) => {
@@ -2380,9 +2380,9 @@ const Er = 50, Pr = async (t, o, e) => {
       name: z,
       fn: E
     } = w, {
-      x: C,
+      x: S,
       y: P,
-      data: S,
+      data: A,
       reset: $
     } = await E({
       x: u,
@@ -2398,9 +2398,9 @@ 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
+      ...A
     }, $ && h < Er && (h++, typeof $ == "object" && ($.placement && (g = $.placement), $.rects && (l = $.rects === !0 ? await n.getElementRects({
       reference: t,
       floating: o,
@@ -2438,10 +2438,10 @@ const Er = 50, Pr = async (t, o, e) => {
     const v = ac(u), g = {
       x: e,
       y: s
-    }, h = Ye(c), b = Ke(h), _ = await n.getDimensions(l), w = h === "y", z = w ? "top" : "left", 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", E = 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], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l));
+    let B = $ ? $[S] : 0;
+    (!B || !await (n.isElement == null ? void 0 : n.isElement($))) && (B = i.floating[S] || r.floating[b]);
+    const x = P / 2 - A / 2, L = B / 2 - _[b] / 2 - 1, F = No(v[z], L), U = No(v[E], L), R = F, j = B - _[b] - U, D = B / 2 - _[b] / 2 + x, X = yr(R, D, j), oo = !a.arrow && Ot(c) != null && D !== X && r.reference[b] / 2 - (D < R ? F : U) - _[b] / 2 < 0, Z = oo ? D < R ? D - R : D - j : 0;
     return {
       [h]: g[h] + Z,
       data: {
@@ -2478,9 +2478,9 @@ const Er = 50, Pr = async (t, o, e) => {
       } = It(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), E = Eo(i), S = rt(i) === i, P = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), A = g || (S || !_ ? [re(i)] : kr(i)), $ = b !== "none";
+      !g && $ && A.push(...Cr(i, _, b, 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);
@@ -2660,9 +2660,9 @@ const Lr = function(t) {
       } = r.floating;
       let w, z;
       v === "top" || v === "bottom" ? (w = v, z = g === (await (n.isRTL == null ? void 0 : n.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (z = v, w = g === "end" ? "top" : "bottom");
-      const 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 E = _ - u.top - u.bottom, S = b - u.left - u.right, P = No(_ - u[w], E), A = No(b - u[z], S), $ = !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 = E), $ && !g) {
         const F = Q(u.left, 0), U = Q(u.right, 0), R = Q(u.top, 0), j = Q(u.bottom, 0);
         h ? x = b - 2 * (F !== 0 || U !== 0 ? F + U : Q(u.left, u.right)) : B = _ - 2 * (R !== 0 || j !== 0 ? R + j : Q(u.top, u.bottom));
       }
@@ -2844,8 +2844,8 @@ function nt(t, o, e, s) {
     const g = J(r), h = s && io(s) ? J(s) : s;
     let b = g, _ = Le(b);
     for (; _ && s && h !== b; ) {
-      const w = vt(_), z = _.getBoundingClientRect(), 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(), E = ao(_), S = 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 += S, l += P, b = J(_), _ = Le(b);
     }
   }
   return ne({
@@ -3103,12 +3103,12 @@ 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($) {
+    function A($) {
       const B = $[0].intersectionRatio;
       if (B !== a) {
         if (!P)
@@ -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);
   }
@@ -3151,8 +3151,8 @@ function sn(t, o, e, s) {
   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);
+      var S;
+      (S = h) == null || S.observe(o);
     })), e();
   }), l && !a && h.observe(l), o && h.observe(o));
   let b, _ = a ? nt(t) : null;
@@ -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,9 +3230,9 @@ var pn = class {
         b = o;
         break;
     }
-    const _ = getComputedStyle(h), z = u ? 0 : ((S) => {
-      const $ = parseFloat(S);
-      return S.trim().endsWith("rem") ? $ * 16 : $;
+    const _ = getComputedStyle(h), z = u ? 0 : ((A) => {
+      const $ = parseFloat(A);
+      return A.trim().endsWith("rem") ? $ * 16 : $;
     })(_.getPropertyValue("--cds-popover-offset").trim()) ?? 10, E = [
       cn(u ? 0 : {
         alignmentAxis: a,
@@ -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: $ }) {
+        $.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: $, placement: B, middlewareData: x, strategy: L } = await dn(s, h, {
         strategy: "fixed",
         middleware: E,
         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 = `${$}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",
@@ -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: ""
@@ -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, E, S, P, A, $, 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}"
+            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) : ($ = this.link) == null ? void 0 : $.label}
           </cds-custom-side-nav-link>
           <cds-custom-popover-content
             >${(B = this.link) == null ? void 0 : B.label}</cds-custom-popover-content
@@ -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, E, S, P, A, $, 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 = (E = this.headerProps.sideNav) == null ? void 0 : E.links) == null ? void 0 : S.map((R) => {
       var j, D, X;
       return m`
 												<clabs-global-header-side-nav-item
@@ -6632,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))}"
               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;
@@ -6803,13 +6803,13 @@ class pa {
     window.location.href = o;
   }
 }
-var la = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, O = (t, o, e, s) => {
+var la = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, I = (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 C = class extends y {
   constructor() {
     super(), this.productName = null, this.productKey = "", this.fetchHeaders = {}, this.solisSidekickEnabled = !1, this.solisSwitcherEnabled = !1, this.solisEnvironment = "local", this.solisDevMode = !1, this.basePath = "", this.displayName = "", this.userEmail = "", this.productVersion = null, this.assistMeKey = "", this.aiCallbackEvent = "", this.logoutCallbackEvent = "", this.notificationOpenCallbackEvent = "", this.searchCallbackEvent = "", this.searchSubmitCallbackEvent = "", this.hasNewNotifications = !1, this.searchConfigs = null, this.capabilityProfileFooterLinks = [], this.capabilityGlobalActions = [], this.addCookiePreferences = !1, this.forceBackendProxy = !1, this.solisSessionManagerEnabled = !1, this.solisSessionRefreshInterval = 25, this.solisIdleTimeoutInterval = 28, this.softLogoutUrl = "", this.headerOptions = {
       ...yn,
@@ -7044,108 +7044,111 @@ let A = class extends y {
     </div>`;
   }
 };
-A.styles = K`
+C.styles = K`
     ${co(da)}
   `;
-O([
+I([
   d({ type: String })
-], A.prototype, "productName", 2);
-O([
+], C.prototype, "productName", 2);
+I([
   d({ type: String })
-], A.prototype, "productKey", 2);
-O([
+], C.prototype, "productKey", 2);
+I([
   d({ type: Object })
-], A.prototype, "fetchHeaders", 2);
-O([
+], C.prototype, "fetchHeaders", 2);
+I([
   d({ type: Boolean })
-], A.prototype, "solisSwitcherEnabled", 2);
-O([
+], C.prototype, "solisSidekickEnabled", 2);
+I([
+  d({ type: Boolean })
+], C.prototype, "solisSwitcherEnabled", 2);
+I([
   d({ type: String })
-], A.prototype, "solisEnvironment", 2);
-O([
+], C.prototype, "solisEnvironment", 2);
+I([
   d({ type: Boolean })
-], A.prototype, "solisDevMode", 2);
-O([
+], C.prototype, "solisDevMode", 2);
+I([
   d({ type: String })
-], A.prototype, "basePath", 2);
-O([
+], C.prototype, "basePath", 2);
+I([
   d({ type: String })
-], A.prototype, "displayName", 2);
-O([
+], C.prototype, "displayName", 2);
+I([
   d({ type: String })
-], A.prototype, "userEmail", 2);
-O([
+], C.prototype, "userEmail", 2);
+I([
   d({ type: String })
-], A.prototype, "productVersion", 2);
-O([
+], C.prototype, "productVersion", 2);
+I([
   d({ type: String })
-], A.prototype, "assistMeKey", 2);
-O([
+], C.prototype, "assistMeKey", 2);
+I([
   d({ type: Function })
-], A.prototype, "aiCallback", 2);
-O([
+], C.prototype, "aiCallback", 2);
+I([
   d({ type: String })
-], A.prototype, "aiCallbackEvent", 2);
-O([
+], C.prototype, "aiCallbackEvent", 2);
+I([
   d({ type: Function })
-], A.prototype, "logoutCallback", 2);
-O([
+], C.prototype, "logoutCallback", 2);
+I([
   d({ type: String })
-], A.prototype, "logoutCallbackEvent", 2);
-O([
+], C.prototype, "logoutCallbackEvent", 2);
+I([
   d({ type: Function })
-], A.prototype, "notificationOpenCallback", 2);
-O([
+], C.prototype, "notificationOpenCallback", 2);
+I([
   d({ type: String })
-], A.prototype, "notificationOpenCallbackEvent", 2);
-O([
+], C.prototype, "notificationOpenCallbackEvent", 2);
+I([
   d({ type: Function })
-], A.prototype, "searchCallback", 2);
-O([
+], C.prototype, "searchCallback", 2);
+I([
   d({ type: String })
-], A.prototype, "searchCallbackEvent", 2);
-O([
+], C.prototype, "searchCallbackEvent", 2);
+I([
   d({ type: Function })
-], A.prototype, "searchSubmitCallback", 2);
-O([
+], C.prototype, "searchSubmitCallback", 2);
+I([
   d({ type: String })
-], A.prototype, "searchSubmitCallbackEvent", 2);
-O([
+], C.prototype, "searchSubmitCallbackEvent", 2);
+I([
   d({ type: Boolean })
-], A.prototype, "hasNewNotifications", 2);
-O([
+], C.prototype, "hasNewNotifications", 2);
+I([
   d({ type: Object })
-], A.prototype, "searchConfigs", 2);
-O([
+], C.prototype, "searchConfigs", 2);
+I([
   d({ type: Array })
-], A.prototype, "capabilityProfileFooterLinks", 2);
-O([
+], C.prototype, "capabilityProfileFooterLinks", 2);
+I([
   d({ type: Array })
-], A.prototype, "capabilityGlobalActions", 2);
-O([
+], C.prototype, "capabilityGlobalActions", 2);
+I([
   d({ type: Boolean })
-], A.prototype, "addCookiePreferences", 2);
-O([
+], C.prototype, "addCookiePreferences", 2);
+I([
   d({ type: Boolean })
-], A.prototype, "forceBackendProxy", 2);
-O([
+], C.prototype, "forceBackendProxy", 2);
+I([
   d({ type: Boolean })
-], A.prototype, "solisSessionManagerEnabled", 2);
-O([
+], C.prototype, "solisSessionManagerEnabled", 2);
+I([
   d({ type: Number })
-], A.prototype, "solisSessionRefreshInterval", 2);
-O([
+], C.prototype, "solisSessionRefreshInterval", 2);
+I([
   d({ type: Number })
-], A.prototype, "solisIdleTimeoutInterval", 2);
-O([
+], C.prototype, "solisIdleTimeoutInterval", 2);
+I([
   d({ type: String })
-], A.prototype, "softLogoutUrl", 2);
-O([
+], C.prototype, "softLogoutUrl", 2);
+I([
   go()
-], A.prototype, "headerOptions", 2);
-A = O([
+], C.prototype, "headerOptions", 2);
+C = I([
   so(`${ma}-global-header-hybrid-ipaas`)
-], A);
+], C);
 export {
   k as A,
   Co as C,
@@ -7153,7 +7156,7 @@ export {
   q as H,
   In as _,
   Zt as a,
-  A as b,
+  C as b,
   mr as c,
   p as d,
   m as e,

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

@@ -1,5 +1,5 @@
 import E from "react";
-import { b as A } from "./HybridIpaasHeader-BRj_MeIa.mjs";
+import { b as A } from "./HybridIpaasHeader-CBvppYUD.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-CBvppYUD.mjs";
+import { b as De } from "./HybridIpaasHeader-CBvppYUD.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.91.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": "55dbaf4343491f29fb5219672897a20f7146f66c"
 }