@carbon-labs/wc-global-header 0.1.0

package/lib/components/global-header/src/components/LogoutHeader/__stories__/LogoutHeader.stories.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @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 type { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LogoutHeader } from '../LogoutHeader';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof LogoutHeader>;
+export declare const Basic: Story;
+export declare const Corporate: Story;

package/lib/components/global-header/src/components/LogoutHeader/__tests__/LogoutHeader.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 '../LogoutHeader';

package/lib/components/global-header/src/components/LogoutTile/LogoutTile.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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/tile/index.js';
+import '@carbon/web-components/es-custom/components/button/index.js';
+/**
+ * Logged out dialog
+ */
+export declare class LogoutTile extends LitElement {
+    static styles: import("lit").CSSResult;
+    brandCompany: string;
+    brandProduct: string;
+    logoutText: string;
+    buttonLabel: string;
+    loginHref: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}

package/lib/components/global-header/src/components/LogoutTile/__stories__/LogoutTile.stories.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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 type { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LogoutTile } from '../LogoutTile';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof LogoutTile>;
+export declare const Basic: Story;

package/lib/components/global-header/src/components/LogoutTile/__tests__/LogoutTile.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 '../LogoutTile';

package/lib/components/global-header/src/components/ProfilePopover/ProfilePopover.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @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 { HeaderContextProps } from '../HeaderContext/HeaderContext.types';
+/**
+ * Contents of the profile menu
+ */
+export declare class AuthContext extends LitElement {
+    static styles: import("lit").CSSResult;
+    profileOpen: boolean;
+    props: HeaderContextProps;
+    constructor();
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    handleOutsideClick(event: MouseEvent): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,100 @@
+'use strict';
+
+var tslib = require('tslib');
+var lit = require('lit');
+var decorators_js = require('lit/decorators.js');
+var _index = require('./_index.scss.js');
+var motion = require('@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
+ */
+exports.AuthContext = class AuthContext extends lit.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 lit.html `
+      <cds-custom-popover
+        ?open="${this.profileOpen}"
+        tabTip
+        align="bottom-right">
+        <slot></slot>
+        <cds-custom-popover-content>
+          ${this.profileOpen
+            ? lit.html ` <div
+                class="automation-header__tooltip"
+                ${motion.animate({ in: motion.fadeIn, out: motion.fadeOut })}>
+                <apaas-auth-context
+                  .props="${{
+                profile,
+                mainSectionItems,
+                footerSectionItems,
+                userManagement,
+                managementConsole,
+                profileFooterLinks,
+            }}"></apaas-auth-context>
+              </div>`
+            : lit.nothing}
+        </cds-custom-popover-content>
+      </cds-custom-popover>
+    `;
+    }
+};
+exports.AuthContext.styles = lit.css `
+    ${lit.unsafeCSS([_index.default])}
+  `;
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.AuthContext.prototype, "profileOpen", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Object })
+], exports.AuthContext.prototype, "props", void 0);
+exports.AuthContext = tslib.__decorate([
+    decorators_js.customElement('apaas-profile-popover')
+], exports.AuthContext);
+//# sourceMappingURL=ProfilePopover.js.map

package/lib/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":["AuthContext","LitElement","html","animate","fadeIn","fadeOut","nothing","css","unsafeCSS","styles","__decorate","property","customElement"],"mappings":";;;;;;;;AAAA;;;;;;;AAOG;AACH;AAQA;;AAEG;AAEUA,mBAAW,GAAjB,MAAM,WAAY,SAAQC,cAAU,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,OAAOC,QAAI,CAAA;;AAEE,eAAA,EAAA,IAAI,CAAC,WAAW,CAAA;;;;;AAKrB,UAAA,EAAA,IAAI,CAAC;cACHA,QAAI,CAAA,CAAA;;kBAEAC,cAAO,CAAC,EAAE,EAAE,EAAEC,aAAM,EAAE,GAAG,EAAEC,cAAO,EAAE,CAAC,CAAA;;AAE3B,0BAAA,EAAA;gBACR,OAAO;gBACP,gBAAgB;gBAChB,kBAAkB;gBAClB,cAAc;gBACd,iBAAiB;gBACjB,kBAAkB;AACnB,aAAA,CAAA;AACE,oBAAA;AACT,cAAEC,WAAO;;;KAGhB;IACH;;AA9EON,mBAAA,CAAA,MAAM,GAAGO,OAAG,CAAA;AACf,IAAA,EAAAC,aAAS,CAAC,CAACC,cAAM,CAAC,CAAC;AACtB,EAAA,CAFY;AAIgBC,gBAAA,CAAA;AAA5B,IAAAC,sBAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAsB,CAAA,EAAAX,mBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AACrBU,gBAAA,CAAA;AAA3B,IAAAC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAWxB,CAAA,EAAAX,mBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAjBSA,mBAAW,GAAAU,gBAAA,CAAA;IADvBE,2BAAa,CAAC,uBAAuB;AACzB,CAAA,EAAAZ,mBAAW,CAgFvB;;"}

package/lib/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/lib/components/global-header/src/components/ProfilePopover/_index.scss.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lit = require('lit');
+
+var styles = lit.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}"]);
+
+exports.default = styles;
+//# sourceMappingURL=_index.scss.js.map

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

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

package/lib/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/lib/components/global-header/src/components/Search/Search.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var tslib = require('tslib');
+var lit = require('lit');
+var decorators_js = require('lit/decorators.js');
+require('@carbon/web-components/es-custom/components/search/index.js');
+var _index = require('./_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
+ */
+exports.Search = class Search extends lit.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 lit.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>`;
+    }
+};
+exports.Search.styles = lit.css `
+    ${lit.unsafeCSS([_index.default])}
+  `;
+tslib.__decorate([
+    decorators_js.state()
+], exports.Search.prototype, "searchValue", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Object })
+], exports.Search.prototype, "props", void 0);
+exports.Search = tslib.__decorate([
+    decorators_js.customElement('apaas-header-search')
+], exports.Search);
+//# sourceMappingURL=Search.js.map

package/lib/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":["Search","LitElement","html","css","unsafeCSS","styles","__decorate","state","property","customElement"],"mappings":";;;;;;;;AAAA;;;;;;;AAOG;AACH;AASA;;AAEG;AAEUA,cAAM,GAAZ,MAAM,MAAO,SAAQC,cAAU,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,OAAOC,QAAI,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;;AAhDOF,cAAA,CAAA,MAAM,GAAGG,OAAG,CAAA;AACf,IAAA,EAAAC,aAAS,CAAC,CAACC,cAAM,CAAC,CAAC;AACtB,EAAA,CAFY;AAKbC,gBAAA,CAAA;AADC,IAAAC,mBAAK;AACW,CAAA,EAAAP,cAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAgCWM,gBAAA,CAAA;AAA3B,IAAAE,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAExB,CAAA,EAAAR,cAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAxCSA,cAAM,GAAAM,gBAAA,CAAA;IADlBG,2BAAa,CAAC,qBAAqB;AACvB,CAAA,EAAAT,cAAM,CAkDlB;;"}

package/lib/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/lib/components/global-header/src/components/Search/_index.scss.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lit = require('lit');
+
+var styles = lit.css(["cds-custom-search[expanded]::part(input){inline-size:12rem}"]);
+
+exports.default = styles;
+//# sourceMappingURL=_index.scss.js.map

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

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

package/lib/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/lib/components/global-header/src/components/SideNavItem/SideNavItem.js

@@ -0,0 +1,214 @@
+'use strict';
+
+var tslib = require('tslib');
+var lit = require('lit');
+var index = require('../../../../../_virtual/index.js');
+var constant = require('../../constant.js');
+var decorators_js = require('lit/decorators.js');
+var utils = require('../../globals/utils.js');
+var SideNavItem = require('./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
+ */
+exports.SideNavItem = class SideNavItem extends lit.LitElement {
+    constructor() {
+        super(...arguments);
+        // emit an event (does nothing if analytics has not been configured)
+        this.clickEventAnalytics = (label) => {
+            utils.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 lit.html `<img
+        width="16"
+        height="16"
+        role="presentation"
+        src="data:image/svg+xml;utf8,${encodeURIComponent(productIcon)}" />`;
+            }
+            else if (iconName) {
+                return utils.renderCarbonIcon(iconName, 16, iconSlot);
+            }
+            return lit.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
+                ? lit.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
+                        ? lit.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>
+                    `
+                        : lit.html ` <cds-custom-side-nav-menu-item
+                      class="${constant.AUTOMATION_NAMESPACE_PREFIX}--side-nav__link-text"
+                      href="${link === null || link === void 0 ? void 0 : link.href}"
+                      target="${link.newTab ? '_blank' : lit.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="${constant.AUTOMATION_NAMESPACE_PREFIX}--side-panel-nav-item__link">
+                        ${link.label}
+                        ${link.newTabIcon &&
+                            lit.html `<span class="launch_icon"
+                          >${utils.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)
+                    ? lit.html ` <cds-custom-side-nav-link
+            class="${constant.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' : lit.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>`
+                    : lit.html `
+            <cds-custom-side-nav-link
+              class="${constant.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' : lit.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 lit.html `
+      <div>
+        <cds-custom-popover
+          caret
+          ?open="${this._isHoveringOnSideNavItem}"
+          align="right"
+          dropShadow="false"
+          class="${constant.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="${index.default({
+            [`${constant.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)
+            ? utils.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>
+    `;
+    }
+};
+exports.SideNavItem.styles = lit.css `
+    ${lit.unsafeCSS(SideNavItem.default)}
+  `;
+tslib.__decorate([
+    decorators_js.property({ type: Object })
+], exports.SideNavItem.prototype, "link", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.SideNavItem.prototype, "isCollapsible", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.SideNavItem.prototype, "isActive", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Function })
+], exports.SideNavItem.prototype, "handleNavItemClick", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.SideNavItem.prototype, "menuOpen", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.SideNavItem.prototype, "isSideNavMenuItems", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.SideNavItem.prototype, "isOnClickAvailable", void 0);
+tslib.__decorate([
+    decorators_js.property({ type: Boolean })
+], exports.SideNavItem.prototype, "isHybridIpaas", void 0);
+tslib.__decorate([
+    decorators_js.state()
+], exports.SideNavItem.prototype, "_isHoveringOnSideNavItem", void 0);
+exports.SideNavItem = tslib.__decorate([
+    decorators_js.customElement('apaas-side-nav-item')
+], exports.SideNavItem);
+//# sourceMappingURL=SideNavItem.js.map

package/lib/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":["SideNavItem","LitElement","trackEvent","html","renderCarbonIcon","nothing","AUTOMATION_NAMESPACE_PREFIX","cx","css","unsafeCSS","styles","__decorate","property","state","customElement"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lit = require('lit');
+
+var styles = lit.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}"]);
+
+exports.default = styles;
+//# sourceMappingURL=SideNavItem.scss.js.map

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

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

package/lib/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';