tenable-universal-layout 0.0.1-security → 7.7.13

package/dist/components/GlobalHeader/utils/data/UserProfileMenuData.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appUserMenuData = exports.userMenuData = void 0;
+const types_1 = require("../../../../types");
+const tul_1 = require("../../../../types/tul");
+/** This needs to be done for pages inside TIO to work as it is dependant on this config */
+const myAccountAppConfigForTio = {
+    selectedApplication: types_1.LocalStorageSelectedApplication.platformSettings,
+    selectedApplicationTitleNew: 'PlatformSettings',
+    selectedAppConfig: null
+};
+const base64EncodedConfigForMyAccount = btoa(JSON.stringify(myAccountAppConfigForTio));
+exports.userMenuData = [
+    {
+        id: tul_1.UserManagementMenuKeys.MyAccount,
+        name: 'My Profile',
+        url: `/tio/app.html#/settings/my-account/update-account?appConfig=${base64EncodedConfigForMyAccount}`,
+        target: '_self',
+        icon: `<tenable-user-profile color='accent-idle' size='medium'></tenable-user-profile>`
+    },
+    {
+        id: tul_1.UserManagementMenuKeys.SignOut,
+        name: 'Sign out',
+        url: '/tio/app.html#/logout',
+        target: '_self',
+        icon: `<tenable-sign-out color='accent-idle' size='medium'></tenable-sign-out>`
+    },
+    {
+        id: tul_1.UserManagementMenuKeys.WhatsNew,
+        name: "What's new",
+        url: 'https://docs.tenable.com/release-notes/Content/vulnerability-management/tenableio.htm',
+        icon: `<tenable-announcement color='accent-idle' size='medium'></tenable-announcement>`
+    },
+    {
+        id: tul_1.UserManagementMenuKeys.ViewDocumentation,
+        name: 'View Documentation',
+        url: 'https://docs.tenable.com/vulnerability-management.htm',
+        icon: `<tenable-book color='accent-idle' size='medium'></tenable-book>`
+    }
+];
+exports.appUserMenuData = [
+    {
+        id: 'myAccount',
+        name: 'My Account VM',
+        url: '/tio/app.html#/settings/my-account/update-account',
+        icon: `<tenable-user-profile color='accent-idle' size='medium'></tenable-user-profile>`
+    },
+    {
+        id: 'signOut',
+        name: 'Sign out VM',
+        url: '/tio/app.html#/logout',
+        target: '_self',
+        icon: `<tenable-sign-out color='accent-idle' size='medium'></tenable-sign-out>`
+    }
+];
+//# sourceMappingURL=UserProfileMenuData.js.map

package/dist/components/GlobalHeader/utils/data/UserProfileMenuData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenuData.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/utils/data/UserProfileMenuData.ts"],"names":[],"mappings":";;;AAAA,mCAAyD;AACzD,qCAAoD;AAGpD,2FAA2F;AAC3F,MAAM,wBAAwB,GAAG;IAC/B,mBAAmB,EAAE,uCAA+B,CAAC,gBAAgB;IACrE,2BAA2B,EAAE,kBAAkB;IAC/C,iBAAiB,EAAE,IAAI;CACxB,CAAA;AACD,MAAM,+BAA+B,GAAG,IAAI,CAC1C,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,CACzC,CAAA;AAEY,QAAA,YAAY,GAAuB;IAC9C;QACE,EAAE,EAAE,4BAAsB,CAAC,SAAS;QACpC,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,+DAA+D,+BAA+B,EAAE;QACrG,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,iFAA0F;KACjG;IACD;QACE,EAAE,EAAE,4BAAsB,CAAC,OAAO;QAClC,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,uBAAuB;QAC5B,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,yEAAkF;KACzF;IACD;QACE,EAAE,EAAE,4BAAsB,CAAC,QAAQ;QACnC,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,uFAAuF;QAC5F,IAAI,EAAE,iFAA0F;KACjG;IACD;QACE,EAAE,EAAE,4BAAsB,CAAC,iBAAiB;QAC5C,IAAI,EAAE,oBAAoB;QAC1B,GAAG,EAAE,uDAAuD;QAC5D,IAAI,EAAE,iEAA0E;KACjF;CACF,CAAA;AAEY,QAAA,eAAe,GAAuB;IACjD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,mDAAmD;QACxD,IAAI,EAAE,iFAA0F;KACjG;IACD;QACE,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,uBAAuB;QAC5B,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,yEAAkF;KACzF;CACF,CAAA"}

package/dist/components/GlobalHeader/utils/data/WorskspaceAppsData.d.ts

@@ -0,0 +1,8 @@
+export declare const workspaceData: {
+    name: string;
+    displayName: string;
+    link: string;
+    mode: string;
+    enabled: boolean;
+    expiration_ms: number;
+}[];

package/dist/components/GlobalHeader/utils/data/WorskspaceAppsData.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.workspaceData = void 0;
+exports.workspaceData = [
+    {
+        name: 'tenable-workspace-app-apa',
+        displayName: 'Attack Path Analysis',
+        link: 'https://www.tenable.com/products/tenable-ad',
+        mode: 'standard',
+        enabled: true,
+        expiration_ms: 1680721989000
+    },
+    {
+        name: 'tenable-workspace-app-vm',
+        displayName: 'Vulnerability Management',
+        link: 'https://www.tenable.com/products/tenable-io',
+        mode: 'standard',
+        enabled: true,
+        expiration_ms: 1680721989000
+    },
+    {
+        name: 'tenable-workspace-app-asm',
+        displayName: 'Attack Surface Management',
+        link: 'https://www.tenable.com/products/tenable-asm',
+        mode: 'standard',
+        enabled: true,
+        expiration_ms: 1680721989000
+    },
+    {
+        name: 'tenable-workspace-app-cs',
+        displayName: 'Cloud Security',
+        link: 'https://www.tenable.com/products/tenable-cs',
+        mode: 'standard',
+        enabled: true,
+        expiration_ms: 1680721989000
+    },
+    {
+        name: 'tenable-workspace-app-lumin',
+        displayName: 'Lumin',
+        link: 'https://www.tenable.com/products/tenable-lumin',
+        mode: 'standard',
+        enabled: true,
+        expiration_ms: 1680721989000
+    },
+    {
+        name: 'tenable-workspace-app-was',
+        displayName: 'Web App Scanning',
+        link: 'https://www.tenable.com/products/tenable-io/web-application-scanning',
+        mode: 'standard',
+        enabled: true,
+        expiration_ms: 1680721989000
+    }
+];
+//# sourceMappingURL=WorskspaceAppsData.js.map

package/dist/components/GlobalHeader/utils/data/WorskspaceAppsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorskspaceAppsData.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/utils/data/WorskspaceAppsData.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG;IAC3B;QACE,IAAI,EAAE,2BAA2B;QACjC,WAAW,EAAE,sBAAsB;QACnC,IAAI,EAAE,6CAA6C;QACnD,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,aAAa;KAC7B;IACD;QACE,IAAI,EAAE,0BAA0B;QAChC,WAAW,EAAE,0BAA0B;QACvC,IAAI,EAAE,6CAA6C;QACnD,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,aAAa;KAC7B;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,WAAW,EAAE,2BAA2B;QACxC,IAAI,EAAE,8CAA8C;QACpD,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,aAAa;KAC7B;IACD;QACE,IAAI,EAAE,0BAA0B;QAChC,WAAW,EAAE,gBAAgB;QAC7B,IAAI,EAAE,6CAA6C;QACnD,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,aAAa;KAC7B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,gDAAgD;QACtD,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,aAAa;KAC7B;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,WAAW,EAAE,kBAAkB;QAC/B,IAAI,EAAE,sEAAsE;QAC5E,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,aAAa;KAC7B;CACF,CAAA"}

package/dist/components/GlobalHeader/utils/mergeMenuItems.d.ts

@@ -0,0 +1,6 @@
+import type { MenuItem } from '../../../types/tul';
+type ExtendedMenuItem = MenuItem & {
+    [index: string]: string;
+};
+export declare const mergeMenuItems: (src: MenuItem[], tgt: MenuItem[], property?: string) => ExtendedMenuItem[];
+export {};

package/dist/components/GlobalHeader/utils/mergeMenuItems.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeMenuItems = void 0;
+const mergeMenuItems = (src, tgt, property = 'id') => {
+    const source = src;
+    const target = tgt;
+    return source
+        .filter((sourceItem) => !target.find((targetItem) => sourceItem[property] === targetItem[property]))
+        .concat(target);
+};
+exports.mergeMenuItems = mergeMenuItems;
+//# sourceMappingURL=mergeMenuItems.js.map

package/dist/components/GlobalHeader/utils/mergeMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeMenuItems.js","sourceRoot":"","sources":["../../../../src/components/GlobalHeader/utils/mergeMenuItems.ts"],"names":[],"mappings":";;;AAIO,MAAM,cAAc,GAAG,CAC5B,GAAe,EACf,GAAe,EACf,QAAQ,GAAG,IAAI,EACf,EAAE;IACF,MAAM,MAAM,GAAuB,GAAyB,CAAA;IAC5D,MAAM,MAAM,GAAuB,GAAyB,CAAA;IAC5D,OAAO,MAAM;SACV,MAAM,CACL,CAAC,UAA4B,EAAE,EAAE,CAC/B,CAAC,MAAM,CAAC,IAAI,CACV,CAAC,UAA4B,EAAE,EAAE,CAC/B,UAAU,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,QAAQ,CAAC,CAChD,CACJ;SACA,MAAM,CAAC,MAAM,CAAC,CAAA;AACnB,CAAC,CAAA;AAhBY,QAAA,cAAc,kBAgB1B"}

package/dist/components/GlobalHeader/utils/renderer.d.ts

@@ -0,0 +1,5 @@
+import type { TemplateResult } from 'lit';
+import type { HtmlString, ITulConfig } from '../../../types/tul';
+export declare function renderWidgetOld(config: ITulConfig, service: keyof ITulConfig['services'], DefaultComponent: HtmlString, customRenderer?: boolean | (() => HtmlString)): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-html").UnsafeHTMLDirective> | null;
+export declare function renderWidget(config: ITulConfig, service: keyof ITulConfig['services'], DefaultComponent: TemplateResult, customRenderer?: boolean | (() => HtmlString)): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-html").UnsafeHTMLDirective> | null;
+export declare function renderIconAsString(iconSource: string): TemplateResult<1>;

package/dist/components/GlobalHeader/utils/renderer.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderIconAsString = exports.renderWidget = exports.renderWidgetOld = void 0;
+const lit_1 = require("lit");
+const unsafe_html_js_1 = require("lit/directives/unsafe-html.js");
+const style_map_js_1 = require("lit-html/directives/style-map.js");
+function renderWidgetOld(config, service, DefaultComponent, customRenderer) {
+    const widgetConfiguration = config.services[service];
+    if (!widgetConfiguration) {
+        return (0, unsafe_html_js_1.unsafeHTML)(`${DefaultComponent}`);
+    }
+    if (widgetConfiguration.enabled === false) {
+        return null;
+    }
+    if (customRenderer === false) {
+        return null;
+    }
+    if (customRenderer === true) {
+        return (0, unsafe_html_js_1.unsafeHTML)(`${DefaultComponent}`);
+    }
+    if (customRenderer && customRenderer instanceof Function) {
+        return (0, unsafe_html_js_1.unsafeHTML)(`${customRenderer()}`);
+    }
+    return (0, unsafe_html_js_1.unsafeHTML)(`${DefaultComponent}`);
+}
+exports.renderWidgetOld = renderWidgetOld;
+function renderWidget(config, service, DefaultComponent, customRenderer) {
+    const widgetConfiguration = config.services[service];
+    if (!widgetConfiguration) {
+        return (0, lit_1.html) `${DefaultComponent}`;
+    }
+    if (widgetConfiguration.enabled === false) {
+        return null;
+    }
+    if (customRenderer === false) {
+        return null;
+    }
+    if (customRenderer === true) {
+        return (0, lit_1.html) `${DefaultComponent}`;
+    }
+    if (customRenderer && customRenderer instanceof Function) {
+        return (0, unsafe_html_js_1.unsafeHTML)(`${customRenderer()}`);
+    }
+    return (0, lit_1.html) `${DefaultComponent}`;
+}
+exports.renderWidget = renderWidget;
+function renderIconAsString(iconSource) {
+    if (iconSource) {
+        const styles = {
+            display: 'flex',
+            alignItems: 'center'
+        };
+        return (0, lit_1.html) `<i
+      slot="icon"
+      style=${(0, style_map_js_1.styleMap)(styles)}
+      part="panel-menu-item-icon"
+      >${(0, unsafe_html_js_1.unsafeHTML)(iconSource)}</i
+    >`;
+    }
+    return (0, lit_1.html) ``;
+}
+exports.renderIconAsString = renderIconAsString;
+//# sourceMappingURL=renderer.js.map

package/dist/components/GlobalHeader/utils/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../../src/components/GlobalHeader/utils/renderer.ts"],"names":[],"mappings":";;;AACA,6BAA0B;AAC1B,kEAA0D;AAC1D,mEAA2D;AAG3D,SAAgB,eAAe,CAC7B,MAAkB,EAClB,OAAqC,EACrC,gBAA4B,EAC5B,cAA6C;IAE7C,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEpD,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,IAAA,2BAAU,EAAC,GAAG,gBAAgB,EAAE,CAAC,CAAA;IAC1C,CAAC;IAED,IAAI,mBAAmB,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAA,2BAAU,EAAC,GAAG,gBAAgB,EAAE,CAAC,CAAA;IAC1C,CAAC;IAED,IAAI,cAAc,IAAI,cAAc,YAAY,QAAQ,EAAE,CAAC;QACzD,OAAO,IAAA,2BAAU,EAAC,GAAG,cAAc,EAAE,EAAE,CAAC,CAAA;IAC1C,CAAC;IAED,OAAO,IAAA,2BAAU,EAAC,GAAG,gBAAgB,EAAE,CAAC,CAAA;AAC1C,CAAC;AA7BD,0CA6BC;AAED,SAAgB,YAAY,CAC1B,MAAkB,EAClB,OAAqC,EACrC,gBAAgC,EAChC,cAA6C;IAE7C,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEpD,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,IAAA,UAAI,EAAA,GAAG,gBAAgB,EAAE,CAAA;IAClC,CAAC;IAED,IAAI,mBAAmB,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAA,UAAI,EAAA,GAAG,gBAAgB,EAAE,CAAA;IAClC,CAAC;IAED,IAAI,cAAc,IAAI,cAAc,YAAY,QAAQ,EAAE,CAAC;QACzD,OAAO,IAAA,2BAAU,EAAC,GAAG,cAAc,EAAE,EAAE,CAAC,CAAA;IAC1C,CAAC;IAED,OAAO,IAAA,UAAI,EAAA,GAAG,gBAAgB,EAAE,CAAA;AAClC,CAAC;AA7BD,oCA6BC;AAED,SAAgB,kBAAkB,CAAC,UAAkB;IACnD,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,MAAM,GAAG;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB,CAAA;QACD,OAAO,IAAA,UAAI,EAAA;;cAED,IAAA,uBAAQ,EAAC,MAAM,CAAC;;SAErB,IAAA,2BAAU,EAAC,UAAU,CAAC;MACzB,CAAA;IACJ,CAAC;IACD,OAAO,IAAA,UAAI,EAAA,EAAE,CAAA;AACf,CAAC;AAdD,gDAcC"}

package/dist/components/GlobalHeader/utils/slot.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Determines if a named slot has been filled externally
+ * @param node host DOM node to search within
+ * @param name name of slot
+ * @returns boolean
+ */
+export declare const isNamedSlotFilled: (hostNode: HTMLElement, name: string) => boolean;

package/dist/components/GlobalHeader/utils/slot.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNamedSlotFilled = void 0;
+/**
+ * Determines if a named slot has been filled externally
+ * @param node host DOM node to search within
+ * @param name name of slot
+ * @returns boolean
+ */
+const isNamedSlotFilled = (hostNode, name) => {
+    return hostNode.querySelector(`*[slot='${name}']`) !== null;
+};
+exports.isNamedSlotFilled = isNamedSlotFilled;
+//# sourceMappingURL=slot.js.map

package/dist/components/GlobalHeader/utils/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../../src/components/GlobalHeader/utils/slot.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,QAAqB,EAAE,IAAY,EAAE,EAAE;IACvE,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,IAAI,CAAA;AAC7D,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}

package/dist/components/GlobalHeader/utils/uuid.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Build unique UUID
+ */
+export declare function uuid(): string;

package/dist/components/GlobalHeader/utils/uuid.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uuid = void 0;
+/**
+ * Build unique UUID
+ */
+function uuid() {
+    let d = new Date().getTime();
+    let d2 = (typeof performance !== 'undefined' &&
+        performance.now &&
+        performance.now() * 1000) ||
+        0;
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+        let r = Math.random() * 16;
+        if (d > 0) {
+            r = (d + r) % 16 | 0;
+            d = Math.floor(d / 16);
+        }
+        else {
+            r = (d2 + r) % 16 | 0;
+            d2 = Math.floor(d2 / 16);
+        }
+        return (c === 'x' ? r : (r & 0x7) | 0x8).toString(16);
+    });
+}
+exports.uuid = uuid;
+//# sourceMappingURL=uuid.js.map

package/dist/components/GlobalHeader/utils/uuid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.js","sourceRoot":"","sources":["../../../../src/components/GlobalHeader/utils/uuid.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,SAAgB,IAAI;IAClB,IAAI,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA;IAC5B,IAAI,EAAE,GACJ,CAAC,OAAO,WAAW,KAAK,WAAW;QACjC,WAAW,CAAC,GAAG;QACf,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAA;IACH,OAAO,sCAAsC,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAA;QAC1B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACV,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;YACpB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;QACxB,CAAC;aAAM,CAAC;YACN,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;YACrB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;QAC1B,CAAC;QACD,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IACvD,CAAC,CAAC,CAAA;AACJ,CAAC;AAlBD,oBAkBC"}

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

@@ -0,0 +1,15 @@
+import type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class ActionController implements ReactiveController {
+    host: ReactiveControllerHost & EventTarget;
+    isMenuOpen?: boolean;
+    private _headerActionsPopover;
+    constructor(host: ReactiveControllerHost & EventTarget);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    onPopoverTriggerClicked(hostClicked: LitElement, popover: any): void;
+    onPopoverClicked: (event: CustomEvent<{
+        hostClicked: LitElement;
+    }>) => void;
+    closePopover: () => void;
+    updatePopover: (close: boolean) => void;
+}

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

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionController = void 0;
+const StoreRoot_1 = __importDefault(require("../../../../stores/StoreRoot"));
+const HeaderEvent_1 = require("../Header/HeaderEvent");
+class ActionController {
+    constructor(host) {
+        // Gets called whenever a user clicks any header popover-trigger
+        this.onPopoverClicked = (event) => {
+            const { storePendo } = StoreRoot_1.default.getStores();
+            // Close popover if the host that was clicked is not this host OR if the host menu was already open
+            const shouldClose = this.host !== event.detail.hostClicked || Boolean(this.isMenuOpen);
+            storePendo === null || storePendo === void 0 ? void 0 : storePendo.closeResourceCenter(event);
+            this.updatePopover(shouldClose);
+        };
+        // Gets called whenever a user clicks outside the header popovers
+        this.closePopover = () => {
+            this.updatePopover(true);
+        };
+        this.updatePopover = (close) => {
+            // Dispatch custom event on instance of controller's host only
+            // Allows the ActionPanelBody to listen and see if its popover was opened
+            if (!this.isMenuOpen && this._headerActionsPopover) {
+                const options = {
+                    detail: { hostOpened: this },
+                    bubbles: true,
+                    composed: true
+                };
+                const UniversalHeaderPopoverOpened = new CustomEvent(HeaderEvent_1.HeaderEvent.UNIVERSAL_HEADER_POPOVER_OPENED, options);
+                this.host.dispatchEvent(UniversalHeaderPopoverOpened);
+            }
+            this.isMenuOpen = !close;
+            if (close && this._headerActionsPopover) {
+                this._headerActionsPopover.closePopover();
+            }
+            this.host.requestUpdate();
+        };
+        this.host = host;
+        this.host.addController(this);
+    }
+    hostConnected() {
+        document.addEventListener('click', this.closePopover);
+        document.addEventListener(HeaderEvent_1.HeaderEvent.UNIVERSAL_HEADER_POPOVER_CLICKED, evt => this.onPopoverClicked(evt));
+    }
+    hostDisconnected() {
+        document.removeEventListener('click', this.closePopover);
+        document.removeEventListener(HeaderEvent_1.HeaderEvent.UNIVERSAL_HEADER_POPOVER_CLICKED, evt => this.onPopoverClicked(evt));
+    }
+    // Only gets called by the host
+    onPopoverTriggerClicked(hostClicked, popover) {
+        this._headerActionsPopover = popover;
+        const options = {
+            detail: { hostClicked },
+            bubbles: true,
+            composed: true
+        };
+        // Dispatch an custom event to notify listeners that one of the actions menus have been clicked.
+        const popoverClickedEvent = new CustomEvent(HeaderEvent_1.HeaderEvent.UNIVERSAL_HEADER_POPOVER_CLICKED, options);
+        document.dispatchEvent(popoverClickedEvent);
+    }
+}
+exports.ActionController = ActionController;
+//# sourceMappingURL=ActionController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionController.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/ActionPanel/ActionController.ts"],"names":[],"mappings":";;;;;;AAKA,mEAA0C;AAC1C,uDAAmD;AAEnD,MAAa,gBAAgB;IAO3B,YAAY,IAA0C;QA4CtD,gEAAgE;QAChE,qBAAgB,GAAG,CAAC,KAA+C,EAAE,EAAE;YACrE,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAS,CAAC,SAAS,EAAE,CAAA;YAE5C,mGAAmG;YACnG,MAAM,WAAW,GACf,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAEpE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAmB,CAAC,KAAK,CAAC,CAAA;YACtC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QACjC,CAAC,CAAA;QAED,iEAAiE;QACjE,iBAAY,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC,CAAA;QAED,kBAAa,GAAG,CAAC,KAAc,EAAE,EAAE;YACjC,8DAA8D;YAC9D,yEAAyE;YACzE,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACnD,MAAM,OAAO,GAAsD;oBACjE,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE;oBAC5B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAA;gBACD,MAAM,4BAA4B,GAAG,IAAI,WAAW,CAClD,yBAAW,CAAC,+BAA+B,EAC3C,OAAO,CACR,CAAA;gBACD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAA;YACvD,CAAC;YAED,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAA;YAExB,IAAI,KAAK,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACxC,IAAI,CAAC,qBAAqB,CAAC,YAAY,EAAE,CAAA;YAC3C,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;QAC3B,CAAC,CAAA;QAnFC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAEhB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC;IAED,aAAa;QACX,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QAErD,QAAQ,CAAC,gBAAgB,CACvB,yBAAW,CAAC,gCAAgC,EAC5C,GAAG,CAAC,EAAE,CACJ,IAAI,CAAC,gBAAgB,CAAC,GAA+C,CAAC,CACzE,CAAA;IACH,CAAC;IAED,gBAAgB;QACd,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QACxD,QAAQ,CAAC,mBAAmB,CAC1B,yBAAW,CAAC,gCAAgC,EAC5C,GAAG,CAAC,EAAE,CACJ,IAAI,CAAC,gBAAgB,CAAC,GAA+C,CAAC,CACzE,CAAA;IACH,CAAC;IAED,+BAA+B;IAC/B,uBAAuB,CAAC,WAAuB,EAAE,OAAY;QAC3D,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAA;QAEpC,MAAM,OAAO,GAAiD;YAC5D,MAAM,EAAE,EAAE,WAAW,EAAE;YACvB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAA;QAED,gGAAgG;QAChG,MAAM,mBAAmB,GAAG,IAAI,WAAW,CACzC,yBAAW,CAAC,gCAAgC,EAC5C,OAAO,CACR,CAAA;QAED,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;IAC7C,CAAC;CA2CF;AA5FD,4CA4FC"}

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

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

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

@@ -0,0 +1,42 @@
+"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 MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Use to add child content
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let ActionPanel = class ActionPanel extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.header = true;
+    }
+    render() {
+        const classes = {
+            'tenable-panel-root-no-header': this.header === false
+        };
+        return (0, lit_1.html) `
+      <div class="tenable-panel-root ${(0, class_map_js_1.classMap)(classes)}" part="base">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+ActionPanel.styles = [styles_1.styles];
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], ActionPanel.prototype, "header", void 0);
+ActionPanel = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-action-panel')
+], ActionPanel);
+//# sourceMappingURL=ActionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/ActionPanel/ActionPanel.ts"],"names":[],"mappings":";;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,8DAAsD;AACtD,0DAAsD;AACtD,qCAAiC;AAEjC;;;;GAIG;AAEH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,+BAAc;IAAxC;;QAIE,WAAM,GAAG,IAAI,CAAA;IAYf,CAAC;IAVC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,8BAA8B,EAAE,IAAI,CAAC,MAAM,KAAK,KAAK;SACtD,CAAA;QACD,OAAO,IAAA,UAAI,EAAA;uCACwB,IAAA,uBAAQ,EAAC,OAAO,CAAC;;;KAGnD,CAAA;IACH,CAAC;;AAdM,kBAAM,GAAG,CAAC,eAAM,CAAC,AAAX,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACf;AAJT,WAAW;IADhB,IAAA,6BAAa,EAAC,uCAAuC,CAAC;GACjD,WAAW,CAgBhB"}

package/dist/components/GlobalHeader/views/ActionPanel/Body/ActionPanelBody.d.ts

@@ -0,0 +1,23 @@
+import { NavigationMenuKeyboardController } from '../../../../../components/GlobalHeader/controller/NavigationMenuKeyboardController';
+import { MobxLitElement } from '../../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to add child content
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class ActionPanelBody extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    standalone: boolean;
+    _menuKeyboardController: NavigationMenuKeyboardController | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    queryMenuItemElements: (elementName: string) => Element[];
+    handleMenuOpen: () => void;
+    handleSlotChange(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-action-panel-body': ActionPanelBody;
+    }
+}

package/dist/components/GlobalHeader/views/ActionPanel/Body/ActionPanelBody.js

@@ -0,0 +1,81 @@
+"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.ActionPanelBody = 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 NavigationMenuKeyboardController_1 = require("../../../../../components/GlobalHeader/controller/NavigationMenuKeyboardController");
+const MobxLitElement_1 = require("../../../../../libs/MobxLitElement");
+const HeaderEvent_1 = require("../../Header/HeaderEvent");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Use to add child content
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let ActionPanelBody = class ActionPanelBody extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.standalone = false;
+        this._menuKeyboardController = null;
+        this.queryMenuItemElements = (elementName) => {
+            var _a, _b, _c;
+            if ((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length) {
+                return Array.from((_c = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[0].querySelectorAll(elementName));
+            }
+            return [];
+        };
+        // Reset selected item back to first when menu is opened
+        this.handleMenuOpen = () => {
+            if (this._menuKeyboardController !== null) {
+                this._menuKeyboardController.selected = 0;
+            }
+        };
+    }
+    connectedCallback() {
+        var _a, _b;
+        super.connectedCallback();
+        this._menuKeyboardController = new NavigationMenuKeyboardController_1.NavigationMenuKeyboardController(this);
+        // Get reference to respective 'universal-header-action' button (settings, workspace, user, etc...)
+        const actionControllerHost = (_b = ((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.getRootNode()).host) === null || _b === void 0 ? void 0 : _b.parentElement;
+        actionControllerHost === null || actionControllerHost === void 0 ? void 0 : actionControllerHost.addEventListener(HeaderEvent_1.HeaderEvent.UNIVERSAL_HEADER_POPOVER_OPENED, this.handleMenuOpen);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        super.disconnectedCallback();
+        // Get reference to respective 'universal-header-action' button (settings, workspace, user, etc...)
+        const actionControllerHost = (_b = ((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.getRootNode()).host) === null || _b === void 0 ? void 0 : _b.parentElement;
+        actionControllerHost === null || actionControllerHost === void 0 ? void 0 : actionControllerHost.removeEventListener(HeaderEvent_1.HeaderEvent.UNIVERSAL_HEADER_POPOVER_OPENED, this.handleMenuOpen);
+    }
+    handleSlotChange() {
+        if (this._menuKeyboardController !== null) {
+            this._menuKeyboardController.onSlotChange();
+        }
+    }
+    render() {
+        const classes = {
+            'action-panel-body__root': true,
+            'action-panel-body__root_standalone': this.standalone
+        };
+        return (0, lit_1.html) `
+      <div part="base" class="${(0, class_map_js_1.classMap)(classes)}">
+        <slot @slotchange="${this.handleSlotChange}"></slot>
+      </div>
+    `;
+    }
+};
+exports.ActionPanelBody = ActionPanelBody;
+ActionPanelBody.styles = [styles_1.styles];
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], ActionPanelBody.prototype, "standalone", void 0);
+exports.ActionPanelBody = ActionPanelBody = __decorate([
+    (0, decorators_js_1.customElement)('tenable-universal-header-action-panel-body')
+], ActionPanelBody);
+//# sourceMappingURL=ActionPanelBody.js.map

package/dist/components/GlobalHeader/views/ActionPanel/Body/ActionPanelBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanelBody.js","sourceRoot":"","sources":["../../../../../../src/components/GlobalHeader/views/ActionPanel/Body/ActionPanelBody.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,8DAAsD;AACtD,4HAAwH;AACxH,0DAAsD;AACtD,0DAAsD;AACtD,qCAAiC;AAEjC;;;;GAIG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,+BAAc;IAA5C;;QAIL,eAAU,GAAG,KAAK,CAAA;QAElB,4BAAuB,GAA4C,IAAI,CAAA;QAgCvE,0BAAqB,GAAG,CAAC,WAAmB,EAAE,EAAE;;YAC9C,IAAI,MAAA,IAAI,CAAC,UAAU,0CAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;gBACrC,OAAO,KAAK,CAAC,IAAI,CACf,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,QAAQ,0CAAG,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAC7D,CAAA;YACH,CAAC;YAED,OAAO,EAAE,CAAA;QACX,CAAC,CAAA;QAED,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;IAoBH,CAAC;IAjEC,iBAAiB;;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QAEzB,IAAI,CAAC,uBAAuB,GAAG,IAAI,mEAAgC,CAAC,IAAI,CAAC,CAAA;QAEzE,mGAAmG;QACnG,MAAM,oBAAoB,GAAG,MAAA,CAC3B,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,EAChC,CAAA,CAAC,IAAI,0CAAE,aAAa,CAAA;QAErB,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,gBAAgB,CACpC,yBAAW,CAAC,+BAA+B,EAC3C,IAAI,CAAC,cAAc,CACpB,CAAA;IACH,CAAC;IAED,oBAAoB;;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAE5B,mGAAmG;QACnG,MAAM,oBAAoB,GAAG,MAAA,CAC3B,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,EAChC,CAAA,CAAC,IAAI,0CAAE,aAAa,CAAA;QAErB,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,mBAAmB,CACvC,yBAAW,CAAC,+BAA+B,EAC3C,IAAI,CAAC,cAAc,CACpB,CAAA;IACH,CAAC;IAmBD,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,MAAM,OAAO,GAAG;YACd,yBAAyB,EAAE,IAAI;YAC/B,oCAAoC,EAAE,IAAI,CAAC,UAAU;SACtD,CAAA;QAED,OAAO,IAAA,UAAI,EAAA;gCACiB,IAAA,uBAAQ,EAAC,OAAO,CAAC;6BACpB,IAAI,CAAC,gBAAgB;;KAE7C,CAAA;IACH,CAAC;;AAxEU,0CAAe;AACnB,sBAAM,GAAG,CAAC,eAAM,CAAC,AAAX,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACV;0BAJP,eAAe;IAD3B,IAAA,6BAAa,EAAC,4CAA4C,CAAC;GAC/C,eAAe,CAyE3B"}

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

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

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

@@ -0,0 +1,17 @@
+"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: MenuContentRegion;
+    overflow: auto;
+    padding-bottom: 8px;
+  }
+
+  /* If not use with panel-header, show extra padding */
+  .action-panel-body__root_standalone {
+    padding-top: 8px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { MobxLitElement } from '../../../../../libs/MobxLitElement';
+/**
+ * @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.
+ */
+export declare class ActionPanelHeader extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    handleClick: (event: Event) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header-action-panel-header': ActionPanelHeader;
+    }
+}