@carbon-labs/wc-global-header 0.15.0 → 0.16.0

package/es/wc-global-header.mjs

@@ -379,10 +379,10 @@ const Rc = (s, t) => {
   let c, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = So;
   for (let u = 0; u < o; u++) {
     const l = s[u];
-    let p, v, h = -1, g = 0;
-    for (; g < l.length && (n.lastIndex = g, v = n.exec(l), v !== null); ) g = n.lastIndex, n === So ? v[1] === "!--" ? n = de : v[1] !== void 0 ? n = ae : v[2] !== void 0 ? (Ve.test(v[2]) && (c = RegExp("</" + v[2], "g")), n = Kt) : v[3] !== void 0 && (n = Kt) : n === Kt ? v[0] === ">" ? (n = c ?? So, h = -1) : v[1] === void 0 ? h = -2 : (h = n.lastIndex - v[2].length, p = v[1], n = v[3] === void 0 ? Kt : v[3] === '"' ? le : ue) : n === le || n === ue ? n = Kt : n === de || n === ae ? n = So : (n = Kt, c = void 0);
-    const b = n === Kt && s[u + 1].startsWith("/>") ? " " : "";
-    r += n === So ? l + Ec : h >= 0 ? (e.push(p), l.slice(0, h) + De + l.slice(h) + Bt + b) : l + Bt + (h === -2 ? u : b);
+    let p, v, h = -1, b = 0;
+    for (; b < l.length && (n.lastIndex = b, v = n.exec(l), v !== null); ) b = n.lastIndex, n === So ? v[1] === "!--" ? n = de : v[1] !== void 0 ? n = ae : v[2] !== void 0 ? (Ve.test(v[2]) && (c = RegExp("</" + v[2], "g")), n = Kt) : v[3] !== void 0 && (n = Kt) : n === Kt ? v[0] === ">" ? (n = c ?? So, h = -1) : v[1] === void 0 ? h = -2 : (h = n.lastIndex - v[2].length, p = v[1], n = v[3] === void 0 ? Kt : v[3] === '"' ? le : ue) : n === le || n === ue ? n = Kt : n === de || n === ae ? n = So : (n = Kt, c = void 0);
+    const g = n === Kt && s[u + 1].startsWith("/>") ? " " : "";
+    r += n === So ? l + Ec : h >= 0 ? (e.push(p), l.slice(0, h) + De + l.slice(h) + Bt + g) : l + Bt + (h === -2 ? u : g);
   }
   return [je(s, r + (s[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), e];
 };
@@ -399,15 +399,15 @@ let $s = class Ue {
     for (; (c = so.nextNode()) !== null && l.length < u; ) {
       if (c.nodeType === 1) {
         if (c.hasAttributes()) for (const h of c.getAttributeNames()) if (h.endsWith(De)) {
-          const g = v[n++], b = c.getAttribute(h).split(Bt), f = /([.?@])?(.*)/.exec(g);
-          l.push({ type: 1, index: r, name: f[2], strings: b, ctor: f[1] === "." ? Lc : f[1] === "?" ? Nc : f[1] === "@" ? Hc : us }), c.removeAttribute(h);
+          const b = v[n++], g = c.getAttribute(h).split(Bt), f = /([.?@])?(.*)/.exec(b);
+          l.push({ type: 1, index: r, name: f[2], strings: g, ctor: f[1] === "." ? Lc : f[1] === "?" ? Nc : f[1] === "@" ? Hc : us }), c.removeAttribute(h);
         } else h.startsWith(Bt) && (l.push({ type: 6, index: r }), c.removeAttribute(h));
         if (Ve.test(c.tagName)) {
-          const h = c.textContent.split(Bt), g = h.length - 1;
-          if (g > 0) {
+          const h = c.textContent.split(Bt), b = h.length - 1;
+          if (b > 0) {
             c.textContent = Go ? Go.emptyScript : "";
-            for (let b = 0; b < g; b++) c.append(h[b], Eo()), so.nextNode(), l.push({ type: 2, index: ++r });
-            c.append(h[g], Eo());
+            for (let g = 0; g < b; g++) c.append(h[g], Eo()), so.nextNode(), l.push({ type: 2, index: ++r });
+            c.append(h[b], Eo());
           }
         }
       } else if (c.nodeType === 8) if (c.data === qe) l.push({ type: 2, index: r });
@@ -906,7 +906,7 @@ let R = class extends uo(at(y)) {
   }
   render() {
     var t, o, e;
-    const { autofocus: c, buttonClassName: r, dangerDescription: n, disabled: u, download: l, href: p, hreflang: v, kind: h, isExpressive: g, isSelected: b, linkRole: f, openTooltip: x, ping: C, rel: $, size: S, tabIndex: M, target: L, tooltipAlignment: O, tooltipPosition: z, tooltipText: I, type: k, _hasIcon: P, hasMainContent: D, _handleSlotChange: q } = this;
+    const { autofocus: c, buttonClassName: r, dangerDescription: n, disabled: u, download: l, href: p, hreflang: v, kind: h, isExpressive: b, isSelected: g, linkRole: f, openTooltip: x, ping: C, rel: $, size: S, tabIndex: M, target: L, tooltipAlignment: O, tooltipPosition: z, tooltipText: I, type: k, _hasIcon: P, hasMainContent: D, _handleSlotChange: q } = this;
     let V = {
       [`${i}--btn`]: !0,
       [`${i}--btn--${h}`]: h,
@@ -917,8 +917,8 @@ let R = class extends uo(at(y)) {
       [`${i}--btn--${S}`]: S,
       [`${i}--layout--size-${S}`]: S,
       [`${i}-ce--btn--has-icon`]: P,
-      [`${i}--btn--expressive`]: g,
-      [`${i}--btn--selected`]: b && h === "ghost"
+      [`${i}--btn--expressive`]: b,
+      [`${i}--btn--selected`]: g && h === "ghost"
     };
     if (r) {
       const X = {};
@@ -2231,48 +2231,48 @@ function ye(s, t, o) {
     reference: e,
     floating: c
   } = s;
-  const r = qt(t), n = Ws(t), u = Zs(n), l = io(t), p = r === "y", v = e.x + e.width / 2 - c.width / 2, h = e.y + e.height / 2 - c.height / 2, g = e[u] / 2 - c[u] / 2;
-  let b;
+  const r = qt(t), n = Ws(t), u = Zs(n), l = io(t), p = r === "y", v = e.x + e.width / 2 - c.width / 2, h = e.y + e.height / 2 - c.height / 2, b = e[u] / 2 - c[u] / 2;
+  let g;
   switch (l) {
     case "top":
-      b = {
+      g = {
         x: v,
         y: e.y - c.height
       };
       break;
     case "bottom":
-      b = {
+      g = {
         x: v,
         y: e.y + e.height
       };
       break;
     case "right":
-      b = {
+      g = {
         x: e.x + e.width,
         y: h
       };
       break;
     case "left":
-      b = {
+      g = {
         x: e.x - c.width,
         y: h
       };
       break;
     default:
-      b = {
+      g = {
         x: e.x,
         y: e.y
       };
   }
   switch (wo(t)) {
     case "start":
-      b[n] -= g * (o && p ? -1 : 1);
+      g[n] -= b * (o && p ? -1 : 1);
       break;
     case "end":
-      b[n] += g * (o && p ? -1 : 1);
+      g[n] += b * (o && p ? -1 : 1);
       break;
   }
-  return b;
+  return g;
 }
 const mr = async (s, t, o) => {
   const {
@@ -2288,7 +2288,7 @@ const mr = async (s, t, o) => {
   }), {
     x: v,
     y: h
-  } = ye(p, e, l), g = e, b = {}, f = 0;
+  } = ye(p, e, l), b = e, g = {}, f = 0;
   for (let x = 0; x < u.length; x++) {
     const {
       name: C,
@@ -2302,9 +2302,9 @@ const mr = async (s, t, o) => {
       x: v,
       y: h,
       initialPlacement: e,
-      placement: g,
+      placement: b,
       strategy: c,
-      middlewareData: b,
+      middlewareData: g,
       rects: p,
       platform: n,
       elements: {
@@ -2312,27 +2312,27 @@ const mr = async (s, t, o) => {
         floating: t
       }
     });
-    v = S ?? v, h = M ?? h, b = {
-      ...b,
+    v = S ?? v, h = M ?? h, g = {
+      ...g,
       [C]: {
-        ...b[C],
+        ...g[C],
         ...L
       }
-    }, O && f <= 50 && (f++, typeof O == "object" && (O.placement && (g = O.placement), O.rects && (p = O.rects === !0 ? await n.getElementRects({
+    }, O && f <= 50 && (f++, typeof O == "object" && (O.placement && (b = O.placement), O.rects && (p = O.rects === !0 ? await n.getElementRects({
       reference: s,
       floating: t,
       strategy: c
     }) : O.rects), {
       x: v,
       y: h
-    } = ye(p, g, l)), x = -1);
+    } = ye(p, b, l)), x = -1);
   }
   return {
     x: v,
     y: h,
-    placement: g,
+    placement: b,
     strategy: c,
-    middlewareData: b
+    middlewareData: g
   };
 };
 async function tc(s, t) {
@@ -2349,9 +2349,9 @@ async function tc(s, t) {
     boundary: p = "clippingAncestors",
     rootBoundary: v = "viewport",
     elementContext: h = "floating",
-    altBoundary: g = !1,
-    padding: b = 0
-  } = Vo(t, s), f = Je(b), C = u[g ? h === "floating" ? "reference" : "floating" : h], $ = es(await r.getClippingRect({
+    altBoundary: b = !1,
+    padding: g = 0
+  } = Vo(t, s), f = Je(g), C = u[b ? h === "floating" ? "reference" : "floating" : h], $ = es(await r.getClippingRect({
     element: (o = await (r.isElement == null ? void 0 : r.isElement(C))) == null || o ? C : C.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(u.floating)),
     boundary: p,
     rootBoundary: v,
@@ -2398,17 +2398,17 @@ const vr = (s) => ({
     } = Vo(s, t) || {};
     if (p == null)
       return {};
-    const h = Je(v), g = {
+    const h = Je(v), b = {
       x: o,
       y: e
-    }, b = Ws(c), f = Zs(b), x = await n.getDimensions(p), C = b === "y", $ = C ? "top" : "left", S = C ? "bottom" : "right", M = C ? "clientHeight" : "clientWidth", L = r.reference[f] + r.reference[b] - g[b] - r.floating[f], O = g[b] - r.reference[b], z = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(p));
+    }, g = Ws(c), f = Zs(g), x = await n.getDimensions(p), C = g === "y", $ = C ? "top" : "left", S = C ? "bottom" : "right", M = C ? "clientHeight" : "clientWidth", L = r.reference[f] + r.reference[g] - b[g] - r.floating[f], O = b[g] - r.reference[g], z = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(p));
     let I = z ? z[M] : 0;
     (!I || !await (n.isElement == null ? void 0 : n.isElement(z))) && (I = u.floating[M] || r.floating[f]);
     const k = L / 2 - O / 2, P = I / 2 - x[f] / 2 - 1, D = Ft(h[$], P), q = Ft(h[S], P), V = D, K = I - x[f] - q, F = I / 2 - x[f] / 2 + k, et = er(V, F, K), J = !l.arrow && wo(c) != null && F !== et && r.reference[f] / 2 - (F < V ? D : q) - x[f] / 2 < 0, X = J ? F < V ? F - V : F - K : 0;
     return {
-      [b]: g[b] + X,
+      [g]: b[g] + X,
       data: {
-        [b]: et,
+        [g]: et,
         centerOffset: F - et - X,
         ...J && {
           alignmentOffset: X
@@ -2433,16 +2433,16 @@ const vr = (s) => ({
       } = t, {
         mainAxis: v = !0,
         crossAxis: h = !0,
-        fallbackPlacements: g,
-        fallbackStrategy: b = "bestFit",
+        fallbackPlacements: b,
+        fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: f = "none",
         flipAlignment: x = !0,
         ...C
       } = Vo(s, t);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const $ = io(c), S = qt(u), M = io(u) === u, L = await (l.isRTL == null ? void 0 : l.isRTL(p.floating)), O = g || (M || !x ? [ss(u)] : ir(u)), z = f !== "none";
-      !g && z && O.push(...lr(u, x, f, L));
+      const $ = io(c), S = qt(u), M = io(u) === u, L = await (l.isRTL == null ? void 0 : l.isRTL(p.floating)), O = b || (M || !x ? [ss(u)] : ir(u)), z = f !== "none";
+      !b && z && O.push(...lr(u, x, f, L));
       const I = [u, ...O], k = await tc(t, C), P = [];
       let D = ((e = r.flip) == null ? void 0 : e.overflows) || [];
       if (v && P.push(k[$]), h) {
@@ -2469,7 +2469,7 @@ const vr = (s) => ({
           };
         let J = (V = D.filter((X) => X.overflows[0] <= 0).sort((X, tt) => X.overflows[1] - tt.overflows[1])[0]) == null ? void 0 : V.placement;
         if (!J)
-          switch (b) {
+          switch (g) {
             case "bestFit": {
               var K;
               const X = (K = D.filter((tt) => {
@@ -2506,8 +2506,8 @@ async function br(s, t) {
     elements: c
   } = s, r = await (e.isRTL == null ? void 0 : e.isRTL(c.floating)), n = io(o), u = wo(o), l = qt(o) === "y", p = gr.has(n) ? -1 : 1, v = r && l ? -1 : 1, h = Vo(t, s);
   let {
-    mainAxis: g,
-    crossAxis: b,
+    mainAxis: b,
+    crossAxis: g,
     alignmentAxis: f
   } = typeof h == "number" ? {
     mainAxis: h,
@@ -2518,12 +2518,12 @@ async function br(s, t) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return u && typeof f == "number" && (b = u === "end" ? f * -1 : f), l ? {
-    x: b * v,
-    y: g * p
+  return u && typeof f == "number" && (g = u === "end" ? f * -1 : f), l ? {
+    x: g * v,
+    y: b * p
   } : {
-    x: g * p,
-    y: b * v
+    x: b * p,
+    y: g * v
   };
 }
 const fr = function(s) {
@@ -2563,17 +2563,17 @@ const fr = function(s) {
         apply: l = () => {
         },
         ...p
-      } = Vo(s, t), v = await tc(t, p), h = io(c), g = wo(c), b = qt(c) === "y", {
+      } = Vo(s, t), v = await tc(t, p), h = io(c), b = wo(c), g = qt(c) === "y", {
         width: f,
         height: x
       } = r.floating;
       let C, $;
-      h === "top" || h === "bottom" ? (C = h, $ = g === (await (n.isRTL == null ? void 0 : n.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : ($ = h, C = g === "end" ? "top" : "bottom");
+      h === "top" || h === "bottom" ? (C = h, $ = b === (await (n.isRTL == null ? void 0 : n.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : ($ = h, C = b === "end" ? "top" : "bottom");
       const S = x - v.top - v.bottom, M = f - v.left - v.right, L = Ft(x - v[C], S), O = Ft(f - v[$], M), z = !t.middlewareData.shift;
       let I = L, k = O;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (k = M), (e = t.middlewareData.shift) != null && e.enabled.y && (I = S), z && !g) {
+      if ((o = t.middlewareData.shift) != null && o.enabled.x && (k = M), (e = t.middlewareData.shift) != null && e.enabled.y && (I = S), z && !b) {
         const D = nt(v.left, 0), q = nt(v.right, 0), V = nt(v.top, 0), K = nt(v.bottom, 0);
-        b ? k = f - 2 * (D !== 0 || q !== 0 ? D + q : nt(v.left, v.right)) : I = x - 2 * (V !== 0 || K !== 0 ? V + K : nt(v.top, v.bottom));
+        g ? k = f - 2 * (D !== 0 || q !== 0 ? D + q : nt(v.left, v.right)) : I = x - 2 * (V !== 0 || K !== 0 ? V + K : nt(v.top, v.bottom));
       }
       await l({
         ...t,
@@ -2750,9 +2750,9 @@ function ao(s, t, o, e) {
   const u = Ir(r, o, e) ? cc(r) : St(0);
   let l = (c.left + u.x) / n.x, p = (c.top + u.y) / n.y, v = c.width / n.x, h = c.height / n.y;
   if (r) {
-    const g = it(r), b = e && xt(e) ? it(e) : e;
-    let f = g, x = Rs(f);
-    for (; x && e && b !== f; ) {
+    const b = it(r), g = e && xt(e) ? it(e) : e;
+    let f = b, x = Rs(f);
+    for (; x && e && g !== f; ) {
       const C = fo(x), $ = x.getBoundingClientRect(), S = kt(x), M = $.left + (x.clientLeft + parseFloat(S.paddingLeft)) * C.x, L = $.top + (x.clientTop + parseFloat(S.paddingTop)) * C.y;
       l *= C.x, p *= C.y, v *= C.x, h *= C.y, l += M, p += L, f = it(x), x = Rs(f);
     }
@@ -2791,15 +2791,15 @@ function Or(s) {
   }, p = St(1);
   const v = St(0), h = Mt(e);
   if ((h || !h && !r) && ((Co(e) !== "body" || Fo(n)) && (l = vs(e)), Mt(e))) {
-    const b = ao(e);
-    p = fo(e), v.x = b.x + e.clientLeft, v.y = b.y + e.clientTop;
+    const g = ao(e);
+    p = fo(e), v.x = g.x + e.clientLeft, v.y = g.y + e.clientTop;
   }
-  const g = n && !h && !r ? rc(n, l) : St(0);
+  const b = n && !h && !r ? rc(n, l) : St(0);
   return {
     width: o.width * p.x,
     height: o.height * p.y,
-    x: o.x * p.x - l.scrollLeft * p.x + v.x + g.x,
-    y: o.y * p.y - l.scrollTop * p.y + v.y + g.y
+    x: o.x * p.x - l.scrollLeft * p.x + v.x + b.x,
+    y: o.y * p.y - l.scrollTop * p.y + v.y + b.y
   };
 }
 function Er(s) {
@@ -2827,7 +2827,7 @@ function Rr(s, t) {
   }
   const p = hs(e);
   if (p <= 0) {
-    const v = e.ownerDocument, h = v.body, g = getComputedStyle(h), b = v.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, f = Math.abs(e.clientWidth - h.clientWidth - b);
+    const v = e.ownerDocument, h = v.body, b = getComputedStyle(h), g = v.compatMode === "CSS1Compat" && parseFloat(b.marginLeft) + parseFloat(b.marginRight) || 0, f = Math.abs(e.clientWidth - h.clientWidth - g);
     f <= xe && (r -= f);
   } else p <= xe && (r += p);
   return {
@@ -2923,14 +2923,14 @@ function Dr(s, t, o) {
   }
   if (e || !e && !r)
     if ((Co(t) !== "body" || Fo(c)) && (u = vs(t)), e) {
-      const b = ao(t, !0, r, t);
-      l.x = b.x + t.clientLeft, l.y = b.y + t.clientTop;
+      const g = ao(t, !0, r, t);
+      l.x = g.x + t.clientLeft, l.y = g.y + t.clientTop;
     } else c && p();
   r && !e && c && p();
-  const v = c && !e && !r ? rc(c, u) : St(0), h = n.left + u.scrollLeft - l.x - v.x, g = n.top + u.scrollTop - l.y - v.y;
+  const v = c && !e && !r ? rc(c, u) : St(0), h = n.left + u.scrollLeft - l.x - v.x, b = n.top + u.scrollTop - l.y - v.y;
   return {
     x: h,
-    y: g,
+    y: b,
     width: n.width,
     height: n.height
   };
@@ -3006,12 +3006,12 @@ function jr(s, t) {
     const p = s.getBoundingClientRect(), {
       left: v,
       top: h,
-      width: g,
-      height: b
+      width: b,
+      height: g
     } = p;
-    if (u || t(), !g || !b)
+    if (u || t(), !b || !g)
       return;
-    const f = Xo(h), x = Xo(c.clientWidth - (v + g)), C = Xo(c.clientHeight - (h + b)), $ = Xo(v), M = {
+    const f = Xo(h), x = Xo(c.clientWidth - (v + b)), C = Xo(c.clientHeight - (h + g)), $ = Xo(v), M = {
       rootMargin: -f + "px " + -x + "px " + -C + "px " + -$ + "px",
       threshold: nt(0, Ft(1, l)) || 1
     };
@@ -3055,14 +3055,14 @@ function Ur(s, t, o, e) {
     }), r && $.addEventListener("resize", o);
   });
   const h = p && u ? jr(p, o) : null;
-  let g = -1, b = null;
-  n && (b = new ResizeObserver(($) => {
+  let b = -1, g = null;
+  n && (g = new ResizeObserver(($) => {
     let [S] = $;
-    S && S.target === p && b && (b.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+    S && S.target === p && g && (g.unobserve(t), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
       var M;
-      (M = b) == null || M.observe(t);
+      (M = g) == null || M.observe(t);
     })), o();
-  }), p && !l && b.observe(p), b.observe(t));
+  }), p && !l && g.observe(p), g.observe(t));
   let f, x = l ? ao(s) : null;
   l && C();
   function C() {
@@ -3073,7 +3073,7 @@ function Ur(s, t, o, e) {
     var $;
     v.forEach((S) => {
       c && S.removeEventListener("scroll", o), r && S.removeEventListener("resize", o);
-    }), h == null || h(), ($ = b) == null || $.disconnect(), b = null, l && cancelAnimationFrame(f);
+    }), h == null || h(), ($ = g) == null || $.disconnect(), g = null, l && cancelAnimationFrame(f);
   };
 }
 const Xr = fr, Zr = hr, we = yr, Wr = vr, Yr = (s, t, o) => {
@@ -3109,41 +3109,41 @@ class Gr {
     const { arrowElement: o, alignment: e, caret: c, trigger: r, target: n, styleElement: u, matchWidth: l, open: p, flipArguments: v } = this.options, h = u ?? n;
     if (!h)
       return;
-    let g;
+    let b;
     switch (e) {
       case "top-left":
-        g = "top-start";
+        b = "top-start";
         break;
       case "top-right":
-        g = "top-end";
+        b = "top-end";
         break;
       case "bottom-left":
-        g = "bottom-start";
+        b = "bottom-start";
         break;
       case "bottom-right":
-        g = "bottom-end";
+        b = "bottom-end";
         break;
       case "left-bottom":
-        g = "left-end";
+        b = "left-end";
         break;
       case "left-top":
-        g = "left-start";
+        b = "left-start";
         break;
       case "right-bottom":
-        g = "right-end";
+        b = "right-end";
         break;
       case "right-top":
-        g = "right-start";
+        b = "right-start";
         break;
       default:
-        g = e;
+        b = e;
         break;
     }
-    const b = [
+    const g = [
       Zr(v),
       Xr(c ? 10 : 0),
       ...c && o ? [Wr({ element: o, padding: 15 })] : [],
-      ...l && (g === "bottom" || g === "top") ? [
+      ...l && (b === "bottom" || b === "top") ? [
         we({
           apply({ rects: f, elements: x }) {
             x.floating.style.width = `${f.reference.width}px`;
@@ -3160,8 +3160,8 @@ class Gr {
     if (p) {
       const { x: f, y: x, placement: C, middlewareData: $, strategy: S } = await Yr(r, h, {
         strategy: "fixed",
-        middleware: b,
-        placement: g
+        middleware: g,
+        placement: b
       });
       if (h.style.left = `${f}px`, h.style.top = `${x}px`, h.style.position = `${S}`, o) {
         const { x: M, y: L } = $.arrow, O = {
@@ -4037,7 +4037,7 @@ let mt = class extends y {
     };
   }
   render() {
-    var o, e, c, r, n, u, l, p, v, h, g, b, f, x, C, $, S, M, L, O, z, I;
+    var o, e, c, r, n, u, l, p, v, h, b, g, f, x, C, $, S, M, L, O, z, I;
     const t = "title-icon";
     return typeof this.isCollapsible > "u" || this.isCollapsible ? this.isSideNavMenuItems ? m`
             <cds-custom-side-nav-menu
@@ -4089,12 +4089,12 @@ let mt = class extends y {
             <cds-custom-side-nav-link
               class="${B}--side-nav__link"
               role="link"
-              href="${(g = this.link) == null ? void 0 : g.href}"
+              href="${(b = this.link) == null ? void 0 : b.href}"
               @click="${(k) => {
       var P;
       return this.handleSideNavLinkClick(k, (P = this.link) == null ? void 0 : P.label);
     }}"
-              title="${(b = this.link) == null ? void 0 : b.label}"
+              title="${(g = this.link) == null ? void 0 : g.label}"
               ${this.isHybridIpaas ? _ : "large"}>
               ${this.getIcon((f = this.link) == null ? void 0 : f.iconName, (x = this.link) == null ? void 0 : x.productIcon)}${(C = this.link) == null ? void 0 : C.label}
             </cds-custom-side-nav-link>
@@ -4533,8 +4533,8 @@ class ei extends Yc {
       if (l in Cs) {
         const h = Cs[l];
         if (p === void 0 || v === void 0) continue;
-        const g = h(p, v);
-        g.transform !== void 0 && (u[l] = g.value, n = !0, c.transform = `${c.transform ?? ""} ${g.transform}`, g.overrideFrom !== void 0 && Object.assign(c, g.overrideFrom));
+        const b = h(p, v);
+        b.transform !== void 0 && (u[l] = b.value, n = !0, c.transform = `${c.transform ?? ""} ${b.transform}`, b.overrideFrom !== void 0 && Object.assign(c, b.overrideFrom));
       } else p !== v && p !== void 0 && v !== void 0 && (n = !0, c[l] = p, r[l] = v);
     }
     return c.transformOrigin = r.transformOrigin = e ? "center center" : "top left", this.animatingProperties = u, n ? [c, r] : void 0;
@@ -5053,7 +5053,7 @@ let T = class extends $i(fc(y)) {
     this.type = this.type === Ct.PASSWORD ? Ct.TEXT : Ct.PASSWORD;
   }
   render() {
-    const { disabled: t, enableCounter: o, helperText: e, hideLabel: c, inline: r, invalid: n, invalidText: u, label: l, maxCount: p, readonly: v, required: h, size: g, type: b, warn: f, warnText: x, value: C, _handleInput: $, _hasAILabel: S, _handleSlotChange: M } = this, L = wi({
+    const { disabled: t, enableCounter: o, helperText: e, hideLabel: c, inline: r, invalid: n, invalidText: u, label: l, maxCount: p, readonly: v, required: h, size: b, type: g, warn: f, warnText: x, value: C, _handleInput: $, _hasAILabel: S, _handleSlotChange: M } = this, L = wi({
       class: `${i}--text-input__invalid-icon`
     }), O = Ci({
       class: `${i}--text-input__invalid-icon ${i}--text-input__invalid-icon--warning`
@@ -5080,9 +5080,9 @@ let T = class extends $i(fc(y)) {
       [`${i}--text-input`]: !0,
       [`${i}--text-input--invalid`]: z.invalid,
       [`${i}--text-input--warning`]: z.warn,
-      [`${i}--text-input--${g}`]: g,
-      [`${i}--layout--size-${g}`]: g,
-      [`${i}--password-input`]: b === Ct.PASSWORD,
+      [`${i}--text-input--${b}`]: b,
+      [`${i}--layout--size-${b}`]: b,
+      [`${i}--password-input`]: g === Ct.PASSWORD,
       [`${i}--text-input__field-wrapper--decorator`]: S
     }), D = H({
       [`${i}--text-input__field-outer-wrapper`]: !0,
@@ -5097,7 +5097,7 @@ let T = class extends $i(fc(y)) {
     }), K = H({
       [`${i}--form__helper-text`]: !0,
       [`${i}--form__helper-text--disabled`]: z.disabled
-    }), F = b !== Ct.PASSWORD, et = F ? zi({ class: `${i}--icon-visibility-off` }) : ki({ class: `${i}--icon-visibility-on` }), J = H({
+    }), F = g !== Ct.PASSWORD, et = F ? zi({ class: `${i}--icon-visibility-off` }) : ki({ class: `${i}--icon-visibility-on` }), J = H({
       [`${i}--text-input--password__visibility__toggle`]: !0,
       [`${i}--btn`]: !0,
       [`${i}--btn--icon-only`]: !0,
@@ -5150,13 +5150,13 @@ let T = class extends $i(fc(y)) {
               placeholder="${Dt(this.placeholder)}"
               ?readonly="${v}"
               ?required="${h}"
-              type="${Dt(b)}"
+              type="${Dt(g)}"
               .value="${this._value}"
               maxlength="${Dt(p)}"
               @input="${$}" />
             <slot name="ai-label" @slotchange="${M}"></slot>
             <slot name="slug" @slotchange="${M}"></slot>
-            ${this.showPasswordVisibilityToggle && (b === Ct.PASSWORD || b === Ct.TEXT) ? tt() : null}
+            ${this.showPasswordVisibilityToggle && (g === Ct.PASSWORD || g === Ct.TEXT) ? tt() : null}
           </div>
           ${r ? null : se}
           <div
@@ -5346,13 +5346,13 @@ let Z = class extends uo(at(fc(y))) {
     e || o.append(c, r);
   }
   render() {
-    const { autoComplete: t, closeButtonLabelText: o, disabled: e, hasCustomIcon: c, labelText: r, name: n, placeholder: u, role: l, type: p, value: v = "", _handleInput: h, _handleClearInputButtonClick: g, _handleSlotChange: b } = this, f = H({
+    const { autoComplete: t, closeButtonLabelText: o, disabled: e, hasCustomIcon: c, labelText: r, name: n, placeholder: u, role: l, type: p, value: v = "", _handleInput: h, _handleClearInputButtonClick: b, _handleSlotChange: g } = this, f = H({
       [`${i}--search-close`]: !0,
       [`${i}--search-close--hidden`]: !this.value
     });
     return m`
       <div class="${i}--search-magnifier">
-        <slot name="icon" @slotchange=${b}>
+        <slot name="icon" @slotchange=${g}>
           ${c ? m`` : m`${xi({
       part: "search-icon",
       class: `${i}--search-magnifier-icon`,
@@ -5378,7 +5378,7 @@ let Z = class extends uo(at(fc(y))) {
       <button
         part="close-button"
         class="${f}"
-        @click="${g}"
+        @click="${b}"
         type="button"
         aria-label="${o}">
         ${_i({
@@ -6063,7 +6063,7 @@ let Xt = class extends y {
     this.headerProps.assistMeConfigs && s.has("headerProps") && Te(this.headerProps);
   }
   render() {
-    var s, t, o, e, c, r, n, u, l, p, v, h, g, b, f, x, C, $, S, M, L, O, z;
+    var s, t, o, e, c, r, n, u, l, p, v, h, b, g, f, x, C, $, S, M, L, O, z;
     return m`
       <cds-custom-header
         class="${B}__header"
@@ -6098,7 +6098,7 @@ let Xt = class extends y {
                 <cds-custom-side-nav-items>
                   <!-- sideNav group array render  -->
                   ${(v = (p = this.headerProps) == null ? void 0 : p.sideNav) != null && v.groups ? m`
-                        ${(g = (h = this.headerProps.sideNav) == null ? void 0 : h.groups) == null ? void 0 : g.map(
+                        ${(b = (h = this.headerProps.sideNav) == null ? void 0 : h.groups) == null ? void 0 : b.map(
       (I, k, { length: P }) => {
         var q;
         const D = P;
@@ -6127,7 +6127,7 @@ let Xt = class extends y {
 
                   <!-- sideNav link render -->
                   ${this.headerProps.sideNav.links && this.headerProps.sideNav.links.length > 0 ? m`
-                        ${(f = (b = this.headerProps.sideNav) == null ? void 0 : b.links) == null ? void 0 : f.map((I) => {
+                        ${(f = (g = this.headerProps.sideNav) == null ? void 0 : g.links) == null ? void 0 : f.map((I) => {
       var k, P, D;
       return m`
 												<clabs-global-header-side-nav-item 
@@ -6258,24 +6258,27 @@ let U = class extends y {
     return this.logoutCallback ? s.onClickHandler = this.logoutCallback : s.href = `${this.basePath}/logout`, s;
   }
   buildHeaderOptions(s) {
-    var n, u, l, p, v, h;
+    var n, u, l, p, v, h, b;
     const t = {
       email: this.userEmail,
       displayName: this.displayName
     }, o = [];
-    this.productName && o.push({ label: "Product", text: this.productName }), this.productVersion && o.push({ label: "Version", text: this.productVersion }), s.mainSectionItems && s.mainSectionItems.length > 0 && s.mainSectionItems.forEach((g) => {
+    this.productName ? o.push({ label: "Product", text: this.productName }) : o.push({
+      label: "Product",
+      text: (n = s == null ? void 0 : s.brand) == null ? void 0 : n.product
+    }), this.productVersion && o.push({ label: "Version", text: this.productVersion }), s.mainSectionItems && s.mainSectionItems.length > 0 && s.mainSectionItems.forEach((g) => {
       o.push(g);
     });
     const e = {
       label: this.productName ? this.productName : ""
-    }, c = (n = s.profileFooterLinks) == null ? void 0 : n.findIndex(
-      (g) => g.text.toLowerCase() === "logout"
+    }, c = (u = s.profileFooterLinks) == null ? void 0 : u.findIndex(
+      (g) => g.text.toLowerCase() === "log out"
     );
-    c !== void 0 && c > -1 ? (u = s.profileFooterLinks) == null || u.splice(
+    c !== void 0 && c > -1 ? (l = s.profileFooterLinks) == null || l.splice(
       c,
       1,
       this.initLogoutLink()
-    ) : (l = s.profileFooterLinks) == null || l.push(this.initLogoutLink());
+    ) : (p = s.profileFooterLinks) == null || p.push(this.initLogoutLink());
     const r = {
       ...s,
       capabilityName: this.productName === null ? s.capabilityName : e,
@@ -6287,9 +6290,9 @@ let U = class extends y {
     }), this.notificationOpenCallback && (r.notificationConfigs = {
       onClick: this.notificationOpenCallback
     }), this.searchConfigs && (r.searchConfigs = {
-      placeholder: ((p = this.searchConfigs) == null ? void 0 : p.placeholder) ?? "Search",
-      callback: (v = this.searchConfigs) == null ? void 0 : v.callback,
-      submitCallback: (h = this.searchConfigs) == null ? void 0 : h.submitCallback
+      placeholder: ((v = this.searchConfigs) == null ? void 0 : v.placeholder) ?? "Search",
+      callback: (h = this.searchConfigs) == null ? void 0 : h.callback,
+      submitCallback: (b = this.searchConfigs) == null ? void 0 : b.submitCallback
     }), this.aiCallback && (r.chatBotConfigs = {
       onClick: this.aiCallback
     }), this.aiCallbackEvent && (r.chatBotConfigs = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/wc-global-header",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "author": "Your Name <your@email.com>",
   "publishConfig": {
     "access": "public",
@@ -45,5 +45,5 @@
     "@web/test-runner": "^0.20.2",
     "vite": "^5.4.21"
   },
-  "gitHead": "9c1dd9681d0f990c167dac45d6accbaef184e9dd"
+  "gitHead": "8699e8ab081c78918c14c75b88c5204b532e2cb6"
 }