tenable-universal-layout 0.0.1-security → 7.7.12

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

@@ -0,0 +1,106 @@
+"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.UserPanel = 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
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart panel-header - The panel header wrapper
+ * @csspart panel-header-title - The panel header title
+ * @csspart panel-header-subtitle - The panel header subtitle
+ * @csspart panel-body - The panel body wrapper
+ */
+let UserPanel = class UserPanel extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.panelTitle = 'Title';
+        this.panelSubTitle = 'Sub Title';
+        this.menuItems = [];
+        // Indicates which menu item is currently selected based on the menu ID. It highlights that menu item in the list.
+        this.selectedMenuItem = '';
+    }
+    render() {
+        const { language } = this.__getStores().storeLayout;
+        const translator = this.__translator(language)('Header')('PanelUserProfile');
+        return (0, lit_1.html) `
+      <tenable-universal-header-action-panel part="base">
+        <tenable-universal-header-action-panel-header part="panel-header">
+          <div class="tenable-navigation-menu-header-user">
+            <tenable-heading3
+              part="panel-header-title"
+              class="user-panel-user-name"
+              title="${this.panelTitle}"
+            >
+              ${this.panelTitle}
+            </tenable-heading3>
+            <!-- prettier-ignore -- Ensure there is no whitespace added inside the <tenable-small-text> children -->
+            <tenable-small-text part="panel-header-subtitle"
+              >${this.panelSubTitle}</tenable-small-text
+            >
+          </div>
+        </tenable-universal-header-action-panel-header>
+
+        <tenable-universal-header-action-panel-body part="panel-body">
+          ${this.menuItems &&
+            (0, repeat_js_1.repeat)(this.menuItems, item => item.name, (item) => {
+                var _a, _b;
+                return (0, lit_1.html) `
+              <tenable-navigation-menu-item
+                part="panel-menu-item"
+                host=${tul_1.GlobalHeaderPanels.UserProfile}
+                item-id=${item.id}
+                url=${(0, if_defined_js_1.ifDefined)(item.url)}
+                ?selected=${this.selectedMenuItem === item.id}
+                label=${(_a = translator(item.name)) !== null && _a !== void 0 ? _a : item.name}
+                .item=${item}
+                ?newTab=${((_b = item.url) === null || _b === void 0 ? void 0 : _b.startsWith('http')) === true}
+              >
+                ${(0, renderer_1.renderIconAsString)(item.icon)}
+              </tenable-navigation-menu-item>
+            `;
+            })}
+        </tenable-universal-header-action-panel-body>
+      </tenable-universal-header-action-panel>
+    `;
+    }
+};
+exports.UserPanel = UserPanel;
+UserPanel.styles = [
+    (0, lit_1.css) `
+      .user-panel-user-name::part(base) {
+        overflow: hidden;
+        max-width: 200px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    `
+];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], UserPanel.prototype, "panelTitle", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], UserPanel.prototype, "panelSubTitle", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], UserPanel.prototype, "menuItems", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'selected-menu-item', reflect: true, type: String })
+], UserPanel.prototype, "selectedMenuItem", void 0);
+exports.UserPanel = UserPanel = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-user-panel')
+], UserPanel);
+//# sourceMappingURL=UserPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserPanel.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/UserProfile/UserPanel.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA+B;AAC/B,qDAA2D;AAC3D,gEAAwD;AACxD,wDAAiD;AAEjD,0DAAsD;AACtD,qCAAgD;AAEhD,mDAAyD;AAIzD;;;;;;;;GAQG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,+BAAc;IAAtC;;QAaL,eAAU,GAAG,OAAO,CAAA;QAGpB,kBAAa,GAAG,WAAW,CAAA;QAG3B,cAAS,GAAuB,EAAE,CAAA;QAElC,kHAAkH;QAElH,qBAAgB,GAAG,EAAE,CAAA;IAiDvB,CAAC;IA/CC,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,kBAAkB,CAAC,CAAA;QAE5E,OAAO,IAAA,UAAI,EAAA;;;;;;;uBAOQ,IAAI,CAAC,UAAU;;gBAEtB,IAAI,CAAC,UAAU;;;;iBAId,IAAI,CAAC,aAAa;;;;;;YAMvB,IAAI,CAAC,SAAS;YAChB,IAAA,kBAAM,EACJ,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EACjB,CAAC,IAAc,EAAE,EAAE;;gBAAC,OAAA,IAAA,UAAI,EAAA;;;uBAGb,wBAAkB,CAAC,WAAW;0BAC3B,IAAI,CAAC,EAAE;sBACX,IAAA,yBAAS,EAAC,IAAI,CAAC,GAAG,CAAC;4BACb,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,EAAE;wBACrC,MAAA,UAAU,CAAC,IAAI,CAAC,IAA4B,CAAC,mCACrD,IAAI,CAAC,IAAI;wBACD,IAAI;0BACF,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,UAAU,CAAC,MAAM,CAAC,MAAK,IAAI;;kBAE7C,IAAA,6BAAkB,EAAC,IAAI,CAAC,IAAkB,CAAC;;aAEhD,CAAA;aAAA,CACF;;;KAGN,CAAA;IACH,CAAC;;AAvEU,8BAAS;AACb,gBAAM,GAAG;IACd,IAAA,SAAG,EAAA;;;;;;;KAOF;CACF,AATY,CASZ;AAGD;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACP;AAGpB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACA;AAG3B;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CACQ;AAIlC;IADC,IAAA,wBAAQ,EAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACtD;oBAvBV,SAAS;IADrB,IAAA,6BAAa,EAAC,qCAAqC,CAAC;GACxC,SAAS,CAwErB"}

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

@@ -0,0 +1,30 @@
+import EntityApp from '../../../../entities/EntityApp';
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart icon - The icon wrapper
+ * @csspart label - The component's label element
+ *
+ * @event {NavigationEvent} pds-navigation-menu-item-clicked - Dispatched when the Navigation Menu Item is clicked.
+ */
+export declare class WorkspaceCard extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    label: string;
+    url: string;
+    newTab: boolean;
+    currentApp: EntityApp;
+    isAppActive: boolean;
+    private selectedApplication;
+    /**
+     * Handle the redirection to the app.
+     */
+    onClickHandler: () => true | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-workspace-card': WorkspaceCard;
+    }
+}

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

@@ -0,0 +1,142 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceCard = 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 EntityApp_1 = __importDefault(require("../../../../entities/EntityApp"));
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const types_1 = require("../../../../stores/StoreTelemetry/types");
+const types_2 = require("../../../../types");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Use to render child content
+ *
+ * @csspart base - The component's internal wrapper
+ * @csspart icon - The icon wrapper
+ * @csspart label - The component's label element
+ *
+ * @event {NavigationEvent} pds-navigation-menu-item-clicked - Dispatched when the Navigation Menu Item is clicked.
+ */
+let WorkspaceCard = class WorkspaceCard extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.url = '';
+        this.newTab = false;
+        this.currentApp = new EntityApp_1.default('tio');
+        this.isAppActive = false;
+        this.selectedApplication = () => {
+            var _a;
+            switch (this.currentApp.appName) {
+                case 'workspace':
+                    return '';
+                case 'tio':
+                    return types_2.LocalStorageSelectedApplication.tenable_io;
+                case 'was':
+                    return types_2.LocalStorageSelectedApplication.was;
+                case 'lumin':
+                    return types_2.LocalStorageSelectedApplication.lumin;
+                case 'pci':
+                    return types_2.LocalStorageSelectedApplication.pci;
+                default:
+                    return (_a = this.currentApp.appName) !== null && _a !== void 0 ? _a : 'default';
+            }
+        };
+        /**
+         * Handle the redirection to the app.
+         */
+        this.onClickHandler = () => {
+            var _a, _b, _c, _d, _e;
+            const { storeRoot, storeTelemetry } = this.__getStores();
+            storeTelemetry.trackTelemetry(types_1.EventType.AppSwitcherClicked, {
+                name: this.label
+            });
+            if ((_b = (_a = storeRoot.config.services.serverProperties) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b.inAppNavigation) {
+                (_c = this.currentApp) === null || _c === void 0 ? void 0 : _c.redirect(storeRoot);
+                return;
+            }
+            if (this.url.length === 0) {
+                return;
+            }
+            if (this.currentApp && ((_d = this.currentApp) === null || _d === void 0 ? void 0 : _d.isUnavailable())) {
+                return true;
+            }
+            if (this.newTab) {
+                storeRoot.redirectToClickedApp(this.url, this.selectedApplication(), true);
+                return;
+            }
+            if (!this.newTab) {
+                (_e = this.currentApp) === null || _e === void 0 ? void 0 : _e.redirect(storeRoot);
+                storeRoot.redirectToClickedApp(this.url, this.selectedApplication());
+            }
+        };
+    }
+    render() {
+        var _a;
+        const isUnavailable = (_a = this.currentApp) === null || _a === void 0 ? void 0 : _a.isUnavailable();
+        const card = (0, lit_1.html) `
+      <div
+        part="base"
+        class=${(0, class_map_js_1.classMap)({
+            'workspace-card__root': true,
+            selected: this.isAppActive,
+            unavailable: isUnavailable
+        })}
+        @click=${this.onClickHandler}
+      >
+        <div part="icon" class="workspace-card__icon">
+          <slot name="icon"></slot>
+        </div>
+        <slot name="label">
+          <label part="label" class="workspace-card__label">
+            ${this.label}
+          </label>
+        </slot>
+        <div part="badge" class="workspace-card__badge">
+          <slot name="badge"></slot>
+        </div>
+      </div>
+    `;
+        // no HTML link if the app is unavailable
+        if (isUnavailable) {
+            return card;
+        }
+        return (0, lit_1.html) ` <a
+      href="${this.url}"
+      @click="${(evt) => evt.preventDefault()}"
+    >
+      ${card}
+    </a>`;
+    }
+};
+exports.WorkspaceCard = WorkspaceCard;
+WorkspaceCard.styles = [styles_1.workspaceCardStyles];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], WorkspaceCard.prototype, "label", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], WorkspaceCard.prototype, "url", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], WorkspaceCard.prototype, "newTab", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: false })
+], WorkspaceCard.prototype, "currentApp", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], WorkspaceCard.prototype, "isAppActive", void 0);
+exports.WorkspaceCard = WorkspaceCard = __decorate([
+    (0, decorators_js_1.customElement)('tenable-workspace-card')
+], WorkspaceCard);
+//# sourceMappingURL=WorkspaceCard.js.map

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

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

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

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

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.workspaceCardStyles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../BaseStyles");
+exports.workspaceCardStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  .workspace-card__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: 8px;
+    box-sizing: border-box;
+    border: 1px solid var(--tenb-colors-gray-06);
+    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
+    color: var(--tenb-colors-text-body);
+    cursor: pointer;
+    height: 48px;
+    min-width: 184px;
+    position: relative;
+    padding-left: var(--tenb-space-16);
+    gap: 0px 8px;
+  }
+
+  .workspace-card__root.focus-visible {
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: 2px;
+  }
+
+  .workspace-card__root:hover {
+    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
+  }
+
+  .workspace-card__root:active {
+    border-color: var(--tenb-colors-border-active);
+  }
+
+  .workspace-card__root.selected {
+    background-color: var(--tenb-colors-background-selected);
+    border-color: var(--tenb-colors-outline-focus);
+    box-shadow: 0px 1px 4px rgba(82, 162, 239, 0.25);
+    &:hover {
+      box-shadow: rgba(4, 30, 66, 0.25) 0px 0px 8px;
+    }
+  }
+
+  .workspace-card__root.unavailable {
+    background-color: transparent;
+    border: 1px solid rgb(223, 227, 230);
+    cursor: default;
+    opacity: 0.3;
+  }
+
+  div.workspace-card__icon {
+    height: 24px;
+    width: 24px;
+  }
+
+  .workspace-card__label {
+    color: var(--tenb-colors-text-body);
+    cursor: inherit;
+    font-family: var(--tenb-fonts-brand-medium);
+    font-size: var(--tenb-fontSizes-18);
+    font-weight: 400;
+    line-height: 22px;
+    margin-bottom: 0;
+    margin-top: 0;
+    text-align: left;
+    // -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  .workspace-card__label.alt {
+    color: var(--tenb-colors-text-inverse);
+  }
+
+  div.workspace-card__badge {
+    position: absolute;
+    right: 10px;
+  }
+
+  /* Links wrapping app cards to get "real" links */
+  a {
+    text-decoration: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/GlobalHeader/views/Workspaces/WorkspaceAction.d.ts

@@ -0,0 +1,19 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @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 WorkspaceAction extends MobxLitElement {
+    popover: any;
+    private _actionController;
+    onPopoverTriggerClicked: () => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-workspace-action': WorkspaceAction;
+    }
+}

package/dist/components/GlobalHeader/views/Workspaces/WorkspaceAction.js

@@ -0,0 +1,68 @@
+"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.WorkspaceAction = 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 id = 'universal-header-workspace-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 WorkspaceAction = class WorkspaceAction extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this._actionController = new ActionController_1.ActionController(this);
+        this.onPopoverTriggerClicked = () => {
+            this._actionController.onPopoverTriggerClicked(this, this.popover);
+        };
+    }
+    render() {
+        return (0, lit_1.html) `
+      <tenable-popover
+        part="base"
+        id="${popoverId}"
+        label="Workspace Menu"
+        ?is-open=${this._actionController.isMenuOpen}
+        @tenable-popover-anchor-clicked=${this.onPopoverTriggerClicked}
+      >
+        <tenable-floating-button
+          ?selected=${this._actionController.isMenuOpen}
+          .allowSelectedClick=${true}
+          id="workspace-menu-button"
+          slot="anchor"
+          part="trigger"
+          aria-label="Workspaces"
+          aria-haspopup="true"
+        >
+          <tenable-workspace-apps
+            size="medium"
+            color="brand"
+          ></tenable-workspace-apps>
+        </tenable-floating-button>
+        <slot></slot>
+      </tenable-popover>
+    `;
+    }
+};
+exports.WorkspaceAction = WorkspaceAction;
+__decorate([
+    (0, decorators_js_1.query)(`#${popoverId}`)
+], WorkspaceAction.prototype, "popover", void 0);
+exports.WorkspaceAction = WorkspaceAction = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-workspace-action')
+], WorkspaceAction);
+//# sourceMappingURL=WorkspaceAction.js.map

package/dist/components/GlobalHeader/views/Workspaces/WorkspaceAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceAction.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Workspaces/WorkspaceAction.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAAwD;AACxD,0DAAsD;AACtD,2CAAuC;AACvC,sEAAkE;AAElE,MAAM,EAAE,GAAG,mCAAmC,CAAA;AAC9C,MAAM,QAAQ,GAAG,GAAG,IAAA,WAAI,GAAE,EAAE,CAAA;AAC5B,MAAM,SAAS,GAAG,GAAG,EAAE,IAAI,QAAQ,EAAE,CAAA;AAErC;;;;;;GAMG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,+BAAc;IAA5C;;QAIG,sBAAiB,GAAG,IAAI,mCAAgB,CAAC,IAAI,CAAC,CAAA;QAEtD,4BAAuB,GAAG,GAAG,EAAE;YAC7B,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QACpE,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;AArCY,0CAAe;AAE1B;IADC,IAAA,qBAAK,EAAC,IAAI,SAAS,EAAE,CAAC;gDACX;0BAFD,eAAe;IAD3B,IAAA,6BAAa,EAAC,2CAA2C,CAAC;GAC9C,eAAe,CAqC3B"}

package/dist/components/GlobalHeader/views/Workspaces/WorkspacePanel.d.ts

@@ -0,0 +1,48 @@
+import type EntityApp from '../../../../entities/EntityApp';
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type StoreLayout from '../../../../stores/StoreLayout';
+import type StoreRoot from '../../../../stores/StoreRoot';
+import type { HtmlString } from '../../../../types/tul';
+import type { BadgeInformation } from '../Badge/types';
+export type WorkspaceOptionProp = {
+    appName: string;
+    name: string;
+    displayName: string;
+    url: string;
+    enabled: boolean;
+    rbac?: boolean;
+    mode?: string;
+    isLicenseExpired?: boolean;
+    expirationDate?: Date;
+    entityApp?: EntityApp;
+    isAppUnavailable?: boolean;
+    badgeInfo?: BadgeInformation;
+    icon?: HtmlString;
+};
+/**
+ * @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
+ * @csspart panel-content - The panel content wrapper
+ */
+export declare class WorkspacePanel extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    storeRoot: StoreRoot;
+    storeLayout: StoreLayout;
+    panelTitle: string;
+    protected _isSelectedAppFound: boolean;
+    constructor();
+    private _getAppDetails;
+    private _getWorkspaceOptionsApps;
+    private _badgeNode;
+    private _findSelectedAppInSwitcher;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-workspace-panel': WorkspacePanel;
+    }
+}