@scania/tegel 1.47.2 → 1.48.0-beta.0-tabbing-test

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

@@ -1,16 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
-
-const headerDropdownCss = ":host,:root{--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-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:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";
-const TdsHeaderDropdownStyle0 = headerDropdownCss;
+const headerDropdownCss = () => `:host,:root{--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-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:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}`;
 
 const TdsHeaderDropdown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /** If the dropdown icon (downwards chevron) should be hidden. */
+        this.noDropdownIcon = false;
+        /** If the button that opens the dropdown should appear selected. */
+        this.selected = false;
+        this.open = false;
         this.uuid = generateUniqueId.generateUniqueId();
         this.handleSlottedItemClick = (event) => {
             const eventSource = event.target.tagName.toLowerCase();
@@ -18,12 +20,6 @@ const TdsHeaderDropdown = class {
                 this.open = false;
             }
         };
-        this.label = undefined;
-        this.noDropdownIcon = false;
-        this.selected = false;
-        this.tdsAriaLabel = undefined;
-        this.open = false;
-        this.buttonEl = undefined;
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -53,13 +49,13 @@ const TdsHeaderDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5ea7f4d3d53fd8d4148bcf1bc0f7444a6b7469f8' }, index.h("div", { key: 'e972495e46f96576fb28bba38f9bca68fd6d901e', class: {
+        return (index.h(index.Host, { key: '8ee8ab6cb72cce6aaaf6e360e6e8ba13435cd163' }, index.h("div", { key: '6d1ab649962e2636451fb14d77a52f6046729402', class: {
                 'state-open': this.open,
-            } }, index.h("tds-header-item", { key: 'f45bd2e8c6f2b1258e415cc111691dd282cdb3f9', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: 'f1bce15e1258647503e4a24f6cf7d7f5eb641cdd', ref: (el) => {
+            } }, index.h("tds-header-item", { key: '8e8172a694d3469b6dd6fbac685ab7d78ae36794', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: '53d7fe83d252f206cccbbb6676d0ee1fe3a796b1', ref: (el) => {
                 this.buttonEl = el;
             }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
                 this.toggleDropdown();
-            }, "aria-label": this.tdsAriaLabel }, index.h("slot", { key: '2b392ba923ee98e3c2bd5c86ae8cbb3eb78bf182', name: "icon" }), this.label, index.h("slot", { key: '0fc721ebf454e77770b7aeca79296f5a65d6031e', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: 'd8fa1bda5368e8694f429f5724d06fb5de010a50', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: '894eb3d523ddb8f8a9b6e0dc248730bb13173c88', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            }, "aria-label": this.tdsAriaLabel }, index.h("slot", { key: 'd01b607d64f798b69d0ad9b6776ab7e7b9e9b7aa', name: "icon" }), this.label, index.h("slot", { key: '353fd19c103f91d7ec328bb99626c65670e58a6e', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: 'd0d8dd4d6edb1ef403b0f4489158160a62128b05', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: '9e38d42b342b9499f6cde00ad3e1649e7f63b1b3', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {
@@ -70,6 +66,6 @@ const TdsHeaderDropdown = class {
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderDropdown.style = TdsHeaderDropdownStyle0;
+TdsHeaderDropdown.style = headerDropdownCss();
 
 exports.tds_header_dropdown = TdsHeaderDropdown;

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

@@ -1,25 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
+require('./inheritAttributes-CGw91JfB.js');
 
-const index = require('./index-ca8040ad.js');
-const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
-require('./inheritAttributes-ff9ad737.js');
-
-const headerHamburgerCss = ":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";
-const TdsHeaderHamburgerStyle0 = headerHamburgerCss;
+const headerHamburgerCss = () => `:host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}`;
 
 const TdsHeaderHamburger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.tdsAriaLabel = undefined;
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: 'e5d7142a6d589d1b936ae4dc8376be0e03190271' }, index.h("tds-header-item", { key: '0945e350bb89ba977327c92917af457003c48fb9' }, index.h("button", Object.assign({ key: 'ade6457641c2e789dc631dad8df7491c5da53a93' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: 'b900d3c953cff83c99be40b3785a650aa984ee6a', class: "icon", name: "burger", size: "20px" })))));
+        return (index.h(index.Host, { key: 'fe2a26ffc234bc56fecdac71f7a25c71a723b4da' }, index.h("tds-header-item", { key: '3b031d8b4ea422fcba2ad615a0ad0d985bc21825' }, index.h("button", Object.assign({ key: '047269f67b9b756ea64e2669d043043ac89192c9' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: '68fb5a7d1b94ddc0a6a4132ce40c1ba031f87e74', class: "icon", name: "burger", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderHamburger.style = TdsHeaderHamburgerStyle0;
+TdsHeaderHamburger.style = headerHamburgerCss();
 
 exports.tds_header_hamburger = TdsHeaderHamburger;

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

@@ -1,27 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
+require('./inheritAttributes-CGw91JfB.js');
 
-const index = require('./index-ca8040ad.js');
-const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
-require('./inheritAttributes-ff9ad737.js');
-
-const headerLauncherButtonCss = ":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";
-const TdsHeaderLauncherButtonStyle0 = headerLauncherButtonCss;
+const headerLauncherButtonCss = () => `:host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}`;
 
 const TdsHeaderLauncherButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /** If the button should appear active. Can be used when the button is
+         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
-        this.tdsAriaLabel = undefined;
     }
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes.inheritAriaAttributes(this.host));
         const buttonProps = Object.assign({}, this.ariaAttributes);
-        return (index.h(index.Host, { key: '72018ce054eb1c8c0d743887693ae0eb5a5fceae' }, index.h("tds-header-item", { key: '575f5f39bc75aaae01e3d62149228c63d389cbca', active: this.active }, index.h("button", Object.assign({ key: '9c0d368a1f63260950e93f72c022b4d030f20587' }, buttonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: 'e8ee6fc3fcf23cebc14fb084517abaf68c71a495', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
+        return (index.h(index.Host, { key: 'b5202e76ff89f0fc53915a5bf9567228354b0950' }, index.h("tds-header-item", { key: 'ef65e43a519a4d8912ac232aa948e77e9df6b7d7', active: this.active }, index.h("button", Object.assign({ key: '0d10e4a1b8bf57ad3c84d409b0af75db4841ac54' }, buttonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: '777a641a976cdd367e095b119591db5fb7913b86', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncherButton.style = TdsHeaderLauncherButtonStyle0;
+TdsHeaderLauncherButton.style = headerLauncherButtonCss();
 
 exports.tds_header_launcher_button = TdsHeaderLauncherButton;

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

@@ -1,20 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
 
-const index = require('./index-ca8040ad.js');
-
-const headerLauncherGridItemCss = ":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";
-const TdsHeaderLauncherGridItemStyle0 = headerLauncherGridItemCss;
+const headerLauncherGridItemCss = () => `:host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}`;
 
 const TdsHeaderLauncherGridItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, index.h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
+        return (index.h(index.Host, { key: 'cd5e9cdae7533611bc6982c4939fc885d73a3075', role: "listitem" }, index.h("slot", { key: '147c30066e884b65839212aa747f1818425b3fae' })));
     }
 };
-TdsHeaderLauncherGridItem.style = TdsHeaderLauncherGridItemStyle0;
+TdsHeaderLauncherGridItem.style = headerLauncherGridItemCss();
 
 exports.tds_header_launcher_grid_item = TdsHeaderLauncherGridItem;

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

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
-
-const headerLauncherGridTitleCss = ".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";
-const TdsHeaderLauncherGridTitleStyle0 = headerLauncherGridTitleCss;
+const headerLauncherGridTitleCss = () => `.tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}`;
 
 const TdsHeaderLauncherGridTitle = class {
     constructor(hostRef) {
@@ -14,9 +11,9 @@ const TdsHeaderLauncherGridTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, index.h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
+        return (index.h(index.Host, { key: '8bcbe93ef2338d3d38f5153897395f8e03454827' }, index.h("h3", { key: '5f621197309b0e0e82bae4e141b5465a06d6cced', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: '87f9febb3b6e6929a7fd8d3f53299b5c4f855f5a' }))));
     }
 };
-TdsHeaderLauncherGridTitle.style = TdsHeaderLauncherGridTitleStyle0;
+TdsHeaderLauncherGridTitle.style = headerLauncherGridTitleCss();
 
 exports.tds_header_launcher_grid_title = TdsHeaderLauncherGridTitle;

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

@@ -1,18 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var isHeadingElement = require('./isHeadingElement-DihKNeqS.js');
+require('./dfs-Clg9RCmq.js');
 
-const index = require('./index-ca8040ad.js');
-const isHeadingElement = require('./isHeadingElement-4f06b688.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}";
-const TdsHeaderLauncherGridStyle0 = headerLauncherGridCss;
+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}`;
 
 const TdsHeaderLauncherGrid = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.headingElement = undefined;
     }
     componentWillLoad() {
         const listRoot = this.host;
@@ -34,10 +30,10 @@ const TdsHeaderLauncherGrid = class {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (index.h(index.Host, { key: 'a3c700222b0cfba847962708fcab2e8876b459f6' }, index.h("div", Object.assign({ key: '6e4b346fd7bb132a60386a5711381d7936df05a4' }, listAttributes), index.h("slot", { key: 'c24b1b6e7eecccea3032c2b491ce3cf83a6f821b' }))));
+        return (index.h(index.Host, { key: 'af47d49260513c962001e45d8aacf108e40f073c' }, index.h("div", Object.assign({ key: '8679b9f047e09dea015797c1806a96289218245a' }, listAttributes), index.h("slot", { key: '697321e6e50e81f680cc8d3e2afa6833bffe6530' }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncherGrid.style = TdsHeaderLauncherGridStyle0;
+TdsHeaderLauncherGrid.style = headerLauncherGridCss();
 
 exports.tds_header_launcher_grid = TdsHeaderLauncherGrid;

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

@@ -1,20 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
 
-const index = require('./index-ca8040ad.js');
-
-const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";
-const TdsHeaderLauncherListItemStyle0 = headerLauncherListItemCss;
+const headerLauncherListItemCss = () => `:host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}`;
 
 const TdsHeaderLauncherListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, index.h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, index.h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
+        return (index.h(index.Host, { key: '26e0abc8a58c0172ce418740674c9c2549023c2b' }, index.h("tds-header-dropdown-list-item", { key: '879647cff5e9c60551fb45a4a84397e94ded716c', size: "lg" }, index.h("slot", { key: '4c3c2e8b7091e3922a5d283f8c2b86963bf183aa' }))));
     }
 };
-TdsHeaderLauncherListItem.style = TdsHeaderLauncherListItemStyle0;
+TdsHeaderLauncherListItem.style = headerLauncherListItemCss();
 
 exports.tds_header_launcher_list_item = TdsHeaderLauncherListItem;

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

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
-
-const headerLauncherListTitleCss = ".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";
-const TdsHeaderLauncherListTitleStyle0 = headerLauncherListTitleCss;
+const headerLauncherListTitleCss = () => `.tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}`;
 
 const TdsHeaderLauncherListTitle = class {
     constructor(hostRef) {
@@ -14,10 +11,10 @@ const TdsHeaderLauncherListTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '323d920d37834907f77c0d00aca6172caa90b6d8' }, index.h("h3", { key: '49c919cceae79d9d1c0157a603e181d56dd15205', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: 'a1aa000de6a642dd68e2212a0e16728d5bb55a1f' }))));
+        return (index.h(index.Host, { key: '1db41bbb932fc09f6370b89ce40c6f6b296d69fd' }, index.h("h3", { key: 'b5175995d25a9031323d4694224fbeb30969ffec', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '672a7c395f3d7e8e6eb51b05b088af825394f421' }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncherListTitle.style = TdsHeaderLauncherListTitleStyle0;
+TdsHeaderLauncherListTitle.style = headerLauncherListTitleCss();
 
 exports.tds_header_launcher_list_title = TdsHeaderLauncherListTitle;

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
+var index = require('./index-DGsdvbvx.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const TdsHeaderLauncherList = class {
     constructor(hostRef) {
@@ -11,7 +9,7 @@ const TdsHeaderLauncherList = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: 'ceedbada9d5a96ecdb5306b0e55f939ba69c78d8' }, index.h("tds-header-dropdown-list", { key: 'a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9', size: "lg" }, index.h("slot", { key: 'e0808a6e71a6bb26e8b56005c9552fde5af9296b' }))));
+        return (index.h(index.Host, { key: '00ca1cea2fa5a3239e7f24de93e0890fbb1eab07' }, index.h("tds-header-dropdown-list", { key: '614f2eacdad946baa6fb16ef8f545993022e0cec', size: "lg" }, index.h("slot", { key: 'c99913a72f4e8a7d8be6e41aca9769d9236d49d5' }))));
     }
 };
 

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

@@ -1,23 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
+var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
+require('./inheritAttributes-CGw91JfB.js');
 
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
-const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
-require('./inheritAttributes-ff9ad737.js');
-
-const headerLauncherCss = ":host,:root{--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-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;
+const headerLauncherCss = () => `:host,:root{--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-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 TdsHeaderLauncher = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.uuid = generateUniqueId.generateUniqueId();
         this.open = false;
-        this.buttonEl = undefined;
         this.hasListTypeMenu = false;
-        this.tdsAriaLabel = undefined;
+        this.uuid = generateUniqueId.generateUniqueId();
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -59,11 +54,11 @@ const TdsHeaderLauncher = class {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (index.h(index.Host, { key: '18e438bd8281ca3d6ca2b410c5b0ed60caf554aa' }, index.h("div", { key: '6033d6a10546a8b79b0bcab3f59ef14138263e9f', class: {
+        return (index.h(index.Host, { key: '088d5c4213d9b95b275821f1395361f317cd5ccb' }, index.h("div", { key: 'b8895540f29ca8eb9e3e9aec78d7fa5f8acc4494', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, index.h("tds-header-launcher-button", Object.assign({ key: 'de44af111fdbabc37a8330194f40465ab3301089' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: 'a39f8dbb2e6cf648bc16e896f01df6c308472fc3', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, index.h("tds-header-launcher-button", Object.assign({ key: '5f4598b7079c9a31167287f32e1a411e76e20afb' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: 'acce35a0208653a1a53a75076e8f3a7dbf19b73c', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {
@@ -74,6 +69,6 @@ const TdsHeaderLauncher = class {
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncher.style = TdsHeaderLauncherStyle0;
+TdsHeaderLauncher.style = headerLauncherCss();
 
 exports.tds_header_launcher = TdsHeaderLauncher;

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

@@ -1,20 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DGsdvbvx.js');
 
-const index = require('./index-ca8040ad.js');
-
-const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}";
-const TdsHeaderTitleStyle0 = headerTitleCss;
+const headerTitleCss = () => `h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}`;
 
 const TdsHeaderTitle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, index.h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
+        return (index.h("h4", { key: 'c7648f8e3c0057fd0c57806beb574eab7b950ccc' }, index.h("slot", { key: '3201b3d0fcdd663dafe25a87997691151dc50db8' })));
     }
 };
-TdsHeaderTitle.style = TdsHeaderTitleStyle0;
+TdsHeaderTitle.style = headerTitleCss();
 
 exports.tds_header_title = TdsHeaderTitle;

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

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
-require('./inheritAttributes-ff9ad737.js');
+var index = require('./index-DGsdvbvx.js');
+var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
+require('./inheritAttributes-CGw91JfB.js');
 
 /**
  * Loop through the children and add the 'listitem' role if needed.
@@ -21,8 +19,7 @@ const updateListChildrenRoles = (targetNode) => {
     });
 };
 
-const headerCss = ":host,:root{--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}tds-header tds-header-dropdown-list-item a *,tds-header tds-header-dropdown-list-item button *{pointer-events:none}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 headerCss = () => `:host,:root{--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}tds-header tds-header-dropdown-list-item a *,tds-header tds-header-dropdown-list-item button *{pointer-events:none}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 TdsHeader = class {
     constructor(hostRef) {
@@ -52,10 +49,10 @@ const TdsHeader = class {
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '4c9dc2fe9e156de13e4cf00242a05796b65f281f' }, index.h("slot", { key: 'f3bd41541a930adb28bdee4d0985d2058d68efaa', name: "hamburger" }), index.h("slot", { key: '76ffa0bd65c153b198ed0d6ce680dc4e92f004a5', name: "title" }), index.h("nav", Object.assign({ key: '518360a59c5ce247274c772a4222c0dc830fd4f9' }, navAttributes), index.h("ul", { key: '04184cece0a4f5d107b629cd44c062769b7dcae9', class: "tds-header-component-list" }, index.h("slot", { key: 'fb108eca6c62956bb6b1c5c3f163a08bc371ee5c' }), index.h("li", { key: '2c9c878a5e0fe24c0696cc6f1a1357d813d25c17', class: "tds-header-middle-spacer" }), index.h("slot", { key: '53683a4433192d3578c3d78d24937e52954a34de', name: "end" })))));
+        return (index.h(index.Host, { key: '3a8a653ebc630ea3600a5bf473df259b3fdaf50b' }, index.h("slot", { key: '9d53a788d50e32c0a573eaeca90f86c9ef36c882', name: "hamburger" }), index.h("slot", { key: 'eb3347ffc72d439506ff19ee845e06fc1d495dff', name: "title" }), index.h("nav", Object.assign({ key: '3eb3a0ae52f91ca72f6825bd9cff51ede7026e58' }, navAttributes), index.h("ul", { key: '5f09378ce5da788d91fce4d77163c38a0b1bd72f', class: "tds-header-component-list" }, index.h("slot", { key: 'f89f3f4b8d3346ecc3ddaaef678193ef32769434' }), index.h("li", { key: '0c456322cf2fb7c707962281e7d027b4e8814c0c', class: "tds-header-middle-spacer" }), index.h("slot", { key: 'c38b21d5d3776cb140e40439bcc3c0b76dea5e85', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsHeader.style = TdsHeaderStyle0;
+TdsHeader.style = headerCss();
 
 exports.tds_header = TdsHeader;