tenable-universal-layout 0.0.1-security → 7.7.13

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

@@ -0,0 +1,54 @@
+"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.ActionPanelHeader = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const MobxLitElement_1 = require("../../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Use to add child content
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart header-content-left - The component's left content wrapper.
+ * @csspart header-content-right - The component's right content wrapper.
+ */
+let ActionPanelHeader = class ActionPanelHeader extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.handleClick = (event) => {
+            const element = event.target;
+            if (element.localName !== 'tenable-close-large-icon' &&
+                element.localName !== 'tenable-floating-button') {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        };
+    }
+    render() {
+        return (0, lit_1.html) `
+      <div part="base" class="tenable-panel-header" @click=${this.handleClick}>
+        <div part="header-content-left" class="tenable-panel-header-left">
+          <slot></slot>
+        </div>
+        <div part="header-content-right" class="tenable-panel-header-right">
+          <tenable-floating-button id="panel-close-button">
+            <tenable-close-large-icon color="accent-idle">
+            </tenable-close-large-icon>
+          </tenable-floating-button>
+        </div>
+      </div>
+    `;
+    }
+};
+exports.ActionPanelHeader = ActionPanelHeader;
+ActionPanelHeader.styles = [styles_1.styles];
+exports.ActionPanelHeader = ActionPanelHeader = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-action-panel-header')
+], ActionPanelHeader);
+//# sourceMappingURL=ActionPanelHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanelHeader.js","sourceRoot":"","sources":["../../../../../../src/components/GlobalHeader/views/ActionPanel/Header/ActionPanelHeader.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,0DAAsD;AACtD,qCAAiC;AAEjC;;;;;;GAMG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,+BAAc;IAA9C;;QAGL,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAA;YAE3C,IACE,OAAO,CAAC,SAAS,KAAK,0BAA0B;gBAChD,OAAO,CAAC,SAAS,KAAK,yBAAyB,EAC/C,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YACzB,CAAC;QACH,CAAC,CAAA;IAiBH,CAAC;IAfC,MAAM;QACJ,OAAO,IAAA,UAAI,EAAA;6DAC8C,IAAI,CAAC,WAAW;;;;;;;;;;;KAWxE,CAAA;IACH,CAAC;;AA7BU,8CAAiB;AACrB,wBAAM,GAAG,CAAC,eAAM,CAAC,AAAX,CAAW;4BADb,iBAAiB;IAD7B,IAAA,6BAAa,EAAC,8CAA8C,CAAC;GACjD,iBAAiB,CA8B7B"}

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const lit_1 = require("lit");
+exports.styles = (0, lit_1.css) `
+  :host {
+    grid-area: MenuHeaderRegion;
+    border-bottom: 1px solid var(--tenb-colors-border-base);
+  }
+
+  .tenable-panel-header {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    grid-template-rows: 1fr;
+    gap: 0px 0px;
+    grid-template-areas: 'left-content-region right-content-region';
+    align-items: center;
+    padding-left: 16px;
+    padding-right: 16px;
+    height: 56px;
+  }
+
+  .tenable-panel-header-left {
+    grid-area: left-content-region;
+  }
+
+  .tenable-panel-header-right {
+    grid-area: right-content-region;
+    width: 32px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../BaseStyles");
+exports.styles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  .tenable-panel-root {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 56px 1fr;
+    gap: 0px 0px;
+    grid-template-areas:
+      'MenuHeaderRegion'
+      'MenuContentRegion';
+    box-sizing: border-box;
+    background-color: var(--tenb-colors-background-component);
+    color: var(--tenb-colors-text-body);
+    box-sizing: border-box;
+    border: 1px solid var(--tenb-colors-border-base);
+    border-radius: 6px;
+    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
+    overflow: auto;
+    width: 273px;
+    height: auto;
+    max-height: 550px;
+  }
+  .tenable-panel-root-no-header {
+    grid-template-rows: 1fr;
+    grid-template-areas: 'MenuContentRegion';
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/GlobalHeader/views/AppSpecificActions/AppActions.d.ts

@@ -0,0 +1,18 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type { CustomIcon } from '../../../../types/tul';
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart trigger - The trigger wrapper
+ */
+export declare class AppActions extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    onClickHandler: (event: Event, item: CustomIcon) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-app-specific-actions': AppActions;
+    }
+}

package/dist/components/GlobalHeader/views/AppSpecificActions/AppActions.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.AppActions = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const repeat_js_1 = require("lit/directives/repeat.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 uuid_1 = require("../../utils/uuid");
+const styles_1 = require("./styles");
+const id = 'universal-header-app-specific-actions';
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart trigger - The trigger wrapper
+ */
+let AppActions = class AppActions extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.onClickHandler = (event, item) => {
+            var _a, _b;
+            const { storeRoot, storeTelemetry } = this.__getStores();
+            const tulEvent = {
+                eventName: tul_1.TulEvent.onTulEventAppSpecificIconClick,
+                detail: {
+                    nativeEvent: event,
+                    icon: item,
+                    tulApi: storeRoot.tulApi
+                }
+            };
+            this.__dispatchTulEvent(tulEvent);
+            (_b = (_a = storeRoot.environment.config.app.handlers) === null || _a === void 0 ? void 0 : _a.onTulAppSpecificIconClick) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                tulEvent
+            });
+            storeTelemetry.trackTelemetry(types_1.EventType.CustomIconClicked);
+        };
+    }
+    render() {
+        var _a, _b;
+        const { storeRoot } = this.__getStores();
+        const getId = () => `${id}-${(0, uuid_1.uuid)()}`;
+        const icons = (_b = (_a = storeRoot.config) === null || _a === void 0 ? void 0 : _a.custom) === null || _b === void 0 ? void 0 : _b.icons;
+        return (0, lit_1.html) `
+      ${icons &&
+            (0, repeat_js_1.repeat)(icons, icon => icon.name, (icon) => (0, lit_1.html) `
+          <tenable-floating-button
+            class="app_specific_actions__trigger"
+            .allowSelectedClick=${true}
+            id=${getId()}
+            aria-label="App-Action"
+            slot="anchor"
+            part="trigger"
+            data-icon-name=${icon.name}
+            @click=${(event) => this.onClickHandler(event, icon)}
+          >
+            <div class="app-specific-logo" data-icon-name=${icon.name}>
+              <i> ${(0, renderer_1.renderIconAsString)(`${icon.source}`)} </i>
+            </div>
+          </tenable-floating-button>
+        `)}
+    `;
+    }
+};
+exports.AppActions = AppActions;
+AppActions.styles = [styles_1.appActionStyles];
+exports.AppActions = AppActions = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-app-specific-actions')
+], AppActions);
+//# sourceMappingURL=AppActions.js.map

package/dist/components/GlobalHeader/views/AppSpecificActions/AppActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppActions.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/AppSpecificActions/AppActions.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,wDAAiD;AACjD,0DAAsD;AACtD,yDAAyD;AAEzD,qCAAsC;AACtC,mDAAyD;AACzD,2CAAuC;AACvC,qCAA0C;AAE1C,MAAM,EAAE,GAAG,uCAAuC,CAAA;AAElD;;;;;GAKG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,+BAAc;IAAvC;;QAGL,mBAAc,GAAG,CAAC,KAAY,EAAE,IAAgB,EAAE,EAAE;;YAClD,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;YAExD,MAAM,QAAQ,GAAoC;gBAChD,SAAS,EAAE,cAAQ,CAAC,8BAA8B;gBAClD,MAAM,EAAE;oBACN,WAAW,EAAE,KAAK;oBAClB,IAAI,EAAE,IAAI;oBACV,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,yBAAyB,mDAAG;gBACrE,QAAQ;aACT,CAAC,CAAA;YAEF,cAAc,CAAC,cAAc,CAAC,iBAAS,CAAC,iBAAiB,CAAC,CAAA;QAC5D,CAAC,CAAA;IAgCH,CAAC;IA9BC,MAAM;;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;QAExC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,IAAI,IAAA,WAAI,GAAE,EAAE,CAAA;QACrC,MAAM,KAAK,GAAG,MAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,MAAM,0CAAE,KAAK,CAAA;QAE7C,OAAO,IAAA,UAAI,EAAA;QACP,KAAK;YACP,IAAA,kBAAM,EACJ,KAAK,EACL,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EACjB,CAAC,IAAgB,EAAE,EAAE,CAAC,IAAA,UAAI,EAAA;;;kCAGA,IAAI;iBACrB,KAAK,EAAE;;;;6BAIK,IAAI,CAAC,IAAI;qBACjB,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;;4DAEX,IAAI,CAAC,IAAI;oBACjD,IAAA,6BAAkB,EAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;;;SAG/C,CACF;KACF,CAAA;IACH,CAAC;;AArDU,gCAAU;AACd,iBAAM,GAAG,CAAC,wBAAe,CAAC,AAApB,CAAoB;qBADtB,UAAU;IADtB,IAAA,6BAAa,EAAC,+CAA+C,CAAC;GAClD,UAAU,CAsDtB"}

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appActionStyles = void 0;
+const lit_1 = require("lit");
+exports.appActionStyles = (0, lit_1.css) `
+  .app_specific_actions__trigger {
+    margin-left: var(--tenb-space-8);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Slot to place badge content.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class AssistMode extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1> | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-assist-mode': AssistMode;
+    }
+}

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

@@ -0,0 +1,96 @@
+"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.AssistMode = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const server_1 = require("../../../../_entrypoints/server");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Slot to place badge content.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let AssistMode = class AssistMode extends MobxLitElement_1.MobxLitElement {
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        const { storeAuthentication, storeAssistMode, storeLayout } = this.__getStores();
+        const { language } = storeLayout;
+        const translator = this.__translator(language)('Header')('UserAssist');
+        if (!storeAuthentication.session || !storeAssistMode.isImpersonating) {
+            return null;
+        }
+        const { name, userName, email, permissions } = storeAuthentication.session.rawSession;
+        return (0, lit_1.html) `
+      <div
+        name="AssistMode"
+        data-attr-name="AssistMode"
+        class="tenable-assist-mode-user-holder"
+      >
+        <tenable-floating-button
+          .allowSelectedClick=${true}
+          id="user-assist-close-button"
+          slot="anchor"
+          aria-label="User Assist Close"
+          @click="${() => storeAssistMode.stopImpersonation()}"
+        >
+          <tenable-close-large-icon
+            color="brand"
+            size="medium"
+          ></tenable-close-large-icon>
+        </tenable-floating-button>
+
+        <div
+          name="AssistModeDetails"
+          data-attr-name="AssistModeDetails"
+          class="tenable-assist-mode-user-details"
+        >
+          <div
+            name="AssistModeTitle"
+            data-attr-name="AssistModeTitle"
+            class="tenable-assist-mode-user-details-title"
+          >
+            <span
+              data-attr-name="AssistModeHeading"
+              class="tenable-assist-mode-user-details-title-heading"
+            >
+              ${storeAssistMode.isMsspChild
+            ? (_a = translator('Logged in as')) !== null && _a !== void 0 ? _a : 'Logged in as'
+            : (_b = translator('User assist mode')) !== null && _b !== void 0 ? _b : 'User assist mode'}
+            </span>
+            <span
+              title=${storeAssistMode.isMsspChild
+            ? (_c = translator('Close this frame to return to MSSP.')) !== null && _c !== void 0 ? _c : 'Close this frame to return to MSSP.'
+            : (_d = translator('Close this frame to leave the user.')) !== null && _d !== void 0 ? _d : 'Close this frame to leave the user.'}
+            >
+              <tenable-info-icon></tenable-info-icon
+            ></span>
+          </div>
+          <span
+            data-attr-name="Typography"
+            class="tenable-assist-mode-user-details-subtitle"
+          >
+            ${(_e = email !== null && email !== void 0 ? email : name) !== null && _e !== void 0 ? _e : userName} |
+            ${(_f = translator((0, server_1.getRoleNameFromPermission)(permissions))) !== null && _f !== void 0 ? _f : (0, server_1.getRoleNameFromPermission)(permissions)}
+          </span>
+        </div>
+      </div>
+      <div
+        data-attr-name="AssistModeBorderIndicator"
+        class="tenable-assist-mode-border-indicator"
+      ></div>
+    `;
+    }
+};
+exports.AssistMode = AssistMode;
+AssistMode.styles = [styles_1.assistModeStyles];
+exports.AssistMode = AssistMode = __decorate([
+    (0, decorators_js_1.customElement)('tenable-assist-mode')
+], AssistMode);
+//# sourceMappingURL=AssistMode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistMode.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/AssistMode/AssistMode.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAiD;AACjD,kDAAiE;AACjE,0DAAsD;AACtD,qCAA2C;AAE3C;;;;GAIG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,+BAAc;IAG5C,MAAM;;QACJ,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,WAAW,EAAE,GACzD,IAAI,CAAC,WAAW,EAAE,CAAA;QACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAA;QAChC,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAA;QACtE,IAAI,CAAC,mBAAmB,CAAC,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,CAAC;YACrE,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAC1C,mBAAmB,CAAC,OAAO,CAAC,UAAU,CAAA;QAExC,OAAO,IAAA,UAAI,EAAA;;;;;;;gCAOiB,IAAI;;;;oBAIhB,GAAG,EAAE,CAAC,eAAe,CAAC,iBAAiB,EAAE;;;;;;;;;;;;;;;;;;;;;;gBAsB7C,eAAe,CAAC,WAAW;YAC3B,CAAC,CAAC,MAAA,UAAU,CAAC,cAAc,CAAC,mCAAI,cAAc;YAC9C,CAAC,CAAC,MAAA,UAAU,CAAC,kBAAkB,CAAC,mCAAI,kBAAkB;;;sBAGhD,eAAe,CAAC,WAAW;YACjC,CAAC,CAAC,MAAA,UAAU,CAAC,qCAAqC,CAAC,mCACjD,qCAAqC;YACvC,CAAC,CAAC,MAAA,UAAU,CAAC,qCAAqC,CAAC,mCACjD,qCAAqC;;;;;;;;;cASzC,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,mCAAI,QAAQ;cACzB,MAAA,UAAU,CAAC,IAAA,kCAAyB,EAAC,WAAW,CAAC,CAAC,mCACpD,IAAA,kCAAyB,EAAC,WAAW,CAAC;;;;;;;;KAQ7C,CAAA;IACH,CAAC;;AA7EU,gCAAU;AACd,iBAAM,GAAG,CAAC,yBAAgB,CAAC,AAArB,CAAqB;qBADvB,UAAU;IADtB,IAAA,6BAAa,EAAC,qBAAqB,CAAC;GACxB,UAAU,CA8EtB"}

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

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

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assistModeStyles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../BaseStyles");
+exports.assistModeStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+  :host {
+    font-family: var(--tenb-fonts-brand-medium);
+  }
+  .tenable-assist-mode-user-holder {
+    padding: 5px;
+    position: fixed;
+    border-radius: 5px;
+    background: var(--tenb-colors-teal-02);
+    width: fit-content;
+    height: 50px;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    z-index: 3;
+    margin: auto;
+    color: var(--tenb-colors-text-white);
+    display: flex;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: start;
+    justify-content: start;
+    flex-wrap: wrap;
+    gap: 10px;
+  }
+  .tenable-assist-mode-user-details {
+    display: flex;
+    flex-flow: column;
+  }
+  .tenable-assist-mode-user-details-title {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 5px;
+  }
+  .tenable-assist-mode-user-details-title
+    span.tenable-assist-mode-user-details-title-heading {
+    display: block;
+    font-size: var(--tenb-fontSizes-14);
+    font-weight: 700;
+    text-transform: uppercase;
+  }
+  .tenable-assist-mode-user-details-subtitle {
+    display: block;
+    font-size: var(--tenb-fontSizes-14);
+    font-weight: 500;
+  }
+  .tenable-assist-mode-border-indicator {
+    position: fixed;
+    border: 5px solid var(--tenb-colors-teal-02);
+    inset: 0px;
+    /* using tooltip to make sure this is more than navigation overlay's */
+    z-index: var(--tenb-zIndices-tooltip);
+    pointer-events: none;
+  }
+  tenable-floating-button::part(base) {
+    color: var(--tenb-colors-text-inverse);
+  }
+  tenable-floating-button::part(base):hover {
+    color: var(--tenb-colors-text-body);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to render child content
+ */
+export declare class Avatar extends MobxLitElement {
+    static styles: import("lit").CSSResult;
+    disabled: boolean;
+    selected: boolean;
+    allowSelectedClick: boolean;
+    autofocus: boolean;
+    onClickHandler: (ev: Event) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-avatar': Avatar;
+    }
+}

package/dist/components/GlobalHeader/views/Avatar/Avatar.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 });
+exports.Avatar = 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 MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+/**
+ * @slot Default - Use to render child content
+ */
+let Avatar = class Avatar extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.selected = false;
+        this.allowSelectedClick = false;
+        this.autofocus = false;
+        this.onClickHandler = (ev) => {
+            if (this.disabled || (this.selected && !this.allowSelectedClick)) {
+                ev.stopImmediatePropagation();
+            }
+        };
+    }
+    render() {
+        const classes = {
+            selected: this.selected
+        };
+        /*
+            <tenable-heading3 .color=${'alt'}>
+                        <slot></slot>
+                    </tenable-heading3>
+            */
+        return (0, lit_1.html) `
+      <button
+        class="tenb-avatar ${(0, class_map_js_1.classMap)(classes)}"
+        type="button"
+        ?autofocus=${this.autofocus}
+        ?selected=${this.selected}
+        ?disabled=${this.disabled}
+        @click=${this.onClickHandler}
+      >
+        <slot></slot>
+      </button>
+    `;
+    }
+};
+exports.Avatar = Avatar;
+Avatar.styles = (0, lit_1.css) `
+    :host {
+      display: flex;
+    }
+
+    button {
+      background-color: var(--tenb-colors-background-avatar-idle);
+      border: 0;
+      border-radius: 100px;
+      box-sizing: border-box;
+      color: var(--tenb-colors-text-white);
+      cursor: pointer;
+      width: 32px;
+      height: 32px;
+      text-align: center;
+      vertical-align: center;
+      // margin-left: var(--tenb-space-4);
+    }
+
+    :focus-visible {
+      outline: var(--tenb-borderWidths-outline) dashed
+        var(--tenb-colors-outline-focus);
+      outline-offset: 1px;
+    }
+
+    :hover {
+      background-color: var(--tenb-colors-background-avatar-hover);
+    }
+
+    button.selected {
+      background-color: var(--tenb-colors-background-avatar-selected);
+    }
+  `;
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Avatar.prototype, "disabled", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Avatar.prototype, "selected", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Avatar.prototype, "allowSelectedClick", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Avatar.prototype, "autofocus", void 0);
+exports.Avatar = Avatar = __decorate([
+    (0, decorators_js_1.customElement)('tenable-avatar')
+], Avatar);
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Avatar/Avatar.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA+B;AAC/B,qDAA2D;AAC3D,8DAAsD;AACtD,0DAAsD;AAEtD;;GAEG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,+BAAc;IAAnC;;QAoCL,aAAQ,GAAG,KAAK,CAAA;QAGhB,aAAQ,GAAG,KAAK,CAAA;QAGhB,uBAAkB,GAAG,KAAK,CAAA;QAG1B,cAAS,GAAG,KAAK,CAAA;QAEjB,mBAAc,GAAG,CAAC,EAAS,EAAE,EAAE;YAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACjE,EAAE,CAAC,wBAAwB,EAAE,CAAA;YAC/B,CAAC;QACH,CAAC,CAAA;IA0BH,CAAC;IAxBC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAA;QAED;;;;cAIM;QAEN,OAAO,IAAA,UAAI,EAAA;;6BAEc,IAAA,uBAAQ,EAAC,OAAO,CAAC;;qBAEzB,IAAI,CAAC,SAAS;oBACf,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,cAAc;;;;KAI/B,CAAA;IACH,CAAC;;AA5EU,wBAAM;AACV,aAAM,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgClB,AAhCY,CAgCZ;AAGD;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACZ;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACZ;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACF;AAG1B;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACX;iBA7CN,MAAM;IADlB,IAAA,6BAAa,EAAC,gBAAgB,CAAC;GACnB,MAAM,CA6ElB"}

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

@@ -0,0 +1,19 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type { BadgeVariant } from './types';
+/**
+ * @slot Default - Slot to place badge content.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class Badge extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    variant: BadgeVariant | '';
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-badge': Badge;
+    }
+}

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

@@ -0,0 +1,55 @@
+"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.Badge = 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 MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Slot to place badge content.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let Badge = class Badge extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    render() {
+        const badgeVariantKey = `tenable-badge__variant-${this.variant}`;
+        return (0, lit_1.html) `
+      <div
+        part="base"
+        class=${(0, class_map_js_1.classMap)({
+            'tenable-badge__root': true,
+            'tenable-badge__variant_severity': this.variant !== '',
+            [badgeVariantKey]: this.variant !== ''
+        })}
+      >
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+exports.Badge = Badge;
+Badge.styles = [styles_1.badgeStyles];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Badge.prototype, "variant", void 0);
+exports.Badge = Badge = __decorate([
+    (0, decorators_js_1.customElement)('tenable-badge')
+], Badge);
+//# sourceMappingURL=Badge.js.map