tenable-universal-layout 0.0.1-security → 7.20.13

package/dist/components/GlobalHeader/views/Header/Header.js

@@ -0,0 +1,264 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniversalHeader = void 0;
+const toolbox_1 = require("@productive-codebases/toolbox");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const class_map_js_1 = require("lit/directives/class-map.js");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const types_1 = require("../../../../stores/StoreTelemetry/types");
+const tul_1 = require("../../../../types/tul");
+const renderer_1 = require("../../utils/renderer");
+const NavigationEvent_1 = require("./NavigationEvent");
+const styles_1 = require("./styles");
+/**
+ * @slot custom-actions - Used to display any custom dom elements, such as quick actions or a custom button.
+ * @slot settings-action - Used to render the Settings Menu
+ * @slot notifications-action - Used to render the Notifications Menu.
+ * @slot pagination - Used to render a pagination component.
+ * @slot workspace-action - Used to render the Workspace Menu.
+ * @slot user-action - Used to render the User Profile Menu.
+ * @slot help-action - Used to render the User Help Menu.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart left-content-region - The region that contains the left content.
+ * @csspart right-content-region - The region that contains the right content.
+ * @csspart left-content - The component's left content.
+ * @csspart right-content - The component's right content.
+ *
+ * @event {NavigationEvent} pds-navigation-button-clicked - Dispatched when the Navigation Hamburger Button is clicked.
+ */
+let UniversalHeader = class UniversalHeader extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.hideActions = false;
+        this.hideNavigationButton = false;
+        this.closeMenu = (event) => {
+            const isNavigationButton = event
+                .composedPath()
+                .some(node => (node === null || node === void 0 ? void 0 : node.id) === 'navigation-button');
+            if (!isNavigationButton) {
+                this.__getStores().storeLayout.closeMainNavigation();
+                this.dispatchHamburgerEvent(event);
+            }
+        };
+        this._handleNavigationButtonClick = (event) => {
+            const { storeLayout } = this.__getStores();
+            storeLayout.toggleMainNavigation();
+            const payload = {
+                isNavigationOpen: storeLayout.isNavigationOpened,
+                nativeEvent: event
+            };
+            const options = { bubbles: true, composed: true };
+            const navigationEvent = new NavigationEvent_1.NavigationEvent(NavigationEvent_1.NavigationEvent.UNIVERSAL_NAVIGATION_BUTTON_CLICKED, payload, options);
+            this.dispatchEvent(navigationEvent);
+            this.dispatchHamburgerEvent(event);
+        };
+        this.renderHamburgerIcon = () => {
+            const { storeLayout } = this.__getStores();
+            return storeLayout.isNavigationOpened
+                ? (0, lit_1.html) `<tenable-close-large-icon
+          color="brand"
+          size="medium"
+        ></tenable-close-large-icon>`
+                : (0, lit_1.html) `<tenable-hamburger-open
+          color="brand"
+          size="medium"
+        ></tenable-hamburger-open>`;
+        };
+        /**
+         * Private
+         */
+        this._renderNavigationButton = () => {
+            const { storeLayout } = this.__getStores();
+            if (this.hideNavigationButton) {
+                return;
+            }
+            return (0, lit_1.html) `
+      <div
+        part="navigation-button-container"
+        id="navigation-button-container"
+        class="navigation-button-container"
+        @click="${(event) => this._handleNavigationButtonClick(event)}"
+      >
+        <tenable-floating-button
+          id="navigation-button"
+          ?selected=${storeLayout.isNavigationOpened}
+          .allowSelectedClick=${true}
+          data-test=${storeLayout.isNavigationOpened ? "hamburger-close" : "hamburger-open"}
+        >
+          ${this.renderHamburgerIcon()}
+        </tenable-floating-button>
+      </div>
+    `;
+        };
+        this.handleKeyDown = (ev) => {
+            const element = ev.target;
+            switch (ev.code) {
+                case 'Enter':
+                case 'Space':
+                    ev.preventDefault();
+                    element === null || element === void 0 ? void 0 : element.click();
+                    break;
+            }
+        };
+        this._renderLogo = () => {
+            var _a, _b, _c, _d, _e;
+            const { storeRoot, storeLayout } = this.__getStores();
+            const defaultRoute = (_b = (_a = storeRoot.config.app) === null || _a === void 0 ? void 0 : _a.logo) === null || _b === void 0 ? void 0 : _b.defaultRoute;
+            const noHamburger = ((_d = (_c = storeRoot.config.app) === null || _c === void 0 ? void 0 : _c.sidebar) === null || _d === void 0 ? void 0 : _d.hamburger) === false;
+            const hasHandler = (0, toolbox_1.isDefined)((_e = storeRoot.environment.config.app.handlers) === null || _e === void 0 ? void 0 : _e.onTulApplicationLogoClick);
+            const classes = {
+                // clickable: defaultRoute || hasHandler,
+                clickable: true,
+                'no-hamburger': noHamburger
+            };
+            return (0, lit_1.html) `
+      <div
+        class="universal-header-logo ${(0, class_map_js_1.classMap)(classes)}"
+        @click="${this._handleLogoOnClick}"
+        tabindex="${defaultRoute || hasHandler ? 0 : -1}"
+        @keydown="${this.handleKeyDown}"
+      >
+        ${!(storeLayout.logo && tul_1.HTML_AS_STRING_REGEX.test(storeLayout.logo))
+                ? (0, lit_1.html) `<img
+              class="universal-header-logo-image"
+              src=${storeLayout.logo}
+            />`
+                : ''}
+        ${storeLayout.logo && tul_1.HTML_AS_STRING_REGEX.test(storeLayout.logo)
+                ? (0, lit_1.html) `<i>${(0, renderer_1.renderIconAsString)(`${storeLayout.logo}`)} </i>`
+                : ''}
+      </div>
+    `;
+        };
+        this._renderHeaderActions = () => {
+            if (!this.hideActions) {
+                return (0, lit_1.html) `
+        <slot name="custom-actions"></slot>
+        <slot name="app-specific-actions"></slot>
+        <slot name="chats-action"></slot>
+        <slot name="help-action"></slot>
+        <slot name="notifications-action"></slot>
+        <slot name="settings-action"></slot>
+        <slot name="workspace-action"></slot>
+        <slot name="user-action"></slot>
+      `;
+            }
+        };
+        this._renderBreadCrumbs = () => {
+            const breadcrumbs = this.__getStores().storeLayout
+                .breadcrumbs;
+            return (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length)
+                ? (0, lit_1.html) `<div class="divider"></div>
+          <tenable-breadcrumbs
+            .breadcrumbs=${breadcrumbs}
+          ></tenable-breadcrumbs>`
+                : '';
+        };
+        this._renderLeftContentRegion = () => {
+            return (0, lit_1.html) `
+      <div part="left-content-region" class="left-content-region">
+        <div part="left-content" class="left-content">
+          ${this._renderNavigationButton()} ${this._renderLogo()}
+          ${this._renderBreadCrumbs()}
+        </div>
+      </div>
+    `;
+        };
+        this._renderRightContentRegion = () => {
+            return (0, lit_1.html) `
+      <div part="right-content-region" class="right-content-region">
+        <div part="right-content" class="right-content">
+          ${this._renderHeaderActions()}
+        </div>
+      </div>
+    `;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        /**
+         * @todo Comment this if we don't want to toggle icon on document click
+         */
+        document.addEventListener('click', this.closeMenu);
+        document.addEventListener(NavigationEvent_1.NavigationEvent.UNIVERSAL_NAVIGATION_MENU_COLLAPSED, this.closeMenu);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        /**
+         * @todo Comment this if we don't want to toggle icon on document click
+         */
+        document.removeEventListener('click', this.closeMenu);
+    }
+    dispatchHamburgerEvent(event) {
+        var _a, _b;
+        const { storeRoot, storeLayout } = this.__getStores();
+        const tulEvent = {
+            eventName: tul_1.TulEvent.onTulEventHamburgerClick,
+            detail: {
+                nativeEvent: event,
+                navigationOpened: storeLayout.isNavigationOpened,
+                tulApi: storeRoot.tulApi
+            }
+        };
+        this.__dispatchTulEvent(tulEvent);
+        (_b = (_a = storeRoot.environment.config.app.handlers) === null || _a === void 0 ? void 0 : _a.onTulHamburgerClick) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            tulEvent
+        });
+    }
+    render() {
+        return (0, lit_1.html) `
+      <div part="base" class="universal-header">
+        ${this._renderLeftContentRegion()} ${this._renderRightContentRegion()}
+      </div>
+    `;
+    }
+    _handleLogoOnClick() {
+        var _a, _b, _c, _d, _e;
+        const { storeRoot, storeTelemetry } = this.__getStores();
+        const defaultRoute = (_b = (_a = storeRoot.config.app) === null || _a === void 0 ? void 0 : _a.logo) === null || _b === void 0 ? void 0 : _b.defaultRoute;
+        const noHandler = !((_c = storeRoot.environment.config.app.handlers) === null || _c === void 0 ? void 0 : _c.onTulApplicationLogoClick);
+        storeTelemetry.trackTelemetry(types_1.EventType.LogoClicked);
+        const tulEvent = {
+            eventName: tul_1.TulEvent.onTulEventApplicationLogoClick,
+            detail: {
+                url: '/',
+                tulApi: storeRoot.tulApi
+            }
+        };
+        if (defaultRoute) {
+            window.document.location.href = defaultRoute;
+        }
+        else if (noHandler) {
+            // @todo - do we need to take them to workspace ???
+            // window.document.location.href = '/'
+            this.__dispatchTulEvent(tulEvent);
+        }
+        else {
+            // expect app to handle now as they have given a handler
+            this.__dispatchTulEvent(tulEvent);
+            (_e = (_d = storeRoot.environment.config.app.handlers) === null || _d === void 0 ? void 0 : _d.onTulApplicationLogoClick) === null || _e === void 0 ? void 0 : _e.call(_d, {
+                tulEvent
+            });
+        }
+    }
+};
+exports.UniversalHeader = UniversalHeader;
+UniversalHeader.styles = [styles_1.universalHeaderStyles];
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], UniversalHeader.prototype, "hideActions", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], UniversalHeader.prototype, "hideNavigationButton", void 0);
+exports.UniversalHeader = UniversalHeader = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header')
+], UniversalHeader);
+//# sourceMappingURL=Header.js.map

package/dist/components/GlobalHeader/views/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Header/Header.ts"],"names":[],"mappings":"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"}

package/dist/components/GlobalHeader/views/Header/HeaderEvent.d.ts

@@ -0,0 +1,5 @@
+import { TenableBaseEvent } from '../BaseEvent';
+export declare class HeaderEvent extends TenableBaseEvent<unknown> {
+    static UNIVERSAL_HEADER_POPOVER_CLICKED: string;
+    static UNIVERSAL_HEADER_POPOVER_OPENED: string;
+}

package/dist/components/GlobalHeader/views/Header/HeaderEvent.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderEvent = void 0;
+const BaseEvent_1 = require("../BaseEvent");
+class HeaderEvent extends BaseEvent_1.TenableBaseEvent {
+}
+exports.HeaderEvent = HeaderEvent;
+HeaderEvent.UNIVERSAL_HEADER_POPOVER_CLICKED = 'universalHeaderPopoverClicked';
+HeaderEvent.UNIVERSAL_HEADER_POPOVER_OPENED = 'universalHeaderPopoverOpened';
+//# sourceMappingURL=HeaderEvent.js.map

package/dist/components/GlobalHeader/views/Header/HeaderEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderEvent.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Header/HeaderEvent.ts"],"names":[],"mappings":";;;AAAA,4CAA+C;AAE/C,MAAa,WAAY,SAAQ,4BAAyB;;AAA1D,kCAIC;AAHQ,4CAAgC,GAAG,+BAA+B,CAAA;AAElE,2CAA+B,GAAG,8BAA8B,CAAA"}

package/dist/components/GlobalHeader/views/Header/NavigationEvent.d.ts

@@ -0,0 +1,8 @@
+import { TenableBaseEvent } from '../BaseEvent';
+export declare class NavigationEvent extends TenableBaseEvent<unknown> {
+    static UNIVERSAL_NAVIGATION_BUTTON_CLICKED: string;
+    static UNIVERSAL_NAVIGATION_MENU_COLLAPSED: string;
+    static UNIVERSAL_NAVIGATION_ITEM_CLICKED: string;
+    static UNIVERSAL_NAVIGATION_MENU_ITEM_CLICKED: string;
+    static UNIVERSAL_NAVIGATION_POPOVER_OPENED: string;
+}

package/dist/components/GlobalHeader/views/Header/NavigationEvent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationEvent = void 0;
+const BaseEvent_1 = require("../BaseEvent");
+class NavigationEvent extends BaseEvent_1.TenableBaseEvent {
+}
+exports.NavigationEvent = NavigationEvent;
+NavigationEvent.UNIVERSAL_NAVIGATION_BUTTON_CLICKED = 'tenable-navigation-button-clicked';
+NavigationEvent.UNIVERSAL_NAVIGATION_MENU_COLLAPSED = 'tenable-universal-navigation-menu-collapsed';
+NavigationEvent.UNIVERSAL_NAVIGATION_ITEM_CLICKED = 'tenable-navigation-item-clicked';
+NavigationEvent.UNIVERSAL_NAVIGATION_MENU_ITEM_CLICKED = 'tenable-navigation-menu-item-clicked';
+NavigationEvent.UNIVERSAL_NAVIGATION_POPOVER_OPENED = 'tenable-universal-navigation-popover-opened';
+//# sourceMappingURL=NavigationEvent.js.map

package/dist/components/GlobalHeader/views/Header/NavigationEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationEvent.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Header/NavigationEvent.ts"],"names":[],"mappings":";;;AAAA,4CAA+C;AAE/C,MAAa,eAAgB,SAAQ,4BAAyB;;AAA9D,0CAcC;AAbQ,mDAAmC,GACxC,mCAAmC,CAAA;AAE9B,mDAAmC,GACxC,6CAA6C,CAAA;AAExC,iDAAiC,GAAG,iCAAiC,CAAA;AAErE,sDAAsC,GAC3C,sCAAsC,CAAA;AAEjC,mDAAmC,GACxC,6CAA6C,CAAA"}

package/dist/components/GlobalHeader/views/Header/ToggleSwitchEvent.d.ts

@@ -0,0 +1,4 @@
+import { TenableBaseEvent } from '../BaseEvent';
+export declare class TenableToggleSwitchEvents extends TenableBaseEvent<unknown> {
+    static TOGGLE_SWITCH_CHANGED: string;
+}

package/dist/components/GlobalHeader/views/Header/ToggleSwitchEvent.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TenableToggleSwitchEvents = void 0;
+const BaseEvent_1 = require("../BaseEvent");
+class TenableToggleSwitchEvents extends BaseEvent_1.TenableBaseEvent {
+}
+exports.TenableToggleSwitchEvents = TenableToggleSwitchEvents;
+TenableToggleSwitchEvents.TOGGLE_SWITCH_CHANGED = 'tenable-universal-header-toggle-switch-change';
+//# sourceMappingURL=ToggleSwitchEvent.js.map

package/dist/components/GlobalHeader/views/Header/ToggleSwitchEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchEvent.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Header/ToggleSwitchEvent.ts"],"names":[],"mappings":";;;AAAA,4CAA+C;AAE/C,MAAa,yBAA0B,SAAQ,4BAAyB;;AAAxE,8DAEC;AADQ,+CAAqB,GAAG,+CAA+C,CAAA"}

package/dist/components/GlobalHeader/views/Header/styles.d.ts

@@ -0,0 +1 @@
+export declare const universalHeaderStyles: import("lit").CSSResult;

package/dist/components/GlobalHeader/views/Header/styles.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.universalHeaderStyles = void 0;
+const lit_1 = require("lit");
+const styles_1 = require("../../../../libs/styles");
+exports.universalHeaderStyles = (0, lit_1.css) `
+  .universal-header {
+    background-color: ${(0, styles_1.themeProperty)('tul-header/background')};
+    box-sizing: border-box;
+    border-bottom: 1px solid var(--tenb-colors-border-base);
+    color: var(--tenb-colors-text-body);
+    font-size: 1.875rem;
+    height: ${(0, styles_1.themeProperty)('tul-header/height')};
+    width: 100%;
+    min-width: 1200px;
+
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-flow: row nowrap;
+  }
+
+  .universal-header .left-content-region {
+    flex: 3 1;
+    box-sizing: border-box;
+    width: 100%;
+    font-size: 0.875rem;
+  }
+
+  .universal-header .right-content-region {
+    flex: 2 1;
+    box-sizing: border-box;
+    width: 100%;
+    padding-right: 16px;
+    font-size: 0.875rem;
+  }
+
+  .universal-header .left-content-region .left-content {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    text-align: left;
+  }
+
+  .universal-header .left-content-region .navigation-button-container {
+    width: 32px;
+    height: inherit;
+    padding-left: 12px;
+    padding-right: 8px;
+  }
+
+  .universal-header .left-content-region tenable-floating-button::part(base) {
+    // can be done for all icons, but added only where needed
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .universal-header .right-content-region .right-content {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    justify-content: flex-end;
+    height: inherit;
+
+    > div {
+      flex: 1;
+      height: inherit;
+    }
+  }
+
+  .universal-header .right-content-region .right-content > div {
+    flex: 1;
+  }
+
+  .universal-header .right-content-region .right-content ::slotted(*) {
+    margin-left: var(--tenb-space-8);
+  }
+
+  div.divider {
+    margin: 8px 17px;
+    height: 17px;
+    width: 1px;
+    background-color: var(--tenb-colors-border-base);
+  }
+
+  .left-content .universal-header-title {
+    display: inline-flex;
+  }
+
+  // .left-content .universal-header-logo {
+  //   min-width: 400px;
+  // }
+
+  .universal-header-logo {
+    height: 2.0625rem;
+    max-width: 22rem;
+  }
+
+  .left-content .universal-header-logo.clickable {
+    cursor: pointer;
+  }
+  .left-content .universal-header-logo.no-hamburger {
+    margin-left: 12px;
+  }
+  .left-content .universal-header-logo:focus-visible {
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: 2px;
+    border-radius: 6px;
+  }
+
+  .left-content .universal-header-logo-image {
+    height: 33px;
+  }
+
+  .universal-header-logo.clickable:focus-visible {
+    border-radius: 10px;
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: 1px;
+  }
+
+  ::slotted(*) {
+    display: flex;
+    align-items: center;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/GlobalHeader/views/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Header/styles.ts"],"names":[],"mappings":";;;AAAA,6BAAyB;AACzB,0CAA6C;AAEhC,QAAA,qBAAqB,GAAG,IAAA,SAAG,EAAA;;wBAEhB,IAAA,sBAAa,EAAC,uBAAuB,CAAC;;;;;cAKhD,IAAA,sBAAa,EAAC,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmH/C,CAAA"}

package/dist/components/GlobalHeader/views/Help/HelpAction.d.ts

@@ -0,0 +1,21 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class HelpAction extends MobxLitElement {
+    private _preventPendoClose;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    _handleMouseUp: (event: Event) => void;
+    /**
+     * Private
+     */
+    _handleHelpIconClick: (event: Event) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-help-action': HelpAction;
+    }
+}

package/dist/components/GlobalHeader/views/Help/HelpAction.js

@@ -0,0 +1,83 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpAction = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const types_1 = require("../../../../stores/StoreTelemetry/types");
+const tul_1 = require("../../../../types/tul");
+const styles_1 = require("./styles");
+/**
+ * @csspart base - The component's internal wrapper.
+ */
+let HelpAction = class HelpAction extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this._preventPendoClose = false;
+        /*
+      If we're not clicking something in the Pendo resource menu
+      and the menu is actually open, go ahead and close the guide.
+      */
+        this._handleMouseUp = (event) => {
+            const { storePendo } = this.__getStores();
+            if (!this._preventPendoClose) {
+                storePendo.closeResourceCenter(event);
+            }
+            this._preventPendoClose = false;
+        };
+        /**
+         * Private
+         */
+        this._handleHelpIconClick = (event) => {
+            var _a, _b;
+            this._preventPendoClose = true;
+            const { storeRoot, storeTelemetry } = this.__getStores();
+            const tulEvent = {
+                eventName: tul_1.TulEvent.onTulEventHelpClick,
+                detail: {
+                    nativeEvent: event,
+                    tulApi: storeRoot.tulApi
+                }
+            };
+            this.__dispatchTulEvent(tulEvent);
+            (_b = (_a = storeRoot.environment.config.app.handlers) === null || _a === void 0 ? void 0 : _a.onTulHelpIconClick) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                tulEvent
+            });
+            storeTelemetry.trackTelemetry(types_1.EventType.HelpIconClicked);
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('click', this._handleMouseUp);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._handleMouseUp);
+    }
+    render() {
+        return (0, lit_1.html) `
+      <tenable-floating-button
+        part="base"
+        id="help-menu-button"
+        aria-haspopup="true"
+        aria-label="Resource Center"
+        .allowSelectedClick=${true}
+        @click="${this._handleHelpIconClick}"
+      >
+        <tenable-help-icon color="brand" size="medium"></tenable-help-icon>
+      </tenable-floating-button>
+    `;
+    }
+};
+exports.HelpAction = HelpAction;
+HelpAction.styles = [styles_1.helpActionStyles];
+exports.HelpAction = HelpAction = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-help-action')
+], HelpAction);
+//# sourceMappingURL=HelpAction.js.map

package/dist/components/GlobalHeader/views/Help/HelpAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpAction.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Help/HelpAction.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,0DAAsD;AACtD,yDAAyD;AAEzD,qCAAsC;AACtC,qCAA2C;AAE3C;;GAEG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,+BAAc;IAAvC;;QACG,uBAAkB,GAAG,KAAK,CAAA;QA6BlC;;;QAGA;QACA,mBAAc,GAAG,CAAC,KAAY,EAAE,EAAE;YAChC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;YACzC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC7B,UAAU,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;YACvC,CAAC;YACD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAA;QACjC,CAAC,CAAA;QAED;;WAEG;QAEH,yBAAoB,GAAG,CAAC,KAAY,EAAE,EAAE;;YACtC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAA;YAC9B,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;YAExD,MAAM,QAAQ,GAA6B;gBACzC,SAAS,EAAE,cAAQ,CAAC,mBAAmB;gBACvC,MAAM,EAAE;oBACN,WAAW,EAAE,KAAK;oBAClB,MAAM,EAAE,SAAS,CAAC,MAAM;iBACzB;aACF,CAAA;YAED,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;YAEjC,MAAA,MAAA,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,0CAAE,kBAAkB,mDAAG;gBAC9D,QAAQ;aACT,CAAC,CAAA;YAEF,cAAc,CAAC,cAAc,CAAC,iBAAS,CAAC,eAAe,CAAC,CAAA;QAC1D,CAAC,CAAA;IACH,CAAC;IA7DC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;IACzD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;IAC5D,CAAC;IAED,MAAM;QACJ,OAAO,IAAA,UAAI,EAAA;;;;;;8BAMe,IAAI;kBAChB,IAAI,CAAC,oBAAoB;;;;KAItC,CAAA;IACH,CAAC;;AA5BU,gCAAU;AAGd,iBAAM,GAAG,CAAC,yBAAgB,CAAC,AAArB,CAAqB;qBAHvB,UAAU;IADtB,IAAA,6BAAa,EAAC,sCAAsC,CAAC;GACzC,UAAU,CAkEtB"}

package/dist/components/GlobalHeader/views/Help/styles.d.ts

@@ -0,0 +1 @@
+export declare const helpActionStyles: import("lit").CSSResult;

package/dist/components/GlobalHeader/views/Help/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.helpActionStyles = void 0;
+const lit_1 = require("lit");
+exports.helpActionStyles = (0, lit_1.css) `
+  /* Added to address the Resource Center notification bubble postiion shift after agent 2.90.0 */
+  #help-menu-button {
+    position: relative;
+  }
+
+  #help-menu-button > div.pendo-resource-center-badge-notification-bubble {
+    position: absolute !important;
+    top: -5px !important;
+    left: 20px !important;
+    height: 20px !important;
+    width: 20px !important;
+  }
+
+  #help-menu-button
+    > div.pendo-resource-center-badge-notification-bubble
+    > div.pendo-notification-bubble-unread-count {
+    line-height: 18px !important;
+    width: 20px !important;
+    top: 1px !important;
+    font-family: var(--tenb-fonts-base) !important;
+    font-size: var(--tenb-fontSizes-12) !important;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/GlobalHeader/views/Help/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Help/styles.ts"],"names":[],"mappings":";;;AAAA,6BAAyB;AAEZ,QAAA,gBAAgB,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBlC,CAAA"}

package/dist/components/GlobalHeader/views/Icon/AccessControl.d.ts

@@ -0,0 +1,12 @@
+import { IconBase } from './IconBase';
+/**
+ * Tenable AccessControl settings panel icon.
+ */
+export default class AccessControlIcon extends IconBase {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HtmlElementTagNameMap {
+        'tenable-settings-access-control': AccessControlIcon;
+    }
+}