tenable-universal-layout 0.0.1-security → 7.7.13

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

@@ -0,0 +1,219 @@
+"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.Tooltip = exports.placementOptions = void 0;
+const dom_1 = require("@floating-ui/dom");
+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");
+// These options are based on @floating-iu/dom "Placement" type
+// recreated here as a list since the pkg only exports them as a type
+exports.placementOptions = [
+    'top',
+    'top-start',
+    'top-end',
+    'right',
+    'right-start',
+    'right-end',
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+    'left',
+    'left-start',
+    'left-end'
+];
+/**
+ * @slot Default - Use to add child content.
+ * @slot text - Place custom elements in the content of the tooltip overlay.
+ *
+ * @csspart base - The component's internal wrapper.
+ * @csspart overlay - The tooltip's floating container, containing the text and arrow.
+ * @csspart arrow - The tooltip's arrow.
+ */
+let Tooltip = class Tooltip extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.placement = 'top';
+        this.type = 'hover';
+        this.fixed = false;
+        // Allows customization of the distance from tooltip to content
+        this.offset = 0;
+        // Needed by Universal-Navigation to hide the tooltip when side-nav is expanded
+        this.forceHide = false;
+        this.hideArrow = false;
+        this.text = '';
+        this.hidden = true;
+        this._getTooltipTrigger = () => {
+            var _a;
+            const defaultSlot = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
+            const triggerElement = defaultSlot.assignedElements()[0];
+            return triggerElement;
+        };
+        this._getTooltipOverlay = () => {
+            var _a;
+            return (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tenable-tooltip-overlay');
+        };
+        this._getTooltipArrow = () => {
+            var _a;
+            return (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tenable-tooltip-arrow');
+        };
+        this._setArrowPosition = (tooltipArrow, arrowLen, x, y) => {
+            tooltipArrow.style.left = x != null ? `${x}px` : '';
+            tooltipArrow.style.top = y != null ? `${y}px` : '';
+            // Ensure the static side gets unset when flipping to other placements' axes.
+            tooltipArrow.style.right = '';
+            tooltipArrow.style.bottom = '';
+            const side = this.placement.split('-')[0];
+            const staticSide = {
+                top: 'bottom',
+                right: 'left',
+                bottom: 'top',
+                left: 'right'
+            }[side];
+            // Calculate the proper positioning based off the arrow's size
+            if (staticSide) {
+                tooltipArrow.style[staticSide] = `${-arrowLen / 2}px`;
+            }
+        };
+        this._computePosition = () => {
+            const tooltipTrigger = this._getTooltipTrigger();
+            const tooltipOverlay = this._getTooltipOverlay();
+            const tooltipArrow = this._getTooltipArrow();
+            if (tooltipTrigger && tooltipOverlay) {
+                const arrowLen = tooltipArrow.offsetWidth;
+                // Get half the arrow box's hypotenuse length
+                let arrowOffset = Math.sqrt(2 * Math.pow(arrowLen, 2)) / 2;
+                if (this.hideArrow) {
+                    arrowOffset = 0;
+                }
+                const totalOffset = arrowOffset + this.offset;
+                (0, dom_1.computePosition)(tooltipTrigger, tooltipOverlay, {
+                    placement: this.placement,
+                    middleware: [
+                        (0, dom_1.offset)(totalOffset),
+                        (0, dom_1.flip)({
+                            // allows shift() to preserve the original axis as best as possible
+                            crossAxis: false
+                        }),
+                        (0, dom_1.shift)(),
+                        (0, dom_1.arrow)({
+                            element: tooltipArrow,
+                            // prevent arrow from aligning with or overflowing the corners of the overlay
+                            // overflow could occur due to small tooltip content and/or overlay border-radius
+                            padding: 8
+                        })
+                    ]
+                }).then(({ middlewareData, x, y }) => {
+                    tooltipOverlay.style.left = `${x}px`;
+                    tooltipOverlay.style.top = `${y}px`;
+                    if (middlewareData.arrow) {
+                        this._setArrowPosition(tooltipArrow, arrowLen, middlewareData.arrow.x, middlewareData.arrow.y);
+                    }
+                });
+            }
+        };
+        this.showTooltip = () => {
+            if (!this.forceHide) {
+                this.hidden = false;
+            }
+        };
+        this.hideTooltip = () => {
+            this.hidden = true;
+        };
+        this.handleClick = () => {
+            if (this.type === 'click') {
+                this.hidden ? this.showTooltip() : this.hideTooltip();
+            }
+        };
+        this.handleMouseOver = () => {
+            if (this.type === 'hover') {
+                this.showTooltip();
+            }
+        };
+        this.handleMouseOut = () => {
+            if (this.type === 'hover') {
+                this.hideTooltip();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this.handleClick);
+        this.addEventListener('mouseover', this.handleMouseOver);
+        this.addEventListener('mouseout', this.handleMouseOut);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this.handleClick);
+        this.removeEventListener('mouseover', this.handleMouseOver);
+        this.removeEventListener('mouseout', this.handleMouseOut);
+    }
+    firstUpdated() {
+        (0, dom_1.autoUpdate)(this._getTooltipTrigger(), this._getTooltipOverlay(), this._computePosition);
+    }
+    render() {
+        return (0, lit_1.html) `
+      <div class="tenable-tooltip-root" part="base" role="tooltip">
+        <div
+          class=${(0, class_map_js_1.classMap)({
+            'tenable-tooltip-overlay': true,
+            'tenable-tooltip-overlay_fixed': this.fixed
+        })}
+          part="overlay"
+          ?hidden=${this.hidden || this.forceHide}
+        >
+          <span
+            part="arrow"
+            class=${(0, class_map_js_1.classMap)({
+            'tenable-tooltip-arrow': true,
+            [`tenable-tooltip-arrow_placement-${this.placement}`]: true,
+            'tenable-tooltip-arrow_hidden': this.hideArrow
+        })}
+          ></span>
+          <slot name="text">
+            <!-- prettier-ignore -- Ensure there is no whitespace added inside the <tenable-text> children -->
+            <tenable-text>${this.text}</tenable-text>
+          </slot>
+        </div>
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+exports.Tooltip = Tooltip;
+Tooltip.styles = [styles_1.tooltipStyles];
+__decorate([
+    (0, decorators_js_1.property)({ reflect: true })
+], Tooltip.prototype, "placement", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ reflect: true })
+], Tooltip.prototype, "type", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Tooltip.prototype, "fixed", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], Tooltip.prototype, "offset", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'force-hide', type: Boolean, reflect: true })
+], Tooltip.prototype, "forceHide", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ attribute: 'hide-arrow', type: Boolean, reflect: true })
+], Tooltip.prototype, "hideArrow", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], Tooltip.prototype, "text", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], Tooltip.prototype, "hidden", void 0);
+exports.Tooltip = Tooltip = __decorate([
+    (0, decorators_js_1.customElement)('tenable-tooltip')
+], Tooltip);
+//# sourceMappingURL=Tooltip.js.map

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

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

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

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

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tooltipStyles = void 0;
+const lit_1 = require("lit");
+exports.tooltipStyles = (0, lit_1.css) `
+  :host {
+    display: contents;
+  }
+
+  .tenable-tooltip-root {
+    display: contents;
+  }
+
+  .tenable-tooltip-overlay {
+    background-color: var(--tenb-colors-background-component);
+    border: 1px solid transparent;
+    border-radius: 3px;
+    color: var(--tenb-colors-text-body);
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 16px;
+    /* Need a minimum width to prevent arrow mis-alignment for short text length */
+    min-width: 24px;
+    padding: 8px 12px;
+    pointer-events: none;
+    position: absolute;
+    z-index: var(--tenb-zIndices-tooltip);
+
+    filter: drop-shadow(0px 1px 10px var(--tenb-colors-shadow-25));
+  }
+
+  .tenable-tooltip-overlay_fixed {
+    position: fixed;
+  }
+
+  .tenable-tooltip-arrow {
+    background-color: var(--tenb-colors-background-component);
+    border: 1px solid transparent;
+    position: absolute;
+    /* Arrow is created by making a square and rotating so that only one corner is visible */
+    /* The proper positioning of the arrow is set in _computePosition() in tenb-tooltip.ts */
+    transform: rotate(45deg);
+    width: 12px;
+    height: 12px;
+  }
+
+  .tenable-tooltip-arrow_hidden {
+    display: none;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/GlobalHeader/views/Typography/Heading3.d.ts

@@ -0,0 +1,16 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to add child content. Usually text.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class Heading3 extends MobxLitElement {
+    static styles: import("lit").CSSResult;
+    color: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-heading3': Heading3;
+    }
+}

package/dist/components/GlobalHeader/views/Typography/Heading3.js

@@ -0,0 +1,57 @@
+"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.Heading3 = 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 add child content. Usually text.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let Heading3 = class Heading3 extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.color = '';
+    }
+    render() {
+        const classes = {
+            [this.color]: true
+        };
+        return (0, lit_1.html) `
+      <h3 part="base" class=${(0, class_map_js_1.classMap)(classes)}>
+        <slot></slot>
+      </h3>
+    `;
+    }
+};
+exports.Heading3 = Heading3;
+Heading3.styles = (0, lit_1.css) `
+    h3 {
+      color: var(--tenb-colors-text-brand);
+      font-family: var(--tenb-fonts-brand-medium);
+      font-size: var(--tenb-fontSizes-18);
+      font-weight: 500;
+      line-height: var(--tenb-fontSizes-22);
+      margin-bottom: 0;
+      margin-top: 0;
+    }
+
+    .alt {
+      color: var(--tenb-colors-text-inverse);
+    }
+  `;
+__decorate([
+    (0, decorators_js_1.property)()
+], Heading3.prototype, "color", void 0);
+exports.Heading3 = Heading3 = __decorate([
+    (0, decorators_js_1.customElement)('tenable-heading3')
+], Heading3);
+//# sourceMappingURL=Heading3.js.map

package/dist/components/GlobalHeader/views/Typography/Heading3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading3.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Typography/Heading3.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA+B;AAC/B,qDAA2D;AAC3D,8DAAsD;AACtD,0DAAsD;AAEtD;;;;GAIG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,+BAAc;IAArC;;QAkBL,UAAK,GAAG,EAAE,CAAA;IAaZ,CAAC;IAXC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAA;QAED,OAAO,IAAA,UAAI,EAAA;8BACe,IAAA,uBAAQ,EAAC,OAAO,CAAC;;;KAG1C,CAAA;IACH,CAAC;;AA9BU,4BAAQ;AACZ,eAAM,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;GAclB,AAdY,CAcZ;AAGD;IADC,IAAA,wBAAQ,GAAE;uCACD;mBAlBC,QAAQ;IADpB,IAAA,6BAAa,EAAC,kBAAkB,CAAC;GACrB,QAAQ,CA+BpB"}

package/dist/components/GlobalHeader/views/Typography/SmallText.d.ts

@@ -0,0 +1,17 @@
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+/**
+ * @slot Default - Use to add child content. Usually text.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+export declare class SmallText extends MobxLitElement {
+    static styles: import("lit").CSSResult;
+    color: string;
+    bold: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-small-text': SmallText;
+    }
+}

package/dist/components/GlobalHeader/views/Typography/SmallText.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.SmallText = 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 BaseStyles_1 = require("../BaseStyles");
+/**
+ * @slot Default - Use to add child content. Usually text.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let SmallText = class SmallText extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'body';
+        this.bold = false;
+    }
+    render() {
+        const classes = {
+            'tenb-small-text__root': true,
+            bold: this.bold,
+            [this.color]: true
+        };
+        return (0, lit_1.html) `
+      <!-- prettier-ignore -- Ensure there is no whitespace added inside the <p> children -->
+      <p part="base" class=${(0, class_map_js_1.classMap)(classes)}><slot></slot></p>
+    `;
+    }
+};
+exports.SmallText = SmallText;
+SmallText.styles = (0, lit_1.css) `
+    ${BaseStyles_1.componentStyles}
+
+    /* Note: Any future changes here need to be reflected in floating-text-button styles */
+        .tenb-small-text__root {
+      color: var(--tenb-colors-text-body);
+      font-family: var(--tenb-fonts-base);
+      font-size: var(--tenb-fontSizes-12);
+      font-weight: 400;
+      line-height: 14px;
+      margin-bottom: 0;
+      margin-top: 0;
+      white-space: pre-wrap;
+      word-break: normal;
+    }
+
+    .bold {
+      font-weight: 700;
+    }
+  `;
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], SmallText.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], SmallText.prototype, "bold", void 0);
+exports.SmallText = SmallText = __decorate([
+    (0, decorators_js_1.customElement)('tenable-small-text')
+], SmallText);
+//# sourceMappingURL=SmallText.js.map

package/dist/components/GlobalHeader/views/Typography/SmallText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallText.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Typography/SmallText.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA+B;AAC/B,qDAA2D;AAC3D,8DAAsD;AACtD,0DAAsD;AACtD,8CAA+C;AAE/C;;;;GAIG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,+BAAc;IAAtC;;QAuBL,UAAK,GAAG,MAAM,CAAA;QAGd,SAAI,GAAG,KAAK,CAAA;IAcd,CAAC;IAZC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,uBAAuB,EAAE,IAAI;YAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAA;QAED,OAAO,IAAA,UAAI,EAAA;;6BAEc,IAAA,uBAAQ,EAAC,OAAO,CAAC;KACzC,CAAA;IACH,CAAC;;AAvCU,8BAAS;AACb,gBAAM,GAAG,IAAA,SAAG,EAAA;MACf,4BAAe;;;;;;;;;;;;;;;;;;GAkBlB,AAnBY,CAmBZ;AAGD;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACb;AAGd;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCAChB;oBA1BD,SAAS;IADrB,IAAA,6BAAa,EAAC,oBAAoB,CAAC;GACvB,SAAS,CAwCrB"}

package/dist/components/GlobalHeader/views/Typography/Text.d.ts

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

package/dist/components/GlobalHeader/views/Typography/Text.js

@@ -0,0 +1,69 @@
+"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.Text = 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 BaseStyles_1 = require("../BaseStyles");
+/**
+ * @slot Default - Use to add child content. Usually text.
+ *
+ * @csspart base - The component's internal wrapper.
+ */
+let Text = class Text extends MobxLitElement_1.MobxLitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'body';
+        this.bold = false;
+    }
+    render() {
+        const classes = {
+            'tenable-text__root': true,
+            bold: this.bold,
+            [this.color]: true
+        };
+        return (0, lit_1.html) `
+      <!-- prettier-ignore -- Ensure there is no whitespace added inside the <p> children -->
+      <p part="base" class=${(0, class_map_js_1.classMap)(classes)}><slot></slot></p>
+    `;
+    }
+};
+exports.Text = Text;
+Text.styles = (0, lit_1.css) `
+    ${BaseStyles_1.componentStyles}
+
+    /* Note: Any future changes here need to be reflected in floating-text-button styles */
+    /* white-space changing this to no wrap from pre-wrap as this is cramping    */
+        .tenable-text__root {
+      color: var(--tenb-colors-text-body);
+      font-family: var(--tenb-fonts-base);
+      font-size: var(--tenb-fontSizes-14);
+      font-weight: 400;
+      line-height: 20px;
+      margin-bottom: 0;
+      margin-top: 0;
+      white-space: nowrap;
+      word-break: normal;
+    }
+
+    .bold {
+      font-weight: 700;
+    }
+  `;
+__decorate([
+    (0, decorators_js_1.property)()
+], Text.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Text.prototype, "bold", void 0);
+exports.Text = Text = __decorate([
+    (0, decorators_js_1.customElement)('tenable-text')
+], Text);
+//# sourceMappingURL=Text.js.map

package/dist/components/GlobalHeader/views/Typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/components/GlobalHeader/views/Typography/Text.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA+B;AAC/B,qDAA2D;AAC3D,8DAAsD;AACtD,0DAAsD;AACtD,8CAA+C;AAE/C;;;;GAIG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,+BAAc;IAAjC;;QAwBL,UAAK,GAAG,MAAM,CAAA;QAGd,SAAI,GAAG,KAAK,CAAA;IAcd,CAAC;IAZC,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,oBAAoB,EAAE,IAAI;YAC1B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAA;QAED,OAAO,IAAA,UAAI,EAAA;;6BAEc,IAAA,uBAAQ,EAAC,OAAO,CAAC;KACzC,CAAA;IACH,CAAC;;AAxCU,oBAAI;AACR,WAAM,GAAG,IAAA,SAAG,EAAA;MACf,4BAAe;;;;;;;;;;;;;;;;;;;GAmBlB,AApBY,CAoBZ;AAGD;IADC,IAAA,wBAAQ,GAAE;mCACG;AAGd;IADC,IAAA,wBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAChB;eA3BD,IAAI;IADhB,IAAA,6BAAa,EAAC,cAAc,CAAC;GACjB,IAAI,CAyChB"}

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

@@ -0,0 +1,49 @@
+import type { Maybe } from '@productive-codebases/toolbox';
+import { MobxLitElement } from '../../../../libs/MobxLitElement';
+import type { MenuItem, NavigationConfig } from '../../../../types/tul';
+import type { TenablePopoverEvents } from '../PopOver/PopOverEvent';
+import type { PopoverStateHost } from '../PopOver/PopOverStateController';
+import { PopoverStateController } from '../PopOver/PopOverStateController';
+export type KeyDownValues = 'Escape';
+/**
+ * @csspart base - The component's internal wrapper.
+ *
+ * @event {NavigationEvent} pds-universal-navigation-menu-collapsed - Dispatched when the menu is collapsed.
+ * @event {NavigationEvent} pds-universal-navigation-popover-opened - Dispatched when one of the navigation menu's popover is opened.
+ */
+export declare class UniversalNavigation extends MobxLitElement implements PopoverStateHost {
+    static styles: import("lit").CSSResult[];
+    isClosed: boolean;
+    menuItems: MenuItem[];
+    navigationConfig: Maybe<NavigationConfig>;
+    selectedMenuItem: string;
+    popoverOpen: Maybe<string>;
+    isPanelVisible: boolean;
+    isOverflowing: boolean;
+    showTopScrollIndicator: boolean;
+    showBottomScrollIndicator: boolean;
+    popoverStateController: PopoverStateController | null;
+    private _menuKeyboardController;
+    handleKeyDown: (ev: KeyboardEvent) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleTransitionStart: () => void;
+    handleTransitionEnd: () => void;
+    firstUpdated(): void;
+    setOverflow(): void;
+    setScrollIndicatorStates(): void;
+    queryMenuItemElements: (elementName: string) => Element[];
+    updated(): void;
+    closeMenu: (event: Event) => void;
+    onNavigationButtonClicked: () => void;
+    onPopoverTriggerClicked: (event: TenablePopoverEvents) => void;
+    renderMenuItemNoSubmenu: (item: MenuItem) => import("lit-html").TemplateResult<1>;
+    renderMenuItemWithSubmenu: (item: MenuItem) => import("lit-html").TemplateResult<1>;
+    renderMenuItem: (item: MenuItem) => import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tenable-universal-navigation': UniversalNavigation;
+    }
+}