tenable-universal-layout 0.0.1-security → 7.20.13

package/dist/components/GlobalHeader/views/NavigationMenu/Menu/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","sourceRoot":"","sources":["../../../../../../src/components/GlobalHeader/views/NavigationMenu/Menu/NavigationMenu.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,0DAAsD;AACtD,2GAAuG;AACvG,kEAA8D;AAC9D,qCAA+C;AAE/C;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,+BAAc;IAA3C;;QAIL,YAAO,GAAG,KAAK,CAAA;QAEP,4BAAuB,GAC7B,IAAI,CAAA;QAsBN,wDAAwD;QACxD,mBAAc,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,uBAAuB,KAAK,IAAI,EAAE,CAAC;gBAC1C,IAAI,CAAC,uBAAuB,CAAC,QAAQ,GAAG,CAAC,CAAA;YAC3C,CAAC;QACH,CAAC,CAAA;IAeH,CAAC;IAxCC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QAEzB,IAAI,CAAC,uBAAuB,GAAG,IAAI,mEAAgC,CAAC,IAAI,CAAC,CAAA;QAEzE,QAAQ,CAAC,gBAAgB,CACvB,iCAAe,CAAC,mCAAmC,EACnD,IAAI,CAAC,cAAc,CACpB,CAAA;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAE5B,QAAQ,CAAC,mBAAmB,CAC1B,iCAAe,CAAC,mCAAmC,EACnD,IAAI,CAAC,cAAc,CACpB,CAAA;IACH,CAAC;IASD,gBAAgB;QACd,IAAI,IAAI,CAAC,uBAAuB,KAAK,IAAI,EAAE,CAAC;YAC1C,IAAI,CAAC,uBAAuB,CAAC,YAAY,EAAE,CAAA;QAC7C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAA,UAAI,EAAA;;6BAEc,IAAI,CAAC,gBAAgB;;KAE7C,CAAA;IACH,CAAC;;AAhDU,wCAAc;AAClB,qBAAM,GAAG,CAAC,6BAAoB,CAAC,AAAzB,CAAyB;AAGtC;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAC5B;yBAJJ,cAAc;IAD1B,IAAA,6BAAa,EAAC,yBAAyB,CAAC;GAC5B,cAAc,CAiD1B"}

package/dist/components/GlobalHeader/views/NavigationMenu/Menu/styles.d.ts

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

package/dist/components/GlobalHeader/views/NavigationMenu/Menu/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationMenuStyles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../../BaseStyles");
+exports.navigationMenuStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  .tenable-navigation-menu-root {
+    background: var(--tenb-colors-background-component);
+    border: 1px solid var(--tenb-colors-border-base);
+    border-radius: 6px;
+    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
+    width: 308px;
+    height: auto;
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/GlobalHeader/views/NavigationMenu/Menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/GlobalHeader/views/NavigationMenu/Menu/styles.ts"],"names":[],"mappings":";;;AAAA,6BAAyB;AACzB,iDAAkD;AAErC,QAAA,oBAAoB,GAAG,IAAA,SAAG,EAAA;IACnC,4BAAe;;;;;;;;;;;;CAYlB,CAAA"}

package/dist/components/GlobalHeader/views/NavigationMenu/MenuItem/NavigationMenuItem.d.ts

@@ -0,0 +1,42 @@
+import type { Maybe } from '@productive-codebases/toolbox';
+import { MobxLitElement } from '../../../../../libs/MobxLitElement';
+import type { MenuItem } from '../../../../../types/tul';
+import { TulEvent } from '../../../../../types/tul';
+/**
+ * @slot icon - The component's icon displayed to the left of label.
+ * @slot label - The component's text to display.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart icon - The component's icon wrapper.
+ * @csspart label - The component's label.
+ *
+ * @event {NavigationEvent} pds-navigation-item-clicked - Dispatched on the the document when the menu item is clicked. The UniversalNavigationController listens for this event to trigger routing when configured.
+ * @event {NavigationEvent} pds-navigation-menu-item-clicked - Dispatched when a menu item is clicked. Use this to handle routing yourself when the menu item has been clicked.
+ */
+export declare class NavigationMenuItem extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    itemId: string;
+    label: string;
+    url: Maybe<string>;
+    host: string;
+    newTab: boolean;
+    opened: boolean;
+    selected: boolean;
+    labelVisible: boolean;
+    hasChildren: boolean;
+    item: Maybe<MenuItem>;
+    private addToLocalStorage;
+    private logTelemetry;
+    private shouldBlockEvent;
+    onClick: (event: PointerEvent) => void;
+    determineEventForMenuItem(): TulEvent | null;
+    renderSubMenuIcon: () => import("lit-html").TemplateResult<1> | undefined;
+    renderToggleSwitch: () => import("lit-html").TemplateResult<1> | undefined;
+    renderLabel: () => import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-navigation-menu-item': NavigationMenuItem;
+    }
+}

package/dist/components/GlobalHeader/views/NavigationMenu/MenuItem/NavigationMenuItem.js

@@ -0,0 +1,274 @@
+"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.NavigationMenuItem = void 0;
+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 if_defined_js_1 = require("lit/directives/if-defined.js");
+const MobxLitElement_1 = require("../../../../../libs/MobxLitElement");
+const types_1 = require("../../../../../stores/StoreTelemetry/types");
+const types_2 = require("../../../../../types");
+const tul_1 = require("../../../../../types/tul");
+const NavigationEvent_1 = require("../../Header/NavigationEvent");
+const styles_1 = require("./styles");
+/**
+ * @slot icon - The component's icon displayed to the left of label.
+ * @slot label - The component's text to display.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart icon - The component's icon wrapper.
+ * @csspart label - The component's label.
+ *
+ * @event {NavigationEvent} pds-navigation-item-clicked - Dispatched on the the document when the menu item is clicked. The UniversalNavigationController listens for this event to trigger routing when configured.
+ * @event {NavigationEvent} pds-navigation-menu-item-clicked - Dispatched when a menu item is clicked. Use this to handle routing yourself when the menu item has been clicked.
+ */
+let NavigationMenuItem = class NavigationMenuItem extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        // A unique menu item ID; it's used to communicate to the menu which menu item is currently selected on click
+        this.itemId = '';
+        this.label = '';
+        this.url = null;
+        this.host = '';
+        this.newTab = false;
+        // A flag that indicates that the menu item has been opened to reveal a submenu.
+        this.opened = false;
+        // A flag to set the menu item in a selected state.
+        this.selected = false;
+        this.labelVisible = true;
+        this.hasChildren = false;
+        this.item = null;
+        this.addToLocalStorage = () => {
+            var _a, _b, _c;
+            const { storeRoot: { environment } } = this.__getStores();
+            if (this.host !== tul_1.GlobalHeaderPanels.UserProfile) {
+                return;
+            }
+            switch ((_a = this.item) === null || _a === void 0 ? void 0 : _a.id) {
+                case tul_1.UserManagementMenuKeys.MyAccount:
+                    // Setting the local storage is required
+                    // in order to keep the redirect working on T.io and this has to be set to settings to show a different header than VM
+                    (_b = environment.localStorage) === null || _b === void 0 ? void 0 : _b.setItem(types_2.LocalStorageKey.selectedApplication, types_2.LocalStorageSelectedApplication.platformSettings);
+                    break;
+                case tul_1.UserManagementMenuKeys.SignOut:
+                    // Setting the local storage is required
+                    // in order to keep the redirect working on T.io
+                    (_c = environment.localStorage) === null || _c === void 0 ? void 0 : _c.setItem(types_2.LocalStorageKey.selectedApplication, types_2.LocalStorageSelectedApplication.tenable_io);
+                    break;
+                default:
+                    break;
+            }
+        };
+        this.logTelemetry = () => {
+            var _a;
+            const { storeTelemetry, storeRoot } = this.__getStores();
+            if (!((_a = storeRoot.environment.config.services.telemetry) === null || _a === void 0 ? void 0 : _a.enabled)) {
+                return;
+            }
+            let event = types_1.EventType.MainNavClicked;
+            switch (this.host) {
+                case tul_1.GlobalHeaderPanels.UserProfile:
+                    event = types_1.EventType.HeaderUserProfileClicked;
+                    break;
+                case tul_1.GlobalHeaderPanels.Settings:
+                    event = types_1.EventType.HeaderSettingsClicked;
+                    break;
+                case tul_1.GlobalHeaderPanels.Sidebar:
+                    event = types_1.EventType.MainNavClicked;
+                    break;
+                case tul_1.GlobalHeaderPanels.QuickActions:
+                    event = types_1.EventType.HeaderQuickActionsClicked;
+                    break;
+                default:
+                    event = types_1.EventType.MainNavClicked;
+                    break;
+            }
+            storeTelemetry.trackTelemetry(event, { name: this.label });
+        };
+        this.shouldBlockEvent = (event) => {
+            const target = event.target;
+            if (target.parentElement instanceof HTMLSlotElement &&
+                target.parentElement.name == 'clickable') {
+                return true;
+            }
+            return false;
+        };
+        this.onClick = (event) => {
+            var _a, _b, _c;
+            const { storeRoot } = this.__getStores();
+            if (this.shouldBlockEvent(event)) {
+                event.stopImmediatePropagation();
+                return;
+            }
+            if (!this.url) {
+                return;
+            }
+            this.addToLocalStorage();
+            this.logTelemetry();
+            if (window && this.newTab === true) {
+                window.open(this.url, '_blank');
+                return;
+            }
+            const options = {
+                detail: {
+                    itemId: this.itemId,
+                    url: this.url,
+                    item: this.item,
+                    host: this.host,
+                    tulApi: storeRoot.tulApi
+                },
+                bubbles: true,
+                composed: true
+            };
+            // Menu Item Clicked
+            const NavigationMenuItemEvent = new CustomEvent(NavigationEvent_1.NavigationEvent.UNIVERSAL_NAVIGATION_MENU_ITEM_CLICKED, options);
+            this.dispatchEvent(NavigationMenuItemEvent);
+            // Navigation Event
+            const navigationEvent = new CustomEvent(NavigationEvent_1.NavigationEvent.UNIVERSAL_NAVIGATION_ITEM_CLICKED, options);
+            const eventName = this.determineEventForMenuItem();
+            if (eventName) {
+                const tulEvent = {
+                    eventName: eventName,
+                    detail: {
+                        nativeEvent: event,
+                        item: this.item,
+                        tulApi: storeRoot.tulApi
+                    }
+                };
+                this.__dispatchTulEvent(tulEvent);
+            }
+            document.dispatchEvent(navigationEvent);
+            if (((_a = window === null || window === void 0 ? void 0 : window.document) === null || _a === void 0 ? void 0 : _a.location) && ((_b = this.item) === null || _b === void 0 ? void 0 : _b.target) === '_self') {
+                if ((_c = this.url) === null || _c === void 0 ? void 0 : _c.includes('settings/my-account')) {
+                    storeRoot.redirectToClickedApp(this.url, types_2.LocalStorageSelectedApplication.platformSettings);
+                }
+                else {
+                    window.document.location.href = `${this.url}`;
+                }
+            }
+        };
+        this.renderSubMenuIcon = () => {
+            if (this.labelVisible && this.hasChildren) {
+                return (0, lit_1.html) ` <tenable-chevron-right></tenable-chevron-right> `;
+            }
+        };
+        this.renderToggleSwitch = () => {
+            if (this.labelVisible) {
+                return (0, lit_1.html) ` <tenable-toggle-switch></tenable-toggle-switch> `;
+            }
+        };
+        this.renderLabel = () => {
+            const classes = {
+                'tenable-navigation-menu-item-label-for-sidebar': this.host === tul_1.GlobalHeaderPanels.Sidebar,
+                hidden: !this.labelVisible
+            };
+            return (0, lit_1.html) `
+      <slot name="label">
+        <label
+          part="label"
+          class="tenable-navigation-menu-item-label ${(0, class_map_js_1.classMap)(classes)}"
+        >
+          ${this.label}
+        </label>
+      </slot>
+    `;
+        };
+    }
+    determineEventForMenuItem() {
+        /**
+         * @todo -- Since this is not a lit element, we cannot extend MobxLitElement
+         * This left us with direct usage of StoreRoot.getStores() method
+         * See Alternatives if possible to avoid this
+         */
+        let eventName = null;
+        switch (this.host) {
+            case tul_1.GlobalHeaderPanels.Settings:
+                eventName = tul_1.TulEvent.onTulEventSettingsMenuItemClick;
+                break;
+            case tul_1.GlobalHeaderPanels.Sidebar:
+                eventName = tul_1.TulEvent.onTulEventSidebarMenuItemClick;
+                break;
+            case tul_1.GlobalHeaderPanels.UserProfile:
+                eventName = tul_1.TulEvent.onTulEventUserProfileMenuItemClick;
+                break;
+            case tul_1.GlobalHeaderPanels.QuickActions:
+                eventName = tul_1.TulEvent.onTulEventQuickActionsMenuItemClick;
+                break;
+            default:
+                break;
+        }
+        return eventName;
+    }
+    render() {
+        var _a, _b, _c;
+        const classes = {
+            opened: this.opened,
+            selected: this.selected,
+            'toggle-switch': (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.toggle) !== null && _b !== void 0 ? _b : false
+        };
+        return (0, lit_1.html) `
+      <div
+        part="base"
+        class="tenable-navigation-menu-item-root ${(0, class_map_js_1.classMap)(classes)}"
+        @click=${this.onClick}
+        aria-label=${(0, if_defined_js_1.ifDefined)(this.label)}
+      >
+        <div part="icon" class="tenable-navigation-menu-item__icon">
+          <slot name="icon"></slot>
+        </div>
+        ${this.renderLabel()}
+        ${this.item && ((_c = this.item) === null || _c === void 0 ? void 0 : _c.toggle)
+            ? (0, lit_1.html) ` <div
+              part="clickable-elements"
+              class="tenable-navigation-menu-item__clickable"
+            >
+              <slot name="clickable"> ${this.renderToggleSwitch()} </slot>
+            </div>`
+            : ''}
+        ${this.renderSubMenuIcon()}
+      </div>
+    `;
+    }
+};
+exports.NavigationMenuItem = NavigationMenuItem;
+NavigationMenuItem.styles = [styles_1.navigationMenuItemStyles];
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'item-id', type: String })
+], NavigationMenuItem.prototype, "itemId", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], NavigationMenuItem.prototype, "label", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], NavigationMenuItem.prototype, "url", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], NavigationMenuItem.prototype, "host", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], NavigationMenuItem.prototype, "newTab", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ reflect: true, type: Boolean })
+], NavigationMenuItem.prototype, "opened", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ reflect: true, type: Boolean })
+], NavigationMenuItem.prototype, "selected", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], NavigationMenuItem.prototype, "labelVisible", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], NavigationMenuItem.prototype, "hasChildren", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], NavigationMenuItem.prototype, "item", void 0);
+exports.NavigationMenuItem = NavigationMenuItem = __decorate([
+    (0, decorators_js_1.customElement)('tenable-navigation-menu-item')
+], NavigationMenuItem);
+//# sourceMappingURL=NavigationMenuItem.js.map

package/dist/components/GlobalHeader/views/NavigationMenu/MenuItem/NavigationMenuItem.js.map

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

package/dist/components/GlobalHeader/views/NavigationMenu/MenuItem/styles.d.ts

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

package/dist/components/GlobalHeader/views/NavigationMenu/MenuItem/styles.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationMenuItemStyles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../../BaseStyles");
+exports.navigationMenuItemStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  .tenable-navigation-menu-item-root {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    background-color: var(--tenb-colors-background-component);
+    border-radius: 0px;
+    box-sizing: border-box;
+    border-left: 2px solid var(--tenb-colors-transparent);
+    color: var(--tenb-colors-text-body);
+    cursor: pointer;
+    height: 56px;
+    width: 100%;
+    padding-left: 14px;
+    padding-right: var(--tenb-space-16);
+    gap: 0px var(--tenb-space-8);
+  }
+
+  .tenable-navigation-menu-item-root.small {
+    height: 32px;
+  }
+
+  .tenable-navigation-menu-item-root.small .tenable-navigation-menu-item-label {
+    font-family: var(--fonts-base);
+    font-size: var(--font-size-14);
+  }
+
+  .tenable-navigation-menu-item-root.focus-visible {
+    border-radius: 3px;
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: -1px;
+  }
+
+  .tenable-navigation-menu-item-root:hover {
+    background-color: var(--tenb-colors-background-hover);
+  }
+
+  .tenable-navigation-menu-item-root:active {
+    background-color: var(--tenb-colors-background-selected-alt);
+  }
+
+  .tenable-navigation-menu-item-root.opened,
+  .tenable-navigation-menu-item-root.selected {
+    background-color: var(--tenb-colors-background-selected);
+  }
+
+  .tenable-navigation-menu-item-root.selected {
+    border-left-color: var(--tenb-colors-accent);
+    padding-left: 14px;
+  }
+
+  .tenable-navigation-menu-item-root.round-bottom-border,
+  .tenable-navigation-menu-item-root.round-bottom-border.opened,
+  .tenable-navigation-menu-item-root.round-bottom-border.selected {
+    border-radius: 6px;
+  }
+
+  .tenable-navigation-menu-item-label {
+    display: inline-flex;
+    color: var(--tenb-colors-text-body);
+    cursor: inherit;
+    font-family: var(--tenb-fonts-brand-medium);
+    font-size: var(--tenb-fontSizes-16);
+    line-height: 22px;
+    opacity: 1;
+    visibility: visible;
+    margin-bottom: 0;
+    margin-top: 0;
+    // transition-delay: 250ms;
+    transition:
+      visibility 0.2s,
+      opacity 0.5s ease-in;
+    width: 100%;
+    // -moz-osx-font-smoothing: grayscale;
+    // -webkit-font-smoothing: antialiased;
+    user-select: none;
+    -webkit-user-select: none; /* safari */
+  }
+
+  .tenable-navigation-menu-item-label.hidden {
+    visibility: hidden;
+    opacity: 0;
+  }
+
+  .tenable-navigation-menu-item-label.alt {
+    color: var(--tenb-colors-text-inverse);
+  }
+
+  tenable-toggle-switch::part(base) {
+    margin-bottom: 0;
+  }
+  .tenable-navigation-menu-item-label-for-sidebar {
+    white-space: nowrap;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/GlobalHeader/views/NavigationMenu/MenuItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/GlobalHeader/views/NavigationMenu/MenuItem/styles.ts"],"names":[],"mappings":";;;AAAA,6BAAyB;AACzB,iDAAkD;AAErC,QAAA,wBAAwB,GAAG,IAAA,SAAG,EAAA;IACvC,4BAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGlB,CAAA"}

package/dist/components/GlobalHeader/views/NavigationMenu/SubMenu/SubMenu.d.ts

@@ -0,0 +1,20 @@
+import { MobxLitElement } from '../../../../../libs/MobxLitElement';
+import type { MenuItem } from '../../../../../types/tul';
+/**
+ * @slot icon - The icon component.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+declare class UniversalNavigationMenuSubmenu extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    itemId: string;
+    menuItems: MenuItem[];
+    host: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-navigation-menu-submenu': UniversalNavigationMenuSubmenu;
+    }
+}
+export {};

package/dist/components/GlobalHeader/views/NavigationMenu/SubMenu/SubMenu.js

@@ -0,0 +1,65 @@
+"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 });
+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 renderer_1 = require("../../../../../components/GlobalHeader/utils/renderer");
+const MobxLitElement_1 = require("../../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot icon - The icon component.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let UniversalNavigationMenuSubmenu = class UniversalNavigationMenuSubmenu extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        // A unique menu item ID; it's used to communicate to the menu which menu item is currently selected on click
+        this.itemId = '';
+        this.menuItems = [];
+        this.host = 'navigation';
+    }
+    render() {
+        return (0, lit_1.html) `
+      <tenable-navigation-menu part="base">
+        ${this.menuItems &&
+            (0, repeat_js_1.repeat)(this.menuItems, item => item.name, item => {
+                var _a;
+                return (0, lit_1.html) `
+            <tenable-navigation-menu-item
+              item-id=${(0, if_defined_js_1.ifDefined)(this.itemId)}
+              url=${(0, if_defined_js_1.ifDefined)(item.url)}
+              host=${this.host}
+              label=${item.name}
+              .item=${item}
+              ?newTab=${((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) === true}
+            >
+              ${(0, renderer_1.renderIconAsString)(item.icon)}
+            </tenable-navigation-menu-item>
+          `;
+            })}
+      </tenable-navigation-menu>
+    `;
+    }
+};
+UniversalNavigationMenuSubmenu.styles = [styles_1.universalNavigationMenuSubMenuStyles];
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'item-id', type: String })
+], UniversalNavigationMenuSubmenu.prototype, "itemId", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], UniversalNavigationMenuSubmenu.prototype, "menuItems", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], UniversalNavigationMenuSubmenu.prototype, "host", void 0);
+UniversalNavigationMenuSubmenu = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-navigation-menu-submenu')
+], UniversalNavigationMenuSubmenu);
+//# sourceMappingURL=SubMenu.js.map

package/dist/components/GlobalHeader/views/NavigationMenu/SubMenu/SubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.js","sourceRoot":"","sources":["../../../../../../src/components/GlobalHeader/views/NavigationMenu/SubMenu/SubMenu.ts"],"names":[],"mappings":";;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,gEAAwD;AACxD,wDAAiD;AACjD,uEAA6E;AAC7E,0DAAsD;AAEtD,qCAA+D;AAE/D;;;;GAIG;AAEH,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,+BAAc;IAA3D;;QAGE,6GAA6G;QAE7G,WAAM,GAAG,EAAE,CAAA;QAGX,cAAS,GAAe,EAAE,CAAA;QAG1B,SAAI,GAAG,YAAY,CAAA;IAyBrB,CAAC;IAvBC,MAAM;QACJ,OAAO,IAAA,UAAI,EAAA;;UAEL,IAAI,CAAC,SAAS;YAChB,IAAA,kBAAM,EACJ,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EACjB,IAAI,CAAC,EAAE;;gBAAC,OAAA,IAAA,UAAI,EAAA;;wBAEE,IAAA,yBAAS,EAAC,IAAI,CAAC,MAAM,CAAC;oBAC1B,IAAA,yBAAS,EAAC,IAAI,CAAC,GAAG,CAAC;qBAClB,IAAI,CAAC,IAAI;sBACR,IAAI,CAAC,IAAI;sBACT,IAAI;wBACF,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,UAAU,CAAC,MAAM,CAAC,MAAK,IAAI;;gBAE7C,IAAA,6BAAkB,EAAC,IAAI,CAAC,IAAkB,CAAC;;WAEhD,CAAA;aAAA,CACF;;KAEJ,CAAA;IACH,CAAC;;AAlCM,qCAAM,GAAG,CAAC,6CAAoC,CAAC,AAAzC,CAAyC;AAItD;IADC,IAAA,wBAAQ,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACtC;AAGX;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;iEACA;AAG1B;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DACR;AAXf,8BAA8B;IADnC,IAAA,6BAAa,EAAC,2CAA2C,CAAC;GACrD,8BAA8B,CAoCnC"}

package/dist/components/GlobalHeader/views/NavigationMenu/SubMenu/styles.d.ts

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

package/dist/components/GlobalHeader/views/NavigationMenu/SubMenu/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.universalNavigationMenuSubMenuStyles = void 0;
+const lit_1 = require("lit");
+exports.universalNavigationMenuSubMenuStyles = (0, lit_1.css) `
+  :host {
+    background-color: var(--tenb-colors-background-component);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/GlobalHeader/views/NavigationMenu/SubMenu/styles.js.map

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

package/dist/components/GlobalHeader/views/NotificationBadge/NotificationBadge.d.ts

@@ -0,0 +1,15 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to add child content
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class NotificationBadge extends MobxLitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-notification-badge': NotificationBadge;
+    }
+}