tenable-universal-layout 0.0.1-security → 7.7.12

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

@@ -0,0 +1,12 @@
+import { IconBase } from './IconBase';
+/**
+ * Tenable UserProfile action icon.
+ */
+export default class UserProfileIcon extends IconBase {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HtmlElementTagNameMap {
+        'tenable-user-profile': UserProfileIcon;
+    }
+}

package/dist/components/GlobalHeader/views/Icon/UserProfile.js

@@ -0,0 +1,52 @@
+"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 class_map_js_1 = require("lit/directives/class-map.js");
+const IconBase_1 = require("./IconBase");
+/**
+ * Tenable UserProfile action icon.
+ */
+let UserProfileIcon = class UserProfileIcon extends IconBase_1.IconBase {
+    render() {
+        const classes = (0, class_map_js_1.classMap)({
+            [`color-icon-${this.color}`]: true,
+            [`size-icon-${this.size}`]: true
+        });
+        return (0, lit_1.html) `
+      <svg
+        class=${classes}
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M10 9.375C11.7259 9.375 13.125 7.97589 13.125 6.25C13.125 4.52411 11.7259 3.125 10 3.125C8.27411 3.125 6.875 4.52411 6.875 6.25C6.875 7.97589 8.27411 9.375 10 9.375Z"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M4.375 15.625V15.625C4.375 13.5539 6.05393 11.875 8.125 11.875H11.875C13.9461 11.875 15.625 13.5539 15.625 15.625V15.625"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    `;
+    }
+};
+UserProfileIcon = __decorate([
+    (0, decorators_js_1.customElement)('tenable-user-profile')
+], UserProfileIcon);
+exports.default = UserProfileIcon;
+//# sourceMappingURL=UserProfile.js.map

package/dist/components/GlobalHeader/views/Icon/UserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Icon/UserProfile.ts"],"names":[],"mappings":";;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,8DAAsD;AACtD,yCAAqC;AAErC;;GAEG;AAEY,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,mBAAQ;IACnD,MAAM;QACJ,MAAM,OAAO,GAAG,IAAA,uBAAQ,EAAC;YACvB,CAAC,cAAc,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;YAClC,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SACjC,CAAC,CAAA;QAEF,OAAO,IAAA,UAAI,EAAA;;gBAEC,OAAO;;;;;;;;;;;;;;;;;;;;;KAqBlB,CAAA;IACH,CAAC;CACF,CAAA;AAhCoB,eAAe;IADnC,IAAA,6BAAa,EAAC,sBAAsB,CAAC;GACjB,eAAe,CAgCnC;kBAhCoB,eAAe"}

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

@@ -0,0 +1,12 @@
+import { IconBase } from './IconBase';
+/**
+ * Tenable VM app workspaces icon.
+ */
+export default class VMAppIcon extends IconBase {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HtmlElementTagNameMap {
+        'tenable-workspace-app-vm': VMAppIcon;
+    }
+}

package/dist/components/GlobalHeader/views/Icon/VMApp.js

@@ -0,0 +1,46 @@
+"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 class_map_js_1 = require("lit/directives/class-map.js");
+const IconBase_1 = require("./IconBase");
+/**
+ * Tenable VM app workspaces icon.
+ */
+let VMAppIcon = class VMAppIcon extends IconBase_1.IconBase {
+    render() {
+        const classes = (0, class_map_js_1.classMap)({
+            [`color-icon-${this.color}`]: true,
+            [`size-icon-${this.size}`]: true
+        });
+        return (0, lit_1.html) `
+      <svg
+        class=${classes}
+        xmlns="http://www.w3.org/2000/svg"
+        width="21"
+        height="20"
+        viewBox="0 0 21 20"
+        fill="none"
+      >
+        <path
+          d="M12.3926 11.875L14.8926 9.375L12.3926 8.15L14.8551 5.6625L12.3926 4.375C12.3926 4.375 13.7815 2.98607 14.4461 2.32141C13.1795 1.97599 10.5176 1.25 10.5176 1.25L3.64258 3.125V11.9143C3.64258 15.625 7.30981 17.7719 10.3896 19.0729C10.4715 19.1075 10.5637 19.1075 10.6456 19.0729C13.7252 17.772 17.3926 15.625 17.3926 11.9115V3.125"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    `;
+    }
+};
+VMAppIcon = __decorate([
+    (0, decorators_js_1.customElement)('tenable-workspace-app-vm')
+], VMAppIcon);
+exports.default = VMAppIcon;
+//# sourceMappingURL=VMApp.js.map

package/dist/components/GlobalHeader/views/Icon/VMApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VMApp.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Icon/VMApp.ts"],"names":[],"mappings":";;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,8DAAsD;AACtD,yCAAqC;AAErC;;GAEG;AAEY,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,mBAAQ;IAC7C,MAAM;QACJ,MAAM,OAAO,GAAG,IAAA,uBAAQ,EAAC;YACvB,CAAC,cAAc,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;YAClC,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SACjC,CAAC,CAAA;QAEF,OAAO,IAAA,UAAI,EAAA;;gBAEC,OAAO;;;;;;;;;;;;;;;KAelB,CAAA;IACH,CAAC;CACF,CAAA;AA1BoB,SAAS;IAD7B,IAAA,6BAAa,EAAC,0BAA0B,CAAC;GACrB,SAAS,CA0B7B;kBA1BoB,SAAS"}

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

@@ -0,0 +1,12 @@
+import { IconBase } from './IconBase';
+/**
+ * Tenable WAS app workspaces icon.
+ */
+export default class WASAppIcon extends IconBase {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HtmlElementTagNameMap {
+        'tenable-workspace-app-was': WASAppIcon;
+    }
+}

package/dist/components/GlobalHeader/views/Icon/WASApp.js

@@ -0,0 +1,63 @@
+"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 class_map_js_1 = require("lit/directives/class-map.js");
+const IconBase_1 = require("./IconBase");
+/**
+ * Tenable WAS app workspaces icon.
+ */
+let WASAppIcon = class WASAppIcon extends IconBase_1.IconBase {
+    render() {
+        const classes = (0, class_map_js_1.classMap)({
+            [`color-icon-${this.color}`]: true,
+            [`size-icon-${this.size}`]: true
+        });
+        return (0, lit_1.html) `
+      <svg
+        class=${classes}
+        xmlns="http://www.w3.org/2000/svg"
+        width="21"
+        height="20"
+        viewBox="0 0 21 20"
+        fill="none"
+      >
+        <path
+          d="M10.0352 18.125C14.5225 18.125 18.1602 14.4873 18.1602 10C18.1602 5.51269 14.5225 1.875 10.0352 1.875C5.54784 1.875 1.91016 5.51269 1.91016 10C1.91016 14.4873 5.54784 18.125 10.0352 18.125Z"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+        />
+        <path
+          d="M12.954 11.1159C14.5562 6.92437 14.5483 3.02691 12.9361 2.41066C11.324 1.7944 8.71825 4.69272 7.11599 8.88423C5.51373 13.0757 5.52172 16.9732 7.13384 17.5895C8.74596 18.2057 11.3517 15.3074 12.954 11.1159Z"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+        />
+        <path
+          d="M3.61621 5.13716C5.44727 4.49889 17.5574 9.12816 18.0616 10.6591"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+        />
+        <path
+          d="M2.00879 9.34082C2.94719 11.0377 15.0574 15.667 16.4542 14.8628"
+          stroke="#026EDD"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+        />
+      </svg>
+    `;
+    }
+};
+WASAppIcon = __decorate([
+    (0, decorators_js_1.customElement)('tenable-workspace-app-was')
+], WASAppIcon);
+exports.default = WASAppIcon;
+//# sourceMappingURL=WASApp.js.map

package/dist/components/GlobalHeader/views/Icon/WASApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WASApp.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Icon/WASApp.ts"],"names":[],"mappings":";;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,8DAAsD;AACtD,yCAAqC;AAErC;;GAEG;AAEY,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,mBAAQ;IAC9C,MAAM;QACJ,MAAM,OAAO,GAAG,IAAA,uBAAQ,EAAC;YACvB,CAAC,cAAc,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;YAClC,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SACjC,CAAC,CAAA;QAEF,OAAO,IAAA,UAAI,EAAA;;gBAEC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgClB,CAAA;IACH,CAAC;CACF,CAAA;AA3CoB,UAAU;IAD9B,IAAA,6BAAa,EAAC,2BAA2B,CAAC;GACtB,UAAU,CA2C9B;kBA3CoB,UAAU"}

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

@@ -0,0 +1,12 @@
+import { IconBase } from './IconBase';
+/**
+ * Tenable Workspaces action icon.
+ */
+export default class WorkspaceApps extends IconBase {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HtmlElementTagNameMap {
+        'tenable-workspace-apps': WorkspaceApps;
+    }
+}

package/dist/components/GlobalHeader/views/Icon/WorkspaceApps.js

@@ -0,0 +1,102 @@
+"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 class_map_js_1 = require("lit/directives/class-map.js");
+const IconBase_1 = require("./IconBase");
+/**
+ * Tenable Workspaces action icon.
+ */
+let WorkspaceApps = class WorkspaceApps extends IconBase_1.IconBase {
+    render() {
+        const classes = (0, class_map_js_1.classMap)({
+            [`color-icon-${this.color}`]: true,
+            [`size-icon-${this.size}`]: true
+        });
+        return (0, lit_1.html) `
+      <svg
+        class=${classes}
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M6 6.75H3C2.58579 6.75 2.25 6.41421 2.25 6V3C2.25 2.58579 2.58579 2.25 3 2.25H6C6.41421 2.25 6.75 2.58579 6.75 3V6C6.75 6.41421 6.41421 6.75 6 6.75Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M13.5 6.75H10.5C10.0858 6.75 9.75 6.41421 9.75 6V3C9.75 2.58579 10.0858 2.25 10.5 2.25H13.5C13.9142 2.25 14.25 2.58579 14.25 3V6C14.25 6.41421 13.9142 6.75 13.5 6.75Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M21 6.75H18C17.5858 6.75 17.25 6.41421 17.25 6V3C17.25 2.58579 17.5858 2.25 18 2.25H21C21.4142 2.25 21.75 2.58579 21.75 3V6C21.75 6.41421 21.4142 6.75 21 6.75Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M6 14.25H3C2.58579 14.25 2.25 13.9142 2.25 13.5V10.5C2.25 10.0858 2.58579 9.75 3 9.75H6C6.41421 9.75 6.75 10.0858 6.75 10.5V13.5C6.75 13.9142 6.41421 14.25 6 14.25Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M13.5 14.25H10.5C10.0858 14.25 9.75 13.9142 9.75 13.5V10.5C9.75 10.0858 10.0858 9.75 10.5 9.75H13.5C13.9142 9.75 14.25 10.0858 14.25 10.5V13.5C14.25 13.9142 13.9142 14.25 13.5 14.25Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M21 14.25H18C17.5858 14.25 17.25 13.9142 17.25 13.5V10.5C17.25 10.0858 17.5858 9.75 18 9.75H21C21.4142 9.75 21.75 10.0858 21.75 10.5V13.5C21.75 13.9142 21.4142 14.25 21 14.25Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M6 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V18C2.25 17.5858 2.58579 17.25 3 17.25H6C6.41421 17.25 6.75 17.5858 6.75 18V21C6.75 21.4142 6.41421 21.75 6 21.75Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M13.5 21.75H10.5C10.0858 21.75 9.75 21.4142 9.75 21V18C9.75 17.5858 10.0858 17.25 10.5 17.25H13.5C13.9142 17.25 14.25 17.5858 14.25 18V21C14.25 21.4142 13.9142 21.75 13.5 21.75Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M21 21.75H18C17.5858 21.75 17.25 21.4142 17.25 21V18C17.25 17.5858 17.5858 17.25 18 17.25H21C21.4142 17.25 21.75 17.5858 21.75 18V21C21.75 21.4142 21.4142 21.75 21 21.75Z"
+          stroke="currentColor"
+          stroke-miterlimit="10"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    `;
+    }
+};
+WorkspaceApps = __decorate([
+    (0, decorators_js_1.customElement)('tenable-workspace-apps')
+], WorkspaceApps);
+exports.default = WorkspaceApps;
+//# sourceMappingURL=WorkspaceApps.js.map

package/dist/components/GlobalHeader/views/Icon/WorkspaceApps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceApps.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Icon/WorkspaceApps.ts"],"names":[],"mappings":";;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,8DAAsD;AACtD,yCAAqC;AAErC;;GAEG;AAEY,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,mBAAQ;IACjD,MAAM;QACJ,MAAM,OAAO,GAAG,IAAA,uBAAQ,EAAC;YACvB,CAAC,cAAc,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;YAClC,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SACjC,CAAC,CAAA;QAEF,OAAO,IAAA,UAAI,EAAA;;gBAEC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuElB,CAAA;IACH,CAAC;CACF,CAAA;AAlFoB,aAAa;IADjC,IAAA,6BAAa,EAAC,wBAAwB,CAAC;GACnB,aAAa,CAkFjC;kBAlFoB,aAAa"}

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

@@ -0,0 +1,11 @@
+export declare const colorOptions: readonly ["accent-idle", "accent-hover", "accent-active", "alt", "brand", "default", "disabled", "error-idle", "error-disabled", "severity-critical", "severity-high", "severity-medium", "severity-low", "status-bad", "status-warning", "status-good", "status-info", "white"];
+export type IconColor = (typeof colorOptions)[number];
+export declare const sizeOptions: {
+    readonly small: "16px";
+    readonly medium: "24px";
+    readonly large: "32px";
+    readonly xlarge: "40px";
+};
+export declare const defaultSize: "16px";
+export type IconSize = keyof typeof sizeOptions;
+export type IconSizeValue = (typeof sizeOptions)[IconSize];

package/dist/components/GlobalHeader/views/Icon/types.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultSize = exports.sizeOptions = exports.colorOptions = void 0;
+// This list is based on the icon color tokens available in light/dark color-variables.css
+// This list should match the colors defined in IconBase styles
+exports.colorOptions = [
+    'accent-idle',
+    'accent-hover',
+    'accent-active',
+    'alt',
+    'brand',
+    'default',
+    'disabled',
+    'error-idle',
+    'error-disabled',
+    'severity-critical',
+    'severity-high',
+    'severity-medium',
+    'severity-low',
+    'status-bad',
+    'status-warning',
+    'status-good',
+    'status-info',
+    'white'
+];
+// This list should match the sizes defined in IconBase styles
+exports.sizeOptions = {
+    small: '16px',
+    medium: '24px',
+    large: '32px',
+    xlarge: '40px'
+};
+exports.defaultSize = exports.sizeOptions.small;
+//# sourceMappingURL=types.js.map

package/dist/components/GlobalHeader/views/Icon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Icon/types.ts"],"names":[],"mappings":";;;AAAA,0FAA0F;AAC1F,+DAA+D;AAClD,QAAA,YAAY,GAAG;IAC1B,aAAa;IACb,cAAc;IACd,eAAe;IACf,KAAK;IACL,OAAO;IACP,SAAS;IACT,UAAU;IACV,YAAY;IACZ,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,aAAa;IACb,OAAO;CACC,CAAA;AAIV,8DAA8D;AACjD,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACN,CAAA;AACG,QAAA,WAAW,GAAG,mBAAW,CAAC,KAAK,CAAA"}

package/dist/components/GlobalHeader/views/MenuGroupHeading/NavigationMenuHeading.d.ts

@@ -0,0 +1,20 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot label - The component's text to display.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart label - The component's label.
+ *
+ */
+export declare class NavigationMenuHeading extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    itemId: string;
+    label: string;
+    renderLabel: () => import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-navigation-menu-group-heading': NavigationMenuHeading;
+    }
+}

package/dist/components/GlobalHeader/views/MenuGroupHeading/NavigationMenuHeading.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 });
+exports.NavigationMenuHeading = 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 MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot label - The component's text to display.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart label - The component's label.
+ *
+ */
+let NavigationMenuHeading = class NavigationMenuHeading extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        // A unique group  ID
+        this.itemId = '';
+        this.label = '';
+        this.renderLabel = () => {
+            return (0, lit_1.html) `
+      <slot name="label">
+        <tenable-text
+          part="label"
+          class="tenable-navigation-menu-group-item-label"
+          bold
+          >${this.label}</tenable-text
+        >
+      </slot>
+    `;
+        };
+    }
+    render() {
+        return (0, lit_1.html) `
+      <div
+        part="base"
+        id=${this.itemId}
+        class="tenable-navigation-menu-group-item-root"
+        aria-label=${(0, if_defined_js_1.ifDefined)(this.label)}
+      >
+        ${this.renderLabel()}
+      </div>
+    `;
+    }
+};
+exports.NavigationMenuHeading = NavigationMenuHeading;
+NavigationMenuHeading.styles = [styles_1.navigationMenuGroupItemStyles];
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'item-id', type: String })
+], NavigationMenuHeading.prototype, "itemId", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], NavigationMenuHeading.prototype, "label", void 0);
+exports.NavigationMenuHeading = NavigationMenuHeading = __decorate([
+    (0, decorators_js_1.customElement)('tenable-navigation-menu-group-heading')
+], NavigationMenuHeading);
+//# sourceMappingURL=NavigationMenuHeading.js.map

package/dist/components/GlobalHeader/views/MenuGroupHeading/NavigationMenuHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuHeading.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/MenuGroupHeading/NavigationMenuHeading.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,gEAAwD;AACxD,0DAAsD;AACtD,qCAAwD;AAExD;;;;;;GAMG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,+BAAc;IAAlD;;QAGL,qBAAqB;QAErB,WAAM,GAAG,EAAE,CAAA;QAGX,UAAK,GAAG,EAAE,CAAA;QAEV,gBAAW,GAAG,GAAG,EAAE;YACjB,OAAO,IAAA,UAAI,EAAA;;;;;;aAMF,IAAI,CAAC,KAAK;;;KAGlB,CAAA;QACH,CAAC,CAAA;IAcH,CAAC;IAZC,MAAM;QACJ,OAAO,IAAA,UAAI,EAAA;;;aAGF,IAAI,CAAC,MAAM;;qBAEH,IAAA,yBAAS,EAAC,IAAI,CAAC,KAAK,CAAC;;UAEhC,IAAI,CAAC,WAAW,EAAE;;KAEvB,CAAA;IACH,CAAC;;AAlCU,sDAAqB;AACzB,4BAAM,GAAG,CAAC,sCAA6B,CAAC,AAAlC,CAAkC;AAI/C;IADC,IAAA,wBAAQ,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACtC;AAGX;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACjB;gCARC,qBAAqB;IADjC,IAAA,6BAAa,EAAC,uCAAuC,CAAC;GAC1C,qBAAqB,CAmCjC"}

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

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

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationMenuGroupItemStyles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../BaseStyles");
+exports.navigationMenuGroupItemStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  .tenable-navigation-menu-group-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: 0;
+    color: var(--tenb-colors-text-body);
+    // cursor: pointer;
+    height: 56px;
+    width: 100%;
+    padding-left: var(--tenb-space-16);
+    padding-right: var(--tenb-space-16);
+    gap: 0px var(--tenb-space-8);
+  }
+
+  .tenable-navigation-menu-group-item-root.small {
+    height: 32px;
+  }
+
+  .tenable-navigation-menu-group-item-root.small
+    .tenable-navigation-menu-group-item-label {
+    font-family: var(--fonts-base);
+    font-size: var(--font-size-14);
+  }
+
+  .tenable-navigation-menu-group-item-root.focus-visible {
+    border-radius: 6px;
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: -1px;
+  }
+
+  //   .tenable-navigation-menu-group-item-root:hover {
+  //     background-color: var(--tenb-colors-background-hover);
+  //   }
+
+  .tenable-navigation-menu-group-item-root:active {
+    background-color: var(--tenb-colors-background-selected-alt);
+  }
+
+  .tenable-navigation-menu-group-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-18);
+    line-height: 22px;
+    opacity: 1;
+    visibility: visible;
+    margin-bottom: 0;
+    margin-top: 0;
+    transition:
+      visibility 0.5s,
+      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-group-item-label.alt {
+    color: var(--tenb-colors-text-inverse);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/MenuGroupHeading/styles.ts"],"names":[],"mappings":";;;AAAA,6BAAyB;AACzB,8CAA+C;AAElC,QAAA,6BAA6B,GAAG,IAAA,SAAG,EAAA;IAC5C,4BAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAA"}

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

@@ -0,0 +1,21 @@
+import { MobxLitElement } from '../../../../../libs/MobxLitElement';
+/**
+ * @slot default - Use to place Menu Items.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class NavigationMenu extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    compact: boolean;
+    private _menuKeyboardController;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleMenuOpen: () => void;
+    handleSlotChange(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-navigation-menu': NavigationMenu;
+    }
+}

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

@@ -0,0 +1,63 @@
+"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.NavigationMenu = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const MobxLitElement_1 = require("../../../../../libs/MobxLitElement");
+const NavigationMenuKeyboardController_1 = require("../../../controller/NavigationMenuKeyboardController");
+const NavigationEvent_1 = require("../../Header/NavigationEvent");
+const styles_1 = require("./styles");
+/**
+ * @slot default - Use to place Menu Items.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let NavigationMenu = class NavigationMenu extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.compact = false;
+        this._menuKeyboardController = null;
+        // Reset selected item back to first when menu is opened
+        this.handleMenuOpen = () => {
+            if (this._menuKeyboardController !== null) {
+                this._menuKeyboardController.selected = 0;
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._menuKeyboardController = new NavigationMenuKeyboardController_1.NavigationMenuKeyboardController(this);
+        document.addEventListener(NavigationEvent_1.NavigationEvent.UNIVERSAL_NAVIGATION_POPOVER_OPENED, this.handleMenuOpen);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener(NavigationEvent_1.NavigationEvent.UNIVERSAL_NAVIGATION_POPOVER_OPENED, this.handleMenuOpen);
+    }
+    handleSlotChange() {
+        if (this._menuKeyboardController !== null) {
+            this._menuKeyboardController.onSlotChange();
+        }
+    }
+    render() {
+        return (0, lit_1.html) `
+      <div part="base" class="tenable-navigation-menu-root">
+        <slot @slotchange="${this.handleSlotChange}"></slot>
+      </div>
+    `;
+    }
+};
+exports.NavigationMenu = NavigationMenu;
+NavigationMenu.styles = [styles_1.navigationMenuStyles];
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], NavigationMenu.prototype, "compact", void 0);
+exports.NavigationMenu = NavigationMenu = __decorate([
+    (0, decorators_js_1.customElement)('tenable-navigation-menu')
+], NavigationMenu);
+//# sourceMappingURL=NavigationMenu.js.map