tenable-universal-layout 0.0.1-security → 7.20.13

package/dist/components/GlobalHeader/views/PopOver/PopOverEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOverEvent.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/PopOver/PopOverEvent.ts"],"names":[],"mappings":";;;AAAA,4CAA+C;AAU/C,MAAa,oBAAqB,SAAQ,4BAAyB;;AAAnE,oDAIC;AAHQ,mDAA8B,GAAG,gCAAgC,CAAA;AAEjE,mDAA8B,GAAG,gCAAgC,CAAA"}

package/dist/components/GlobalHeader/views/PopOver/PopOverStateController.d.ts

@@ -0,0 +1,36 @@
+import type { ReactiveController } from 'lit';
+import type { MobxLitElement } from '../../../../libs/MobxLitElement';
+import { TenablePopoverEvents } from '../PopOver/PopOverEvent';
+export interface PopoverStateHost extends MobxLitElement {
+    popoverOpen: string | boolean | null;
+}
+type PopoverCallback = (event: TenablePopoverEvents) => void;
+type ConstructorArgs = {
+    anchorCallback?: PopoverCallback;
+    closeOnAnchorClicked?: boolean;
+    closeOnDialogClicked?: boolean;
+    hasMultiplePopovers?: boolean;
+    dialogCallback?: PopoverCallback;
+};
+export declare class PopoverStateController implements ReactiveController {
+    closeOnAnchorClicked: boolean;
+    closeOnDialogClicked: boolean;
+    hasMultiplePopovers: boolean;
+    host: PopoverStateHost;
+    popoverList: HTMLElement[] | null;
+    popoverAnchorClickedCallback?: PopoverCallback;
+    popoverDialogClickedCallback?: PopoverCallback;
+    prevPopoverOpen: string | boolean | null;
+    constructor(host: PopoverStateHost, options?: ConstructorArgs);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    setCloseOnAnchorClicked(newValue: boolean): void;
+    setCloseOnDialogClicked(newValue: boolean): void;
+    addOpenListeners(): void;
+    removeOpenListeners(): void;
+    handleDocumentEvent(event: Event): void;
+    handlePopoverAnchorClicked(event: TenablePopoverEvents): true | undefined;
+    handlePopoverDialogClicked(event: TenablePopoverEvents): void;
+}
+export {};

package/dist/components/GlobalHeader/views/PopOver/PopOverStateController.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverStateController = void 0;
+const PopOverEvent_1 = require("../PopOver/PopOverEvent");
+// Adds listeners to Handle popover and document click events by toggling the host's popoverOpen state
+class PopoverStateController {
+    constructor(host, options = {}) {
+        // A list of popovers currently in the DOM scope of the host. It's used to determine if a click event originated from within
+        // a popover or not
+        this.popoverList = null;
+        const { anchorCallback, closeOnAnchorClicked = true, closeOnDialogClicked = true, hasMultiplePopovers = false, dialogCallback } = options;
+        this.host = host;
+        this.closeOnAnchorClicked = closeOnAnchorClicked;
+        this.closeOnDialogClicked = closeOnDialogClicked;
+        this.hasMultiplePopovers = hasMultiplePopovers;
+        // Store references to the popover click callbacks and bind them to the host scope
+        this.popoverAnchorClickedCallback = anchorCallback === null || anchorCallback === void 0 ? void 0 : anchorCallback.bind(host);
+        this.popoverDialogClickedCallback = dialogCallback === null || dialogCallback === void 0 ? void 0 : dialogCallback.bind(host);
+        this.prevPopoverOpen = host.popoverOpen;
+        this.host.addController(this);
+    }
+    hostConnected() {
+        // Bind listeners to the controller's scope
+        this.handleDocumentEvent = this.handleDocumentEvent.bind(this);
+        this.handlePopoverAnchorClicked = this.handlePopoverAnchorClicked.bind(this);
+        this.handlePopoverDialogClicked = this.handlePopoverDialogClicked.bind(this);
+        // Listen for popover events
+        this.host.addEventListener(PopOverEvent_1.TenablePopoverEvents.TENABLE_POPOVER_ANCHOR_CLICKED, evt => this.handlePopoverAnchorClicked(evt));
+        this.host.addEventListener(PopOverEvent_1.TenablePopoverEvents.TENABLE_POPOVER_DIALOG_CLICKED, evt => this.handlePopoverDialogClicked(evt));
+    }
+    hostDisconnected() {
+        // Remove listeners for popover events
+        this.host.removeEventListener(PopOverEvent_1.TenablePopoverEvents.TENABLE_POPOVER_ANCHOR_CLICKED, evt => this.handlePopoverAnchorClicked(evt));
+        this.host.removeEventListener(PopOverEvent_1.TenablePopoverEvents.TENABLE_POPOVER_DIALOG_CLICKED, evt => this.handlePopoverDialogClicked(evt));
+        // Remove any document listeners that might be open and looking for mouse events
+        this.removeOpenListeners();
+    }
+    hostUpdated() {
+        // If the popover open state did not change, do nothing
+        if (this.host.popoverOpen === this.prevPopoverOpen) {
+            return;
+        }
+        // If the popover is open, add the open listeners; otherwise remove them
+        if (this.host.popoverOpen) {
+            this.addOpenListeners();
+        }
+        else {
+            this.removeOpenListeners();
+        }
+        // Store the previous state
+        this.prevPopoverOpen = this.host.popoverOpen;
+    }
+    setCloseOnAnchorClicked(newValue) {
+        this.closeOnAnchorClicked = newValue;
+    }
+    setCloseOnDialogClicked(newValue) {
+        this.closeOnDialogClicked = newValue;
+    }
+    // Adds listeners when the popover is open
+    addOpenListeners() {
+        var _a;
+        // Listen for mouse events outside the popover
+        document.addEventListener('mousedown', this.handleDocumentEvent);
+        document.addEventListener('keydown', this.handleDocumentEvent);
+        // Store a reference to all the popovers under the host scope so we can determine if mouse events originated
+        // within a popover or not
+        const popovers = ((_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) &&
+            this.host.shadowRoot.querySelectorAll('tenable-popover');
+        if (popovers) {
+            this.popoverList = Array.from(popovers);
+        }
+    }
+    // Removes listeners that were added when the popover was open
+    removeOpenListeners() {
+        document.removeEventListener('mousedown', this.handleDocumentEvent);
+        document.removeEventListener('keydown', this.handleDocumentEvent);
+        this.popoverList = null;
+    }
+    // Handles document mouse down events
+    handleDocumentEvent(event) {
+        const path = event.composedPath();
+        // Ignore mouse events that happen with the popover triggers or content
+        if (!path.some(elm => { var _a; return (_a = this.popoverList) === null || _a === void 0 ? void 0 : _a.includes(elm); })) {
+            this.host.popoverOpen = this.hasMultiplePopovers ? null : false;
+            this.removeOpenListeners();
+        }
+    }
+    // Handles popover anchor click events
+    handlePopoverAnchorClicked(event) {
+        var _a;
+        const { popoverId, isOpen } = event.payload.detail;
+        const newValue = this.hasMultiplePopovers ? popoverId : Boolean(popoverId);
+        const clearValue = this.hasMultiplePopovers ? null : false;
+        // If the dialog is to be closed but configured to not close on anchor click, ignore the click event
+        if (!isOpen && !this.closeOnAnchorClicked) {
+            return true;
+        }
+        // Set the popoverOpen state to the id of the opened popover, if the popover was opened
+        // Otherwise set it to null
+        this.host.popoverOpen = isOpen ? newValue : clearValue;
+        // Run the callback, if it exists
+        (_a = this.popoverAnchorClickedCallback) === null || _a === void 0 ? void 0 : _a.call(this, event);
+    }
+    // Handles popover dialog click events
+    handlePopoverDialogClicked(event) {
+        var _a;
+        if (this.closeOnDialogClicked) {
+            // Clear the popoverOver state
+            this.host.popoverOpen = this.hasMultiplePopovers ? null : false;
+            // Run the callback, if it exists
+            (_a = this.popoverDialogClickedCallback) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        }
+    }
+}
+exports.PopoverStateController = PopoverStateController;
+//# sourceMappingURL=PopOverStateController.js.map

package/dist/components/GlobalHeader/views/PopOver/PopOverStateController.js.map

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

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.popoverStyles = void 0;
+const lit_1 = require("lit");
+exports.popoverStyles = (0, lit_1.css) `
+  :host {
+    position: relative;
+  }
+
+  .tenable-popover__anchor {
+    display: inline-block;
+    position: relative;
+  }
+
+  .tenable-popover__dialog {
+    background-color: var(--tenb-colors-background-component);
+    border-radius: 6px;
+    color: var(--tenb-colors-text-body);
+    left: 0;
+    isolation: isolate;
+    position: absolute;
+    top: 0;
+    z-index: var(--tenb-zIndices-popover);
+  }
+
+  .tenable-popover__dialog.fixed {
+    position: fixed;
+  }
+
+  .tenable-popover__dialog:not(.open) {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/GlobalHeader/views/QuickActions/QuickAction.d.ts

@@ -0,0 +1,20 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart action-trigger-button - The trigger button
+ */
+export declare class QuickActions extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    private _actionController;
+    popover: any;
+    label: string;
+    onPopoverTriggerClicked: () => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-quick-actions': QuickActions;
+    }
+}

package/dist/components/GlobalHeader/views/QuickActions/QuickAction.js

@@ -0,0 +1,75 @@
+"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.QuickActions = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const uuid_1 = require("../../utils/uuid");
+const ActionController_1 = require("../ActionPanel/ActionController");
+const styles_1 = require("./styles");
+const id = 'universal-header-quick-actions';
+const uniqueId = `${(0, uuid_1.uuid)()}`;
+const popoverId = `${id}-${uniqueId}`;
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart action-trigger-button - The trigger button
+ */
+let QuickActions = class QuickActions extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this._actionController = new ActionController_1.ActionController(this);
+        this.label = 'Actions';
+        this.onPopoverTriggerClicked = () => {
+            this._actionController.onPopoverTriggerClicked(this, this.popover);
+        };
+    }
+    render() {
+        var _a;
+        const { language } = this.__getStores().storeLayout;
+        const translator = this.__translator(language)('Header')('QuickActions');
+        return (0, lit_1.html) `
+      <tenable-popover
+        part="base"
+        id="${popoverId}"
+        label="Quick Actions Menu"
+        ?is-open=${this._actionController.isMenuOpen}
+        @tenable-popover-anchor-clicked=${this.onPopoverTriggerClicked}
+      >
+        <tenable-secondary-button
+          id="quick-actions-menu-button"
+          part="action-trigger-button"
+          ?selected=${this._actionController.isMenuOpen}
+          .allowSelectedClick=${true}
+          aria-haspopup="true"
+          slot="anchor"
+        >
+          ${(_a = translator(this.label)) !== null && _a !== void 0 ? _a : this.label}
+
+          <tenable-star color="accent-idle" slot="icon-left"> </tenable-star>
+          <tenable-chevron-down slot="icon-right"> </tenable-chevron-down>
+        </tenable-secondary-button>
+        <slot></slot>
+      </tenable-popover>
+    `;
+    }
+};
+exports.QuickActions = QuickActions;
+QuickActions.styles = [styles_1.quickActionsStyles];
+__decorate([
+    (0, decorators_js_1.query)(`#${popoverId}`)
+], QuickActions.prototype, "popover", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], QuickActions.prototype, "label", void 0);
+exports.QuickActions = QuickActions = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-quick-actions')
+], QuickActions);
+//# sourceMappingURL=QuickAction.js.map

package/dist/components/GlobalHeader/views/QuickActions/QuickAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickAction.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/QuickActions/QuickAction.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAkE;AAElE,0DAAsD;AACtD,2CAAuC;AACvC,sEAAkE;AAClE,qCAA6C;AAE7C,MAAM,EAAE,GAAG,gCAAgC,CAAA;AAC3C,MAAM,QAAQ,GAAG,GAAG,IAAA,WAAI,GAAE,EAAE,CAAA;AAC5B,MAAM,SAAS,GAAG,GAAG,EAAE,IAAI,QAAQ,EAAE,CAAA;AAErC;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,+BAAc;IAAzC;;QAGG,sBAAiB,GAAG,IAAI,mCAAgB,CAAC,IAAI,CAAC,CAAA;QAMtD,UAAK,GAAG,SAAS,CAAA;QAEjB,4BAAuB,GAAG,GAAG,EAAE;YAC7B,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QACpE,CAAC,CAAA;IA+BH,CAAC;IA7BC,MAAM;;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,WAAW,CAAA;QACnD,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAA;QAExE,OAAO,IAAA,UAAI,EAAA;;;cAGD,SAAS;;mBAEJ,IAAI,CAAC,iBAAiB,CAAC,UAAU;0CACV,IAAI,CAAC,uBAAuB;;;;;sBAKhD,IAAI,CAAC,iBAAiB,CAAC,UAAU;gCACvB,IAAI;;;;YAIxB,MAAA,UAAU,CAAC,IAAI,CAAC,KAA8B,CAAC,mCAAI,IAAI,CAAC,KAAK;;;;;;;KAOpE,CAAA;IACH,CAAC;;AA3CU,oCAAY;AAChB,mBAAM,GAAG,CAAC,2BAAkB,CAAC,AAAvB,CAAuB;AAK7B;IADN,IAAA,qBAAK,EAAC,IAAI,SAAS,EAAE,CAAC;6CACJ;AAGnB;IADC,IAAA,wBAAQ,GAAE;2CACM;uBATN,YAAY;IADxB,IAAA,6BAAa,EAAC,wCAAwC,CAAC;GAC3C,YAAY,CA4CxB"}

package/dist/components/GlobalHeader/views/QuickActions/QuickActionPanel.d.ts

@@ -0,0 +1,28 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type { MenuItem } from '../../../../types/tul';
+type QuickActionsMenuItemsProps = MenuItem[];
+/**
+ * @slot Default - Use to render child content
+ */
+export declare class QuickActionsPanel extends MobxLitElement {
+    menuItems: QuickActionsMenuItemsProps;
+    selectedMenuItem: string;
+    /**
+       * @property({ type: String })
+       * panelTitle = 'Quick Actions'
+       *
+       * <TENABLE-universal-header-action-panel-header>
+                      <div class="tenb-navigation-menu-header-quick-actions">
+                          <TENABLE-heading3>${this.panelTitle}</TENABLE-heading3>
+                      </div>
+          </TENABLE-universal-header-action-panel-header>
+       *
+       */
+    protected render: () => import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-quick-actions-panel': QuickActionsPanel;
+    }
+}
+export {};

package/dist/components/GlobalHeader/views/QuickActions/QuickActionPanel.js

@@ -0,0 +1,78 @@
+"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.QuickActionsPanel = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const if_defined_js_1 = require("lit/directives/if-defined.js");
+const repeat_js_1 = require("lit/directives/repeat.js");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const tul_1 = require("../../../../types/tul");
+const renderer_1 = require("../../utils/renderer");
+/**
+ * @slot Default - Use to render child content
+ */
+let QuickActionsPanel = class QuickActionsPanel extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.menuItems = [];
+        // Indicates which menu item is currently selected based on the menu ID. It highlights that menu item in the list.
+        this.selectedMenuItem = '';
+        /**
+           * @property({ type: String })
+           * panelTitle = 'Quick Actions'
+           *
+           * <TENABLE-universal-header-action-panel-header>
+                          <div class="tenb-navigation-menu-header-quick-actions">
+                              <TENABLE-heading3>${this.panelTitle}</TENABLE-heading3>
+                          </div>
+              </TENABLE-universal-header-action-panel-header>
+           *
+           */
+        this.render = () => {
+            return (0, lit_1.html) `
+      <tenable-universal-header-action-panel .header=${false}>
+        <tenable-universal-header-action-panel-body standalone>
+          <div id="quick-actions-view">
+            ${this.menuItems &&
+                (0, repeat_js_1.repeat)(this.menuItems, item => item.name, (item) => {
+                    var _a;
+                    return (0, lit_1.html) `
+                <tenable-navigation-menu-item
+                  part="panel-menu-item"
+                  id=${'universal-quick-actions-menu-item' + item.id}
+                  .item=${item}
+                  item-id=${item.id}
+                  ?selected=${this.selectedMenuItem === item.id}
+                  url=${(0, if_defined_js_1.ifDefined)(item.url)}
+                  label=${item.name}
+                  host=${tul_1.GlobalHeaderPanels.QuickActions}
+                  ?newTab=${((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) === true}
+                >
+                  ${(0, renderer_1.renderIconAsString)(item.icon)}
+                </tenable-navigation-menu-item>
+              `;
+                })}
+          </div>
+        </tenable-universal-header-action-panel-body>
+      </tenable-universal-header-action-panel>
+    `;
+        };
+    }
+};
+exports.QuickActionsPanel = QuickActionsPanel;
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], QuickActionsPanel.prototype, "menuItems", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'selected-menu-item', reflect: true, type: String })
+], QuickActionsPanel.prototype, "selectedMenuItem", void 0);
+exports.QuickActionsPanel = QuickActionsPanel = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-quick-actions-panel')
+], QuickActionsPanel);
+//# sourceMappingURL=QuickActionPanel.js.map

package/dist/components/GlobalHeader/views/QuickActions/QuickActionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActionPanel.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/QuickActions/QuickActionPanel.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,gEAAwD;AACxD,wDAAiD;AACjD,0DAAsD;AAEtD,qCAAgD;AAChD,mDAAyD;AAGzD;;GAEG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,+BAAc;IAA9C;;QAEL,cAAS,GAA+B,EAAE,CAAA;QAE1C,kHAAkH;QAElH,qBAAgB,GAAG,EAAE,CAAA;QAErB;;;;;;;;;;aAUK;QAEK,WAAM,GAAG,GAAG,EAAE;YACtB,OAAO,IAAA,UAAI,EAAA;uDACwC,KAAK;;;cAG9C,IAAI,CAAC,SAAS;gBAChB,IAAA,kBAAM,EACJ,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EACjB,CAAC,IAAc,EAAE,EAAE;;oBAAC,OAAA,IAAA,UAAI,EAAA;;;uBAGf,mCAAmC,GAAG,IAAI,CAAC,EAAE;0BAC1C,IAAI;4BACF,IAAI,CAAC,EAAE;8BACL,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,EAAE;wBACvC,IAAA,yBAAS,EAAC,IAAI,CAAC,GAAG,CAAC;0BACjB,IAAI,CAAC,IAAI;yBACV,wBAAkB,CAAC,YAAY;4BAC5B,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,UAAU,CAAC,MAAM,CAAC,MAAK,IAAI;;oBAE7C,IAAA,6BAAkB,EAAC,IAAI,CAAC,IAAkB,CAAC;;eAEhD,CAAA;iBAAA,CACF;;;;KAIR,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CAAA,CAAA;AAlDY,8CAAiB;AAE5B;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oDACgB;AAI1C;IADC,IAAA,wBAAQ,EAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DACtD;4BANV,iBAAiB;IAD7B,IAAA,6BAAa,EAAC,8CAA8C,CAAC;GACjD,iBAAiB,CAkD7B"}

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.quickActionsStyles = void 0;
+const lit_1 = require("lit");
+exports.quickActionsStyles = (0, lit_1.css) `
+  #quick-actions-menu-button::part(label) {
+    color: var(--tenb-colors-text-brand);
+    font-family: var(--tenb-fonts-brand-medium);
+    font-size: var(--tenb-fontSizes-16);
+    font-weight: 500;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/GlobalHeader/views/Settings/SettingsAction.d.ts

@@ -0,0 +1,20 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type { TenablePopoverEvents } from '../PopOver/PopOverEvent';
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart trigger - The trigger wrapper
+ * @csspart content - The content wrapper
+ */
+export declare class SettingsAction extends MobxLitElement {
+    popover: any;
+    private _actionController;
+    onPopoverTriggerClicked: (event: TenablePopoverEvents) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-settings-action': SettingsAction;
+    }
+}

package/dist/components/GlobalHeader/views/Settings/SettingsAction.js

@@ -0,0 +1,95 @@
+"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.SettingsAction = 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("../../../../types");
+const uuid_1 = require("../../utils/uuid");
+const ActionController_1 = require("../ActionPanel/ActionController");
+const id = 'universal-header-settings-action';
+const uniqueId = `${(0, uuid_1.uuid)()}`;
+const popoverId = `${id}-${uniqueId}`;
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart trigger - The trigger wrapper
+ * @csspart content - The content wrapper
+ */
+let SettingsAction = class SettingsAction extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this._actionController = new ActionController_1.ActionController(this);
+        this.onPopoverTriggerClicked = (event) => {
+            var _a;
+            if (((_a = event.payload.detail) === null || _a === void 0 ? void 0 : _a.popoverId) === this.popover.id) {
+                const { storeRoot } = this.__getStores();
+                if (storeRoot.isInSass) {
+                    // Below code will stop the original popover to be shown and force a redirection
+                    /** This needs to be done for pages inside TIO to work as it is dependant on this config */
+                    let settingsLocalStorage = types_1.LocalStorageSelectedApplication.settings;
+                    switch (storeRoot.appId) {
+                        case types_1.LocalStorageSelectedApplication.tio:
+                            settingsLocalStorage = types_1.LocalStorageSelectedApplication.tenable_io;
+                            break;
+                        case types_1.LocalStorageSelectedApplication.pci:
+                            settingsLocalStorage = types_1.LocalStorageSelectedApplication.pci;
+                            break;
+                        case types_1.LocalStorageSelectedApplication.lumin:
+                            settingsLocalStorage = types_1.LocalStorageSelectedApplication.lumin;
+                            break;
+                        default:
+                            settingsLocalStorage = types_1.LocalStorageSelectedApplication.settings;
+                            break;
+                    }
+                    storeRoot.redirectToClickedApp(`/tio/app.html#/settings`, settingsLocalStorage);
+                }
+                else {
+                    this._actionController.onPopoverTriggerClicked(this, this.popover);
+                }
+            }
+        };
+    }
+    render() {
+        return (0, lit_1.html) `
+      <tenable-popover
+        part="base"
+        id="${popoverId}"
+        label="Settings Menu"
+        ?is-open=${this._actionController.isMenuOpen}
+        @tenable-popover-anchor-clicked=${this.onPopoverTriggerClicked}
+      >
+        <tenable-floating-button
+          ?selected=${this._actionController.isMenuOpen}
+          .allowSelectedClick=${true}
+          id="settings-menu-button"
+          slot="anchor"
+          part="trigger"
+          aria-label="Settings"
+          aria-haspopup="true"
+        >
+          <tenable-settings-app
+            color="brand"
+            size="medium"
+          ></tenable-settings-app>
+        </tenable-floating-button>
+        <slot></slot>
+      </tenable-popover>
+    `;
+    }
+};
+exports.SettingsAction = SettingsAction;
+__decorate([
+    (0, decorators_js_1.query)(`#${popoverId}`)
+], SettingsAction.prototype, "popover", void 0);
+exports.SettingsAction = SettingsAction = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-settings-action')
+], SettingsAction);
+//# sourceMappingURL=SettingsAction.js.map

package/dist/components/GlobalHeader/views/Settings/SettingsAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAction.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Settings/SettingsAction.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAwD;AACxD,0DAAsD;AACtD,mCAAyD;AACzD,2CAAuC;AACvC,sEAAkE;AAGlE,MAAM,EAAE,GAAG,kCAAkC,CAAA;AAC7C,MAAM,QAAQ,GAAG,GAAG,IAAA,WAAI,GAAE,EAAE,CAAA;AAC5B,MAAM,SAAS,GAAG,GAAG,EAAE,IAAI,QAAQ,EAAE,CAAA;AAErC;;;;;;GAMG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,+BAAc;IAA3C;;QAIG,sBAAiB,GAAG,IAAI,mCAAgB,CAAC,IAAI,CAAC,CAAA;QAEtD,4BAAuB,GAAG,CAAC,KAA2B,EAAE,EAAE;;YACxD,IAAI,CAAA,MAAA,KAAK,CAAC,OAAO,CAAC,MAAM,0CAAE,SAAS,MAAK,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBACxD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;gBAExC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;oBACvB,gFAAgF;oBAChF,2FAA2F;oBAC3F,IAAI,oBAAoB,GAAG,uCAA+B,CAAC,QAAQ,CAAA;oBACnE,QAAQ,SAAS,CAAC,KAAK,EAAE,CAAC;wBACxB,KAAK,uCAA+B,CAAC,GAAG;4BACtC,oBAAoB,GAAG,uCAA+B,CAAC,UAAU,CAAA;4BACjE,MAAK;wBACP,KAAK,uCAA+B,CAAC,GAAG;4BACtC,oBAAoB,GAAG,uCAA+B,CAAC,GAAG,CAAA;4BAC1D,MAAK;wBACP,KAAK,uCAA+B,CAAC,KAAK;4BACxC,oBAAoB,GAAG,uCAA+B,CAAC,KAAK,CAAA;4BAC5D,MAAK;wBAEP;4BACE,oBAAoB,GAAG,uCAA+B,CAAC,QAAQ,CAAA;4BAC/D,MAAK;oBACT,CAAC;oBAED,SAAS,CAAC,oBAAoB,CAC5B,yBAAyB,EACzB,oBAAoB,CACrB,CAAA;gBACH,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;gBACpE,CAAC;YACH,CAAC;QACH,CAAC,CAAA;IA6BH,CAAC;IA3BC,MAAM;QACJ,OAAO,IAAA,UAAI,EAAA;;;cAGD,SAAS;;mBAEJ,IAAI,CAAC,iBAAiB,CAAC,UAAU;0CACV,IAAI,CAAC,uBAAuB;;;sBAGhD,IAAI,CAAC,iBAAiB,CAAC,UAAU;gCACvB,IAAI;;;;;;;;;;;;;;KAc/B,CAAA;IACH,CAAC;CACF,CAAA;AAnEY,wCAAc;AAEzB;IADC,IAAA,qBAAK,EAAC,IAAI,SAAS,EAAE,CAAC;+CACX;yBAFD,cAAc;IAD1B,IAAA,6BAAa,EAAC,0CAA0C,CAAC;GAC7C,cAAc,CAmE1B"}

package/dist/components/GlobalHeader/views/Settings/SettingsPanel.d.ts

@@ -0,0 +1,36 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type { MenuItem } from '../../../../types/tul';
+import type { PopoverStateHost } from '../PopOver/PopOverStateController';
+import { PopoverStateController } from '../PopOver/PopOverStateController';
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart panel-header - The panel header wrapper
+ * @csspart panel-header-title - The panel header title
+ * @csspart panel-body - The panel body wrapper
+ */
+export declare class SettingsPanel extends MobxLitElement implements PopoverStateHost {
+    static styles: import("lit").CSSResult[];
+    menuItems: MenuItem[];
+    appSpecificItems: MenuItem[];
+    panelTitle: string;
+    selectedMenuItem: string;
+    popoverOpen: string | null;
+    popoverStateController: PopoverStateController | null;
+    platformSettingsLabel: string;
+    appSettingsLabel: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleKeyDown: (ev: KeyboardEvent) => void;
+    queryMenuItemElements: (elementName: string) => Element[];
+    renderMenuItemNoSubmenu: (item: MenuItem) => import("lit-html").TemplateResult<1>;
+    renderMenuItemWithSubmenu: (item: MenuItem) => import("lit-html").TemplateResult<1>;
+    renderMenuItem: (item: MenuItem) => import("lit-html").TemplateResult<1>;
+    render(): "" | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-settings-panel': SettingsPanel;
+    }
+}