tenable-universal-layout 0.0.1-security → 7.7.12

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

@@ -0,0 +1,23 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Slot to place floating button content.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class FloatingButton extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    size: 'small' | 'medium' | 'large';
+    disabled: boolean;
+    selected: boolean;
+    allowSelectedClick: boolean;
+    autofocus: boolean;
+    'aria-haspopup': string;
+    'aria-label': string;
+    handleClick: (ev: Event) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-floating-button': FloatingButton;
+    }
+}

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

@@ -0,0 +1,88 @@
+"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.FloatingButton = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const class_map_js_1 = require("lit/directives/class-map.js");
+const if_defined_js_1 = require("lit/directives/if-defined.js");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Slot to place floating button content.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let FloatingButton = class FloatingButton extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'large';
+        this.disabled = false;
+        this.selected = false;
+        this.allowSelectedClick = false;
+        this.autofocus = false;
+        this['aria-haspopup'] = '';
+        this['aria-label'] = 'null';
+        this.handleClick = (ev) => {
+            if (this.disabled || (this.selected && !this.allowSelectedClick)) {
+                ev.stopImmediatePropagation();
+            }
+        };
+    }
+    render() {
+        const classes = {
+            selected: this.selected,
+            [this.size]: true
+        };
+        return (0, lit_1.html) `
+      <button
+        part="base"
+        class="tenable-floating-button ${(0, class_map_js_1.classMap)(classes)}"
+        role="button"
+        type="button"
+        aria-haspopup=${Boolean(this['aria-haspopup'])}
+        aria-label=${(0, if_defined_js_1.ifDefined)(this['aria-label'])}
+        ?autofocus=${this.autofocus}
+        ?selected=${this.selected}
+        ?disabled=${this.disabled}
+        @click=${this.handleClick}
+      >
+        <div part="icon" class="icon">
+          <slot></slot>
+        </div>
+      </button>
+    `;
+    }
+};
+exports.FloatingButton = FloatingButton;
+FloatingButton.styles = [styles_1.floatingButtonStyles];
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], FloatingButton.prototype, "size", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], FloatingButton.prototype, "disabled", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], FloatingButton.prototype, "selected", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], FloatingButton.prototype, "allowSelectedClick", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], FloatingButton.prototype, "autofocus", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], FloatingButton.prototype, "aria-haspopup", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], FloatingButton.prototype, "aria-label", void 0);
+exports.FloatingButton = FloatingButton = __decorate([
+    (0, decorators_js_1.customElement)('tenable-floating-button')
+], FloatingButton);
+//# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/FloatingButton/FloatingButton.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,8DAAsD;AACtD,gEAAwD;AACxD,0DAAsD;AACtD,qCAA+C;AAE/C;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,+BAAc;IAA3C;;QAIL,SAAI,GAAiC,OAAO,CAAA;QAG5C,aAAQ,GAAG,KAAK,CAAA;QAGhB,aAAQ,GAAG,KAAK,CAAA;QAGhB,uBAAkB,GAAG,KAAK,CAAA;QAG1B,cAAS,GAAG,KAAK,CAAA;QAGjB,qBAAe,GAAG,EAAE,CAAA;QAGpB,kBAAY,GAAG,MAAM,CAAA;QAErB,gBAAW,GAAG,CAAC,EAAS,EAAE,EAAE;YAC1B,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;IA2BH,CAAC;IAzBC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;SAClB,CAAA;QAED,OAAO,IAAA,UAAI,EAAA;;;yCAG0B,IAAA,uBAAQ,EAAC,OAAO,CAAC;;;wBAGlC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;qBACjC,IAAA,yBAAS,EAAC,IAAI,CAAC,YAAY,CAAC,CAAC;qBAC7B,IAAI,CAAC,SAAS;oBACf,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,WAAW;;;;;;KAM5B,CAAA;IACH,CAAC;;AAtDU,wCAAc;AAClB,qBAAM,GAAG,CAAC,6BAAoB,CAAC,AAAzB,CAAyB;AAGtC;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACE;AAG5C;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC3B;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC3B;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACF;AAG1B;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,IAAA,wBAAQ,GAAE;qDACS;AAGpB;IADC,IAAA,wBAAQ,GAAE;kDACU;yBAtBV,cAAc;IAD1B,IAAA,6BAAa,EAAC,yBAAyB,CAAC;GAC5B,cAAc,CAuD1B"}

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

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

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

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.floatingButtonStyles = void 0;
+const lit_1 = require("lit");
+const styles_1 = require("../../../../libs/styles");
+const BaseStyles_1 = require("../BaseStyles");
+exports.floatingButtonStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  :host {
+    display: flex;
+    width: 32px;
+    height: 32px;
+
+    /* Prevents radius curve of button wrapper from being clickable when disabled */
+    pointer-events: none;
+  }
+
+  .tenable-floating-button {
+    background-color: transparent;
+    border: 0;
+    border-radius: 100px;
+    box-sizing: border-box;
+    color: var(--tenb-colors-text-body);
+    cursor: pointer;
+    width: 32px;
+    height: 32px;
+    text-align: center;
+    vertical-align: center;
+    user-select: none;
+    padding-inline: 4px;
+    -webkit-user-select: none; /* safari */
+
+    /* Prevents radius curve of button from being clickable when disabled */
+    pointer-events: auto;
+  }
+
+  .tenable-floating-button.medium,
+  :host([size='medium']) {
+    width: 24px;
+    height: 24px;
+    padding: 0;
+  }
+
+  .tenable-floating-button.small,
+  :host([size='small']) {
+    width: 20px;
+    height: 20px;
+    padding: 0;
+  }
+
+  .tenable-floating-button .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+
+    /* Prevents html onclick events from bubbling when disabled */
+    pointer-events: none;
+  }
+
+  .tenable-floating-button:focus-visible {
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: 2px;
+  }
+
+  .tenable-floating-button:hover {
+    background-color: ${(0, styles_1.themeProperty)('tul-floating-button-hover/background')};
+  }
+
+  .tenable-floating-button:disabled {
+    cursor: default;
+    background-color: transparent;
+    color: var(--tenb-colors-icon-disabled);
+  }
+
+  .tenable-floating-button.selected {
+    background-color: var(--tenb-colors-background-button-floating-selected);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/FloatingButton/styles.ts"],"names":[],"mappings":";;;AAAA,6BAAyB;AACzB,0CAA6C;AAC7C,8CAA+C;AAElC,QAAA,oBAAoB,GAAG,IAAA,SAAG,EAAA;IACnC,4BAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA8DK,IAAA,sBAAa,EAAC,sCAAsC,CAAC;;;;;;;;;;;;CAY5E,CAAA"}

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

@@ -0,0 +1,23 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Slot to place label content.
+ * @slot icon-left - Slot to place an icon.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class FloatingTextButton extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    disabled: boolean;
+    selected: boolean;
+    allowSelectedClick: boolean;
+    autofocus: boolean;
+    size: 'small' | 'medium';
+    'aria-haspopup': string;
+    handleClick: (ev: Event) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-floating-text-button': FloatingTextButton;
+    }
+}

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

@@ -0,0 +1,99 @@
+"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.FloatingTextButton = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const class_map_js_1 = require("lit/directives/class-map.js");
+const if_defined_js_1 = require("lit/directives/if-defined.js");
+const MobxLitElement_1 = require("../../../../libs/MobxLitElement");
+const slot_1 = require("../../utils/slot");
+const styles_1 = require("./styles");
+/**
+ * @slot Default - Slot to place label content.
+ * @slot icon-left - Slot to place an icon.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let FloatingTextButton = class FloatingTextButton extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.selected = false;
+        this.allowSelectedClick = false;
+        this.autofocus = false;
+        this.size = 'medium';
+        this['aria-haspopup'] = '';
+        this.handleClick = (ev) => {
+            if (this.disabled || (this.selected && !this.allowSelectedClick)) {
+                ev.stopImmediatePropagation();
+            }
+        };
+    }
+    render() {
+        const classes = {
+            'tenable-floating-text-button': true,
+            'tenable-floating-text-button_small': this.size === 'small',
+            selected: this.selected
+        };
+        const iconLeftClassMap = (0, class_map_js_1.classMap)({
+            'tenable-floating-text-button__icon-left': true,
+            'tenable-floating-text-button__icon-left_enabled': (0, slot_1.isNamedSlotFilled)(this, 'icon-left')
+        });
+        const iconRightClassMap = (0, class_map_js_1.classMap)({
+            'tenable-floating-text-button__icon-right': true,
+            'tenable-floating-text-button__icon-right_enabled': (0, slot_1.isNamedSlotFilled)(this, 'icon-right')
+        });
+        return (0, lit_1.html) `
+      <button
+        part="base"
+        class="${(0, class_map_js_1.classMap)(classes)}"
+        type="button"
+        ?autofocus=${this.autofocus}
+        ?selected=${this.selected}
+        ?disabled=${this.disabled}
+        aria-haspopup=${(0, if_defined_js_1.ifDefined)(this['aria-haspopup']) ? true : false}
+        @click=${this.handleClick}
+      >
+        <div part="icon-left" .class=${iconLeftClassMap}>
+          <slot name="icon-left"></slot>
+        </div>
+        <div part="label" class="tenable-floating-text-button__label">
+          <slot></slot>
+        </div>
+        <div part="icon-right" .class=${iconRightClassMap}>
+          <slot name="icon-right"></slot>
+        </div>
+      </button>
+    `;
+    }
+};
+exports.FloatingTextButton = FloatingTextButton;
+FloatingTextButton.styles = [styles_1.floatingTextButtonStyles];
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], FloatingTextButton.prototype, "disabled", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], FloatingTextButton.prototype, "selected", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], FloatingTextButton.prototype, "allowSelectedClick", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], FloatingTextButton.prototype, "autofocus", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], FloatingTextButton.prototype, "size", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], FloatingTextButton.prototype, "aria-haspopup", void 0);
+exports.FloatingTextButton = FloatingTextButton = __decorate([
+    (0, decorators_js_1.customElement)('tenable-floating-text-button')
+], FloatingTextButton);
+//# sourceMappingURL=FloatingTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingTextButton.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/FloatingTextButton/FloatingTextButton.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA0B;AAC1B,qDAA2D;AAC3D,8DAAsD;AACtD,gEAAwD;AACxD,0DAAsD;AACtD,2CAAoD;AACpD,qCAAmD;AAEnD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,+BAAc;IAA/C;;QAIL,aAAQ,GAAG,KAAK,CAAA;QAGhB,aAAQ,GAAG,KAAK,CAAA;QAGhB,uBAAkB,GAAG,KAAK,CAAA;QAG1B,cAAS,GAAG,KAAK,CAAA;QAGjB,SAAI,GAAuB,QAAQ,CAAA;QAGnC,qBAAe,GAAG,EAAE,CAAA;QAEpB,gBAAW,GAAG,CAAC,EAAS,EAAE,EAAE;YAC1B,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;IA+CH,CAAC;IA7CC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,8BAA8B,EAAE,IAAI;YACpC,oCAAoC,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAC3D,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAA;QAED,MAAM,gBAAgB,GAAG,IAAA,uBAAQ,EAAC;YAChC,yCAAyC,EAAE,IAAI;YAC/C,iDAAiD,EAAE,IAAA,wBAAiB,EAClE,IAAI,EACJ,WAAW,CACZ;SACF,CAAC,CAAA;QACF,MAAM,iBAAiB,GAAG,IAAA,uBAAQ,EAAC;YACjC,0CAA0C,EAAE,IAAI;YAChD,kDAAkD,EAAE,IAAA,wBAAiB,EACnE,IAAI,EACJ,YAAY,CACb;SACF,CAAC,CAAA;QAEF,OAAO,IAAA,UAAI,EAAA;;;iBAGE,IAAA,uBAAQ,EAAC,OAAO,CAAC;;qBAEb,IAAI,CAAC,SAAS;oBACf,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;wBACT,IAAA,yBAAS,EAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;iBACtD,IAAI,CAAC,WAAW;;uCAEM,gBAAgB;;;;;;wCAMf,iBAAiB;;;;KAIpD,CAAA;IACH,CAAC;;AAvEU,gDAAkB;AACtB,yBAAM,GAAG,CAAC,iCAAwB,CAAC,AAA7B,CAA6B;AAG1C;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACZ;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACZ;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DACF;AAG1B;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACX;AAGjB;IADC,IAAA,wBAAQ,GAAE;gDACwB;AAGnC;IADC,IAAA,wBAAQ,GAAE;yDACS;6BAnBT,kBAAkB;IAD9B,IAAA,6BAAa,EAAC,8BAA8B,CAAC;GACjC,kBAAkB,CAwE9B"}

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

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

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

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.floatingTextButtonStyles = void 0;
+const lit_1 = require("lit");
+const BaseStyles_1 = require("../BaseStyles");
+exports.floatingTextButtonStyles = (0, lit_1.css) `
+  ${BaseStyles_1.componentStyles}
+
+  :host {
+    height: 32px;
+
+    /* Prevents radius curve of button wrapper from being clickable when disabled */
+    pointer-events: none;
+  }
+
+  .tenable-floating-text-button {
+    display: inline-flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    background-color: transparent;
+    border: 0;
+    border-radius: 100px;
+    box-sizing: border-box;
+    color: var(--tenb-colors-text-body);
+    cursor: pointer;
+    height: 32px;
+    text-align: center;
+    vertical-align: middle;
+
+    /* apply tenb-text styling */
+    font-family: var(--tenb-fonts-base);
+    font-size: var(--tenb-fontSizes-14);
+    font-weight: 400;
+
+    /* Prevents radius curve of button from being clickable when disabled */
+    pointer-events: auto;
+  }
+
+  .tenable-floating-text-button_small {
+    height: 24px;
+
+    /* apply tenb-small-text styling */
+    font-size: var(--tenb-fontSizes-12);
+  }
+
+  .tenable-floating-text-button__icon-left_enabled {
+    padding-top: 4px;
+    padding-right: 4px;
+
+    /* Prevents html onclick events from bubbling when disabled */
+    pointer-events: none;
+  }
+
+  .tenable-floating-text-button__icon-right_enabled {
+    padding-top: 4px;
+    padding-left: 4px;
+
+    /* Prevents html onclick events from bubbling when disabled */
+    pointer-events: none;
+  }
+
+  .tenable-floating-text-button__label {
+    user-select: none;
+    -webkit-user-select: none; /* safari */
+
+    /* Prevents html onclick events from bubbling when disabled */
+    pointer-events: none;
+  }
+
+  .tenable-floating-text-button:focus-visible {
+    outline: var(--tenb-borderWidths-outline) dashed
+      var(--tenb-colors-outline-focus);
+    outline-offset: 2px;
+  }
+
+  .tenable-floating-text-button:hover {
+    background-color: var(--tenb-colors-background-button-floating-hover);
+  }
+
+  .tenable-floating-text-button:disabled {
+    cursor: default;
+  }
+
+  .tenable-floating-text-button:disabled:hover {
+    background-color: transparent;
+  }
+
+  .tenable-floating-text-button.selected {
+    background-color: var(--tenb-colors-background-button-floating-selected);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,46 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot custom-actions - Used to display any custom dom elements, such as quick actions or a custom button.
+ * @slot settings-action - Used to render the Settings Menu
+ * @slot notifications-action - Used to render the Notifications Menu.
+ * @slot pagination - Used to render a pagination component.
+ * @slot workspace-action - Used to render the Workspace Menu.
+ * @slot user-action - Used to render the User Profile Menu.
+ * @slot help-action - Used to render the User Help Menu.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart left-content-region - The region that contains the left content.
+ * @csspart right-content-region - The region that contains the right content.
+ * @csspart left-content - The component's left content.
+ * @csspart right-content - The component's right content.
+ *
+ * @event {NavigationEvent} pds-navigation-button-clicked - Dispatched when the Navigation Hamburger Button is clicked.
+ */
+export declare class UniversalHeader extends MobxLitElement {
+    static styles: import("lit").CSSResult[];
+    hideActions: boolean;
+    hideNavigationButton: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    closeMenu: (event: Event) => void;
+    private dispatchHamburgerEvent;
+    private _handleNavigationButtonClick;
+    renderHamburgerIcon: () => import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Private
+     */
+    private _renderNavigationButton;
+    private _handleLogoOnClick;
+    private handleKeyDown;
+    private _renderLogo;
+    private _renderHeaderActions;
+    private _renderBreadCrumbs;
+    private _renderLeftContentRegion;
+    private _renderRightContentRegion;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-header': UniversalHeader;
+    }
+}