@carbon-labs/wc-global-header 0.39.0 → 0.41.0

package/es/wc-global-header.mjs

@@ -760,7 +760,7 @@ let Ys = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = Ws(class extends Ys {
+const V = Ws(class extends Ys {
   constructor(o) {
     var t;
     if (super(o), o.type !== Zs.ATTRIBUTE || o.name !== "class" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -927,7 +927,7 @@ let L = class extends uo(at(y)) {
         Z[tt] = !0;
       }), j = Object.assign(Object.assign({}, j), Z);
     }
-    const K = D(j), U = h.includes("danger");
+    const K = V(j), U = h.includes("danger");
     if (p)
       return d ? v`
             <p id="button" part="button" class="${K}">
@@ -954,7 +954,7 @@ let L = class extends uo(at(y)) {
             </a>
             ${(t = v`<slot id="badge-indicator" name="badge-indicator"></slot>`) !== null && t !== void 0 ? t : !d}
           `;
-    const et = O && (w === fo.TOP || w === fo.BOTTOM) ? `-${O}` : "", J = D({
+    const et = O && (w === fo.TOP || w === fo.BOTTOM) ? `-${O}` : "", J = V({
       [`${i}--popover-container`]: !0,
       [`${i}--popover--caret`]: !0,
       [`${i}--popover--high-contrast`]: !0,
@@ -1328,7 +1328,7 @@ let bt = class extends uo(at(y)) {
     }
   }
   render() {
-    const { expanded: t, isActive: s, triggerContent: e, menuLabel: c, _hasActiveChildren: r, _handleClick: n } = this, d = D({
+    const { expanded: t, isActive: s, triggerContent: e, menuLabel: c, _hasActiveChildren: r, _handleClick: n } = this, d = V({
       [`${i}--header__menu-item`]: !0,
       [`${i}--header__menu-title`]: !0,
       [`${i}--header__menu-item--current`]: s || r && !t
@@ -1489,7 +1489,7 @@ let ft = class extends uo(y) {
     this.expanded = !1;
   }
   render() {
-    const { collapseMode: t, expanded: s, isNotChildOfHeader: e, isNotPersistent: c } = this, r = D({
+    const { collapseMode: t, expanded: s, isNotChildOfHeader: e, isNotPersistent: c } = this, r = V({
       [`${i}--side-nav__navigation`]: !0,
       [`${i}--side-nav`]: !0,
       [`${i}--side-nav--expanded`]: s,
@@ -1497,7 +1497,7 @@ let ft = class extends uo(y) {
       [`${i}--side-nav--rail`]: t === ht.RAIL,
       [`${i}--side-nav--ux`]: !e,
       [`${i}--side-nav--hidden`]: c
-    }), n = D({
+    }), n = V({
       [`${i}--side-nav__overlay`]: !0,
       [`${i}--side-nav__overlay-active`]: s
     });
@@ -1590,7 +1590,7 @@ let Et = class extends at(y) {
     }));
   }
   render() {
-    const { active: t, buttonLabelActive: s, buttonLabelInactive: e, disabled: c, _handleClick: r } = this, n = t ? s : e, d = D({
+    const { active: t, buttonLabelActive: s, buttonLabelInactive: e, disabled: c, _handleClick: r } = this, n = t ? s : e, d = V({
       [`${i}--header__action`]: !0,
       [`${i}--header__menu-trigger`]: !0,
       [`${i}--header__menu-toggle`]: !0,
@@ -1645,7 +1645,7 @@ let lt = class extends at(y) {
     super(...arguments), this.isActive = !1, this.role = "listitem";
   }
   render() {
-    const { ariaCurrent: t, href: s, isActive: e, title: c, rel: r, target: n } = this, d = D({
+    const { ariaCurrent: t, href: s, isActive: e, title: c, rel: r, target: n } = this, d = V({
       [`${i}--header__menu-item`]: !0,
       [`${i}--header__menu-item--current`]: e && t !== "page"
     });
@@ -1812,7 +1812,7 @@ let yt = class extends at(y) {
     this.hasAttribute("role") || this.setAttribute("role", "listitem"), super.connectedCallback();
   }
   render() {
-    const { active: t, href: s, rel: e, target: c, title: r, _handleSlotChangeTitleIcon: n } = this, d = D({
+    const { active: t, href: s, rel: e, target: c, title: r, _handleSlotChangeTitleIcon: n } = this, d = V({
       [`${i}--side-nav__link`]: !0,
       [`${i}--side-nav__link--current`]: t
     });
@@ -2014,7 +2014,7 @@ let no = class extends at(y) {
     this.hasAttribute("role") || this.setAttribute("role", "button"), super.connectedCallback();
   }
   render() {
-    const { active: t, href: s, title: e } = this, c = D({
+    const { active: t, href: s, title: e } = this, c = V({
       [`${i}--side-nav__link`]: !0,
       [`${i}--side-nav__link--current`]: t
     });
@@ -2083,7 +2083,7 @@ let Nt = class extends at(y) {
     this.hasAttribute("role") || this.setAttribute("role", "listitem"), super.connectedCallback();
   }
   render() {
-    const { href: t, selected: s, ariaLabel: e, ariaLabelledBy: c, tabIndex: r } = this, n = D({
+    const { href: t, selected: s, ariaLabel: e, ariaLabelledBy: c, tabIndex: r } = this, n = V({
       [`${i}--switcher__item-link`]: !0,
       [`${i}--switcher__item-link--selected`]: s
     });
@@ -3220,7 +3220,7 @@ let pt = Yo = class extends y {
   render() {
     const { dropShadow: t, highContrast: s, open: e, tabTip: c, _handleSlotChange: r } = this;
     c && (this.caret = !c), this.align = this.align ? this.align : c ? "bottom-left" : "bottom";
-    const n = D({
+    const n = V({
       [`${i}--popover-container`]: !0,
       [`${i}--popover--caret`]: this.caret,
       [`${i}--popover--drop-shadow`]: t,
@@ -4250,7 +4250,7 @@ let ns = class extends pi {
   render() {
     const { stacked: t } = this, s = {
       [`${i}--btn-set--stacked`]: t
-    }, e = D(s);
+    }, e = V(s);
     return v`<slot class="${e} @slotchange="${this._handleSlotChange}"></slot>`;
   }
   /**
@@ -4277,7 +4277,7 @@ let Hs = class extends cc {
     this.disabled && (t.preventDefault(), t.stopPropagation());
   }
   render() {
-    const { autofocus: t, disabled: s, download: e, href: c, hreflang: r, ping: n, rel: d, size: l, target: p, type: m } = this, h = D({
+    const { autofocus: t, disabled: s, download: e, href: c, hreflang: r, ping: n, rel: d, size: l, target: p, type: m } = this, h = V({
       [`${i}--btn`]: !0,
       [`${i}--skeleton`]: !0,
       [`${i}--btn--${l}`]: l
@@ -5093,17 +5093,17 @@ let R = class extends Vi(Sc(y)) {
       icon: null
     };
     w.invalid ? (w.icon = T, w["slot-name"] = "invalid-text", w["slot-text"] = d) : w.warn && (w.icon = O, w["slot-name"] = "warn-text", w["slot-text"] = x);
-    const M = D({
+    const M = V({
       [`${i}--label`]: !0,
       [`${i}--text-input__label-counter`]: !0,
       [`${i}--label--disabled`]: t
-    }), k = D({
+    }), k = V({
       [`${i}--form-item`]: !0,
       [`${i}--text-input-wrapper`]: !0,
       [`${i}--text-input-wrapper--inline`]: r,
       [`${i}--text-input-wrapper--readonly`]: m,
       [`${i}--text-input-wrapper--inline--invalid`]: r && w.invalid
-    }), P = D({
+    }), P = V({
       [`${i}--text-input`]: !0,
       [`${i}--text-input--invalid`]: w.invalid,
       [`${i}--text-input--warning`]: w.warn,
@@ -5111,20 +5111,20 @@ let R = class extends Vi(Sc(y)) {
       [`${i}--layout--size-${b}`]: b,
       [`${i}--password-input`]: g === Ct.PASSWORD,
       [`${i}--text-input__field-wrapper--decorator`]: S
-    }), q = D({
+    }), q = V({
       [`${i}--text-input__field-outer-wrapper`]: !0,
       [`${i}--text-input__field-outer-wrapper--inline`]: r
-    }), F = D({
+    }), F = V({
       [`${i}--text-input__field-wrapper`]: !0,
       [`${i}--text-input__field-wrapper--warning`]: w.warn
-    }), j = D({
+    }), j = V({
       [`${i}--label`]: !0,
       [`${i}--visually-hidden`]: c,
       [`${i}--label--disabled`]: w.disabled
-    }), K = D({
+    }), K = V({
       [`${i}--form__helper-text`]: !0,
       [`${i}--form__helper-text--disabled`]: w.disabled
-    }), U = g !== Ct.PASSWORD, et = U ? Hi({ class: `${i}--icon-visibility-off` }) : Ni({ class: `${i}--icon-visibility-on` }), J = D({
+    }), U = g !== Ct.PASSWORD, et = U ? Hi({ class: `${i}--icon-visibility-off` }) : Ni({ class: `${i}--icon-visibility-on` }), J = V({
       [`${i}--text-input--password__visibility__toggle`]: !0,
       [`${i}--btn`]: !0,
       [`${i}--btn--icon-only`]: !0,
@@ -5373,7 +5373,7 @@ let W = class extends uo(at(Sc(y))) {
     e || s.append(c, r);
   }
   render() {
-    const { autoComplete: t, closeButtonLabelText: s, disabled: e, hasCustomIcon: c, labelText: r, name: n, placeholder: d, role: l, type: p, value: m = "", _handleInput: h, _handleClearInputButtonClick: b, _handleSlotChange: g } = this, f = D({
+    const { autoComplete: t, closeButtonLabelText: s, disabled: e, hasCustomIcon: c, labelText: r, name: n, placeholder: d, role: l, type: p, value: m = "", _handleInput: h, _handleClearInputButtonClick: b, _handleSlotChange: g } = this, f = V({
       [`${i}--search-close`]: !0,
       [`${i}--search-close--hidden`]: !this.value
     });
@@ -5514,13 +5514,13 @@ let Bo = class extends y {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("cds-search-input", (o) => {
+    super.connectedCallback(), this.addEventListener("cds-custom-search-input", (o) => {
       var t;
       return this._handleSearchInput((t = o == null ? void 0 : o.detail) == null ? void 0 : t.value);
     });
   }
   disconnectedCallback() {
-    this.removeEventListener("cds-search-input", () => {
+    this.removeEventListener("cds-custom-search-input", () => {
     }), super.disconnectedCallback();
   }
   _handleKeydown(o) {
@@ -5528,7 +5528,7 @@ let Bo = class extends y {
     o.stopPropagation(), (o.key === "Enter" || o.code === "Enter") && ((t = this.props) != null && t.submitCallback) && this.props.submitCallback(this.searchValue);
   }
   _handleSearchInput(o) {
-    this.searchValue = o, this.props.callback(o);
+    this.searchValue = o, this.props.callback && this.props.callback(o);
   }
   render() {
     var o;
@@ -6144,13 +6144,13 @@ function qe(o) {
     `script[src="${t}"]`
   );
   if (!c && t && o.solisConfig) {
-    c = document.createElement("script"), c.src = t, c.type = "module", c.defer = !0, c.async = !0, c.crossOrigin = "anonymous", c.setAttribute("data-status", "loading"), (d = document == null ? void 0 : document.head) == null || d.appendChild(c), window._solis = {
+    c = document.createElement("script"), c.src = t, c.type = "module", c.defer = !0, c.async = !0, c.crossOrigin = "anonymous", c.setAttribute("data-status", "loading"), (d = document == null ? void 0 : document.head) == null || d.appendChild(c), window._solis || (window._solis = {
       product_id: o.solisConfig.product_id,
       is_prod: o.solisConfig.is_prod,
       cdn_hostname: o.solisConfig.cdn_hostname,
       deployment_environment: o.solisConfig.deployment_environment,
       backend_proxy: o.solisConfig.backendProxy
-    };
+    });
     const l = (p) => {
       c == null || c.setAttribute(
         "data-status",
@@ -6367,7 +6367,7 @@ const ad = `.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */.ibm-automation-cds .automation-header-navigation-action__menu-item{display:block;cursor:pointer}.ibm-automation-cds .automation-header-navigation-action__menu-item a{color:#f4f4f4}.ibm-automation-cds .automation-header-navigation-action__menu-item span{display:flex;align-items:center}.ibm-automation-cds .automation-header-navigation-action__menu-item svg{margin-inline-start:.25rem}`;
-var ud = Object.defineProperty, ld = Object.getOwnPropertyDescriptor, V = (o, t, s, e) => {
+var ud = Object.defineProperty, ld = Object.getOwnPropertyDescriptor, D = (o, t, s, e) => {
   for (var c = e > 1 ? void 0 : e ? ld(t, s) : t, r = o.length - 1, n; r >= 0; r--)
     (n = o[r]) && (c = (e ? n(t, s, c) : n(c)) || c);
   return e && c && ud(t, s, c), c;
@@ -6375,7 +6375,7 @@ var ud = Object.defineProperty, ld = Object.getOwnPropertyDescriptor, V = (o, t,
 const { stablePrefix: pd } = st;
 let N = class extends y {
   constructor() {
-    super(), this.productName = null, this.productKey = "", this.fetchHeaders = {}, this.solisSidekickEnabled = !1, this.solisSwitcherEnabled = !1, this.solisEnvironment = "local", 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 = { ..._n }, 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 = { ..._n }, this._customEventListener = this._customEventListener.bind(this);
   }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener(Me, this._customEventListener);
@@ -6438,10 +6438,10 @@ let N = class extends y {
       tell_me_more_enabled: !1
     };
   }
-  initSolisOptions(o = "local", t = !1) {
+  initSolisOptions(o = "local", t = !1, s = !0) {
     return t ? {
       isEnabled: !1,
-      is_prod: o === "prod",
+      is_prod: s,
       cdn_hostname: Zo[o],
       deployment_environment: Ds[o] || "local",
       product_id: "ipaas",
@@ -6449,7 +6449,7 @@ let N = class extends y {
     } : {
       isEnabled: !0,
       scriptUrl: Zo[o] + "/switcher/solis-switcher.es.js",
-      is_prod: o === "prod",
+      is_prod: s,
       cdn_hostname: Zo[o],
       deployment_environment: Ds[o] || "local",
       product_id: "ipaas",
@@ -6528,10 +6528,15 @@ let N = class extends y {
       }
     }), this.solisSidekickEnabled && (r.solisConfig = this.initSolisOptions(
       this.solisEnvironment,
-      !0
+      !0,
+      !this.solisDevMode
     ), r.sidekickConfig = this.initSidekickOptions(
       this.solisEnvironment
-    )), this.solisSwitcherEnabled && (r.solisConfig = this.initSolisOptions(this.solisEnvironment)), this.capabilityProfileFooterLinks && this.capabilityProfileFooterLinks.length > 0 && (r.profileFooterLinks = [
+    )), this.solisSwitcherEnabled && (r.solisConfig = this.initSolisOptions(
+      this.solisEnvironment,
+      !1,
+      !this.solisDevMode
+    )), this.capabilityProfileFooterLinks && this.capabilityProfileFooterLinks.length > 0 && (r.profileFooterLinks = [
       ...this.capabilityProfileFooterLinks,
       ...r.profileFooterLinks ?? []
     ]), this.capabilityGlobalActions && this.capabilityGlobalActions.length > 0 && (r.globalActionConfigs = [...this.capabilityGlobalActions]), r;
@@ -6547,85 +6552,88 @@ let N = class extends y {
 N.styles = X`
     ${ct(ad)}
   `;
-V([
+D([
   a({ type: String })
 ], N.prototype, "productName", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "productKey", 2);
-V([
+D([
   a({ type: Object })
 ], N.prototype, "fetchHeaders", 2);
-V([
+D([
   a({ type: Boolean })
 ], N.prototype, "solisSidekickEnabled", 2);
-V([
+D([
   a({ type: Boolean })
 ], N.prototype, "solisSwitcherEnabled", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "solisEnvironment", 2);
-V([
+D([
+  a({ type: Boolean })
+], N.prototype, "solisDevMode", 2);
+D([
   a({ type: String })
 ], N.prototype, "basePath", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "displayName", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "userEmail", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "productVersion", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "assistMeKey", 2);
-V([
+D([
   a({ type: Function })
 ], N.prototype, "aiCallback", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "aiCallbackEvent", 2);
-V([
+D([
   a({ type: Function })
 ], N.prototype, "logoutCallback", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "logoutCallbackEvent", 2);
-V([
+D([
   a({ type: Function })
 ], N.prototype, "notificationOpenCallback", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "notificationOpenCallbackEvent", 2);
-V([
+D([
   a({ type: Function })
 ], N.prototype, "searchCallback", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "searchCallbackEvent", 2);
-V([
+D([
   a({ type: Function })
 ], N.prototype, "searchSubmitCallback", 2);
-V([
+D([
   a({ type: String })
 ], N.prototype, "searchSubmitCallbackEvent", 2);
-V([
+D([
   a({ type: Boolean })
 ], N.prototype, "hasNewNotifications", 2);
-V([
+D([
   a({ type: Object })
 ], N.prototype, "searchConfigs", 2);
-V([
+D([
   a({ type: Array })
 ], N.prototype, "capabilityProfileFooterLinks", 2);
-V([
+D([
   a({ type: Array })
 ], N.prototype, "capabilityGlobalActions", 2);
-V([
+D([
   Pt()
 ], N.prototype, "headerOptions", 2);
-N = V([
+N = D([
   ot(`${pd}-global-header-hybrid-ipaas`)
 ], N);
 /**
@@ -6783,7 +6791,7 @@ let G = class extends at(y) {
    */
   get _classes() {
     const { disabled: t, size: s, inline: e, visited: c, _hasIcon: r } = this;
-    return D({
+    return V({
       [`${i}--link`]: !0,
       [`${i}--link--disabled`]: t,
       [`${i}--link--icon`]: r,
@@ -6901,7 +6909,7 @@ let Wt = class extends wd {
   }
   get _classes() {
     const { colorScheme: t, disabled: s, hasRoundedCorners: e, aiLabel: c, slug: r } = this;
-    return D({
+    return V({
       [`${i}--link`]: !0,
       [`${i}--link--disabled`]: s,
       [`${i}--tile`]: !0,
@@ -7015,7 +7023,7 @@ let Yt = class extends uo(at(y)) {
     this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
   }
   render() {
-    const { expanded: t, withInteractive: s, _belowTheContentHeight: e, _handleSlotChangeBelowTheFoldContent: c } = this, r = D({
+    const { expanded: t, withInteractive: s, _belowTheContentHeight: e, _handleSlotChangeBelowTheFoldContent: c } = this, r = V({
       [`${i}--tile__chevron`]: !0,
       [`${i}--tile__chevron--interactive`]: s
     });
@@ -7151,7 +7159,7 @@ let dt = class extends uo(at(y)) {
     this._hasAILabel ? this.setAttribute("ai-label", "") : this.removeAttribute("ai-label");
   }
   render() {
-    const { colorScheme: t, disabled: s, hasRoundedCorners: e, name: c, selected: r, value: n, _handleChange: d, _hasAILabel: l } = this, p = D({
+    const { colorScheme: t, disabled: s, hasRoundedCorners: e, name: c, selected: r, value: n, _handleChange: d, _hasAILabel: l } = this, p = V({
       [`${i}--tile`]: !0,
       [`${i}--tile--disabled`]: s,
       [`${i}--tile--selectable`]: !0,
@@ -7257,7 +7265,7 @@ let Ue = class extends Ad {
     }));
   }
   render() {
-    const { colorScheme: t, checkmarkLabel: s, disabled: e, hasRoundedCorners: c, name: r, selected: n, value: d, _handleChange: l, _handleKeydown: p, _hasAILabel: m } = this, h = D({
+    const { colorScheme: t, checkmarkLabel: s, disabled: e, hasRoundedCorners: c, name: r, selected: n, value: d, _handleChange: l, _handleKeydown: p, _hasAILabel: m } = this, h = V({
       [`${i}--tile`]: !0,
       [`${i}--tile--selectable`]: !0,
       [`${i}--tile--radio`]: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/wc-global-header",
-  "version": "0.39.0",
+  "version": "0.41.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": "5ea24fc7a8a62a1d2bc90a52cde2ce1478c29eb2"
+  "gitHead": "11c1556263e954c7ea3f08966cca08c3b27603e7"
 }