@scania/tegel 1.40.0-ts-strict-mode-beta.0 → 1.41.0-beta.0

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

@@ -1,8 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-edc838a0.js';
+import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
+import { d as defineCustomElement$2 } from './p-CPDv0bBc.js';
 
 const tableHeaderCellCss = ":host(.tds-table__header-cell){box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;color:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table--no-padding){height:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";
-const TdsHeaderCellStyle0 = tableHeaderCellCss;
 
 const relevantTableProps = [
     'multiselect',
@@ -12,14 +11,32 @@ const relevantTableProps = [
     'verticalDividers',
 ];
 const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeaderCell extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.tdsSort = createEvent(this, "tdsSort", 7);
         this.internalSortButtonClicked = createEvent(this, "internalSortButtonClicked", 6);
         this.internalTdsTextAlign = createEvent(this, "internalTdsTextAlign", 6);
         this.internalTdsHover = createEvent(this, "internalTdsHover", 6);
+        /** Enables sorting on that column */
+        this.sortable = false;
+        /** Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end". */
+        this.textAlign = 'left';
+        /** Disables internal padding. Useful when passing other components to cell. */
+        this.disablePadding = false;
+        /** Aria label for the sort button, providing an accessible description */
+        this.tdsAriaLabelSortButton = '';
+        this.sortedByMyKey = false;
+        this.verticalDividers = false;
+        this.compactDesign = false;
+        this.noMinWidth = false;
+        this.multiselect = false;
+        this.enableToolbarDesign = false;
+        this.tableId = '';
+        this.expandableRows = false;
         this.sortButtonClick = () => {
             if (this.sortingDirection !== 'asc' && this.sortingDirection !== 'desc') {
                 this.sortingDirection = 'asc';
@@ -53,23 +70,6 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
                 key,
             });
         };
-        this.cellKey = undefined;
-        this.cellValue = undefined;
-        this.customWidth = undefined;
-        this.sortable = false;
-        this.textAlign = 'left';
-        this.disablePadding = false;
-        this.tdsAriaLabelSortButton = '';
-        this.textAlignState = undefined;
-        this.sortingDirection = undefined;
-        this.sortedByMyKey = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.multiselect = false;
-        this.enableToolbarDesign = false;
-        this.tableId = '';
-        this.expandableRows = false;
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {
@@ -96,14 +96,12 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
         }
     }
     connectedCallback() {
-        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
+        this.tableId = this.tableEl.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
+            this[tablePropName] = this.tableEl[tablePropName];
         });
     }
     componentWillRender() {
@@ -113,11 +111,8 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
             : 'left';
         // To enable body cells text align per rules set in head cell
         this.internalTdsTextAlign.emit([this.tableId, this.cellKey, this.textAlignState]);
-        const closesetTable = this.host.closest('tds-table');
-        if (closesetTable) {
-            this.enableToolbarDesign =
-                closesetTable.getElementsByTagName('tds-table-toolbar').length >= 1;
-        }
+        this.enableToolbarDesign =
+            this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
     getAriaSort() {
         if (this.sortingDirection === 'asc')
@@ -127,7 +122,7 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
         return 'none';
     }
     render() {
-        return (h(Host, { key: '13dbec19fb1678656b968265add6b87cb97355d7', class: {
+        return (h(Host, { key: 'f128527938679fe448019802ea76cda1a57d75be', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -141,8 +136,8 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
             }, style: { minWidth: this.customWidth }, onMouseOver: () => this.onHeadCellHover(this.cellKey), onMouseLeave: () => this.onHeadCellHover(''), role: "columnheader", "aria-sort": this.getAriaSort() }, this.headerCellContent()));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderCellStyle0; }
-}, [1, "tds-header-cell", {
+    static get style() { return tableHeaderCellCss; }
+}, [257, "tds-header-cell", {
         "cellKey": [513, "cell-key"],
         "cellValue": [513, "cell-value"],
         "customWidth": [513, "custom-width"],

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

@@ -1,4 +1,4 @@
-import { T as TdsHeaderDropdownListItem$1, d as defineCustomElement$1 } from './p-de86852a.js';
+import { T as TdsHeaderDropdownListItem$1, d as defineCustomElement$1 } from './p-HRj1DOvh.js';
 
 const TdsHeaderDropdownListItem = TdsHeaderDropdownListItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,24 +1,21 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
 
 const headerDropdownListUserCss = ":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";
-const TdsHeaderDropdownListUserStyle0 = headerDropdownListUserCss;
 
 const TdsHeaderDropdownListLgUser = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListLgUser extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
-        this.imgUrl = undefined;
-        this.imgAlt = undefined;
-        this.header = undefined;
-        this.subheader = undefined;
     }
     render() {
         return (h(Host, { key: '88298dc621372f56b0336686d055f27ef7bfee8a', role: "listitem" }, h("div", { key: 'da8b981e30d4cca52b4dfc2813e2d706f7c18d30', class: "user-box" }, this.imgUrl && h("img", { key: 'f81a370f4499f5bec4eedef0ef2d1aaa5aeca4ca', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '33c9d2b8d0761d6915129cd03f4b596b5c05c1b4', name: "thumbanil" }), h("div", { key: '78a05fa64af6d694b4927fef55260e18c2d5711f', class: "user-content" }, h("div", { key: '15f6a48e0f10574ae14af2e2d92342ec77e85aa1', class: "header" }, this.header, h("slot", { key: '12ebbfbc257918f264c76e7d38a28827880cadec', name: "header" })), h("div", { key: 'bbd348e04b5ea5732bb4426547ef5ed9eddf55d0', class: "subheader" }, this.subheader, h("slot", { key: '403e7f20cb5b564928759ce0be1b058d12610290', name: "subheader" }))))));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderDropdownListUserStyle0; }
-}, [1, "tds-header-dropdown-list-user", {
+    static get style() { return headerDropdownListUserCss; }
+}, [257, "tds-header-dropdown-list-user", {
         "imgUrl": [1, "img-url"],
         "imgAlt": [1, "img-alt"],
         "header": [1],

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

@@ -1,4 +1,4 @@
-import { T as TdsHeaderDropdownList$1, d as defineCustomElement$1 } from './p-da11a695.js';
+import { T as TdsHeaderDropdownList$1, d as defineCustomElement$1 } from './p-QnvG_QPu.js';
 
 const TdsHeaderDropdownList = TdsHeaderDropdownList$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,19 +1,25 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$6 } from './p-e1622f4a.js';
-import { d as defineCustomElement$5 } from './p-ead6727f.js';
-import { d as defineCustomElement$4 } from './p-edc838a0.js';
-import { d as defineCustomElement$3 } from './p-415fafb3.js';
-import { d as defineCustomElement$2 } from './p-6fd2b339.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { g as generateUniqueId } from './p-Cn4f8w1e.js';
+import { d as defineCustomElement$6 } from './p-BhLq7lgx.js';
+import { d as defineCustomElement$5 } from './p-BHBgkUfr.js';
+import { d as defineCustomElement$4 } from './p-CPDv0bBc.js';
+import { d as defineCustomElement$3 } from './p-1YnjaUCy.js';
+import { d as defineCustomElement$2 } from './p-8koCGAVT.js';
 
 const headerDropdownCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform: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 TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdown extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
+        /** 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();
         this.handleSlottedItemClick = (event) => {
             const eventSource = event.target.tagName.toLowerCase();
@@ -21,12 +27,6 @@ const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDrop
                 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/
@@ -36,19 +36,17 @@ const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDrop
         }
     }
     handleKeyDown(event) {
-        var _a;
         if (event.key === 'Escape' && this.open) {
             this.open = false;
-            (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
+            this.buttonEl.focus();
         }
     }
     toggleDropdown() {
         this.open = !this.open;
         if (this.open) {
             requestAnimationFrame(() => {
-                var _a;
                 const selectors = "a, [tabindex='0']";
-                const firstFocusableElement = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selectors)) || this.host.querySelector(selectors);
+                const firstFocusableElement = this.host.shadowRoot.querySelector(selectors) || this.host.querySelector(selectors);
                 if (firstFocusableElement instanceof H) {
                     firstFocusableElement.focus();
                 }
@@ -56,13 +54,13 @@ const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDrop
         }
     }
     render() {
-        return (h(Host, { key: 'c3e84fbcdab1a9c2530f7a5e16c195858f6daa15' }, h("div", { key: '640ad175e59d7e3f958a17fa1358c5c1ec405346', class: {
+        return (h(Host, { key: '0b5e0474e13db90b9a61f8177b4191d26f542d9f' }, h("div", { key: 'b45a13bc693415d7ff3d48cca6e5899202f3d24a', class: {
                 'state-open': this.open,
-            } }, h("tds-header-item", { key: 'f424e4e9a77c8fd6dfbde8b292e002aad8ecd307', class: "button", active: this.open, selected: this.selected }, h("button", { key: 'e22605109e904183690d58fbc18954ea9e9816f4', ref: (el) => {
+            } }, h("tds-header-item", { key: 'd8bd0a9a07ac2f1e816faf7790756ba496918165', class: "button", active: this.open, selected: this.selected }, h("button", { key: '8636bf077ec6e58463dd2b422621d7d56a29c38f', 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 }, h("slot", { key: '832f54445aad4cf77afee64d5ab955acbd10ade3', name: "icon" }), this.label, h("slot", { key: '757537697a1340aeb22df2d09f7891269e4c1156', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: '76560ef770762fe61f32f06c9803ea815bf07ed0', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '873d5cccc6569d0291c3ed1474ffe623ec49a24e', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: 'f2e9701f7d939ad630c9bcc37ad4aab77de189eb', name: "icon" }), this.label, h("slot", { key: '51e0e5b9f10a8feb8df8a1ef7474ec7ac14e1242', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: 'd7476899681822df78fb75fe8dbeaf08cd076ba7', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '79f9338c0c92ff4aa1baa6331c303c19d846557f', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {
@@ -72,8 +70,8 @@ const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDrop
             ] }, this.open ? (h("span", { onClick: (e) => this.handleSlottedItemClick(e), onKeyDown: (e) => e.key === 'Enter' && this.handleSlottedItemClick(e) }, h("slot", null))) : null)))));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderDropdownStyle0; }
-}, [1, "tds-header-dropdown", {
+    static get style() { return headerDropdownCss; }
+}, [257, "tds-header-dropdown", {
         "label": [1],
         "noDropdownIcon": [4, "no-dropdown-icon"],
         "selected": [4],

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

@@ -1,26 +1,26 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$4 } from './p-e1622f4a.js';
-import { d as defineCustomElement$3 } from './p-ead6727f.js';
-import { d as defineCustomElement$2 } from './p-edc838a0.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { i as inheritAriaAttributes } from './p-Q3W78DlP.js';
+import { d as defineCustomElement$4 } from './p-BhLq7lgx.js';
+import { d as defineCustomElement$3 } from './p-BHBgkUfr.js';
+import { d as defineCustomElement$2 } from './p-CPDv0bBc.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 TdsHeaderHamburger$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderHamburger extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
-        this.tdsAriaLabel = undefined;
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
         return (h(Host, { key: 'f1b3e80727ae2fbb84cbdf19fdd6500067fa010b' }, h("tds-header-item", { key: '6053c08c86b6f4149bed2eb7c8a4a26f16262fc9' }, h("button", Object.assign({ key: 'b2b645ed658328622e9a6411d5bcdfe66e59028c' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '6140334699f8a27f7d78387bb3bfcf08295a0c90', class: "icon", name: "burger", size: "20px" })))));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderHamburgerStyle0; }
-}, [1, "tds-header-hamburger", {
+    static get style() { return headerHamburgerCss; }
+}, [257, "tds-header-hamburger", {
         "tdsAriaLabel": [1, "tds-aria-label"]
     }]);
 function defineCustomElement$1() {

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

@@ -1,4 +1,4 @@
-import { T as TdsHeaderItem$1, d as defineCustomElement$1 } from './p-ead6727f.js';
+import { T as TdsHeaderItem$1, d as defineCustomElement$1 } from './p-BHBgkUfr.js';
 
 const TdsHeaderItem = TdsHeaderItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TdsHeaderLauncherButton$1, d as defineCustomElement$1 } from './p-0d286c19.js';
+import { T as TdsHeaderLauncherButton$1, d as defineCustomElement$1 } from './p-D1ati-pM.js';
 
 const TdsHeaderLauncherButton = TdsHeaderLauncherButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,19 +1,20 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.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 TdsHeaderLauncherGridItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGridItem extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
     }
     render() {
         return (h(Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
     }
-    static get style() { return TdsHeaderLauncherGridItemStyle0; }
-}, [1, "tds-header-launcher-grid-item"]);
+    static get style() { return headerLauncherGridItemCss; }
+}, [257, "tds-header-launcher-grid-item"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,20 +1,21 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { g as generateUniqueId } from './p-Cn4f8w1e.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 TdsHeaderLauncherGridTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGridTitle extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.uuid = generateUniqueId();
     }
     render() {
         return (h(Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
     }
-    static get style() { return TdsHeaderLauncherGridTitleStyle0; }
-}, [4, "tds-header-launcher-grid-title"]);
+    static get style() { return headerLauncherGridTitleCss; }
+}, [260, "tds-header-launcher-grid-title"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-859e3ebf.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-CuIyaNyT.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 TdsHeaderLauncherGrid$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGrid extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.headingElement = undefined;
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
     }
     componentWillLoad() {
         const listRoot = this.host;
@@ -33,8 +33,8 @@ const TdsHeaderLauncherGrid$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader
         return (h(Host, { key: '5d0824ce5d829d78fd61e2e53e08b6bdca0e4569' }, h("div", Object.assign({ key: '7e6f891f6bc92b4f93874a538e017382c72e176e' }, listAttributes), h("slot", { key: '31133b8760e19ed767f24544fea026c59c181e53' }))));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderLauncherGridStyle0; }
-}, [4, "tds-header-launcher-grid", {
+    static get style() { return headerLauncherGridCss; }
+}, [260, "tds-header-launcher-grid", {
         "headingElement": [32]
     }]);
 function defineCustomElement$1() {

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

@@ -1,20 +1,21 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-de86852a.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { d as defineCustomElement$2 } from './p-HRj1DOvh.js';
 
 const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";
-const TdsHeaderLauncherListItemStyle0 = headerLauncherListItemCss;
 
 const TdsHeaderLauncherListItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherListItem extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
     }
     render() {
         return (h(Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
     }
-    static get style() { return TdsHeaderLauncherListItemStyle0; }
-}, [1, "tds-header-launcher-list-item"]);
+    static get style() { return headerLauncherListItemCss; }
+}, [257, "tds-header-launcher-list-item"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,21 +1,22 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { g as generateUniqueId } from './p-Cn4f8w1e.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 TdsHeaderLauncherListTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherListTitle extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.uuid = generateUniqueId();
     }
     render() {
         return (h(Host, { key: '2bd6c5fa87fe1b94065980a7f7794ada3ccf2a9f' }, h("h3", { key: '3ccf8d967a2bda31d1724d4d3bf522cb1052f497', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: '831e18f03058184f3825541fd2be34d07a443e78' }))));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderLauncherListTitleStyle0; }
-}, [4, "tds-header-launcher-list-title"]);
+    static get style() { return headerLauncherListTitleCss; }
+}, [260, "tds-header-launcher-list-title"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,17 +1,19 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$2 } from './p-da11a695.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { g as generateUniqueId } from './p-Cn4f8w1e.js';
+import { d as defineCustomElement$2 } from './p-QnvG_QPu.js';
 
 const TdsHeaderLauncherList$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherList extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.uuid = generateUniqueId();
     }
     render() {
         return (h(Host, { key: 'ceedbada9d5a96ecdb5306b0e55f939ba69c78d8' }, h("tds-header-dropdown-list", { key: 'a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9', size: "lg" }, h("slot", { key: 'e0808a6e71a6bb26e8b56005c9552fde5af9296b' }))));
     }
-}, [4, "tds-header-launcher-list"]);
+}, [260, "tds-header-launcher-list"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

@@ -1,26 +1,25 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$7 } from './p-e1622f4a.js';
-import { d as defineCustomElement$6 } from './p-ead6727f.js';
-import { d as defineCustomElement$5 } from './p-0d286c19.js';
-import { d as defineCustomElement$4 } from './p-edc838a0.js';
-import { d as defineCustomElement$3 } from './p-415fafb3.js';
-import { d as defineCustomElement$2 } from './p-6fd2b339.js';
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { g as generateUniqueId } from './p-Cn4f8w1e.js';
+import { i as inheritAriaAttributes } from './p-Q3W78DlP.js';
+import { d as defineCustomElement$7 } from './p-BhLq7lgx.js';
+import { d as defineCustomElement$6 } from './p-BHBgkUfr.js';
+import { d as defineCustomElement$5 } from './p-D1ati-pM.js';
+import { d as defineCustomElement$4 } from './p-CPDv0bBc.js';
+import { d as defineCustomElement$3 } from './p-1YnjaUCy.js';
+import { d as defineCustomElement$2 } from './p-8koCGAVT.js';
 
 const headerLauncherCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
-const TdsHeaderLauncherStyle0 = headerLauncherCss;
 
 const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncher extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
-        this.uuid = generateUniqueId();
         this.open = false;
-        this.buttonEl = undefined;
         this.hasListTypeMenu = false;
-        this.tdsAriaLabel = undefined;
+        this.uuid = generateUniqueId();
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -30,12 +29,9 @@ const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLaun
         }
     }
     handleKeyDown(event) {
-        var _a, _b;
         if (event.key === 'Escape' && this.open) {
             this.open = false;
-            const btnShadow = (_b = (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
-            if (btnShadow)
-                btnShadow.focus();
+            this.buttonEl.shadowRoot.querySelector('button').focus();
         }
     }
     componentDidLoad() {
@@ -46,9 +42,8 @@ const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLaun
         this.open = !this.open;
         if (this.open) {
             requestAnimationFrame(() => {
-                var _a;
                 const selectors = "a, [tabindex='0']";
-                const firstFocusableElement = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selectors)) || this.host.querySelector(selectors);
+                const firstFocusableElement = this.host.shadowRoot.querySelector(selectors) || this.host.querySelector(selectors);
                 if (firstFocusableElement instanceof H) {
                     firstFocusableElement.focus();
                 }
@@ -62,11 +57,11 @@ const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLaun
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (h(Host, { key: '13631a42a002d81b250fc26438b96f93ae991ab6' }, h("div", { key: '24fca288a843c0c9459f8ad9ce015cec36c815c6', class: {
+        return (h(Host, { key: 'd6402957a4e8c7221a3cefae397117a952381d22' }, h("div", { key: '0d5e89739be69df6e111404ca64fa81dd35ffab9', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, h("tds-header-launcher-button", Object.assign({ key: '3883841e41d1acb50f75d78a894c7844305c1cbd' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: '20b4cc82c6eed3e2ba60038d4ab37afd49de6357', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, h("tds-header-launcher-button", Object.assign({ key: '7c42d6bec11176653b8b00c458a5dd1a1e9ef168' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: 'a7eddf9c3df2f3e4229c1fade730a622767349ad', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {
@@ -76,8 +71,8 @@ const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLaun
             ] }, this.open ? h("slot", null) : null)))));
     }
     get host() { return this; }
-    static get style() { return TdsHeaderLauncherStyle0; }
-}, [1, "tds-header-launcher", {
+    static get style() { return headerLauncherCss; }
+}, [257, "tds-header-launcher", {
         "tdsAriaLabel": [1, "tds-aria-label"],
         "open": [32],
         "buttonEl": [32],