@scania/tegel 1.18.0-popover-menu-beta.2 → 1.18.0-popover-menu-beta.4

package/dist/collection/components/popover-core/popover-core.js

@@ -30,7 +30,7 @@ export class TdsPopoverCore {
             event.stopPropagation();
             this.setIsShown(false);
         }.bind(this);
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
         this.placement = 'auto';
@@ -39,10 +39,12 @@ export class TdsPopoverCore {
         this.modifiers = [];
         this.trigger = 'click';
         this.autoHide = true;
+        this.disableLogic = false;
         this.renderedShowValue = false;
         this.popperInstance = undefined;
         this.target = undefined;
         this.isShown = false;
+        this.disableLogicState = false;
     }
     /** Property for closing popover programmatically */
     async close() {
@@ -76,7 +78,6 @@ export class TdsPopoverCore {
     onReferenceElChanged(newValue, oldValue) {
         if (newValue !== oldValue) {
             this.initialize({ referenceEl: newValue, trigger: this.trigger });
-            console.log('initialize called from onReferenceElChanged');
         }
     }
     onTriggerChanged(newValue) {
@@ -84,17 +85,14 @@ export class TdsPopoverCore {
             referenceEl: this.referenceEl,
             trigger: newValue,
         });
-        console.log('initialize called from onTriggerChanged');
     }
     initialize({ referenceEl, trigger, }) {
         this.cleanUp();
         if (typeof referenceEl !== 'undefined') {
             this.target = referenceEl;
-            console.log('target set to referenceEl:', referenceEl);
         }
         else {
             this.target = this.selector ? document.querySelector(this.selector) : null;
-            console.log('target set to selector:', this.selector);
         }
         this.popperInstance = this.target
             ? createPopper(this.target, this.host, {
@@ -114,9 +112,6 @@ export class TdsPopoverCore {
         if (!this.popperInstance) {
             console.error(`Could not initialize: reference element not found.`);
         }
-        else {
-            console.log('popperInstance initialized');
-        }
         if (trigger === 'click' && this.show === null) {
             this.target.addEventListener('click', this.onClickTarget);
         }
@@ -146,34 +141,33 @@ export class TdsPopoverCore {
         (_h = this.popperInstance) === null || _h === void 0 ? void 0 : _h.destroy();
     }
     connectedCallback() {
-        console.log('connectedCallback entry:', this.referenceEl, this.trigger);
+        if ((this.selector === undefined && this.referenceEl === undefined) || this.disableLogic) {
+            this.disableLogicState = true;
+            console.warn('TDS-POPOVER-CORE: Popover internal logic disabled.');
+            return;
+        }
         this.initialize({
             referenceEl: this.referenceEl,
             trigger: this.trigger,
         });
-        console.log('connectedCallback exit:', this.referenceEl, this.trigger);
     }
     componentDidRender() {
-        console.log('componentDidRender entry:', this.popperInstance);
-        if (this.isShown && !this.renderedShowValue) {
+        if (this.isShown && !this.renderedShowValue && !this.disableLogicState) {
             // Here we update the popper position since its position is wrong
             // before it is rendered.
             this.popperInstance.update();
         }
         this.renderedShowValue = this.isShown;
-        console.log('componentDidRender exit:', this.popperInstance);
     }
     disconnectedCallback() {
-        console.log('disconnectedCallback entry:');
         this.cleanUp();
-        console.log('disconnectedCallback exit:');
     }
     render() {
         let hostStyle = {};
         if (this.autoHide) {
             hostStyle = { display: this.isShown ? 'block' : 'none' };
         }
-        return (h(Host, { key: '52121ed62faa4972d61194ffe8c85a07418f3362', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '7401beed5b685f35e9534bfa591ffdc97122edcf' })));
+        return (h(Host, { key: '811d53e1c2a8b4a87e5e319eea4fa1a34084e997', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: 'd529c08dcc752475ec546d74f00d2d33479f4033' })));
     }
     static get is() { return "tds-popover-core"; }
     static get encapsulation() { return "scoped"; }
@@ -194,8 +188,7 @@ export class TdsPopoverCore {
                     "text": "The CSS-selector for an element that will trigger the pop-over"
                 },
                 "attribute": "selector",
-                "reflect": false,
-                "defaultValue": "''"
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
@@ -351,6 +344,24 @@ export class TdsPopoverCore {
                 "attribute": "auto-hide",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "disableLogic": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Decides if the popover should disable its internal logic. Leaving selector or referenceEl empty will disable logic too."
+                },
+                "attribute": "disable-logic",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }
@@ -359,7 +370,8 @@ export class TdsPopoverCore {
             "renderedShowValue": {},
             "popperInstance": {},
             "target": {},
-            "isShown": {}
+            "isShown": {},
+            "disableLogicState": {}
         };
     }
     static get events() {

package/dist/collection/components/popover-menu/popover-menu.js

@@ -6,13 +6,14 @@ import inheritAttributes from "../../utils/inheritAttributes";
 export class TdsPopoverMenu {
     constructor() {
         this.inheritedAttributes = [];
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
         this.placement = 'auto';
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
         this.fluidWidth = false;
+        this.disableLogic = false;
         this.childRef = undefined;
     }
     /** Property for closing popover programmatically */
@@ -25,13 +26,13 @@ export class TdsPopoverMenu {
     }
     render() {
         var _a;
-        return (h(Host, { key: '36c12148ce4507dd4b157fff5be30760d2374bdd' }, h("tds-popover-core", { key: '92d5abfd7e7213dcb22c92fa401a21dfeef76edd', class: {
+        return (h(Host, { key: '4304608f4f9e861855baf58202190e0d75649d6d' }, h("tds-popover-core", { key: '8c29640234fce29c8cf467f5f84c239b6632a9c2', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            } }, h("div", { key: '6b3a893d1d0a9c32a3846c7216a4fdac92a4222c', role: "list" }, h("slot", { key: 'cae075f5e187b5f59638f6f2a9ff8c38e716bcbb' })))));
+            }, disableLogic: this.disableLogic }, h("div", { key: 'e1627372bdcd36ac48c613b69e633066da891fa5', role: "list" }, h("slot", { key: '29551d047ed414e37298194833a5a7510c79e9fe' })))));
     }
     static get is() { return "tds-popover-menu"; }
     static get encapsulation() { return "scoped"; }
@@ -62,8 +63,7 @@ export class TdsPopoverMenu {
                     "text": "The CSS-selector for an element that will trigger the pop-over"
                 },
                 "attribute": "selector",
-                "reflect": false,
-                "defaultValue": "''"
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
@@ -180,6 +180,24 @@ export class TdsPopoverMenu {
                 "attribute": "fluid-width",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "disableLogic": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Decides if the popover should disable its internal logic. Leaving selector or referenceEl empty will disable logic too."
+                },
+                "attribute": "disable-logic",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/tooltip/tooltip.js

@@ -31,7 +31,7 @@ export class TdsTooltip {
         ];
         this.inheritedAttributes = [];
         this.text = '';
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.mouseOverTooltip = false;
         this.trigger = 'hover';
@@ -39,6 +39,7 @@ export class TdsTooltip {
         this.placement = 'bottom';
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
+        this.disableLogic = false;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
@@ -51,7 +52,7 @@ export class TdsTooltip {
     }
     render() {
         var _a;
-        return (h(Host, { key: '6ddab8bdc240b9b286226593656bbc5ab89f375d' }, h("tds-popover-core", Object.assign({ key: '82235fdf92c5d1fb7a63b2a756a59c8516e1e8c2' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '0ba06d727ee800ced695616820ac073fb5edf0bd' }, h("tds-popover-core", Object.assign({ key: 'c361b1cec7c55cc6ce2a758f647f9e5022929cf6' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -60,7 +61,7 @@ export class TdsTooltip {
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            } }), this.text, h("slot", { key: '579448ad9309452a0be5aedb906da8059f56b122' }))));
+            }, disableLogic: this.disableLogic }), this.text, h("slot", { key: 'd38f0605a9b903b7aed147c65bb2aa98a885c73b' }))));
     }
     static get is() { return "tds-tooltip"; }
     static get encapsulation() { return "scoped"; }
@@ -109,8 +110,7 @@ export class TdsTooltip {
                     "text": "The CSS-selector for an element that will trigger the Tooltip"
                 },
                 "attribute": "selector",
-                "reflect": false,
-                "defaultValue": "''"
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
@@ -245,6 +245,24 @@ export class TdsTooltip {
                 "attribute": "offset-distance",
                 "reflect": false,
                 "defaultValue": "8"
+            },
+            "disableLogic": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Decides if the popover should disable its internal logic. Leaving selector or referenceEl empty will disable logic too."
+                },
+                "attribute": "disable-logic",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/components/{p-d70c4fac.js → p-0a052639.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$1 } from './p-7f2b5fef.js';
+import { d as defineCustomElement$1 } from './p-3e1ca414.js';
 
 const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
 const TdsPopoverCanvasStyle0 = popoverCanvasCss;
@@ -10,13 +10,14 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
         super();
         this.__registerHost();
         this.inheritedAttributes = [];
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
         this.placement = 'auto';
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
         this.modifiers = [];
+        this.disableLogic = false;
         this.childRef = undefined;
     }
     /** Property for closing popover programmatically */
@@ -29,12 +30,12 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
     }
     render() {
         var _a;
-        return (h(Host, { key: '6585164269ddef7083e5aed2bcfa4ea5ab7d32ba' }, h("tds-popover-core", Object.assign({ key: '9470ac2faa94611ece2c9394717a7bb9d63eb5b1' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '4ed77f8b8004d757ffdcc82fff8328cb010ea3a9' }, h("tds-popover-core", Object.assign({ key: 'da00016b2f9fa1370e1a60a1bce57a6e17b8a056' }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            } }), h("div", { key: '330a63a0ef5c9f057d877dae9977b8bc25987771' }, h("slot", { key: '38787385e51260e4a140f83d5eb22f03deb6e30e' })))));
+            }, disableLogic: this.disableLogic }), h("div", { key: '341205d74cd392f945be736b50858a2b75e7847d' }, h("slot", { key: '42dee58764e8d5a1f5287e0a878c3859cdfdf74d' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverCanvasStyle0; }
@@ -46,6 +47,7 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
         "offsetSkidding": [2, "offset-skidding"],
         "offsetDistance": [2, "offset-distance"],
         "modifiers": [16],
+        "disableLogic": [4, "disable-logic"],
         "childRef": [32],
         "close": [64]
     }]);

package/dist/components/{p-7f2b5fef.js → p-3e1ca414.js}

@@ -1825,7 +1825,7 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
             event.stopPropagation();
             this.setIsShown(false);
         }.bind(this);
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
         this.placement = 'auto';
@@ -1834,10 +1834,12 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         this.modifiers = [];
         this.trigger = 'click';
         this.autoHide = true;
+        this.disableLogic = false;
         this.renderedShowValue = false;
         this.popperInstance = undefined;
         this.target = undefined;
         this.isShown = false;
+        this.disableLogicState = false;
     }
     /** Property for closing popover programmatically */
     async close() {
@@ -1871,7 +1873,6 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
     onReferenceElChanged(newValue, oldValue) {
         if (newValue !== oldValue) {
             this.initialize({ referenceEl: newValue, trigger: this.trigger });
-            console.log('initialize called from onReferenceElChanged');
         }
     }
     onTriggerChanged(newValue) {
@@ -1879,17 +1880,14 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
             referenceEl: this.referenceEl,
             trigger: newValue,
         });
-        console.log('initialize called from onTriggerChanged');
     }
     initialize({ referenceEl, trigger, }) {
         this.cleanUp();
         if (typeof referenceEl !== 'undefined') {
             this.target = referenceEl;
-            console.log('target set to referenceEl:', referenceEl);
         }
         else {
             this.target = this.selector ? document.querySelector(this.selector) : null;
-            console.log('target set to selector:', this.selector);
         }
         this.popperInstance = this.target
             ? createPopper(this.target, this.host, {
@@ -1909,9 +1907,6 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         if (!this.popperInstance) {
             console.error(`Could not initialize: reference element not found.`);
         }
-        else {
-            console.log('popperInstance initialized');
-        }
         if (trigger === 'click' && this.show === null) {
             this.target.addEventListener('click', this.onClickTarget);
         }
@@ -1941,34 +1936,33 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         (_h = this.popperInstance) === null || _h === void 0 ? void 0 : _h.destroy();
     }
     connectedCallback() {
-        console.log('connectedCallback entry:', this.referenceEl, this.trigger);
+        if ((this.selector === undefined && this.referenceEl === undefined) || this.disableLogic) {
+            this.disableLogicState = true;
+            console.warn('TDS-POPOVER-CORE: Popover internal logic disabled.');
+            return;
+        }
         this.initialize({
             referenceEl: this.referenceEl,
             trigger: this.trigger,
         });
-        console.log('connectedCallback exit:', this.referenceEl, this.trigger);
     }
     componentDidRender() {
-        console.log('componentDidRender entry:', this.popperInstance);
-        if (this.isShown && !this.renderedShowValue) {
+        if (this.isShown && !this.renderedShowValue && !this.disableLogicState) {
             // Here we update the popper position since its position is wrong
             // before it is rendered.
             this.popperInstance.update();
         }
         this.renderedShowValue = this.isShown;
-        console.log('componentDidRender exit:', this.popperInstance);
     }
     disconnectedCallback() {
-        console.log('disconnectedCallback entry:');
         this.cleanUp();
-        console.log('disconnectedCallback exit:');
     }
     render() {
         let hostStyle = {};
         if (this.autoHide) {
             hostStyle = { display: this.isShown ? 'block' : 'none' };
         }
-        return (h(Host, { key: '52121ed62faa4972d61194ffe8c85a07418f3362', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '7401beed5b685f35e9534bfa591ffdc97122edcf' })));
+        return (h(Host, { key: '811d53e1c2a8b4a87e5e319eea4fa1a34084e997', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: 'd529c08dcc752475ec546d74f00d2d33479f4033' })));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -1986,10 +1980,12 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
         "modifiers": [16],
         "trigger": [1],
         "autoHide": [4, "auto-hide"],
+        "disableLogic": [4, "disable-logic"],
         "renderedShowValue": [32],
         "popperInstance": [32],
         "target": [32],
         "isShown": [32],
+        "disableLogicState": [32],
         "close": [64]
     }, [[8, "click", "onAnyClick"], [8, "internalTdsShow", "onTdsShow"]], {
         "show": ["onShowChange"],

package/dist/components/tds-header-dropdown.js

@@ -3,8 +3,8 @@ import { g as generateUniqueId } from './p-11648030.js';
 import { d as defineCustomElement$6 } from './p-30de8ac4.js';
 import { d as defineCustomElement$5 } from './p-0676aa23.js';
 import { d as defineCustomElement$4 } from './p-3e74be57.js';
-import { d as defineCustomElement$3 } from './p-d70c4fac.js';
-import { d as defineCustomElement$2 } from './p-7f2b5fef.js';
+import { d as defineCustomElement$3 } from './p-0a052639.js';
+import { d as defineCustomElement$2 } from './p-3e1ca414.js';
 
 const headerDropdownCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotatetds-z-index(180deg)}:host .state-open .button{position:relative;z-index:901}";
 const TdsHeaderDropdownStyle0 = headerDropdownCss;

package/dist/components/tds-header-launcher.js

@@ -5,8 +5,8 @@ import { d as defineCustomElement$7 } from './p-30de8ac4.js';
 import { d as defineCustomElement$6 } from './p-0676aa23.js';
 import { d as defineCustomElement$5 } from './p-8e74bb22.js';
 import { d as defineCustomElement$4 } from './p-3e74be57.js';
-import { d as defineCustomElement$3 } from './p-d70c4fac.js';
-import { d as defineCustomElement$2 } from './p-7f2b5fef.js';
+import { d as defineCustomElement$3 } from './p-0a052639.js';
+import { d as defineCustomElement$2 } from './p-3e1ca414.js';
 
 const headerLauncherCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
 const TdsHeaderLauncherStyle0 = headerLauncherCss;

package/dist/components/tds-popover-canvas.js

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-d70c4fac.js';
+import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-0a052639.js';
 
 const TdsPopoverCanvas = TdsPopoverCanvas$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-popover-core.js

@@ -1,4 +1,4 @@
-import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-7f2b5fef.js';
+import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-3e1ca414.js';
 
 const TdsPopoverCore = TdsPopoverCore$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-popover-menu.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$2 } from './p-7f2b5fef.js';
+import { d as defineCustomElement$2 } from './p-3e1ca414.js';
 
 const popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
 const TdsPopoverMenuStyle0 = popoverMenuCss;
@@ -10,13 +10,14 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
         super();
         this.__registerHost();
         this.inheritedAttributes = [];
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
         this.placement = 'auto';
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
         this.fluidWidth = false;
+        this.disableLogic = false;
         this.childRef = undefined;
     }
     /** Property for closing popover programmatically */
@@ -29,13 +30,13 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
     }
     render() {
         var _a;
-        return (h(Host, { key: '36c12148ce4507dd4b157fff5be30760d2374bdd' }, h("tds-popover-core", { key: '92d5abfd7e7213dcb22c92fa401a21dfeef76edd', class: {
+        return (h(Host, { key: '4304608f4f9e861855baf58202190e0d75649d6d' }, h("tds-popover-core", { key: '8c29640234fce29c8cf467f5f84c239b6632a9c2', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            } }, h("div", { key: '6b3a893d1d0a9c32a3846c7216a4fdac92a4222c', role: "list" }, h("slot", { key: 'cae075f5e187b5f59638f6f2a9ff8c38e716bcbb' })))));
+            }, disableLogic: this.disableLogic }, h("div", { key: 'e1627372bdcd36ac48c613b69e633066da891fa5', role: "list" }, h("slot", { key: '29551d047ed414e37298194833a5a7510c79e9fe' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverMenuStyle0; }
@@ -47,6 +48,7 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
         "offsetSkidding": [2, "offset-skidding"],
         "offsetDistance": [2, "offset-distance"],
         "fluidWidth": [4, "fluid-width"],
+        "disableLogic": [4, "disable-logic"],
         "childRef": [32],
         "close": [64]
     }]);

package/dist/components/tds-tooltip.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$2 } from './p-7f2b5fef.js';
+import { d as defineCustomElement$2 } from './p-3e1ca414.js';
 
 const tooltipCss = ".tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
 const TdsTooltipStyle0 = tooltipCss;
@@ -35,7 +35,7 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
         ];
         this.inheritedAttributes = [];
         this.text = '';
-        this.selector = '';
+        this.selector = undefined;
         this.referenceEl = undefined;
         this.mouseOverTooltip = false;
         this.trigger = 'hover';
@@ -43,6 +43,7 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
         this.placement = 'bottom';
         this.offsetSkidding = 0;
         this.offsetDistance = 8;
+        this.disableLogic = false;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
@@ -55,7 +56,7 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '6ddab8bdc240b9b286226593656bbc5ab89f375d' }, h("tds-popover-core", Object.assign({ key: '82235fdf92c5d1fb7a63b2a756a59c8516e1e8c2' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '0ba06d727ee800ced695616820ac073fb5edf0bd' }, h("tds-popover-core", Object.assign({ key: 'c361b1cec7c55cc6ce2a758f647f9e5022929cf6' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -64,7 +65,7 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            } }), this.text, h("slot", { key: '579448ad9309452a0be5aedb906da8059f56b122' }))));
+            }, disableLogic: this.disableLogic }), this.text, h("slot", { key: 'd38f0605a9b903b7aed147c65bb2aa98a885c73b' }))));
     }
     get host() { return this; }
     static get style() { return TdsTooltipStyle0; }
@@ -77,7 +78,8 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
         "show": [1028],
         "placement": [1],
         "offsetSkidding": [2, "offset-skidding"],
-        "offsetDistance": [2, "offset-distance"]
+        "offsetDistance": [2, "offset-distance"],
+        "disableLogic": [4, "disable-logic"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {