@carbon-labs/wc-global-header 0.1.0

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

@@ -0,0 +1,188 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import cx from '../../../../../_virtual/index.js';
+import { AUTOMATION_HEADER_BASE_CLASS } from '../../constant.js';
+import styles from './_index.scss.js';
+import { trackEvent, renderCarbonIcon } from '../../globals/utils.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 */
+/**
+ * Environment switcher
+ */
+let Switcher = class Switcher extends LitElement {
+    get selectedItem() {
+        var _a;
+        return (_a = this.items[this.initialSelectedIndex || 0]) !== null && _a !== void 0 ? _a : null;
+    }
+    constructor() {
+        super();
+        this.items = [];
+        this.iconsLeft = false;
+        this.disabled = false;
+        this.isTrialOpen = false;
+        this.initialSelectedIndex = 0;
+        this.onClick = (event, value, idx) => {
+            console.log(`default onClick called with: ${event}, ${value}, ${idx}`);
+        };
+        // emit an event (does nothing if analytics has not been configured)
+        this.clickEventAnalytics = (label) => {
+            trackEvent('UI Interaction', {
+                action: 'clicked',
+                CTA: label,
+                elementId: 'common header - env switcher',
+            });
+        };
+    }
+    handleItemSelection(event, value, idx) {
+        var _a;
+        this.clickEventAnalytics(value.label);
+        if (this.onClick) {
+            this.onClick(event, value, idx); // Need to add event in this
+        }
+        if (!value.isLinkItem || !value.isHeading) {
+            if (this.items[idx] !== this.selectedItem) {
+                this.initialSelectedIndex = idx;
+            }
+        }
+        //Switcher closes upon selecting an option
+        const headerMenu = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cds-custom-header-menu');
+        headerMenu.expanded = false;
+    }
+    renderItem(item, idx) {
+        var _a, _b;
+        const isSelected = item.id
+            ? item.id === ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id)
+            : item.label === ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label);
+        const selectedClass = isSelected ? 'selected' : '';
+        return html `
+      <div>
+        <div
+          class="${cx({
+            [`${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu-item`]: true,
+            [selectedClass]: true,
+        })}"
+          @click="${(event) => {
+            if (this.disabled) {
+                return;
+            }
+            this.handleItemSelection(event, item, idx);
+        }}"
+          title="${item.label}">
+          ${this.iconsLeft
+            ? html `
+                <span
+                  class="${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu-item-title-icons-left">
+                  ${!item.isLinkItem
+                ? html `
+                        <div
+                          class="${!isSelected
+                    ? `${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu-item-title-hidden-checkmark`
+                    : ''}">
+                          <div>
+                            ${renderCarbonIcon(item.carbonIcon || 'Checkmark', 16)}
+                          </div>
+                        </div>
+                      `
+                : ''}
+                  ${item.isLinkItem
+                ? html `<div>
+                        ${renderCarbonIcon(item.carbonIcon || 'Checkmark', 16)}
+                      </div>`
+                : ''}
+                  <span>${item.label}</span>
+                  ${item.isLinkItem
+                ? html `<div>${renderCarbonIcon('Launch', 16)}</div>`
+                : ''}
+                </span>
+              `
+            : html `
+                <span
+                  class="${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu-item-title">
+                  <span>${item.label}</span>
+                  ${isSelected
+                ? renderCarbonIcon(item.carbonIcon || 'Checkmark', 16)
+                : ''}
+                </span>
+              `}
+        </div>
+        ${item.isLastInList ? html `<div class="switcher-divider"></div>` : ''}
+      </div>
+    `;
+    }
+    renderItems() {
+        return this.items.map((item, idx) => {
+            var _a;
+            if (item.isHeading) {
+                return html `<div
+          class="${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu-group-title">
+          ${item.label}
+        </div>`;
+            }
+            else {
+                return html `<cds-custom-header-menu-item href="${(_a = item === null || item === void 0 ? void 0 : item.href) !== null && _a !== void 0 ? _a : '#'}">
+          ${this.renderItem(item, idx)}
+        </cds-custom-header-menu-item>`;
+            }
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const labelMaxLength = 15;
+        const switcherLabel = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.label) &&
+            ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label.length) < labelMaxLength
+            ? (_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.label
+            : ((_d = this.selectedItem) === null || _d === void 0 ? void 0 : _d.label.slice(0, labelMaxLength)) + '...'; // need to manually reduce length of label to fit the max width
+        return html `<div class="${AUTOMATION_HEADER_BASE_CLASS}__switcher">
+      <cds-custom-header-menu
+        role="button"
+        tabindex="${this.isTrialOpen ? -1 : 0}"
+        .menuLabel=${switcherLabel}
+        .triggerContent=${switcherLabel}
+        title="${switcherLabel.length > labelMaxLength
+            ? (_e = this.selectedItem) === null || _e === void 0 ? void 0 : _e.label
+            : null}"
+        class="${cx({
+            [`${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu hybrid-ipaas`]: true,
+            [`${AUTOMATION_HEADER_BASE_CLASS}__switcher-menu-disabled`]: this.disabled,
+        })}">
+        ${this.renderItems()}
+      </cds-custom-header-menu>
+    </div>`;
+    }
+};
+Switcher.styles = css `
+    ${unsafeCSS(styles)}
+  `;
+__decorate([
+    property({ type: Array })
+], Switcher.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], Switcher.prototype, "iconsLeft", void 0);
+__decorate([
+    property({ type: Boolean })
+], Switcher.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], Switcher.prototype, "isTrialOpen", void 0);
+__decorate([
+    property({ type: Number })
+], Switcher.prototype, "initialSelectedIndex", void 0);
+__decorate([
+    property({ type: Function })
+], Switcher.prototype, "onClick", void 0);
+Switcher = __decorate([
+    customElement('apaas-switcher-component')
+], Switcher);
+
+export { Switcher };
+//# sourceMappingURL=Switcher.js.map

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * @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 { SwitcherConfigs } from '../../types/Header.types';
+export type { ItemLink } from '../../types/Header.types';
+export type SwitcherProps = SwitcherConfigs;

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

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

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var styles = css([".automation-global-header__switcher{block-size:-moz-max-content;block-size:max-content;border:0!important;color:#a8a8a8;inline-size:-moz-max-content;inline-size:max-content;min-block-size:-moz-max-content;min-block-size:max-content}.automation-global-header__switcher-menu{block-size:47px;color:#a8a8a8;display:inline-block;list-style-type:none;min-inline-size:12rem!important}.automation-global-header__switcher-menu-item-title{align-items:flex-end;display:flex;justify-content:space-between}.automation-global-header__switcher-menu-item-title span{margin-inline-end:1.5rem;max-inline-size:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-global-header__switcher-menu-item-title-hidden-checkmark{visibility:hidden}.automation-global-header__switcher-menu-item-title-icons-left{display:flex}.automation-global-header__switcher-menu-item-title-icons-left div{margin-inline-end:1rem}.automation-global-header__switcher-menu-item-title-icons-left span{margin-inline-end:1rem}.automation-global-header__switcher-menu-item-title-icons-left span,.automation-global-header__switcher-menu-item>span{max-inline-size:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-global-header__switcher-menu-disabled{pointer-events:none}.automation-global-header__switcher-menu.hybrid-ipaas .cds--header__menu-item+.cds--header__menu-title[aria-expanded=false]{inline-size:100%!important;min-inline-size:15rem!important}.automation-global-header__switcher-menu-group-title{align-items:center;block-size:47px;color:#f4f4f4;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);justify-content:space-between;letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin-inline-start:1rem;pointer-events:none}cds-custom-header-menu::part(menu-body){inline-size:100%!important;max-block-size:calc(100vh - 47px);min-inline-size:15rem!important;overflow-x:hidden}cds-custom-header-menu::part(trigger){align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;max-inline-size:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}cds-custom-header-menu-item:nth-last-child(2){border-block-end:1px solid #393939}"]);
+
+export { styles as default };
+//# sourceMappingURL=_index.scss.js.map

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * @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 { TrialTooltipProps } from './TrialContent.types';
+import '@carbon/web-components/es-custom/components/link/index.js';
+export declare const TrialContent: ({ description, links, actionText, actionLink, }: TrialTooltipProps) => import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,74 @@
+import { nothing, html } from 'lit';
+import { AUTOMATION_HEADER_BASE_CLASS } from '../../constant.js';
+import { renderCarbonIcon } from '../../globals/utils.js';
+import '@carbon/web-components/es-custom/components/link/index.js';
+import { TrialLinkType } from '../../types/Header.types.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 */
+const TrialContent = ({ description, links, actionText, actionLink, }) => {
+    return html `
+    <div class="automation-header__tooltip">
+      <div class="${AUTOMATION_HEADER_BASE_CLASS}__tooltip-caret"></div>
+      <div class="automation-header__tooltip-body">
+        ${description
+        ? html `<p
+              tabindex="{0}"
+              role="tabpanel"
+              class="${AUTOMATION_HEADER_BASE_CLASS}__tooltip-description"
+              aria-label="${description}">
+              ${description}
+            </p>`
+        : nothing}
+        <div class="${AUTOMATION_HEADER_BASE_CLASS}__tooltip-links">
+          ${links === null || links === void 0 ? void 0 : links.map((link) => html `
+              <cds-custom-link
+                href="${link.href}"
+                class="${AUTOMATION_HEADER_BASE_CLASS}__tooltip-link">
+                <span
+                  >${link.label}
+                  ${getIconFromType(link.type)}</span
+                >
+              </cds-custom-link>
+            `)}
+        </div>
+        ${actionText && actionLink
+        ? html `
+              <cds-custom-link
+                href=${actionLink}
+                class="${AUTOMATION_HEADER_BASE_CLASS}__trial-button">
+                <div class="buttons">
+                  ${actionText}
+                  <span class="button-icon"
+                    >${renderCarbonIcon('Email', 16)}</span
+                  >
+                </div>
+              </cds-custom-link>
+            `
+        : nothing}
+      </div>
+    </div>
+  `;
+};
+function getIconFromType(type) {
+    switch (type) {
+        case 'invite':
+        case TrialLinkType['invite']:
+            return renderCarbonIcon('Share', 16);
+        case 'requestQuote':
+        case TrialLinkType['requestQuote']:
+            return renderCarbonIcon('RequestQuote', 16);
+        default:
+            return renderCarbonIcon('User', 16);
+    }
+}
+
+export { TrialContent };
+//# sourceMappingURL=TrialContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrialContent.js","sources":["../../../../../../../components/global-header/src/components/TrialContent/TrialContent.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;;;;;;;AAOG;AACH;AASO,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,UAAU,EACV,UAAU,GACQ,KAAI;AACtB,IAAA,OAAO,IAAI,CAAA;;oBAEO,4BAA4B,CAAA;;UAEtC;UACE,IAAI,CAAA,CAAA;;;uBAGO,4BAA4B,CAAA;4BACvB,WAAW,CAAA;gBACvB,WAAW;AACV,gBAAA;AACP,UAAE,OAAO;sBACG,4BAA4B,CAAA;AACtC,UAAA,EAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,GAAG,CACV,CAAC,IAAI,KAAK,IAAI,CAAA;;AAEF,sBAAA,EAAA,IAAI,CAAC,IAAI,CAAA;yBACR,4BAA4B,CAAA;;AAEhC,mBAAA,EAAA,IAAI,CAAC,KAAK;AACX,kBAAA,EAAA,eAAe,CAAC,IAAI,CAAC,IAAyB,CAAC,CAAA;;;aAGtD,CACF;;AAED,QAAA,EAAA,UAAU,IAAI;UACZ,IAAI,CAAA;;uBAEO,UAAU;yBACR,4BAA4B,CAAA;;oBAEjC,UAAU;;AAEP,qBAAA,EAAA,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;;;;AAIvC,YAAA;AACH,UAAE,OAAO;;;GAGhB;AACH;AAEA,SAAS,eAAe,CAAC,IAA4B,EAAA;IACnD,QAAQ,IAAI;AACV,QAAA,KAAK,QAAQ;QACb,KAAK,aAAa,CAAC,QAAQ,CAAC;AAC1B,YAAA,OAAO,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC;AACtC,QAAA,KAAK,cAAc;QACnB,KAAK,aAAa,CAAC,cAAc,CAAC;AAChC,YAAA,OAAO,gBAAgB,CAAC,cAAc,EAAE,EAAE,CAAC;AAC7C,QAAA;AACE,YAAA,OAAO,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;;AAEzC;;;;"}

package/es/components/global-header/src/components/TrialContent/TrialContent.types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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 { TrialConfigs } from '../../types/Header.types';
+export interface TrialTooltipProps extends TrialConfigs {
+    activeTrialPopover?: boolean;
+}

package/es/components/global-header/src/components/TrialContent/__stories__/TrialContent.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 } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+export declare const Default: (args: any) => import("lit-html").TemplateResult<1>;
+export declare const Warning: (args: any) => import("lit-html").TemplateResult<1>;
+export declare const Expired: (args: any) => import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,23 @@
+/**
+ * @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/popover/index.js';
+import { TrialConfigs } from '../../types/Header.types';
+/**
+ * Content to show when clicking the Trial entry in the header
+ */
+export declare class TrialPopover extends LitElement {
+    open: boolean;
+    trialConfig: TrialConfigs;
+    static styles: import("lit").CSSResult;
+    constructor();
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    handleOutsideClick(event: MouseEvent): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,79 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, nothing, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import '@carbon/web-components/es-custom/components/popover/index.js';
+import { TrialContent } from '../TrialContent/TrialContent.js';
+import { animate, fadeOut, fadeIn } from '@lit-labs/motion';
+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 */
+/**
+ * Content to show when clicking the Trial entry in the header
+ */
+let TrialPopover = class TrialPopover extends LitElement {
+    constructor() {
+        super();
+        this.open = false;
+        this.trialConfig = {};
+        this.handleOutsideClick = this.handleOutsideClick.bind(this);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('open')) {
+            if (this.open) {
+                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('trial-toggle', {
+                bubbles: true,
+                composed: true,
+            }); // event to trigger the parent component to update the toggle value
+            this.dispatchEvent(toggleEvent);
+        }
+    }
+    render() {
+        return html `
+      <cds-custom-popover ?open="${this.open}" align="bottom-right">
+        <slot></slot>
+        <cds-custom-popover-content>
+          ${this.open
+            ? html `<div
+                class="automation-header__tooltip"
+                ${animate({ in: fadeIn, out: fadeOut, stabilizeOut: true })}>
+                ${TrialContent({ ...this.trialConfig })}
+              </div>`
+            : nothing}
+        </cds-custom-popover-content>
+      </cds-custom-popover>
+    `;
+    }
+};
+TrialPopover.styles = css `
+    ${unsafeCSS(styles)}
+  `;
+__decorate([
+    property({ type: Boolean })
+], TrialPopover.prototype, "open", void 0);
+__decorate([
+    property({ type: Object })
+], TrialPopover.prototype, "trialConfig", void 0);
+TrialPopover = __decorate([
+    customElement('apaas-trial-popover')
+], TrialPopover);
+
+export { TrialPopover };
+//# sourceMappingURL=TrialPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrialPopover.js","sources":["../../../../../../../components/global-header/src/components/TrialPopover/TrialPopover.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;AAOG;AACH;AAYA;;AAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAO1C,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAPoB,IAAA,CAAA,IAAI,GAAG,KAAK;QACb,IAAA,CAAA,WAAW,GAAiB,EAAE;QAOxD,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,MAAM,CAAC,EAAE;AACjC,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,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;QAEjC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACxB,YAAA,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,cAAc,EAAE;AAClD,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,OAAO,IAAI,CAAA;AACoB,iCAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;;AAGhC,UAAA,EAAA,IAAI,CAAC;cACH,IAAI,CAAA,CAAA;;AAEA,gBAAA,EAAA,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;AACzD,gBAAA,EAAA,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAClC,oBAAA;AACT,cAAE,OAAO;;;KAGhB;IACH;;AA9CO,YAAA,CAAA,MAAM,GAAG,GAAG,CAAA;MACf,SAAS,CAAC,MAAM,CAAC;AACpB,EAAA,CAFY;AAFgB,UAAA,CAAA;AAA5B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAe,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AACd,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAiC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAFhD,YAAY,GAAA,UAAA,CAAA;IADxB,aAAa,CAAC,qBAAqB;AACvB,CAAA,EAAA,YAAY,CAkDxB;;;;"}

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

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

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var styles = css([".automation-header__tooltip{color:#fff;inline-size:16rem;inset-block-start:0;inset-inline-end:0;position:absolute;transform:translateX(40px)}.automation-header__tooltip-body{background-color:#393939;border-radius:3px;box-shadow:0 5px 5px 0 rgba(0,0,0,.3);padding:1rem}.automation-header__tooltip-body :last-child{margin-block-end:0}.automation-global-header__tooltip-description{font-size:14px;line-height:1.25rem;margin-block-end:1rem}.automation-global-header__tooltip-links{margin-block-end:1rem}.automation-global-header__tooltip-links .automation-global-header__tooltip-link{color:#78a9ff;display:block;margin-block-end:.25rem;margin-inline-start:-1rem;padding:6px 15px}.automation-global-header__tooltip-links .automation-global-header__tooltip-link svg{fill:#78a9ff}.automation-global-header__tooltip-links .automation-global-header__tooltip-link:hover{background-color:transparent;text-decoration:underline}.automation-global-header__trial-button{display:inline-block}.automation-global-header__trial-button .buttons{background:#0f62fe;color:#fff;display:flex;padding:6px 15px}.automation-global-header__trial-button .button-icon{display:flex;margin-inline-start:20px}.automation-global-header__trial-button:hover{text-decoration:none}.automation-global-header--popover-content-container .ibm-automation-cds--popover span{display:none}.automation-global-header--popover-content-container .ibm-automation-cds--popover .ibm-automation-cds--popover-content{background-color:#393939;color:#fff;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);padding:.125rem .5rem}.automation-global-header--popover-content-container .ibm-automation-cds--popover .ibm-automation-cds--popover-caret{display:none}"]);
+
+export { styles as default };
+//# sourceMappingURL=_index.scss.js.map

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * @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 { NoAuthHeaderLinks } from '../../types/Header.types';
+import '@carbon/web-components/es-custom/components/ui-shell/index.js';
+/**
+ * Content to show when not logged in
+ */
+export declare class UnauthenticatedContext extends LitElement {
+    static styles: import("lit").CSSResult;
+    noAuthHeaderLinks: NoAuthHeaderLinks[];
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,63 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, nothing, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { renderCarbonIcon } from '../../globals/utils.js';
+import '@carbon/web-components/es-custom/components/ui-shell/index.js';
+import cx from '../../../../../_virtual/index.js';
+import { DEFAULT_NO_AUTH_HEADER_LINKS, AUTOMATION_NAMESPACE_PREFIX, HEADER_NAVIGATION_ACTION } from '../../constant.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 */
+/**
+ * Content to show when not logged in
+ */
+let UnauthenticatedContext = class UnauthenticatedContext extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.noAuthHeaderLinks = [
+            ...DEFAULT_NO_AUTH_HEADER_LINKS,
+        ];
+    }
+    render() {
+        return html ` <cds-custom-header-nav
+      aria-label="Navigation"
+      class="${cx(AUTOMATION_NAMESPACE_PREFIX, `${HEADER_NAVIGATION_ACTION}__menu`)}">
+      ${this.noAuthHeaderLinks &&
+            this.noAuthHeaderLinks.map((headerLink) => {
+                return html `
+          <cds-custom-header-nav-item
+            aria-label="${headerLink === null || headerLink === void 0 ? void 0 : headerLink.arialLabel}"
+            href="${headerLink === null || headerLink === void 0 ? void 0 : headerLink.href}"
+            class="${`${HEADER_NAVIGATION_ACTION}__menu-item`}">
+            ${headerLink === null || headerLink === void 0 ? void 0 : headerLink.text}
+            ${(headerLink === null || headerLink === void 0 ? void 0 : headerLink.carbonIcon)
+                    ? html `<span
+                  >${renderCarbonIcon(headerLink.carbonIcon, 16)}</span
+                >`
+                    : nothing}
+          </cds-custom-header-nav-item>
+        `;
+            })}
+    </cds-custom-header-nav>`;
+    }
+};
+UnauthenticatedContext.styles = css `
+    ${unsafeCSS(styles)}
+  `;
+__decorate([
+    property({ type: Array })
+], UnauthenticatedContext.prototype, "noAuthHeaderLinks", void 0);
+UnauthenticatedContext = __decorate([
+    customElement('apaas-unauthenticated-context')
+], UnauthenticatedContext);
+
+export { UnauthenticatedContext };
+//# sourceMappingURL=UnauthenticatedContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnauthenticatedContext.js","sources":["../../../../../../../components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AACH;AAiBA;;AAEG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU,CAAA;AAA/C,IAAA,WAAA,GAAA;;AAIsB,QAAA,IAAA,CAAA,iBAAiB,GAAwB;AAClE,YAAA,GAAG,4BAA4B;SAChC;IA2BH;IAzBE,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;;AAEA,aAAA,EAAA,EAAE,CACT,2BAA2B,EAC3B,CAAA,EAAG,wBAAwB,QAAQ,CACpC,CAAA;AACC,MAAA,EAAA,IAAI,CAAC,iBAAiB;YACxB,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAA6B,KAAI;AAC3D,gBAAA,OAAO,IAAI,CAAA;;AAEO,wBAAA,EAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,UAAU,CAAA;AAC5B,kBAAA,EAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,IAAI,CAAA;AACf,mBAAA,EAAA,CAAA,EAAG,wBAAwB,CAAA,WAAA,CAAa,CAAA;AAC/C,YAAA,EAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,IAAI;AAChB,YAAA,EAAA,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,UAAU;sBACpB,IAAI,CAAA,CAAA;AACC,mBAAA,EAAA,gBAAgB,CAAC,UAAU,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;AAC9C,iBAAA;AACJ,sBAAE,OAAO;;SAEd;AACH,YAAA,CAAC,CAAC;6BACqB;IAC3B;;AA/BO,sBAAA,CAAA,MAAM,GAAG,GAAG,CAAA;MACf,SAAS,CAAC,MAAM,CAAC;AACpB,EAAA,CAFY;AAGc,UAAA,CAAA;AAA1B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;AAEvB,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;AANS,sBAAsB,GAAA,UAAA,CAAA;IADlC,aAAa,CAAC,+BAA+B;AACjC,CAAA,EAAA,sBAAsB,CAiClC;;;;"}

package/es/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.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 { UnauthenticatedContext } from './UnauthenticatedContext';
+import '@carbon/web-components/es-custom/components/ui-shell/index.js';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof UnauthenticatedContext>;
+export declare const Basic: Story;

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

package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.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';
+/**
+ * User image for the profile menu
+ */
+export declare class SideNavItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    kind: string;
+    size: string;
+    image: string;
+    initials: string;
+    className: string;
+    backgroundColor: string;
+    icons: {
+        user: {
+            md: Element | import("lit-html").TemplateResult<1>;
+            lg: Element | import("lit-html").TemplateResult<1>;
+            xlg: Element | import("lit-html").TemplateResult<1>;
+        };
+    };
+    formatInitials: () => string | undefined;
+    getFillItem: () => string | Element | import("lit-html").TemplateResult<1> | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+}