@carbon-labs/wc-global-header 0.1.0

package/es/components/global-header/src/components/ProfilePopover/ProfilePopover.js

@@ -0,0 +1,100 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, nothing, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import styles from './_index.scss.js';
+import { animate, fadeOut, fadeIn } from '@lit-labs/motion';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint jsdoc/require-jsdoc: 0 */
+/**
+ * Contents of the profile menu
+ */
+let AuthContext = class AuthContext extends LitElement {
+    constructor() {
+        super();
+        this.profileOpen = false;
+        this.props = {
+            footerSectionItems: [],
+            managementConsole: {
+                href: '',
+                text: '',
+            },
+            userManagement: {
+                href: '',
+                text: '',
+                icon: '',
+            },
+        };
+        this.handleOutsideClick = this.handleOutsideClick.bind(this);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('profileOpen')) {
+            if (this.profileOpen) {
+                document.addEventListener('click', this.handleOutsideClick);
+            }
+            else {
+                document.removeEventListener('click', this.handleOutsideClick);
+            }
+        }
+    }
+    handleOutsideClick(event) {
+        const path = event.composedPath();
+        if (!path.includes(this)) {
+            const toggleEvent = new CustomEvent('profile-toggle', {
+                bubbles: true,
+                composed: true,
+            }); // event to trigger the parent component to update the toggle value
+            this.dispatchEvent(toggleEvent);
+        }
+    }
+    render() {
+        const { profile, mainSectionItems, footerSectionItems, userManagement, managementConsole, profileFooterLinks, } = this.props;
+        return html `
+      <cds-custom-popover
+        ?open="${this.profileOpen}"
+        tabTip
+        align="bottom-right">
+        <slot></slot>
+        <cds-custom-popover-content>
+          ${this.profileOpen
+            ? html ` <div
+                class="automation-header__tooltip"
+                ${animate({ in: fadeIn, out: fadeOut })}>
+                <apaas-auth-context
+                  .props="${{
+                profile,
+                mainSectionItems,
+                footerSectionItems,
+                userManagement,
+                managementConsole,
+                profileFooterLinks,
+            }}"></apaas-auth-context>
+              </div>`
+            : nothing}
+        </cds-custom-popover-content>
+      </cds-custom-popover>
+    `;
+    }
+};
+AuthContext.styles = css `
+    ${unsafeCSS([styles])}
+  `;
+__decorate([
+    property({ type: Boolean })
+], AuthContext.prototype, "profileOpen", void 0);
+__decorate([
+    property({ type: Object })
+], AuthContext.prototype, "props", void 0);
+AuthContext = __decorate([
+    customElement('apaas-profile-popover')
+], AuthContext);
+
+export { AuthContext };
+//# sourceMappingURL=ProfilePopover.js.map

package/es/components/global-header/src/components/ProfilePopover/ProfilePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePopover.js","sources":["../../../../../../../components/global-header/src/components/ProfilePopover/ProfilePopover.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;;;;;;;AAOG;AACH;AAQA;;AAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU,CAAA;AAmBzC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAfoB,IAAA,CAAA,WAAW,GAAG,KAAK;AACpB,QAAA,IAAA,CAAA,KAAK,GAAuB;AACtD,YAAA,kBAAkB,EAAE,EAAE;AACtB,YAAA,iBAAiB,EAAE;AACjB,gBAAA,IAAI,EAAE,EAAE;AACR,gBAAA,IAAI,EAAE,EAAE;AACT,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,EAAE;AACR,gBAAA,IAAI,EAAE,EAAE;AACR,gBAAA,IAAI,EAAE,EAAE;AACT,aAAA;SACF;QAIC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;IAC9D;AAEA,IAAA,OAAO,CAAC,iBAAyD,EAAA;AAC/D,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;AACxC,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;YAC7D;iBAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;YAChE;QACF;IACF;AAEA,IAAA,kBAAkB,CAAC,KAAiB,EAAA;AAClC,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE;QACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACxB,YAAA,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,gBAAgB,EAAE;AACpD,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QACjC;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,GACnB,GAAG,IAAI,CAAC,KAAK;AACd,QAAA,OAAO,IAAI,CAAA;;AAEE,eAAA,EAAA,IAAI,CAAC,WAAW,CAAA;;;;;AAKrB,UAAA,EAAA,IAAI,CAAC;cACH,IAAI,CAAA,CAAA;;kBAEA,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAA;;AAE3B,0BAAA,EAAA;gBACR,OAAO;gBACP,gBAAgB;gBAChB,kBAAkB;gBAClB,cAAc;gBACd,iBAAiB;gBACjB,kBAAkB;AACnB,aAAA,CAAA;AACE,oBAAA;AACT,cAAE,OAAO;;;KAGhB;IACH;;AA9EO,WAAA,CAAA,MAAM,GAAG,GAAG,CAAA;AACf,IAAA,EAAA,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACtB,EAAA,CAFY;AAIgB,UAAA,CAAA;AAA5B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAsB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AACrB,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAWxB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAjBS,WAAW,GAAA,UAAA,CAAA;IADvB,aAAa,CAAC,uBAAuB;AACzB,CAAA,EAAA,WAAW,CAgFvB;;;;"}

package/es/components/global-header/src/components/ProfilePopover/__tests__/ProfilePopover.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '../ProfilePopover';

package/es/components/global-header/src/components/ProfilePopover/_index.scss.js

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var styles = css([".automation-header__popover{background:#161616;border:1px solid #393939;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);color:#fff;inline-size:18rem}"]);
+
+export { styles as default };
+//# sourceMappingURL=_index.scss.js.map

package/es/components/global-header/src/components/ProfilePopover/_index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/components/global-header/src/components/Search/Search.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '@carbon/web-components/es-custom/components/search/index.js';
+import { SearchConfigs } from '../../types/Header.types';
+/**
+ * Optional search box for the header
+ */
+export declare class Search extends LitElement {
+    static styles: import("lit").CSSResult;
+    searchValue: string;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _handleKeydown(e: KeyboardEvent): void;
+    _handleSearchInput(value: string): void;
+    props: SearchConfigs;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/es/components/global-header/src/components/Search/Search.js

@@ -0,0 +1,72 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, html } from 'lit';
+import { state, property, customElement } from 'lit/decorators.js';
+import '@carbon/web-components/es-custom/components/search/index.js';
+import styles from './_index.scss.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint jsdoc/require-jsdoc: 0 */
+/**
+ * Optional search box for the header
+ */
+let Search = class Search extends LitElement {
+    constructor() {
+        super();
+        this.searchValue = '';
+        this.props = {
+            callback: (value) => console.log(`value: ${value}`),
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('cds-search-input', ((e) => { var _a; return this._handleSearchInput((_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.value); }));
+    }
+    disconnectedCallback() {
+        this.removeEventListener('cds-search-input', () => { });
+        super.disconnectedCallback();
+    }
+    _handleKeydown(e) {
+        var _a;
+        e.stopPropagation();
+        if ((e.key === 'Enter' || e.code === 'Enter') &&
+            ((_a = this.props) === null || _a === void 0 ? void 0 : _a.submitCallback)) {
+            this.props.submitCallback(this.searchValue);
+        }
+    }
+    _handleSearchInput(value) {
+        this.searchValue = value;
+        this.props.callback(value);
+    }
+    render() {
+        var _a;
+        return html `<cds-custom-search
+      expandable
+      size="lg"
+      label-text="search"
+      close-button-label-text="close search"
+      @keydown="${this._handleKeydown}"
+      .placeholder="${(_a = this.props) === null || _a === void 0 ? void 0 : _a.placeholder}"></cds-custom-search>`;
+    }
+};
+Search.styles = css `
+    ${unsafeCSS([styles])}
+  `;
+__decorate([
+    state()
+], Search.prototype, "searchValue", void 0);
+__decorate([
+    property({ type: Object })
+], Search.prototype, "props", void 0);
+Search = __decorate([
+    customElement('apaas-header-search')
+], Search);
+
+export { Search };
+//# sourceMappingURL=Search.js.map

package/es/components/global-header/src/components/Search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sources":["../../../../../../../components/global-header/src/components/Search/Search.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;;;;;;;AAOG;AACH;AASA;;AAEG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU,CAAA;AAQpC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAHT,IAAA,CAAA,WAAW,GAAG,EAAE;AAgCY,QAAA,IAAA,CAAA,KAAK,GAAkB;AACjD,YAAA,QAAQ,EAAE,CAAC,KAAa,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA,OAAA,EAAU,KAAK,EAAE,CAAC;SAC5D;IA9BD;IAEA,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;AACzB,QAAA,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,GAAG,CAAC,CAAc,KAAI,EAAA,IAAA,EAAA,CAAA,CAC5D,OAAA,IAAI,CAAC,kBAAkB,CAAC,CAAA,EAAA,GAAA,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAA,CAAA,CAAA,EAAmB;IAChE;IAEA,oBAAoB,GAAA;QAClB,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,MAAK,EAAE,CAAC,CAAC;QACtD,KAAK,CAAC,oBAAoB,EAAE;IAC9B;AAEA,IAAA,cAAc,CAAC,CAAgB,EAAA;;QAC7B,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IACE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO;AACxC,aAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,0CAAE,cAAc,CAAA,EAC1B;YACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;QAC7C;IACF;AAEA,IAAA,kBAAkB,CAAC,KAAa,EAAA;AAC9B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC5B;IAKA,MAAM,GAAA;;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;;;;;AAKG,gBAAA,EAAA,IAAI,CAAC,cAAc,CAAA;AACf,oBAAA,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,wBAAwB;IACnE;;AAhDO,MAAA,CAAA,MAAM,GAAG,GAAG,CAAA;AACf,IAAA,EAAA,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACtB,EAAA,CAFY;AAKb,UAAA,CAAA;AADC,IAAA,KAAK;AACW,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAgCW,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAExB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAxCS,MAAM,GAAA,UAAA,CAAA;IADlB,aAAa,CAAC,qBAAqB;AACvB,CAAA,EAAA,MAAM,CAkDlB;;;;"}

package/es/components/global-header/src/components/Search/__tests__/Search.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '../Search';

package/es/components/global-header/src/components/Search/_index.scss.js

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var styles = css(["cds-custom-search[expanded]::part(input){inline-size:12rem}"]);
+
+export { styles as default };
+//# sourceMappingURL=_index.scss.js.map

package/es/components/global-header/src/components/Search/_index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/components/global-header/src/components/SideNavItem/SideNavItem.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import { SideNavLink } from '../../types/Header.types';
+/**
+ * Entries for the left-hand Apps menu
+ */
+export declare class SideNavItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    private clickEventAnalytics;
+    private handleSideNavMenuItemClick;
+    private handleSideNavLinkClick;
+    private getIcon;
+    link: SideNavLink;
+    isCollapsible: boolean;
+    isActive: boolean;
+    handleNavItemClick: (e: Event) => void;
+    menuOpen: boolean;
+    isSideNavMenuItems: boolean;
+    isOnClickAvailable: boolean;
+    isHybridIpaas: boolean;
+    private _isHoveringOnSideNavItem;
+    private _setIsHoveringOnSideNavItem;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/es/components/global-header/src/components/SideNavItem/SideNavItem.js

@@ -0,0 +1,214 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, html, nothing } from 'lit';
+import cx from '../../../../../_virtual/index.js';
+import { AUTOMATION_NAMESPACE_PREFIX } from '../../constant.js';
+import { property, state, customElement } from 'lit/decorators.js';
+import { trackEvent, renderCarbonIcon } from '../../globals/utils.js';
+import styles from './SideNavItem.scss.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint jsdoc/require-jsdoc: 0 */
+/**
+ * Entries for the left-hand Apps menu
+ */
+let SideNavItem = class SideNavItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        // emit an event (does nothing if analytics has not been configured)
+        this.clickEventAnalytics = (label) => {
+            trackEvent('UI Interaction', {
+                action: 'clicked',
+                CTA: label,
+                elementId: 'common header - app switcher',
+            });
+        };
+        this.handleSideNavMenuItemClick = (e, link) => {
+            this.clickEventAnalytics(link.label);
+            if (link === null || link === void 0 ? void 0 : link.onClick) {
+                link.onClick(e);
+            }
+            if (this.handleNavItemClick) {
+                this.handleNavItemClick(e);
+            }
+        };
+        this.handleSideNavLinkClick = (e, label) => {
+            this.clickEventAnalytics(label);
+            if (this.handleNavItemClick) {
+                this.handleNavItemClick(e);
+            }
+        };
+        this.getIcon = (iconName, productIcon) => {
+            const iconSlot = 'title-icon';
+            if (productIcon) {
+                return html `<img
+        width="16"
+        height="16"
+        role="presentation"
+        src="data:image/svg+xml;utf8,${encodeURIComponent(productIcon)}" />`;
+            }
+            else if (iconName) {
+                return renderCarbonIcon(iconName, 16, iconSlot);
+            }
+            return nothing;
+        };
+        this.link = {
+            href: '',
+            label: '',
+            sideNavMenuItems: [],
+        };
+        this.isCollapsible = false;
+        this.isActive = false;
+        this.handleNavItemClick = () => { };
+        this.menuOpen = false;
+        this.isSideNavMenuItems = false;
+        this.isOnClickAvailable = false;
+        this.isHybridIpaas = false;
+        this._isHoveringOnSideNavItem = false;
+        this._setIsHoveringOnSideNavItem = (isHovering) => {
+            this._isHoveringOnSideNavItem = isHovering;
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        const iconSlot = 'title-icon';
+        if (typeof this.isCollapsible === 'undefined' || this.isCollapsible) {
+            return this.isSideNavMenuItems
+                ? html `
+            <cds-custom-side-nav-menu
+              title="${(_a = this.link) === null || _a === void 0 ? void 0 : _a.label}"
+              expanded="${this.isActive}"
+              ${!this.isHybridIpaas ? 'large' : ''}>
+              <span slot="title-icon"
+                >${this.getIcon((_b = this.link) === null || _b === void 0 ? void 0 : _b.iconName, (_c = this.link) === null || _c === void 0 ? void 0 : _c.productIcon)}</span
+              >
+              ${(_d = this.link) === null || _d === void 0 ? void 0 : _d.sideNavMenuItems.map((link) => {
+                    return this.isOnClickAvailable || link.onClick
+                        ? html `
+                      <cds-custom-side-nav-menu-item
+                        @click="${(e) => this.handleSideNavMenuItemClick(e, link)}"
+                        tabIndex="${0}"
+                        isActive="${link === null || link === void 0 ? void 0 : link.isActive}">
+                        ${link.label}
+                      </cds-custom-side-nav-menu-item>
+                    `
+                        : html ` <cds-custom-side-nav-menu-item
+                      class="${AUTOMATION_NAMESPACE_PREFIX}--side-nav__link-text"
+                      href="${link === null || link === void 0 ? void 0 : link.href}"
+                      target="${link.newTab ? '_blank' : nothing}"
+                      rel="noreferrer"
+                      @click="${(e) => this.handleSideNavMenuItemClick(e, link)}"
+                      role="link"
+                      isActive="${this.isHybridIpaas
+                            ? window.location.href.includes(link === null || link === void 0 ? void 0 : link.href)
+                            : link === null || link === void 0 ? void 0 : link.isActive}}">
+                      <span
+                        class="${AUTOMATION_NAMESPACE_PREFIX}--side-panel-nav-item__link">
+                        ${link.label}
+                        ${link.newTabIcon &&
+                            html `<span class="launch_icon"
+                          >${renderCarbonIcon('Launch', 16)}</span
+                        >`}
+                      </span>
+                    </cds-custom-side-nav-menu-item>`;
+                })}
+            </cds-custom-side-nav-menu>
+          `
+                : this.isOnClickAvailable || ((_e = this.link) === null || _e === void 0 ? void 0 : _e.onClick)
+                    ? html ` <cds-custom-side-nav-link
+            class="${AUTOMATION_NAMESPACE_PREFIX}--side-nav__link"
+            role="link"
+            href="${(_f = this.link) === null || _f === void 0 ? void 0 : _f.href}"
+            @click="${(e) => { var _a; return this.handleSideNavLinkClick(e, (_a = this.link) === null || _a === void 0 ? void 0 : _a.label); }}"
+            title="${(_g = this.link) === null || _g === void 0 ? void 0 : _g.label}"
+            ${!this.isHybridIpaas ? 'large' : nothing}>
+            ${this.getIcon((_h = this.link) === null || _h === void 0 ? void 0 : _h.iconName, (_j = this.link) === null || _j === void 0 ? void 0 : _j.productIcon)}${(_k = this
+                        .link) === null || _k === void 0 ? void 0 : _k.label}
+          </cds-custom-side-nav-link>`
+                    : html `
+            <cds-custom-side-nav-link
+              class="${AUTOMATION_NAMESPACE_PREFIX}--side-nav__link"
+              role="link"
+              href="${(_l = this.link) === null || _l === void 0 ? void 0 : _l.href}"
+              @click="${(e) => { var _a; return this.handleSideNavLinkClick(e, (_a = this.link) === null || _a === void 0 ? void 0 : _a.label); }}"
+              title="${(_m = this.link) === null || _m === void 0 ? void 0 : _m.label}"
+              ${!this.isHybridIpaas ? 'large' : nothing}>
+              ${this.getIcon((_o = this.link) === null || _o === void 0 ? void 0 : _o.iconName, (_p = this.link) === null || _p === void 0 ? void 0 : _p.productIcon)}${(_q = this
+                        .link) === null || _q === void 0 ? void 0 : _q.label}
+            </cds-custom-side-nav-link>
+          `;
+        }
+        return html `
+      <div>
+        <cds-custom-popover
+          caret
+          ?open="${this._isHoveringOnSideNavItem}"
+          align="right"
+          dropShadow="false"
+          class="${AUTOMATION_NAMESPACE_PREFIX}--side-panel-nav-item__popover-content">
+          <span style="display: none;"></span>
+          <cds-custom-side-nav-link
+            role="link"
+            href="${(_r = this.link) === null || _r === void 0 ? void 0 : _r.href}"
+            @click="${(_s = this.link) === null || _s === void 0 ? void 0 : _s.onClick}"
+            title="${(_t = this.link) === null || _t === void 0 ? void 0 : _t.label}"
+            class="${cx({
+            [`${AUTOMATION_NAMESPACE_PREFIX}--side-nav__link--current`]: this.isActive,
+        })}"
+            @mouseleave="${() => this._setIsHoveringOnSideNavItem(false)}"
+            @mouseenter="${() => this._setIsHoveringOnSideNavItem(true)}"
+            large="${!this.isHybridIpaas}">
+            ${((_u = this.link) === null || _u === void 0 ? void 0 : _u.iconName)
+            ? renderCarbonIcon((_v = this.link) === null || _v === void 0 ? void 0 : _v.iconName, 16, iconSlot)
+            : (_w = this.link) === null || _w === void 0 ? void 0 : _w.label}
+          </cds-custom-side-nav-link>
+          <cds-custom-popover-content
+            >${(_x = this.link) === null || _x === void 0 ? void 0 : _x.label}</cds-custom-popover-content
+          >
+        </cds-custom-popover>
+      </div>
+    `;
+    }
+};
+SideNavItem.styles = css `
+    ${unsafeCSS(styles)}
+  `;
+__decorate([
+    property({ type: Object })
+], SideNavItem.prototype, "link", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavItem.prototype, "isCollapsible", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavItem.prototype, "isActive", void 0);
+__decorate([
+    property({ type: Function })
+], SideNavItem.prototype, "handleNavItemClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavItem.prototype, "menuOpen", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavItem.prototype, "isSideNavMenuItems", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavItem.prototype, "isOnClickAvailable", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavItem.prototype, "isHybridIpaas", void 0);
+__decorate([
+    state()
+], SideNavItem.prototype, "_isHoveringOnSideNavItem", void 0);
+SideNavItem = __decorate([
+    customElement('apaas-side-nav-item')
+], SideNavItem);
+
+export { SideNavItem };
+//# sourceMappingURL=SideNavItem.js.map

package/es/components/global-header/src/components/SideNavItem/SideNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavItem.js","sources":["../../../../../../../components/global-header/src/components/SideNavItem/SideNavItem.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/components/global-header/src/components/SideNavItem/SideNavItem.scss.js

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var styles = css([".ibm-automation-cds--rail-sidePanel{inline-size:3rem!important}.ibm-automation-cds--rail-sidePanel a.ibm-automation-cds--side-nav__link--current:before,.ibm-automation-cds--rail-sidePanel a.ibm-automation-cds--side-nav__link[aria-current=page]:before{background-color:#0f62fe!important}.ibm-automation-cds--side-nav__items{overflow:visible!important}.ibm-automation-cds--side-nav__items .ibm-automation-cds--popover-container{display:inherit!important}.ibm-automation-cds--side-nav__navigation{overflow:visible!important}.ibm-automation-cds--side-panel-nav-item__popover-content .ibm-automation-cds--popover-content{background-color:#161616;color:#a8a8a8;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem}.ibm-automation-cds--side-panel-nav-item__popover-content .ibm-automation-cds--popover-caret{background-color:#161616}.ibm-automation-cds--side-nav__link img{margin-inline-end:1.5rem;padding-block-end:2px;vertical-align:middle}.ibm-automation-cds--side-nav__link-text::part(title){inline-size:100%}.ibm-automation-cds--side-nav__link-text .ibm-automation-cds--side-panel-nav-item__link{display:flex}.ibm-automation-cds--side-nav__link-text .ibm-automation-cds--side-panel-nav-item__link .launch_icon{margin-inline-start:auto}.ibm-automation-cds--side-nav__link-text .ibm-automation-cds--side-panel-nav-item__link .launch_icon svg{block-size:100%}.ibm-automation-cds--side-nav__link:hover{background-color:#292929}.ibm-automation-cds--side-nav__link:hover::part(title){color:#fff}"]);
+
+export { styles as default };
+//# sourceMappingURL=SideNavItem.scss.js.map

package/es/components/global-header/src/components/SideNavItem/SideNavItem.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavItem.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/components/global-header/src/components/SideNavItem/__tests__/SideNavItem.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '../SideNavItem';

package/es/components/global-header/src/components/Switcher/Switcher.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import { ItemLink } from './Switcher.types';
+/**
+ * Environment switcher
+ */
+export declare class Switcher extends LitElement {
+    static styles: import("lit").CSSResult;
+    items: ItemLink[];
+    iconsLeft: boolean;
+    disabled: boolean;
+    isTrialOpen: boolean;
+    initialSelectedIndex: number;
+    onClick: (event: MouseEvent, value: ItemLink, idx: number) => void;
+    get selectedItem(): ItemLink | null;
+    constructor();
+    private clickEventAnalytics;
+    handleItemSelection(event: MouseEvent, value: ItemLink, idx: number): void;
+    renderItem(item: ItemLink, idx: number): import("lit-html").TemplateResult<1>;
+    renderItems(): import("lit-html").TemplateResult<1>[];
+    render(): import("lit-html").TemplateResult<1>;
+}