@carbon-labs/wc-global-header 0.55.0 → 0.57.0

package/es/{HybridIpaasHeader-DpPUQj0S.mjs → HybridIpaasHeader-tfeToqxW.mjs}

@@ -367,7 +367,7 @@ const dt = {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const yo = globalThis, es = (o) => o, Do = yo.trustedTypes, ss = Do ? Do.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, qs = "$lit$", Lt = `lit$${Math.random().toFixed(9).slice(2)}$`, Vs = "?" + Lt, Lc = `<${Vs}>`, Qt = document, ko = () => Qt.createComment(""), zo = (o) => o === null || typeof o != "object" && typeof o != "function", Re = Array.isArray, Bc = (o) => Re(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", pe = `[ 	
+const yo = globalThis, es = (o) => o, Do = yo.trustedTypes, ss = Do ? Do.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, qs = "$lit$", Lt = `lit$${Math.random().toFixed(9).slice(2)}$`, Vs = "?" + Lt, Lc = `<${Vs}>`, Qt = document, ko = () => Qt.createComment(""), wo = (o) => o === null || typeof o != "object" && typeof o != "function", Re = Array.isArray, Bc = (o) => Re(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", pe = `[ 	
 \f\r]`, fo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, cs = /-->/g, rs = />/g, Ut = RegExp(`>|${pe}(?:([^\\s"'>=/]+)(${pe}*=${pe}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), ns = /'/g, is = /"/g, Us = /^(?:script|style|textarea|title)$/i, Rc = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), m = Rc(1), Dt = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), as = /* @__PURE__ */ new WeakMap(), Kt = Qt.createTreeWalker(Qt, 129);
 function Xs(o, t) {
@@ -386,13 +386,13 @@ const Hc = (o, t) => {
   }
   return [Xs(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class wo {
+class zo {
   constructor({ strings: t, _$litType$: e }, s) {
     let c;
     this.parts = [];
     let r = 0, n = 0;
     const a = t.length - 1, d = this.parts, [u, v] = Hc(t, e);
-    if (this.el = wo.createElement(u, s), Kt.currentNode = this.el.content, e === 2 || e === 3) {
+    if (this.el = zo.createElement(u, s), Kt.currentNode = this.el.content, e === 2 || e === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
@@ -427,7 +427,7 @@ function lo(o, t, e = o, s) {
   var n, a;
   if (t === Dt) return t;
   let c = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
-  const r = zo(t) ? void 0 : t._$litDirective$;
+  const r = wo(t) ? void 0 : t._$litDirective$;
   return (c == null ? void 0 : c.constructor) !== r && ((a = c == null ? void 0 : c._$AO) == null || a.call(c, !1), r === void 0 ? c = void 0 : (c = new r(o), c._$AT(o, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = c : e._$Cl = c), c !== void 0 && (t = lo(o, c._$AS(o, t.values), c, s)), t;
 }
 class Dc {
@@ -478,7 +478,7 @@ class Mo {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = lo(this, t, e), zo(t) ? t === x || t == null || t === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : t !== this._$AH && t !== Dt && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Bc(t) ? this.k(t) : this._(t);
+    t = lo(this, t, e), wo(t) ? t === x || t == null || t === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : t !== this._$AH && t !== Dt && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Bc(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -487,11 +487,11 @@ class Mo {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== x && zo(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Qt.createTextNode(t)), this._$AH = t;
+    this._$AH !== x && wo(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Qt.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var r;
-    const { values: e, _$litType$: s } = t, c = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = wo.createElement(Xs(s.h, s.h[0]), this.options)), s);
+    const { values: e, _$litType$: s } = t, c = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = zo.createElement(Xs(s.h, s.h[0]), this.options)), s);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === c) this._$AH.p(e);
     else {
       const n = new Dc(c, this), a = n.u(this.options);
@@ -500,7 +500,7 @@ class Mo {
   }
   _$AC(t) {
     let e = as.get(t.strings);
-    return e === void 0 && as.set(t.strings, e = new wo(t)), e;
+    return e === void 0 && as.set(t.strings, e = new zo(t)), e;
   }
   k(t) {
     Re(this._$AH) || (this._$AH = [], this._$AR());
@@ -534,11 +534,11 @@ class Jo {
   _$AI(t, e = this, s, c) {
     const r = this.strings;
     let n = !1;
-    if (r === void 0) t = lo(this, t, e, 0), n = !zo(t) || t !== this._$AH && t !== Dt, n && (this._$AH = t);
+    if (r === void 0) t = lo(this, t, e, 0), n = !wo(t) || t !== this._$AH && t !== Dt, n && (this._$AH = t);
     else {
       const a = t;
       let d, u;
-      for (t = r[0], d = 0; d < r.length - 1; d++) u = lo(this, a[s + d], e, d), u === Dt && (u = this._$AH[d]), n || (n = !zo(u) || u !== this._$AH[d]), u === x ? t = x : t !== x && (t += (u ?? "") + r[d + 1]), this._$AH[d] = u;
+      for (t = r[0], d = 0; d < r.length - 1; d++) u = lo(this, a[s + d], e, d), u === Dt && (u = this._$AH[d]), n || (n = !wo(u) || u !== this._$AH[d]), u === x ? t = x : t !== x && (t += (u ?? "") + r[d + 1]), this._$AH[d] = u;
     }
     n && !c && this.j(t);
   }
@@ -588,7 +588,7 @@ class Vc {
   }
 }
 const le = yo.litHtmlPolyfillSupport;
-le == null || le(wo, Mo), (yo.litHtmlVersions ?? (yo.litHtmlVersions = [])).push("3.3.2");
+le == null || le(zo, Mo), (yo.litHtmlVersions ?? (yo.litHtmlVersions = [])).push("3.3.2");
 const Uc = (o, t, e) => {
   const s = (e == null ? void 0 : e.renderBefore) ?? t;
   let c = s._$litPart$;
@@ -917,7 +917,7 @@ let M = class extends Po(Ct(k)) {
   }
   render() {
     var t, e, s;
-    const { autofocus: c, buttonClassName: r, dangerDescription: n, disabled: a, download: d, href: u, hreflang: v, kind: h, isExpressive: g, isSelected: b, linkRole: _, openTooltip: C, ping: S, rel: w, size: z, tabIndex: E, target: I, tooltipAlignment: L, tooltipPosition: T, tooltipText: $, type: y, _hasIcon: f, hasMainContent: j, _handleSlotChange: q } = this;
+    const { autofocus: c, buttonClassName: r, dangerDescription: n, disabled: a, download: d, href: u, hreflang: v, kind: h, isExpressive: g, isSelected: b, linkRole: _, openTooltip: C, ping: S, rel: z, size: w, tabIndex: E, target: I, tooltipAlignment: L, tooltipPosition: T, tooltipText: $, type: y, _hasIcon: f, hasMainContent: j, _handleSlotChange: q } = this;
     let F = {
       [`${i}--btn`]: !0,
       [`${i}--btn--${h}`]: h,
@@ -925,8 +925,8 @@ let M = class extends Po(Ct(k)) {
       [`${i}--btn--danger--ghost`]: h === Et.DANGER_GHOST,
       [`${i}--btn--disabled`]: a,
       [`${i}--btn--icon-only`]: f && !j,
-      [`${i}--btn--${z}`]: z,
-      [`${i}--layout--size-${z}`]: z,
+      [`${i}--btn--${w}`]: w,
+      [`${i}--layout--size-${w}`]: w,
       [`${i}-ce--btn--has-icon`]: f,
       [`${i}--btn--expressive`]: g,
       [`${i}--btn--selected`]: b && h === "ghost"
@@ -954,7 +954,7 @@ let M = class extends Po(Ct(k)) {
               href="${P(u)}"
               hreflang="${P(v)}"
               ping="${P(S)}"
-              rel="${P(w)}"
+              rel="${P(z)}"
               target="${P(I)}"
               type="${P(y)}"
               tabindex="${E}"
@@ -1256,10 +1256,10 @@ ke.directiveName = "unsafeHTML", ke.resultType = 1;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class ze extends ke {
+class we extends ke {
 }
-ze.directiveName = "unsafeSVG", ze.resultType = 2;
-const Gc = He(ze);
+we.directiveName = "unsafeSVG", we.resultType = 2;
+const Gc = He(we);
 function ps(o, t) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
@@ -1709,7 +1709,7 @@ mt = l([
   H(`${i}-side-nav`)
 ], mt);
 var Js = mt;
-let zt = class extends Ct(k) {
+let wt = class extends Ct(k) {
   constructor() {
     super(...arguments), this.active = !1, this.buttonLabelActive = "Close navigation menu", this.buttonLabelInactive = "Open navigation menu", this.collapseMode = pt.RESPONSIVE, this.disabled = !1, this.isNotChildOfHeader = !1;
   }
@@ -1749,32 +1749,32 @@ let zt = class extends Ct(k) {
     return `${i}-header-menu-button-toggled`;
   }
 };
-zt.shadowRootOptions = Object.assign(Object.assign({}, k.shadowRootOptions), { delegatesFocus: !0 });
-zt.styles = ft;
+wt.shadowRootOptions = Object.assign(Object.assign({}, k.shadowRootOptions), { delegatesFocus: !0 });
+wt.styles = ft;
 l([
   p({ type: Boolean, reflect: !0 })
-], zt.prototype, "active", void 0);
+], wt.prototype, "active", void 0);
 l([
   p({ attribute: "button-label-active" })
-], zt.prototype, "buttonLabelActive", void 0);
+], wt.prototype, "buttonLabelActive", void 0);
 l([
   p({ attribute: "button-label-inactive" })
-], zt.prototype, "buttonLabelInactive", void 0);
+], wt.prototype, "buttonLabelInactive", void 0);
 l([
   p({ reflect: !0, attribute: "collapse-mode" })
-], zt.prototype, "collapseMode", void 0);
+], wt.prototype, "collapseMode", void 0);
 l([
   p({ type: Boolean, reflect: !0 })
-], zt.prototype, "disabled", void 0);
+], wt.prototype, "disabled", void 0);
 l([
   p({
     type: Boolean,
     attribute: "is-not-child-of-header"
   })
-], zt.prototype, "isNotChildOfHeader", void 0);
-zt = l([
+], wt.prototype, "isNotChildOfHeader", void 0);
+wt = l([
   H(`${i}-header-menu-button`)
-], zt);
+], wt);
 let rt = class extends Ct(k) {
   constructor() {
     super(...arguments), this.isActive = !1, this.role = "listitem";
@@ -1911,15 +1911,15 @@ l([
 qo = l([
   H(`${i}-header-side-nav-items`)
 ], qo);
-let we = class extends k {
+let ze = class extends k {
   connectedCallback() {
     this.hasAttribute("role") || this.setAttribute("role", "separator"), super.connectedCallback();
   }
 };
-we.styles = oo;
-we = l([
+ze.styles = oo;
+ze = l([
   H(`${i}-side-nav-divider`)
-], we);
+], ze);
 let $e = class extends k {
   connectedCallback() {
     this.hasAttribute("role") || this.setAttribute("role", "list"), super.connectedCallback();
@@ -2343,7 +2343,7 @@ function kr(o, t, e) {
       return [];
   }
 }
-function zr(o, t, e, s) {
+function wr(o, t, e, s) {
   const c = bo(o);
   let r = kr(Jt(o), e === "start", s);
   return c && (r = r.map((n) => n + "-" + c), t && (r = r.concat(r.map(Se)))), r;
@@ -2351,7 +2351,7 @@ function zr(o, t, e, s) {
 function Uo(o) {
   return o.replace(/left|right|bottom|top/g, (t) => mr[t]);
 }
-function wr(o) {
+function zr(o) {
   return {
     top: 0,
     right: 0,
@@ -2361,7 +2361,7 @@ function wr(o) {
   };
 }
 function oc(o) {
-  return typeof o != "number" ? wr(o) : {
+  return typeof o != "number" ? zr(o) : {
     top: o,
     right: o,
     bottom: o,
@@ -2450,12 +2450,12 @@ async function $r(o, t) {
     elementContext: h = "floating",
     altBoundary: g = !1,
     padding: b = 0
-  } = ho(t, o), _ = oc(b), S = a[g ? h === "floating" ? "reference" : "floating" : h], w = Xo(await r.getClippingRect({
+  } = ho(t, o), _ = oc(b), S = a[g ? h === "floating" ? "reference" : "floating" : h], z = Xo(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(S))) == null || e ? S : S.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: v,
     strategy: d
-  })), z = h === "floating" ? {
+  })), w = h === "floating" ? {
     x: s,
     y: c,
     width: n.floating.width,
@@ -2468,15 +2468,15 @@ async function $r(o, t) {
     y: 1
   }, L = Xo(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
-    rect: z,
+    rect: w,
     offsetParent: E,
     strategy: d
-  }) : z);
+  }) : w);
   return {
-    top: (w.top - L.top + _.top) / I.y,
-    bottom: (L.bottom - w.bottom + _.bottom) / I.y,
-    left: (w.left - L.left + _.left) / I.x,
-    right: (L.right - w.right + _.right) / I.x
+    top: (z.top - L.top + _.top) / I.y,
+    bottom: (L.bottom - z.bottom + _.bottom) / I.y,
+    left: (z.left - L.left + _.left) / I.x,
+    right: (L.right - z.right + _.right) / I.x
   };
 }
 const Cr = async (o, t, e) => {
@@ -2497,14 +2497,14 @@ const Cr = async (o, t, e) => {
   for (let S = 0; S < a.length; S++) {
     var C;
     const {
-      name: w,
-      fn: z
+      name: z,
+      fn: w
     } = a[S], {
       x: E,
       y: I,
       data: L,
       reset: T
-    } = await z({
+    } = await w({
       x: v,
       y: h,
       initialPlacement: s,
@@ -2523,8 +2523,8 @@ const Cr = async (o, t, e) => {
     });
     v = E ?? v, h = I ?? h, b = {
       ...b,
-      [w]: {
-        ...b[w],
+      [z]: {
+        ...b[z],
         ...L
       }
     }, T && _ <= 50 && (_++, typeof T == "object" && (T.placement && (g = T.placement), T.rects && (u = T.rects === !0 ? await n.getElementRects({
@@ -2564,10 +2564,10 @@ const Cr = async (o, t, e) => {
     const h = oc(v), g = {
       x: e,
       y: s
-    }, b = Fe(c), _ = je(b), C = await n.getDimensions(u), S = b === "y", w = S ? "top" : "left", z = S ? "bottom" : "right", E = S ? "clientHeight" : "clientWidth", I = r.reference[_] + r.reference[b] - g[b] - r.floating[_], L = g[b] - r.reference[b], T = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(u));
+    }, b = Fe(c), _ = je(b), C = await n.getDimensions(u), S = b === "y", z = S ? "top" : "left", w = S ? "bottom" : "right", E = S ? "clientHeight" : "clientWidth", I = r.reference[_] + r.reference[b] - g[b] - r.floating[_], L = g[b] - r.reference[b], T = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(u));
     let $ = T ? T[E] : 0;
     (!$ || !await (n.isElement == null ? void 0 : n.isElement(T))) && ($ = a.floating[E] || r.floating[_]);
-    const y = I / 2 - L / 2, f = $ / 2 - C[_] / 2 - 1, j = Ft(h[w], f), q = Ft(h[z], f), F = j, X = $ - C[_] - q, V = $ / 2 - C[_] / 2 + y, tt = hr(F, V, X), Q = !d.arrow && bo(c) != null && V !== tt && r.reference[_] / 2 - (V < F ? j : q) - C[_] / 2 < 0, W = Q ? V < F ? V - F : V - X : 0;
+    const y = I / 2 - L / 2, f = $ / 2 - C[_] / 2 - 1, j = Ft(h[z], f), q = Ft(h[w], f), F = j, X = $ - C[_] - q, V = $ / 2 - C[_] / 2 + y, tt = hr(F, V, X), Q = !d.arrow && bo(c) != null && V !== tt && r.reference[_] / 2 - (V < F ? j : q) - C[_] / 2 < 0, W = Q ? V < F ? V - F : V - X : 0;
     return {
       [b]: g[b] + W,
       data: {
@@ -2604,11 +2604,11 @@ const Cr = async (o, t, e) => {
       } = ho(o, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const w = Jt(c), z = Rt(a), E = Jt(a) === a, I = await (d.isRTL == null ? void 0 : d.isRTL(u.floating)), L = g || (E || !C ? [Uo(a)] : _r(a)), T = _ !== "none";
-      !g && T && L.push(...zr(a, C, _, I));
+      const z = Jt(c), w = Rt(a), E = Jt(a) === a, I = await (d.isRTL == null ? void 0 : d.isRTL(u.floating)), L = g || (E || !C ? [Uo(a)] : _r(a)), T = _ !== "none";
+      !g && T && L.push(...wr(a, C, _, I));
       const $ = [a, ...L], y = await d.detectOverflow(t, S), f = [];
       let j = ((s = r.flip) == null ? void 0 : s.overflows) || [];
-      if (v && f.push(y[w]), h) {
+      if (v && f.push(y[z]), h) {
         const V = fr(c, n, I);
         f.push(y[V[0]], y[V[1]]);
       }
@@ -2618,9 +2618,9 @@ const Cr = async (o, t, e) => {
       }], !f.every((V) => V <= 0)) {
         var q, F;
         const V = (((q = r.flip) == null ? void 0 : q.index) || 0) + 1, tt = $[V];
-        if (tt && (!(h === "alignment" ? z !== Rt(tt) : !1) || // We leave the current main axis only if every placement on that axis
+        if (tt && (!(h === "alignment" ? w !== Rt(tt) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        j.every((J) => Rt(J.placement) === z ? J.overflows[0] > 0 : !0)))
+        j.every((J) => Rt(J.placement) === w ? J.overflows[0] > 0 : !0)))
           return {
             data: {
               index: V,
@@ -2638,7 +2638,7 @@ const Cr = async (o, t, e) => {
               const W = (X = j.filter((J) => {
                 if (T) {
                   const _t = Rt(J.placement);
-                  return _t === z || // Create a bias to the `y` side axis due to horizontal
+                  return _t === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   _t === "y";
                 }
@@ -2784,11 +2784,11 @@ const Mr = function(o) {
         width: _,
         height: C
       } = r.floating;
-      let S, w;
-      h === "top" || h === "bottom" ? (S = h, w = g === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (w = h, S = g === "end" ? "top" : "bottom");
-      const z = C - v.top - v.bottom, E = _ - v.left - v.right, I = Ft(C - v[S], z), L = Ft(_ - v[w], E), T = !t.middlewareData.shift;
+      let S, z;
+      h === "top" || h === "bottom" ? (S = h, z = g === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (z = h, S = g === "end" ? "top" : "bottom");
+      const w = C - v.top - v.bottom, E = _ - v.left - v.right, I = Ft(C - v[S], w), L = Ft(_ - v[z], E), T = !t.middlewareData.shift;
       let $ = I, y = L;
-      if ((e = t.middlewareData.shift) != null && e.enabled.x && (y = E), (s = t.middlewareData.shift) != null && s.enabled.y && ($ = z), T && !g) {
+      if ((e = t.middlewareData.shift) != null && e.enabled.x && (y = E), (s = t.middlewareData.shift) != null && s.enabled.y && ($ = w), T && !g) {
         const j = ot(v.left, 0), q = ot(v.right, 0), F = ot(v.top, 0), X = ot(v.bottom, 0);
         b ? y = _ - 2 * (j !== 0 || q !== 0 ? j + q : ot(v.left, v.right)) : $ = C - 2 * (F !== 0 || X !== 0 ? F + X : ot(v.top, v.bottom));
       }
@@ -2826,7 +2826,7 @@ function ec(o) {
 function bt(o) {
   return ee() ? o instanceof Element || o instanceof et(o).Element : !1;
 }
-function wt(o) {
+function zt(o) {
   return ee() ? o instanceof HTMLElement || o instanceof et(o).HTMLElement : !1;
 }
 function _s(o) {
@@ -2863,7 +2863,7 @@ function qe(o) {
 }
 function jr(o) {
   let t = qt(o);
-  for (; wt(t) && !vo(t); ) {
+  for (; zt(t) && !vo(t); ) {
     if (qe(t))
       return t;
     if (se(t))
@@ -2905,7 +2905,7 @@ function qt(o) {
 }
 function sc(o) {
   const t = qt(o);
-  return vo(t) ? o.ownerDocument ? o.ownerDocument.body : o.body : wt(t) && Io(t) ? t : sc(t);
+  return vo(t) ? o.ownerDocument ? o.ownerDocument.body : o.body : zt(t) && Io(t) ? t : sc(t);
 }
 function Co(o, t, e) {
   var s;
@@ -2923,7 +2923,7 @@ function Ae(o) {
 function cc(o) {
   const t = gt(o);
   let e = parseFloat(t.width) || 0, s = parseFloat(t.height) || 0;
-  const c = wt(o), r = c ? o.offsetWidth : e, n = c ? o.offsetHeight : s, a = Vo(e) !== r || Vo(s) !== n;
+  const c = zt(o), r = c ? o.offsetWidth : e, n = c ? o.offsetHeight : s, a = Vo(e) !== r || Vo(s) !== n;
   return a && (e = r, s = n), {
     width: e,
     height: s,
@@ -2935,7 +2935,7 @@ function Ue(o) {
 }
 function po(o) {
   const t = Ue(o);
-  if (!wt(t))
+  if (!zt(t))
     return xt(1);
   const e = t.getBoundingClientRect(), {
     width: s,
@@ -2970,7 +2970,7 @@ function to(o, t, e, s) {
     const g = et(r), b = s && bt(s) ? et(s) : s;
     let _ = g, C = Ae(_);
     for (; C && s && b !== _; ) {
-      const S = po(C), w = C.getBoundingClientRect(), z = gt(C), E = w.left + (C.clientLeft + parseFloat(z.paddingLeft)) * S.x, I = w.top + (C.clientTop + parseFloat(z.paddingTop)) * S.y;
+      const S = po(C), z = C.getBoundingClientRect(), w = gt(C), E = z.left + (C.clientLeft + parseFloat(w.paddingLeft)) * S.x, I = z.top + (C.clientTop + parseFloat(w.paddingTop)) * S.y;
       d *= S.x, u *= S.y, v *= S.x, h *= S.y, d += E, u += I, _ = et(C), C = Ae(_);
     }
   }
@@ -3006,8 +3006,8 @@ function Ur(o) {
     scrollLeft: 0,
     scrollTop: 0
   }, u = xt(1);
-  const v = xt(0), h = wt(s);
-  if ((h || !h && !r) && ((go(s) !== "body" || Io(n)) && (d = ce(s)), wt(s))) {
+  const v = xt(0), h = zt(s);
+  if ((h || !h && !r) && ((go(s) !== "body" || Io(n)) && (d = ce(s)), zt(s))) {
     const b = to(s);
     u = po(s), v.x = b.x + s.clientLeft, v.y = b.y + s.clientTop;
   }
@@ -3056,7 +3056,7 @@ function Zr(o, t) {
 }
 const Yr = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Kr(o, t) {
-  const e = to(o, !0, t === "fixed"), s = e.top + o.clientTop, c = e.left + o.clientLeft, r = wt(o) ? po(o) : xt(1), n = o.clientWidth * r.x, a = o.clientHeight * r.y, d = c * r.x, u = s * r.y;
+  const e = to(o, !0, t === "fixed"), s = e.top + o.clientTop, c = e.left + o.clientLeft, r = zt(o) ? po(o) : xt(1), n = o.clientWidth * r.x, a = o.clientHeight * r.y, d = c * r.x, u = s * r.y;
   return {
     width: n,
     height: a,
@@ -3129,7 +3129,7 @@ function Jr(o) {
   };
 }
 function tn(o, t, e) {
-  const s = wt(t), c = St(t), r = e === "fixed", n = to(o, !0, r, t);
+  const s = zt(t), c = St(t), r = e === "fixed", n = to(o, !0, r, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3156,7 +3156,7 @@ function ve(o) {
   return gt(o).position === "static";
 }
 function ks(o, t) {
-  if (!wt(o) || gt(o).position === "fixed")
+  if (!zt(o) || gt(o).position === "fixed")
     return null;
   if (t)
     return t(o);
@@ -3167,7 +3167,7 @@ function ac(o, t) {
   const e = et(o);
   if (se(o))
     return e;
-  if (!wt(o)) {
+  if (!zt(o)) {
     let c = qt(o);
     for (; c && !vo(c); ) {
       if (bt(c) && !ve(c))
@@ -3228,8 +3228,8 @@ function cn(o, t) {
     } = u;
     if (a || t(), !g || !b)
       return;
-    const _ = No(h), C = No(c.clientWidth - (v + g)), S = No(c.clientHeight - (h + b)), w = No(v), E = {
-      rootMargin: -_ + "px " + -C + "px " + -S + "px " + -w + "px",
+    const _ = No(h), C = No(c.clientWidth - (v + g)), S = No(c.clientHeight - (h + b)), z = No(v), E = {
+      rootMargin: -_ + "px " + -C + "px " + -S + "px " + -z + "px",
       threshold: ot(0, Ft(1, d)) || 1
     };
     let I = !0;
@@ -3266,16 +3266,16 @@ function rn(o, t, e, s) {
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: d = !1
   } = s, u = Ue(o), v = c || r ? [...u ? Co(u) : [], ...Co(t)] : [];
-  v.forEach((w) => {
-    c && w.addEventListener("scroll", e, {
+  v.forEach((z) => {
+    c && z.addEventListener("scroll", e, {
       passive: !0
-    }), r && w.addEventListener("resize", e);
+    }), r && z.addEventListener("resize", e);
   });
   const h = u && a ? cn(u, e) : null;
   let g = -1, b = null;
-  n && (b = new ResizeObserver((w) => {
-    let [z] = w;
-    z && z.target === u && b && (b.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+  n && (b = new ResizeObserver((z) => {
+    let [w] = z;
+    w && w.target === u && b && (b.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var E;
       (E = b) == null || E.observe(t);
     })), e();
@@ -3283,17 +3283,17 @@ function rn(o, t, e, s) {
   let _, C = d ? to(o) : null;
   d && S();
   function S() {
-    const w = to(o);
-    C && !dc(C, w) && e(), C = w, _ = requestAnimationFrame(S);
+    const z = to(o);
+    C && !dc(C, z) && e(), C = z, _ = requestAnimationFrame(S);
   }
   return e(), () => {
-    var w;
-    v.forEach((z) => {
-      c && z.removeEventListener("scroll", e), r && z.removeEventListener("resize", e);
-    }), h == null || h(), (w = b) == null || w.disconnect(), b = null, d && cancelAnimationFrame(_);
+    var z;
+    v.forEach((w) => {
+      c && w.removeEventListener("scroll", e), r && w.removeEventListener("resize", e);
+    }), h == null || h(), (z = b) == null || z.disconnect(), b = null, d && cancelAnimationFrame(_);
   };
 }
-const nn = Mr, an = Ar, zs = Pr, dn = Er, pn = Sr, ln = (o, t, e) => {
+const nn = Mr, an = Ar, ws = Pr, dn = Er, pn = Sr, ln = (o, t, e) => {
   const s = /* @__PURE__ */ new Map(), c = {
     platform: sn,
     ...e
@@ -3323,40 +3323,40 @@ class un {
   }
   async computePlacement() {
     var t, e, s;
-    const { arrowElement: c, alignment: r, caret: n, trigger: a, target: d, styleElement: u, matchWidth: v, open: h, alignmentAxisOffset: g, autoAlignBoundary: b, isTabTip: _ } = this.options, C = (d == null ? void 0 : d.role) === "listbox", S = (d == null ? void 0 : d.localName) === "cds-custom-menu", w = u ?? d;
-    if (!w)
+    const { arrowElement: c, alignment: r, caret: n, trigger: a, target: d, styleElement: u, matchWidth: v, open: h, alignmentAxisOffset: g, autoAlignBoundary: b, isTabTip: _ } = this.options, C = (d == null ? void 0 : d.role) === "listbox", S = (d == null ? void 0 : d.localName) === "cds-custom-menu", z = u ?? d;
+    if (!z)
       return;
-    let z;
+    let w;
     switch (r) {
       case "top-left":
-        z = "top-start";
+        w = "top-start";
         break;
       case "top-right":
-        z = "top-end";
+        w = "top-end";
         break;
       case "bottom-left":
-        z = "bottom-start";
+        w = "bottom-start";
         break;
       case "bottom-right":
-        z = "bottom-end";
+        w = "bottom-end";
         break;
       case "left-bottom":
-        z = "left-end";
+        w = "left-end";
         break;
       case "left-top":
-        z = "left-start";
+        w = "left-start";
         break;
       case "right-bottom":
-        z = "right-end";
+        w = "right-end";
         break;
       case "right-top":
-        z = "right-start";
+        w = "right-start";
         break;
       default:
-        z = r;
+        w = r;
         break;
     }
-    const E = getComputedStyle(w), L = _ ? 0 : (t = (($) => {
+    const E = getComputedStyle(z), L = _ ? 0 : (t = (($) => {
       const y = parseFloat($);
       return $.trim().endsWith("rem") ? y * 16 : y;
     })(E.getPropertyValue("--cds-popover-offset").trim())) !== null && t !== void 0 ? t : 10, T = [
@@ -3366,7 +3366,7 @@ class un {
         mainAxis: n ? L : 4
       }),
       an({
-        fallbackPlacements: _ ? z.includes("bottom") ? ["bottom-start", "bottom-end", "top-start", "top-end"] : ["top-start", "top-end", "bottom-start", "bottom-end"] : C || S ? ["top", "bottom"] : z.includes("bottom") ? [
+        fallbackPlacements: _ ? w.includes("bottom") ? ["bottom-start", "bottom-end", "top-start", "top-end"] : ["top-start", "top-end", "bottom-start", "bottom-end"] : C || S ? ["top", "bottom"] : w.includes("bottom") ? [
           "bottom",
           "bottom-start",
           "bottom-end",
@@ -3397,14 +3397,14 @@ class un {
         fallbackAxisSideDirection: "start",
         boundary: b
       }),
-      ...v && (z === "bottom" || z === "top") ? [
-        zs({
+      ...v && (w === "bottom" || w === "top") ? [
+        ws({
           apply({ rects: $, elements: y }) {
             y.floating.style.width = `${$.reference.width}px`;
           }
         })
       ] : [
-        zs({
+        ws({
           apply({ elements: $ }) {
             $.floating.style.removeProperty("width");
           }
@@ -3414,12 +3414,12 @@ class un {
       dn()
     ];
     if (h) {
-      const { x: $, y, placement: f, middlewareData: j, strategy: q } = await ln(a, w, {
+      const { x: $, y, placement: f, middlewareData: j, strategy: q } = await ln(a, z, {
         strategy: "fixed",
         middleware: T,
-        placement: z
+        placement: w
       });
-      if (w.setAttribute("align", f), w.style.left = `${$}px`, w.style.top = `${y}px`, w.style.position = `${q}`, w.style.visibility = !((e = j.hide) === null || e === void 0) && e.referenceHidden ? "hidden" : "visible", c) {
+      if (z.setAttribute("align", f), z.style.left = `${$}px`, z.style.top = `${y}px`, z.style.position = `${q}`, z.style.visibility = !((e = j.hide) === null || e === void 0) && e.referenceHidden ? "hidden" : "visible", c) {
         const { x: F, y: X } = j.arrow, V = {
           top: "bottom",
           right: "left",
@@ -3440,10 +3440,10 @@ class un {
     (t = this.cleanup) === null || t === void 0 || t.call(this), this.cleanup = void 0;
   }
 }
-var ws;
+var zs;
 (function(o) {
   o.TOP = "top", o.TOP_LEFT = "top-left", o.TOP_RIGHT = "top-right", o.TOP_START = "top-start", o.TOP_END = "top-end", o.BOTTOM = "bottom", o.BOTTOM_LEFT = "bottom-left", o.BOTTOM_RIGHT = "bottom-right", o.BOTTOM_START = "bottom-start", o.BOTTOM_END = "bottom-end", o.LEFT = "left", o.LEFT_BOTTOM = "left-bottom", o.LEFT_TOP = "left-top", o.LEFT_START = "left-start", o.LEFT_END = "left-end", o.RIGHT = "right", o.RIGHT_BOTTOM = "right-bottom", o.RIGHT_TOP = "right-top", o.RIGHT_START = "right-start", o.RIGHT_END = "right-end";
-})(ws || (ws = {}));
+})(zs || (zs = {}));
 var So;
 (function(o) {
   o.LAYER = "layer", o.BACKGROUND = "background";
@@ -3797,7 +3797,7 @@ const B = "ibm-automation-cds", A = "automation-global-header", no = "automation
   stage: "https://cdn.test.saas.ibm.com",
   prod: "https://cdn.saas.ibm.com"
 };
-function zn(o) {
+function wn(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
 var lc = { exports: {} };
@@ -3836,8 +3836,8 @@ var lc = { exports: {} };
     o.exports ? (e.default = e, o.exports = e) : window.classNames = e;
   })();
 })(lc);
-var wn = lc.exports;
-const kt = /* @__PURE__ */ zn(wn), $n = `/**
+var zn = lc.exports;
+const kt = /* @__PURE__ */ wn(zn), $n = `/**
  * @license
  *
  * Copyright IBM Corp. 2025
@@ -4719,7 +4719,7 @@ let nt = class extends k {
     };
   }
   render() {
-    var e, s, c, r, n, a, d, u, v, h, g, b, _, C, S, w, z, E, I, L, T, $;
+    var e, s, c, r, n, a, d, u, v, h, g, b, _, C, S, z, w, E, I, L, T, $;
     const t = "title-icon";
     return typeof this.isCollapsible > "u" || this.isCollapsible ? this.isSideNavMenuItems ? m`
             <cds-custom-side-nav-menu
@@ -4797,8 +4797,8 @@ let nt = class extends k {
           <span style="display: none;"></span>
           <cds-custom-side-nav-link
             role="link"
-            href="${(w = this.link) == null ? void 0 : w.href}"
-            @click="${(z = this.link) == null ? void 0 : z.onClick}"
+            href="${(z = this.link) == null ? void 0 : z.href}"
+            @click="${(w = this.link) == null ? void 0 : w.onClick}"
             title="${(E = this.link) == null ? void 0 : E.label}"
             class="${kt({
       [`${B}--side-nav__link--current`]: this.isActive
@@ -5046,7 +5046,7 @@ function ki(o) {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zi = (o) => o.strings === void 0;
+const wi = (o) => o.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -5072,7 +5072,7 @@ const xo = (o, t) => {
     e.add(o), Ci(t);
   }
 };
-function wi(o) {
+function zi(o) {
   this._$AN !== void 0 ? (Yo(this), this._$AM = o, vc(this)) : this._$AM = o;
 }
 function $i(o, t = !1, e = 0) {
@@ -5082,7 +5082,7 @@ function $i(o, t = !1, e = 0) {
   else xo(this, o);
 }
 const Ci = (o) => {
-  o.type == te.CHILD && (o._$AP ?? (o._$AP = $i), o._$AQ ?? (o._$AQ = wi));
+  o.type == te.CHILD && (o._$AP ?? (o._$AP = $i), o._$AQ ?? (o._$AQ = zi));
 };
 let Si = class extends De {
   constructor() {
@@ -5096,7 +5096,7 @@ let Si = class extends De {
     t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (c = this.disconnected) == null || c.call(this)), e && (xo(this, t), Yo(this));
   }
   setValue(t) {
-    if (zi(this._$Ct)) this._$Ct._$AI(t, this);
+    if (wi(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
       e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
@@ -5802,19 +5802,19 @@ let O = class extends Zi(yc(k)) {
   }
   render() {
     var t, e;
-    const { disabled: s, enableCounter: c, helperText: r, hideLabel: n, inline: a, isFluid: d, invalid: u, invalidText: v, label: h, maxCount: g, readonly: b, required: _, size: C, type: S, warn: w, warnText: z, value: E, _handleInput: I, _hasAILabel: L, _handleSlotChange: T } = this, $ = Ot(ci, {
+    const { disabled: s, enableCounter: c, helperText: r, hideLabel: n, inline: a, isFluid: d, invalid: u, invalidText: v, label: h, maxCount: g, readonly: b, required: _, size: C, type: S, warn: z, warnText: w, value: E, _handleInput: I, _hasAILabel: L, _handleSlotChange: T } = this, $ = Ot(ci, {
       class: `${i}--text-input__invalid-icon`
     }), y = Ot(si, {
       class: `${i}--text-input__invalid-icon ${i}--text-input__invalid-icon--warning`
     }), f = {
       disabled: !b && s,
       invalid: !b && u,
-      warn: !b && !u && w,
+      warn: !b && !u && z,
       "slot-name": "",
       "slot-text": "",
       icon: null
     };
-    f.invalid ? (f.icon = $, f["slot-name"] = "invalid-text", f["slot-text"] = v) : f.warn && (f.icon = y, f["slot-name"] = "warn-text", f["slot-text"] = z);
+    f.invalid ? (f.icon = $, f["slot-name"] = "invalid-text", f["slot-text"] = v) : f.warn && (f.icon = y, f["slot-name"] = "warn-text", f["slot-text"] = w);
     const j = U({
       [`${i}--label`]: !0,
       [`${i}--text-input__label-counter`]: !0,
@@ -5869,13 +5869,13 @@ let O = class extends Zi(yc(k)) {
         ${f.disabled ? null : ie}
         ${J}
       </button>
-    `, zc = E == null ? void 0 : E.length, wc = c && g ? m` <label class="${j}">
-            <slot name="label-text">${zc}/${g}</slot>
+    `, wc = E == null ? void 0 : E.length, zc = c && g ? m` <label class="${j}">
+            <slot name="label-text">${wc}/${g}</slot>
           </label>` : null, Ye = m`<div class="${i}--text-input__label-wrapper">
       <label class="${tt}">
         <slot name="label-text">${h}</slot>
       </label>
-      ${wc}
+      ${zc}
     </div>`, Ke = r || ((e = (t = this._slotHelperTextNode) === null || t === void 0 ? void 0 : t.assignedNodes().length) !== null && e !== void 0 ? e : 0) > 0, Ge = m`<div
       class="${Q}"
       id="helper-text"
@@ -6996,7 +6996,7 @@ let Nt = class extends k {
     this.headerProps.assistMeConfigs && o.has("headerProps") && Rs(this.headerProps), (t = this.headerProps.sidekickConfig) != null && t.isEnabled && o.has("headerProps") && Hs(this.headerProps), (e = this.headerProps.solisConfig) != null && e.isEnabled && o.has("headerProps") && Ds(this.headerProps);
   }
   render() {
-    var o, t, e, s, c, r, n, a, d, u, v, h, g, b, _, C, S, w, z, E, I, L, T;
+    var o, t, e, s, c, r, n, a, d, u, v, h, g, b, _, C, S, z, w, E, I, L, T;
     return m`
       <cds-custom-header
         class="${B}__header"
@@ -7084,7 +7084,7 @@ let Nt = class extends k {
               aria-label=${((S = (C = this.headerProps) == null ? void 0 : C.sideNavPropsV2) == null ? void 0 : S.buttonLabel) ?? "Side navigation"}
               collapse-mode="rail"
               ?expanded="${typeof this.headerProps.sideNavPropsV2.isExpandable < "u" && this.headerProps.sideNavPropsV2.isExpandable ? this.isMenuOpen : !1}"
-              ?is-not-persistent="${!(typeof ((z = (w = this.headerProps) == null ? void 0 : w.sideNavPropsV2) == null ? void 0 : z.isCollapsible) < "u" && !((I = (E = this.headerProps) == null ? void 0 : E.sideNav) != null && I.isCollapsible))}"
+              ?is-not-persistent="${!(typeof ((w = (z = this.headerProps) == null ? void 0 : z.sideNavPropsV2) == null ? void 0 : w.isCollapsible) < "u" && !((I = (E = this.headerProps) == null ? void 0 : E.sideNav) != null && I.isCollapsible))}"
               class="
 							${kt({
       [`${B}--rail-sidePanel`]: typeof this.headerProps.sideNavPropsV2.isCollapsible < "u" && !this.headerProps.sideNavPropsV2.isCollapsible
@@ -7150,10 +7150,24 @@ var ba = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, D = (o, t,
 const { stablePrefix: fa } = dt;
 let N = class extends k {
   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.headerOptions = { ...xn }, this._customEventListener = this._customEventListener.bind(this);
+    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.headerOptions = {
+      ...xn,
+      brand: {
+        company: "IBM",
+        product: "webMethods Hybrid Integration"
+      },
+      capabilityName: {
+        label: ""
+      },
+      sideNav: {
+        isCollapsible: !0,
+        buttonLabel: "Open menu",
+        sidebarLabel: "Side navigation"
+      }
+    }, this._customEventListener = this._customEventListener.bind(this);
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener(Ss, this._customEventListener);
+    super.connectedCallback(), this.productName && this.headerOptions.capabilityName && (this.headerOptions.capabilityName.label = this.productName), document.addEventListener(Ss, this._customEventListener);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener(Ss, this._customEventListener);

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

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

package/es/wc-global-header.mjs

@@ -1,5 +1,5 @@
-import { C as j, b as m, r as O, i as R, n as l, a as v, A as P, t as B, s as E, _ as i, e as K, c as _, F as Z, d as H, p as c, o as p, f as T, g as A, H as q, h as U, j as I, k as W } from "./HybridIpaasHeader-DpPUQj0S.mjs";
-import { l as He } from "./HybridIpaasHeader-DpPUQj0S.mjs";
+import { C as j, b as m, r as O, i as R, n as l, a as v, A as P, t as B, s as E, _ as i, e as K, c as _, F as Z, d as H, p as c, o as p, f as T, g as A, H as q, h as U, j as I, k as W } from "./HybridIpaasHeader-tfeToqxW.mjs";
+import { l as He } from "./HybridIpaasHeader-tfeToqxW.mjs";
 var X = {
   elem: "svg",
   attrs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/wc-global-header",
-  "version": "0.55.0",
+  "version": "0.57.0",
   "author": "Your Name <your@email.com>",
   "publishConfig": {
     "access": "public",
@@ -48,5 +48,5 @@
     "vite": "^5.4.21",
     "webdriverio": "^9.23.2"
   },
-  "gitHead": "c135df2e2f6fd4d59240ec994a074848b6ac1327"
+  "gitHead": "e4958f42cf6148b5ad7bd2a7a5c01d96bf91b44a"
 }