@scania/tegel 1.18.0-1.18.0-tdsheaderitembeta.2 → 1.18.0-beta.2

package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js

@@ -14,7 +14,7 @@ const TdsHeaderLauncherGridTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '7c58a138aeb6e49fa3de68cf39de273eb37db6b5' }, index.h("h3", { key: '1d775b23a798f3433f985357932c114e943bd698', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: 'e9599ac31c5e637b578c406ee1f4299f40878009' }))));
+        return (index.h(index.Host, { key: 'b095e1745d756e7df2a4fbcc0cb95203f8c0dd15' }, index.h("h3", { key: '3f46748a885ce336fce8e848e88c8385049c4033', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: '13f3ecc6175e1cad6528a01b5daa6452a955b56e' }))));
     }
 };
 TdsHeaderLauncherGridTitle.style = TdsHeaderLauncherGridTitleStyle0;

package/dist/cjs/tds-header-launcher-grid.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
-const isHeadingElement = require('./isHeadingElement-4f06b688.js');
+const getPreviousNestedChildOfSiblingsMatching = require('./getPreviousNestedChildOfSiblingsMatching-4e700df1.js');
 require('./dfs-84f7f63e.js');
 
 const headerLauncherGridCss = ".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";
@@ -16,9 +16,9 @@ const TdsHeaderLauncherGrid = class {
     }
     componentWillLoad() {
         const listRoot = this.host;
-        const headingEl = isHeadingElement.getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {
+        const headingEl = getPreviousNestedChildOfSiblingsMatching.getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {
             const e = el;
-            return isHeadingElement.isHeadingElement(e);
+            return getPreviousNestedChildOfSiblingsMatching.isHeadingElement(e);
         });
         if (headingEl) {
             this.headingElement = headingEl;
@@ -34,7 +34,7 @@ const TdsHeaderLauncherGrid = class {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (index.h(index.Host, { key: '8a88bd51ef2e16f9c1ce67bbd7d178692a223c22' }, index.h("div", Object.assign({ key: '8e5025c3d1563d5765a3cfce1e3d4f50bdf5caf4' }, listAttributes), index.h("slot", { key: '0b4bc10cd7aa8fa1d6c0a15ea9a9997f74ad32c3' }))));
+        return (index.h(index.Host, { key: '3ca92ef28fe905f448679807bba463d8427d2ba1' }, index.h("div", Object.assign({ key: '896b03c9f0fdb7cf318600cefe6e0f5aae5007ab' }, listAttributes), index.h("slot", { key: '0e6ec5b644c19a1173cc5dcda96dbcac7debfcef' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const tagName = require('./tagName-3399a06c.js');
 
 const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";
 const TdsHeaderLauncherListItemStyle0 = headerLauncherListItemCss;
@@ -12,8 +13,10 @@ const TdsHeaderLauncherListItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1b2afd6810710416ac4362d00af34f2ec889ea1f' }, index.h("tds-header-dropdown-list-item", { key: '860b07b16c713c8a74e7443c452263e054c6aebd', size: "lg" }, index.h("slot", { key: '521f412cd86ae413537bca6821f9c95bce075f63' }))));
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: 'ce1b1850d4775f61935e9893a45a4aa6309e180c' }, index.h(prefixedTagNames.tdsHeaderDropdownListItem, { key: '73ec49c152b0b89d697dc2e60cd1ec43e45913ef', size: "lg" }, index.h("slot", { key: '95aecaee748a3631881b3a5053b5795dd7de02e1' }))));
     }
+    get host() { return index.getElement(this); }
 };
 TdsHeaderLauncherListItem.style = TdsHeaderLauncherListItemStyle0;
 

package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js

@@ -14,7 +14,7 @@ const TdsHeaderLauncherListTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '84abee543dcf0f2f6db9e66b32cd89ddb3fb756a' }, index.h("h3", { key: 'd2eb2ab7b39ac0a0d250ebf63ef22b309c10c9a6', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: 'edb11a0e6742372432b8f02763d6cf233bdca0cd' }))));
+        return (index.h(index.Host, { key: 'cbb9bf06629c54432a690fdd3eeb4031f10504fc' }, index.h("h3", { key: '5dcd1844afce1919882ee63fb27adfd499b844fa', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '7f89b60a74c14336cc9ceb1f83199920c78dc87b' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-header-launcher-list.cjs.entry.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
+const tagName = require('./tagName-3399a06c.js');
 
 const TdsHeaderLauncherList = class {
     constructor(hostRef) {
@@ -11,8 +12,10 @@ const TdsHeaderLauncherList = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '3e4fe30a4ec6234898314d838831ffccdaf37ccf' }, index.h("tds-header-dropdown-list", { key: '0a3926403b5800b45433edd035f700a6778bbc2b', size: "lg" }, index.h("slot", { key: 'bcbe4495b9f136b07a5c3c1e7062ec116707a5e4' }))));
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '26a833f61af492c2d1a37063e0b03c61eece87e1' }, index.h(prefixedTagNames.tdsHeaderDropdownList, { key: 'e6c01161fa004825bdf91c3a5c3d3ac8bbfcf3b5', size: "lg" }, index.h("slot", { key: '497ffc699f0ac8804f35c6040ad4b7c9765839cc' }))));
     }
+    get host() { return index.getElement(this); }
 };
 
 exports.tds_header_launcher_list = TdsHeaderLauncherList;

package/dist/cjs/tds-header-launcher.cjs.entry.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
+const tagName = require('./tagName-3399a06c.js');
+const getDirectChildHTMLElementOfKind = require('./getDirectChildHTMLElementOfKind-6e210da2.js');
 require('./inheritAttributes-ff9ad737.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}";
@@ -26,7 +28,7 @@ const TdsHeaderLauncher = class {
         }
     }
     componentDidLoad() {
-        const hasListTypeMenu = !!this.host.querySelector('tds-header-launcher-list');
+        const hasListTypeMenu = getDirectChildHTMLElementOfKind.getDirectChildHTMLElementOfKind(this.host, 'tds-header-launcher-list').length >= 1;
         this.hasListTypeMenu = hasListTypeMenu;
     }
     toggleLauncher() {
@@ -39,11 +41,12 @@ const TdsHeaderLauncher = class {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (index.h(index.Host, { key: '28c3cec9d319219a00783f0743fc7e035b9b63f5' }, index.h("div", { key: 'a4372783a69578e1965bb14b2b3ad12e2752c472', class: {
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '7e72228afe40b13614b4eca786492b86944345a8' }, index.h("div", { key: '1063514167e0e4bc7d53ba739be9fbee93a8f757', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, index.h("tds-header-launcher-button", Object.assign({ key: 'cad014a13dcd193c0b829033d600c07a342a78cc' }, buttonAttributes)), this.buttonEl && (index.h("tds-popover-canvas", { key: '64c9c7e77f6e6825bd0ace40543e10c1444cb290', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, index.h(prefixedTagNames.tdsHeaderLauncherButton, Object.assign({ key: 'b069993d8c4a123428d0ddc024829a07fab4a624' }, buttonAttributes)), this.buttonEl && (index.h(prefixedTagNames.tdsPopoverCanvas, { key: '27548779b1efb005a8d89c4afe4cd515cb20cbf1', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

package/dist/cjs/tds-header-title.cjs.entry.js

@@ -12,7 +12,7 @@ const TdsHeaderTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h4", { key: 'd0bfee02a1d63152fa37d725a5ebcac55289abb0' }, index.h("slot", { key: '84559dcb52093997b8b0791257448e0a0c6aa019' })));
+        return (index.h("h4", { key: 'eccc6bdc25cacf555263b9ed5be7fb9a2017f60e' }, index.h("slot", { key: '3ae13db7cb7224eaed0f419e815c245a80c0f845' })));
     }
 };
 TdsHeaderTitle.style = TdsHeaderTitleStyle0;

package/dist/cjs/tds-header.cjs.entry.js

@@ -21,29 +21,22 @@ const updateListChildrenRoles = (targetNode) => {
     });
 };
 
-const headerCss = ":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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
+const headerCss = ":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}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}.tds-header__header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav .tds-header__dropdown,nav .tds-header__item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav .tds-header__dropdown,nav .tds-header__item{display:block}}nav .tds-header__item:nth-child(3),nav .tds-header__dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
 const TdsHeaderStyle0 = headerCss;
 
 const TdsHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        console.log('TdsHeader: constructor');
         const callback = (mutationsList) => {
             mutationsList.forEach((mutation) => {
                 if (mutation.type === 'childList') {
-                    console.log('TdsHeader: Mutation observed - childList changed');
                     updateListChildrenRoles(mutation.target);
                 }
             });
         };
         this.observer = new MutationObserver(callback);
     }
-    handleSlotChange() {
-        console.log('TdsHeader: handleSlotChange called');
-        this.applyNameEnd();
-    }
     componentDidLoad() {
-        console.log('TdsHeader: componentDidLoad');
         const hostElement = this.host;
         const navElement = hostElement.querySelector('.tds-header-component-list');
         this.observer.observe(navElement, {
@@ -52,18 +45,12 @@ const TdsHeader = class {
         });
         updateListChildrenRoles(navElement);
     }
-    applyNameEnd() {
-        console.log('TdsHeader: applyNameEnd called');
-        // Any additional code for `applyNameEnd` can go here
-    }
     disconnectedCallback() {
-        console.log('TdsHeader: disconnectedCallback');
         this.observer.disconnect();
     }
     render() {
-        console.log('TdsHeader: render');
         const navAttributes = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: 'c6cd83c7b46fcebb36fddaa1eac94a9720d5dd73' }, index.h("slot", { key: '1555d5e8ce3ddffa75be96a2254d5c7d1ea9fecb', name: "hamburger" }), index.h("slot", { key: '57e04184071ea0a7d435e7c2567d0c44ee97398f', name: "title" }), index.h("nav", Object.assign({ key: '7af87c6e808800c4db754c6f97020758b26e7cd2' }, navAttributes), index.h("ul", { key: '99be737f48c27a700a16af5d8e0f38ffa076fbea', class: "tds-header-component-list" }, index.h("slot", { key: 'bd3a97a97e0e517973c4ac1236aa8e034e7843ee' }), index.h("li", { key: '4f8809818c4e61bf653866831814c9f7f9355a5f', class: "tds-header-middle-spacer" }), index.h("slot", { key: '6377b00ad6c78336b5aa93441eadd56939c9247a', onSlotchange: () => this.handleSlotChange(), name: "end" })))));
+        return (index.h(index.Host, { key: '1e65712e11267defd7590a7f4769e5e553137f04', class: "tds-header__header" }, index.h("slot", { key: '830f824cc36667999b00b947d6589094276b4ca1', name: "hamburger" }), index.h("slot", { key: '063fca5b8caf0e072443b99bf20a5f344557d838', name: "title" }), index.h("nav", Object.assign({ key: '98a8433a655ca99f2535d71b7b2a1d5ff354ca80' }, navAttributes), index.h("ul", { key: '613c6cd171c8fe223e9d82b0f78a0e805676bffb', class: "tds-header-component-list" }, index.h("slot", { key: 'a3ec4fe9002960527b77df577e50f4b975f485f7' }), index.h("li", { key: '19596ec2902daa179731cfab07018d8fd3b525e6', class: "tds-header-middle-spacer" }), index.h("slot", { key: '291db6f1b534181ad30f87d18e5daf967bd92e55', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-icon.cjs.entry.js

@@ -38,7 +38,7 @@ const Icon = class {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return index.h(index.Host, { key: '905914904d2afac05280f9daf9834b89aa3ec14f' }, this.setIcons());
+        return index.h(index.Host, { key: '2efc81167f5b7b5b9965b198d3a5365a745c36f0', class: "tds-icon__icon" }, this.setIcons());
     }
 };
 Icon.style = TdsIconStyle0;

package/dist/cjs/tds-inline-tabs.cjs.entry.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const tagName = require('./tagName-3399a06c.js');
 
 const inlineTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsInlineTabsStyle0 = inlineTabsCss;
@@ -174,9 +175,10 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '71f42e22f75a1fe4ca4f906b2151ed1a4c324e51', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '33e457be72862e642f2a867243f6325f94d210e8', class: "wrapper", ref: (el) => {
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: 'd84f86419af02d8d561077d932936f797fbfb31b', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '604702fca926fbe3dafe9fec6e9d2fc62c3d8a41', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '786a1655c5efe5f2a079c62cb89300a99149c3fb', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'df2f3798cb6cb4ea446932cdf8ce84ac068c57ff', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'b5e14ca573a2ac7a4e20defd05b412a941e72f0b', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'da0b823e674c5eacd325f69e98e14f4def9c477f', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '2bdd7110bb4b22c4dfabc1a5ef2acf9e7592b9b9', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'a235a8a7277de2e9d1c6db6b395674b00e3bf278', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h(prefixedTagNames.tdsIcon, { key: 'b1252b30f2a18611c897c2f031babec979949fe1', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'e7123725b3d0633ffe0d2e7adf54e5e32a5468f2', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'b3f17859e2612fdf8372e3ca41cf626ee9602d4a', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h(prefixedTagNames.tdsIcon, { key: '89c0cafa8d776336d3f79515eeda89155a1cb06c', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-link.cjs.entry.js

@@ -17,10 +17,10 @@ const TdsLink = class {
         this.host.children[0].classList.add('tds-link-component');
     }
     render() {
-        return (index.h("span", { key: 'd812a60488213cdd31c3ace934ae93c3b3781cf9', class: `        
+        return (index.h("span", { key: 'ac78b9966c1ce4cc0413c945c0b230ba5ef9f7cc', class: `        
           ${this.disabled ? 'disabled' : ''}
           ${!this.underline ? 'no-underline' : ''}
-          ` }, index.h("slot", { key: '2b9675a2abd7b7c16200cda28fa5ded499c03fcd' })));
+          ` }, index.h("slot", { key: '4862d09ae448b87af8c503923a3b5828e7286e5b' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-message.cjs.entry.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const tagName = require('./tagName-3399a06c.js');
 
-const messageCss = ":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";
+const messageCss = ":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information .icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success .icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error .icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning .icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host .icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";
 const TdsMessageStyle0 = messageCss;
 
 const TdsMessage = class {
@@ -31,11 +32,13 @@ const TdsMessage = class {
         this.minimal = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'b270c0935bf7eb09d16df32854c5a9411a78fba9' }, index.h("div", { key: '668d8a6a940ce0f972c2398d063640b38e307219', class: `
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '8658fa43c508ef6b60fd3f6a6cbcdaf892f769ed' }, index.h("div", { key: 'd38d9f83f5d179bd899badd00f1f504988da8deb', class: `
         wrapper ${this.variant}
         ${this.minimal ? 'minimal' : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && index.h("tds-icon", { key: 'bfa6b4c85c649cd3cff00eb121ba9df08b02d65f', name: this.getIconName(), size: "20px" }), index.h("div", { key: '4239603ea7d58ed79ea6bb4cf212d4405204b2a6', class: `content` }, this.header && index.h("div", { key: '5c8ad00a65d6310a86a353580e98e45b056c9a96', class: "header" }, this.header), !this.minimal && (index.h("div", { key: 'd0087a45aa622374dfcc1b6d791a82b0c14b64cf', class: "extended-message" }, index.h("slot", { key: '8fdfd7079bc6473ea8d8eff72874827f3f9bcae1' })))))));
+        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && (index.h(prefixedTagNames.tdsIcon, { key: 'a4b4bd55fe53acd7549284d4bb805569d61ccd5a', class: "icon", name: this.getIconName(), size: "20px" })), index.h("div", { key: 'e9e24d412635b3e2d43da64d9dfcdc8d837698de', class: `content` }, this.header && index.h("div", { key: 'b939d197c8d6dfacf092006b4820b9d29b83ae9b', class: "header" }, this.header), !this.minimal && (index.h("div", { key: '9bf431350378dfd70cfa22f120ab3ccee7bfcc48', class: "extended-message" }, index.h("slot", { key: '4533896d9fc5916dca6a8dcadda502dbbda60ce1' })))))));
     }
+    get host() { return index.getElement(this); }
 };
 TdsMessage.style = TdsMessageStyle0;
 

package/dist/cjs/tds-modal.cjs.entry.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 const hasSlot = require('./hasSlot-1c90e9ba.js');
+const tagName = require('./tagName-3399a06c.js');
 
 const modalCss = ".tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-24) var(--tds-spacing-element-16) var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:var(--tds-spacing-element-16);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05) !important;letter-spacing:var(--tds-headline-05-ls) !important;margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);overflow-y:visible;padding:0 var(--tds-spacing-element-16) var(--tds-spacing-element-16);}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";
 const TdsModalStyle0 = modalCss;
@@ -117,7 +118,8 @@ const TdsModal = class {
     render() {
         const usesHeaderSlot = hasSlot.hasSlot('header', this.host);
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
-        return (index.h(index.Host, { key: 'c39328a5796996173d2a484b7b509d03524cb2d6', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: 'f270ed2ab8f671418d5196cda7d4085d6fa69d02', class: "tds-modal-backdrop" }), index.h("div", { key: '8d4670500365548f786a3c6200f9395998198ac0', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '27a05c42f14827b74b560e1f0b23286c851ff676', class: "header" }, this.header && index.h("div", { key: 'dadbb997eec4b06e6a64a7cdc800603653053862', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '07beeba1aea6030fd1c9f2c0aac132828e28a481', name: "header" }), this.closable && (index.h("button", { key: 'e2c25399c520409e8d98345d715a9ea9a4ddfb14', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'd74d288daea98783e8f4649e0320ce1f9e3b68d0', name: "cross", size: "20px" })))), index.h("div", { key: '594f17d9eba2cb2ec6ffc7382669caba1f5f525a', class: "body" }, index.h("slot", { key: 'dcdaede2986c40a927a74608bed7145696871962', name: "body" })), usesActionsSlot && index.h("slot", { key: 'e0403d1f1201833742925ae8cbb599c2d9ba7b94', name: "actions" }))));
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: 'd8d4663bf34447a7c437a2548eb5cb7b54966904', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '22deee723aad6d1c6911ac1a4d9fdfb3c49ee9d7', class: "tds-modal-backdrop" }), index.h("div", { key: 'a02ddd0a4c7cc15e3a88ee4afeb9fa11e05a0920', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: 'e5025289a4bc71e088dbae5addfac7283afe4cd4', class: "header" }, this.header && index.h("div", { key: '0b8036a08d88e61e7a25d718184e78f1662fc71b', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'e560702407b26f9e87699ad2c88f7767925d95b0', name: "header" }), this.closable && (index.h("button", { key: 'e6ab572230e9cf42aee383082b2471999e59fa84', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h(prefixedTagNames.tdsIcon, { key: 'e7d152b8e78c76eb89bcbd37a951bacdcd1a189d', name: "cross", size: "20px" })))), index.h("div", { key: '4f60b951463c91015d753e3baaec55a0d2f61557', class: "body" }, index.h("slot", { key: '13fadc6021577e560a8302679ba05c66609992ff', name: "body" })), usesActionsSlot && index.h("slot", { key: '71d510b8442111c272610d8b6334e7a11e548ebe', name: "actions" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-navigation-tabs.cjs.entry.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const tagName = require('./tagName-3399a06c.js');
 
 const navigationTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsNavigationTabsStyle0 = navigationTabsCss;
@@ -174,9 +175,10 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: 'fa440271f692e4893d4374ccd081308b5b4623e5', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '434fba65da78ac84c018252c52440d20984ab7b3', class: "wrapper", ref: (el) => {
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '3fc213fbbd4aca3a8cf174c54bbd3bc5592081d8', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '2ea4a81415f97413972248073d3662b8570556d8', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '29d8d76a06c82f06b1c2aa15a3d023d238b05f10', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '1936dee5d3476a0d2c46b4d64a7a26848320c9d7', name: "chevron_left", size: "20px" })), index.h("slot", { key: '9e4cffce9188a7d517636e4b32ef8574a8bea78a', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '3af05aee3183425bdcd5c2f5f65f0c8920ba8622', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '075726ba4074a4e9452248115968d3b21104e929', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '755cb2e82df972679f60bd970a8c109b598102c3', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h(prefixedTagNames.tdsIcon, { key: '464442e41ffb43d78fb43addea3f889021399f42', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'b9f6b22e2b3aee60c722f164b0604e06b27eff63', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'a8ba2569f8c6fa3368a32567cde0203489ac393d', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h(prefixedTagNames.tdsIcon, { key: 'afd428866b64952394eec13bd378da3ed5424a3f', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-popover-canvas.cjs.entry.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
+const tagName = require('./tagName-3399a06c.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;
@@ -31,12 +32,13 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '6585164269ddef7083e5aed2bcfa4ea5ab7d32ba' }, index.h("tds-popover-core", Object.assign({ key: '9470ac2faa94611ece2c9394717a7bb9d63eb5b1' }, this.inheritedAttributes, { class: {
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '4dfa496e7ce0d92c2575832b8289440fddc1e57a' }, index.h(prefixedTagNames.tdsPopoverCore, Object.assign({ key: '588b26ceae93946774d39e3aa7382f40b82052fa' }, 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;
-            } }), index.h("div", { key: '330a63a0ef5c9f057d877dae9977b8bc25987771' }, index.h("slot", { key: '38787385e51260e4a140f83d5eb22f03deb6e30e' })))));
+            } }), index.h("div", { key: 'c8fa624a0f6b65f77ea8ddf8f576ade6899b1f7c' }, index.h("slot", { key: '0c91f6654cb2a3e51ffd8f5f66c46fc673313b00' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-popover-core.cjs.entry.js

@@ -1957,7 +1957,7 @@ const TdsPopoverCore = class {
         if (this.autoHide) {
             hostStyle = { display: this.isShown ? 'block' : 'none' };
         }
-        return (index.h(index.Host, { key: '7829c25ef7722b84b829c59135df59cafd745338', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '0cf6fceefad0557bce25ac728d36ff177794ef96' })));
+        return (index.h(index.Host, { key: 'b0731931ab490f2003c8c29e1cf6c61163c614d9', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '3e0c276eb679436168b488eead06f30b5ec8225d' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-popover-menu-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const popoverMenuItemCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{pointer-events:none;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
+const popoverMenuItemCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{pointer-events:none;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled ::slotted(.tds-icon__icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host ::slotted(*:not(.tds-icon__icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
 const TdsPopoverMenuItemStyle0 = popoverMenuItemCss;
 
 const TdsPopoverMenuItem = class {
@@ -13,10 +13,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'efdc72f869be19ff2d96dbb2e88610d69011a6ee', role: "listitem" }, index.h("div", { key: '9313583023cc2cf6d21454e979f37de83030476a', class: {
+        return (index.h(index.Host, { key: '394e2fd1ee96323b2db9398a2e48c1a2cfdd6611', role: "listitem" }, index.h("div", { key: '452da1f9627c7c5db647fa91072ef735cd0a06d3', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: 'a12d405a1bc0f1e5ddc75d52c25a8ca0b53d6427' }))));
+            } }, index.h("slot", { key: '7a3d7a8415116fc625363c6378caf66a9ff026c1' }))));
     }
 };
 TdsPopoverMenuItem.style = TdsPopoverMenuItemStyle0;

package/dist/cjs/tds-popover-menu.cjs.entry.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
+const tagName = require('./tagName-3399a06c.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 popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:6px 0 !important;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}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
 const TdsPopoverMenuStyle0 = popoverMenuCss;
 
 const TdsPopoverMenu = class {
@@ -31,13 +32,14 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '36c12148ce4507dd4b157fff5be30760d2374bdd' }, index.h("tds-popover-core", { key: '92d5abfd7e7213dcb22c92fa401a21dfeef76edd', class: {
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: 'e5f323655f7cbd3a11dd14d9f078d419ff97d3e1' }, index.h(prefixedTagNames.tdsPopoverCore, { key: 'aa67f812691dcc09f2da0a78a4e6d4b01310f19d', 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;
-            } }, index.h("div", { key: '6b3a893d1d0a9c32a3846c7216a4fdac92a4222c', role: "list" }, index.h("slot", { key: 'cae075f5e187b5f59638f6f2a9ff8c38e716bcbb' })))));
+            } }, index.h("div", { key: 'd6e85e1d7c17afc4688cd78b6847dcebc72e7241', role: "list" }, index.h("slot", { key: '34d0991b86c98ea2b33da2f3f5883933aef4921c' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-radio-button.cjs.entry.js

@@ -26,7 +26,7 @@ const TdsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: 'b6c39a5831fdebb5dc6dad6ddf819544a9ae2844', class: "tds-radio-button" }, index.h("input", { key: 'bf4455eb7169141c79ff24bff8259572864daf27', class: "tds-form-input", type: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange() }), index.h("label", { key: '3fd2d122f6fe481bcebfda7f0bc90aa4530f1e82', htmlFor: this.radioId }, index.h("slot", { key: 'cb45cf63c06a52dac0704757462a2528464f6e23', name: "label" }))));
+        return (index.h("div", { key: '9981b311527401585e8d856efd31d400ef4f04ff', class: "tds-radio-button" }, index.h("input", { key: '42376124bb5c5111034cf33328312417696c1f4f', class: "tds-form-input", type: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange() }), index.h("label", { key: 'dcae7b92564cdc7ffea21bc6962a58c47f4fa7e1', htmlFor: this.radioId }, index.h("slot", { key: 'a1d77af8e076cac6d1959dbc393f11b6d4362756', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-close-button.cjs.entry.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
+const tagName = require('./tagName-3399a06c.js');
 require('./inheritAttributes-ff9ad737.js');
 
 const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";
@@ -15,7 +16,8 @@ const TdsSideMenuCloseButton = class {
     }
     render() {
         const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '1dff25b895f341657373ab020116e5c4c0f7af67' }, index.h("button", Object.assign({ key: 'e2c3af974cfc7f9c9e0ec5b64c199fcda0408279' }, buttonProps), index.h("tds-icon", { key: 'aa56689766fe0c49e8d8d591c9f741a24dd85cc8', name: "cross", size: "20px" }))));
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '7486dc122a3662d92d55c8195f406eb744c4d1ff' }, index.h("button", Object.assign({ key: 'cb982f67321cd23e4483bf4f42096cf5c5e6f032' }, buttonProps), index.h(prefixedTagNames.tdsIcon, { key: '18441a77bfab2dc8886f25a393cc2a862351cc30', name: "cross", size: "20px" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const tagName = require('./tagName-3399a06c.js');
+const findClosestComponent = require('./findClosestComponent-64302a79.js');
 
 const sideMenuCollapseButtonCss = ":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";
 const TdsSideMenuCollapseButtonStyle0 = sideMenuCollapseButtonCss;
@@ -32,18 +34,19 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = event.detail.collapsed;
     }
     connectedCallback() {
-        this.sideMenuEl = this.host.closest('tds-side-menu');
+        this.sideMenuEl = findClosestComponent.findClosestComponent(this.host, 'tdsSideMenu');
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '15266cdc6a39373563c89553817e1a6777f01f1c', role: "button", tabindex: "0", onClick: () => {
+        const prefixedTagNames = tagName.getPrefixedTagNames(this.host);
+        return (index.h(index.Host, { key: '1047ada52c0e2a2a5572c1c57a61c42e7d5a047f', role: "button", tabindex: "0", onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { key: '813da1c78798289b4eed8342b6c00a837ae04b24', class: {
+            } }, index.h("div", { key: 'f3dc464aa050e5b764109d26ee1125290bff5fbb', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '44321406d890c741fff0ad1df9576588a6658ea5', class: {
+            } }, index.h(prefixedTagNames.tdsSideMenuItem, { key: '558708845ccf578ba3df7a39e0c3ae0838699cad', class: {
                 button: true,
-            } }, index.h("a", { key: '7e214b15daa5dac9df931a5d15f6ed80a52b5f7d' }, index.h("svg", { key: '61928c3ba4c6e2357a426f0c0ca1a0de86365b6a', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '5cbbfe5239506f994a0b17f11cae1ded3c1f643e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && index.h("slot", { key: 'b63370f60320b46557e7d40cfad048e29c60109f' }))))));
+            } }, index.h("a", { key: '87b0fe1659908e89e1fb918fb1c65c9b1f879898' }, index.h("svg", { key: '1aec6d540f3e18cbd001e310623dded8f75d6ca3', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: 'f829cdd43f848fe3ee44d8c926f483219c3b8260', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && index.h("slot", { key: '076c082597d1f0fbc8aaf251ef30f61687c043e1' }))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const findClosestComponent = require('./findClosestComponent-64302a79.js');
+require('./tagName-3399a06c.js');
 
 const sideMenuDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-header-nav-item-dropdown-opened-background-hover);cursor:pointer}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-header-nav-item-dropdown-opened-background-active) !important;cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){border-left:4px solid var(--tds-nav-item-border-color-active);padding-left:20px;background-color:var(--tds-header-nav-item-dropdown-opened-background-selected)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding-left:56px}";
 const TdsSideMenuDropdownListItemStyle0 = sideMenuDropdownListItemCss;
@@ -19,27 +21,27 @@ const TdsSideMenuDropdownListItem = class {
     }
     connectedCallback() {
         var _a;
-        this.sideMenuEl = this.host.closest('tds-side-menu');
+        this.sideMenuEl = findClosestComponent.findClosestComponent(this.host, 'tdsSideMenu');
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     componentDidLoad() {
         var _a;
-        const dropdownEl = this.host.closest('tds-side-menu-dropdown');
+        const dropdownEl = findClosestComponent.findClosestComponent(this.host, 'tdsSideMenuDropdown');
         const dropdownBtnIconSlotEl = dropdownEl.shadowRoot.querySelector('slot[name="icon"]');
         const btnIconSlottedEls = dropdownBtnIconSlotEl.assignedElements();
         const hasBtnIcon = (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0;
-        const btnIconIsUserImage = ((_a = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === 'tds-side-menu-user-image';
+        const btnIconIsUserImage = (_a = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase().endsWith('tds-side-menu-user-image');
         if (hasBtnIcon && !btnIconIsUserImage) {
             this.dropdownHasIcon = true;
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bd99626dab1cff34e10b5da4bc8f9ff22663e31e', role: "listitem" }, index.h("div", { key: '4a736b170841b2c195b86c18758d3e4a9e93193e', class: {
+        return (index.h(index.Host, { key: 'c47e1fad9e2a430ad64402a8e48af6a7b24a330d', role: "listitem" }, index.h("div", { key: '8647c8716ecbb51c642a257727ec8c48c4a9bd60', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'e6d3f6d36ebd7d73f03d8eed18a86332ff90cd5b' }))));
+            } }, index.h("slot", { key: '8d2c7082086a0854b4990559106f0ef136a40f60' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
+const findClosestComponent = require('./findClosestComponent-64302a79.js');
+require('./tagName-3399a06c.js');
 
 const sideMenuDropdownListCss = ":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}";
 const TdsSideMenuDropdownListStyle0 = sideMenuDropdownListCss;
@@ -17,13 +19,13 @@ const TdsSideMenuDropdownList = class {
     }
     connectedCallback() {
         var _a;
-        this.sideMenuEl = this.host.closest('tds-side-menu');
+        this.sideMenuEl = findClosestComponent.findClosestComponent(this.host, 'tdsSideMenu');
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '87a06385e330eb2d65def2676ff78a09ad87d029', role: "list" }, index.h("div", { key: '284f409bfc8b24cea7047dd631a8895591f18a5c', class: {
+        return (index.h(index.Host, { key: '6b8f6c8119ebc648207b04e31c4e4741ef01c0b5', role: "list" }, index.h("div", { key: '14b3b0bccbcfbca94112c8b28c455f7969257cad', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'fdd823c6bb4fedfe12586edb58805d5588fa07e7' }))));
+            } }, index.h("slot", { key: '987f9c7e4b31aefca9686821bec1257427812a21' }))));
     }
     get host() { return index.getElement(this); }
 };