@scania/tegel 1.40.0-stencil-core-4.38.1-beta.0 → 1.40.0-ts-strict-mode-beta.0

package/dist/components/{p-DnzQe_HU.js → p-ad376f70.js}

@@ -1,31 +1,14 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { i as inheritAttributes } from './p-CF8bH08v.js';
-import { d as defineCustomElement$1 } from './p-X1sPx4t5.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { i as inheritAttributes } from './p-3fe9cbbf.js';
+import { d as defineCustomElement$1 } from './p-6fd2b339.js';
 
 const tooltipCss = ".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
+const TdsTooltipStyle0 = tooltipCss;
 
 const TdsTooltip = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
-        this.text = '';
-        /** Decides if the component should be visible from the start. */
-        this.defaultShow = false;
-        /** Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button. */
-        this.mouseOverTooltip = false;
-        /** What triggers the popover to show */
-        this.trigger = 'hover';
-        /** Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop. */
-        this.show = null;
-        /** Placement of Tooltip. */
-        this.placement = 'bottom';
-        /** Sets the offset skidding */
-        this.offsetSkidding = 0;
-        /** Sets the offset distance */
-        this.offsetDistance = 8;
+        this.__registerHost();
         this.popperjsExtraModifiers = [
             {
                 name: 'positionCalc',
@@ -50,7 +33,18 @@ const TdsTooltip = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H {
                 },
             },
         ];
-        this.inheritedAttributes = [];
+        this.inheritedAttributes = {};
+        this.text = '';
+        this.selector = undefined;
+        this.referenceEl = undefined;
+        this.defaultShow = false;
+        this.mouseOverTooltip = false;
+        this.trigger = 'hover';
+        this.show = null;
+        this.placement = 'bottom';
+        this.offsetSkidding = 0;
+        this.offsetDistance = 8;
+        this.tdsAriaDescribedby = undefined;
     }
     handleKeyDown(event) {
         if (event.key === 'Escape' && this.show) {
@@ -68,24 +62,20 @@ const TdsTooltip = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H {
     }
     render() {
         var _a;
-        return (h(Host, { key: '69ced518e10ea5d65da8266257d7f7bba5db3f63', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '9511b6fb5dcd5a270de5b6f9b50b40271b4f5030' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '2b72a1988aa57732d9295a33a43e8baf117e7e17', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '449a74bcead02452d6bd7f443cfbfd8ef29071a1' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-                'tds-tooltip-show': this.show,
-            }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false,
-            // @ts-ignore
-            onInternalTdsShow: () => {
+                'tds-tooltip-show': !!this.show,
+            }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
                 this.show = true;
-            },
-            // @ts-ignore
-            onInternalTdsClose: () => {
+            }, onInternalTdsClose: () => {
                 this.show = false;
-            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '8fb6467b2d1fa2ce6a70a171966ff245f8205b55' }))));
+            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: 'c232d55352f3e827c16630c69df138ba687486b4' }))));
     }
     get host() { return this; }
-    static get style() { return tooltipCss; }
-}, [262, "tds-tooltip", {
+    static get style() { return TdsTooltipStyle0; }
+}, [6, "tds-tooltip", {
         "text": [1],
         "selector": [1],
         "referenceEl": [16],

package/dist/components/{p-DuxH3vDC.js → p-bff614d5.js}

@@ -1,20 +1,21 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 
 const sideMenuUserImageCss = ":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";
+const TdsSideMenuUserImageStyle0 = sideMenuUserImageCss;
 
 const TdsSideMenuUserImage = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUserImage extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
+        this.src = undefined;
+        this.alt = undefined;
     }
     render() {
         return (h(Host, { key: '62b6a38f0705b052cb4d5b9379bc77662f66c505' }, h("slot", { key: '99aeba48272e512ce419a934cb4147052a5e0190' }), this.src && h("img", { key: '352e0a3f93558b298835afbfe72193cdbebcffa4', src: this.src, alt: this.alt })));
     }
-    static get style() { return sideMenuUserImageCss; }
-}, [257, "tds-side-menu-user-image", {
+    static get style() { return TdsSideMenuUserImageStyle0; }
+}, [1, "tds-side-menu-user-image", {
         "src": [1],
         "alt": [1]
     }]);

package/dist/components/{p-QnvG_QPu.js → p-da11a695.js}

@@ -1,21 +1,21 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-CuIyaNyT.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-859e3ebf.js';
 
 const headerDropdownListCss = ":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}";
+const TdsHeaderDropdownListStyle0 = headerDropdownListCss;
 
 const TdsHeaderDropdownList = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownList extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
         // A Map to store the slots and their associated slotchange listeners.
         this.slotListeners = new Map();
-        /** The size of the component. */
         this.size = 'md';
+        this.headingElement = undefined;
     }
     componentWillLoad() {
+        var _a, _b;
         const { children } = this.host;
         // Set the size prop for each child, if they have such a property
         for (let i = 0; i < children.length; i++) {
@@ -25,7 +25,7 @@ const TdsHeaderDropdownList = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDr
             }
         }
         let listRoot = this.host;
-        if (this.host.parentElement.tagName.toLowerCase() === 'tds-header-launcher-list') {
+        if (((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.tagName.toLowerCase()) === 'tds-header-launcher-list') {
             listRoot = this.host.parentElement;
         }
         const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, isHeadingElement);
@@ -37,7 +37,8 @@ const TdsHeaderDropdownList = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDr
         }
     }
     componentDidLoad() {
-        this.host.shadowRoot.querySelectorAll('slot').forEach((slot) => {
+        var _a;
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('slot').forEach((slot) => {
             // Add the slotchange event listener.
             const onSlotChange = (e) => {
                 this.processAssignedElements(e.target);
@@ -76,11 +77,11 @@ const TdsHeaderDropdownList = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDr
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (h(Host, Object.assign({ key: '57e8ecd046b7a260f1516fc80673e9d095ffd4d3' }, attributes), h("slot", { key: 'e0bafe5fffcf8864faebd4603597e3e424a35046' })));
+        return (h(Host, Object.assign({ key: 'b24073590faf2ae5363a7c685b0933d6f1559eb1' }, attributes), h("slot", { key: 'e7c7fb66a65511de06b0c83f67312de0408decdd' })));
     }
     get host() { return this; }
-    static get style() { return headerDropdownListCss; }
-}, [257, "tds-header-dropdown-list", {
+    static get style() { return TdsHeaderDropdownListStyle0; }
+}, [1, "tds-header-dropdown-list", {
         "size": [513],
         "headingElement": [32]
     }]);

package/dist/components/{p-HRj1DOvh.js → p-de86852a.js}

@@ -1,17 +1,14 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 
 const headerDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;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-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";
+const TdsHeaderDropdownListItemStyle0 = headerDropdownListItemCss;
 
 const TdsHeaderDropdownListItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListItem extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** If the link should appear selected. */
         this.selected = false;
-        /** The size of the component. */
         this.size = 'md';
     }
     render() {
@@ -21,8 +18,8 @@ const TdsHeaderDropdownListItem = /*@__PURE__*/ proxyCustomElement(class TdsHead
             } }, h("slot", { key: '0a037fd8059aa356ed9885e3e06d391f876e2fc3' }))));
     }
     get host() { return this; }
-    static get style() { return headerDropdownListItemCss; }
-}, [257, "tds-header-dropdown-list-item", {
+    static get style() { return TdsHeaderDropdownListItemStyle0; }
+}, [1, "tds-header-dropdown-list-item", {
         "selected": [4],
         "size": [513]
     }]);

package/dist/components/{p-BxmFjTxG.js → p-e0ccf8e6.js}

@@ -1,25 +1,24 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as dfs } from './p-CLF3diNe.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { d as dfs } from './p-52bf0fdf.js';
 
 const sideMenuItemCss = ":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;padding:0 22px;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);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;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);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";
+const TdsSideMenuItemStyle0 = sideMenuItemCss;
 
 const TdsSideMenuItem = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuItem extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** If the item should appear selected. */
         this.selected = false;
-        /** If the item should appear active. Can be used when the item is
-         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
         this.collapsed = false;
         this.hasUserComponent = false;
     }
     findSlottedAndExecute(searchPredicate, callback) {
-        const assignedElements = this.slotEl.assignedElements({ flatten: true });
+        var _a;
+        const assignedElements = (_a = this.slotEl) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true });
+        if (!(assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length))
+            return;
         const firstSlottedElement = assignedElements[0];
         if (firstSlottedElement) {
             const foundElement = dfs(firstSlottedElement, searchPredicate);
@@ -60,16 +59,19 @@ const TdsSideMenuItem = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuItem e
         // closest() will return null if side-menu-item is inside a shadowRoot that
         // does not contain a side-menu. This is the case for the side-menu-dropdown.
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     componentDidLoad() {
-        this.slotEl = this.host.shadowRoot.querySelector('slot');
+        var _a, _b;
+        this.slotEl = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) !== null && _b !== void 0 ? _b : null;
         this.updateSlottedElements();
         this.updateHasUserComponent();
-        this.slotEl.addEventListener('slotchange', () => {
-            this.updateSlottedElements();
-            this.updateHasUserComponent();
-        });
+        if (this.slotEl) {
+            this.slotEl.addEventListener('slotchange', () => {
+                this.updateSlottedElements();
+                this.updateHasUserComponent();
+            });
+        }
     }
     collapseSideMenuEventHandler(event) {
         this.collapsed = event.detail.collapsed;
@@ -77,17 +79,17 @@ const TdsSideMenuItem = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuItem e
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: '94dc12f57a0eedb5ab1528394352c4a7fcea55ff' }, h("div", { key: '3336a6d1af3c573fdbbbf590fae2be3381c89163', class: {
+        return (h(Host, { key: 'ff51604316231f08db7135c89336aa40a34ca780' }, h("div", { key: '7ba6d6ad1646cdcca89ba014eb20115ead57a9cc', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: '5c92976a5aa367142e2af23fdacb6d67c3d2b36c' }))));
+            } }, h("slot", { key: '43b400894c86a51cc1dbe910f8eecab31fad4c45' }))));
     }
     get host() { return this; }
-    static get style() { return sideMenuItemCss; }
-}, [257, "tds-side-menu-item", {
+    static get style() { return TdsSideMenuItemStyle0; }
+}, [1, "tds-side-menu-item", {
         "selected": [4],
         "active": [4],
         "collapsed": [32],

package/dist/components/{p-BhLq7lgx.js → p-e1622f4a.js}

@@ -1,20 +1,19 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 
 const coreHeaderItemCss = ":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";
+const TdsCoreHeaderItemStyle0 = coreHeaderItemCss;
 
 const TdsCoreHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsCoreHeaderItem extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
     }
     render() {
         return (h(Host, { key: 'cdc1e1712659f82b9bbefd67977de93963dbc68e' }, h("div", { key: '1c39a69aa967c64941be3507d7e88f92cea58623', class: "item" }, h("slot", { key: '62576106bdb13d983e5a415421522bbcddd348bf' }))));
     }
-    static get style() { return coreHeaderItemCss; }
-}, [257, "tds-core-header-item"]);
+    static get style() { return TdsCoreHeaderItemStyle0; }
+}, [1, "tds-core-header-item"]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/{p-Ca3wGDna.js → p-e627f11b.js}

@@ -1,27 +1,16 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { g as generateUniqueId } from './p-Cn4f8w1e.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
+import { g as generateUniqueId } from './p-11648030.js';
 
 const checkboxCss = ".sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:\"\";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:\"\";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:20px;height:20px;left:2px;top:2px;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-disabled);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}";
+const TdsCheckboxStyle0 = checkboxCss;
 
 const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.tdsChange = createEvent(this, "tdsChange", 6);
         this.tdsFocus = createEvent(this, "tdsFocus", 6);
         this.tdsBlur = createEvent(this, "tdsBlur", 6);
-        /** ID for the Checkbox's input element. Randomly generated if not specified. */
-        this.checkboxId = generateUniqueId();
-        /** Sets the Checkbox in a disabled state */
-        this.disabled = false;
-        /** Make the Checkbox required */
-        this.required = false;
-        /** Sets the Checkbox as checked */
-        this.checked = false;
-        /** Sets the Checkbox as indeterminate */
-        this.indeterminate = false;
         this.handleChange = () => {
             this.checked = !this.checked;
             this.indeterminate = false;
@@ -32,6 +21,15 @@ const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H
                 value: this.value,
             });
         };
+        this.name = undefined;
+        this.checkboxId = generateUniqueId();
+        this.disabled = false;
+        this.required = false;
+        this.checked = false;
+        this.indeterminate = false;
+        this.value = undefined;
+        this.tdsAriaLabel = undefined;
+        this.tdsAriaDescribedby = undefined;
     }
     /** Toggles the checked value of the component. */
     async toggleCheckbox() {
@@ -67,18 +65,21 @@ const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H
         }
     }
     render() {
-        return (h("div", { key: '87d4e8620e183b5fb8a885dca8081424c7497b21', class: "tds-checkbox" }, h("input", { key: 'fa5d4c8e9a33a7a88d1348f6eb66b474e94c0ad1',
+        return (h("div", { key: '87d4e8620e183b5fb8a885dca8081424c7497b21', class: "tds-checkbox" }, h("input", { key: 'a2bc2c3f7c1aad6ed32f564fa4df5c3cbabac03c',
             // eslint-disable-next-line no-return-assign
-            ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-label": this.tdsAriaLabel, "aria-describedby": this.tdsAriaDescribedby, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
+            ref: (inputElement) => {
+                if (inputElement)
+                    this.inputElement = inputElement;
+            }, indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-label": this.tdsAriaLabel, "aria-describedby": this.tdsAriaDescribedby, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
                 this.handleChange();
-            } }), h("label", { key: '82545f01ad68fae4d613b58d82a770a0c1bce79e', htmlFor: this.checkboxId }, h("slot", { key: '99892e112b596a7f8517427cc42f75e90140c315', name: "label" }))));
+            } }), h("label", { key: 'fdc29f380023c086cd6b25bd37a6e6475a67059d', htmlFor: this.checkboxId }, h("slot", { key: '204674f2b46e308aa090aaef84827e58c18cb830', name: "label" }))));
     }
     get host() { return this; }
     static get watchers() { return {
         "indeterminate": ["handleIndeterminateState"]
     }; }
-    static get style() { return checkboxCss; }
-}, [262, "tds-checkbox", {
+    static get style() { return TdsCheckboxStyle0; }
+}, [6, "tds-checkbox", {
         "name": [1],
         "checkboxId": [1, "checkbox-id"],
         "disabled": [4],

package/dist/components/{p-BHBgkUfr.js → p-ead6727f.js}

@@ -1,24 +1,23 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as dfs } from './p-CLF3diNe.js';
-import { d as defineCustomElement$1 } from './p-BhLq7lgx.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
+import { d as dfs } from './p-52bf0fdf.js';
+import { d as defineCustomElement$1 } from './p-e1622f4a.js';
 
 const headerItemCss = ":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}";
+const TdsHeaderItemStyle0 = headerItemCss;
 
 const TdsHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderItem extends H {
-    constructor(registerHost) {
+    constructor() {
         super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+        this.__registerHost();
         this.__attachShadow();
-        /** 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;
-        /** If the button should appear selected. */
         this.selected = false;
     }
     updateSlotted(searchPredicate, mutationCallback) {
-        const assignedElements = this.slotEl.assignedElements({ flatten: true });
+        var _a;
+        const assignedElements = (_a = this.slotEl) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true });
+        if (!(assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length))
+            return;
         const firstSlottedElement = assignedElements[0];
         if (firstSlottedElement) {
             const foundElement = dfs(firstSlottedElement, searchPredicate);
@@ -58,9 +57,10 @@ const TdsHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderItem exten
         }
     }
     componentDidLoad() {
-        this.slotEl = this.host.shadowRoot.querySelector('slot');
+        var _a, _b;
+        this.slotEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
         this.updateSlottedElements();
-        this.slotEl.addEventListener('slotchange', this.updateSlottedElements);
+        (_b = this.slotEl) === null || _b === void 0 ? void 0 : _b.addEventListener('slotchange', this.updateSlottedElements);
         // Set the order on initial load.
         this.updateOrder();
         // Create a MutationObserver to listen for changes on the "order" attribute.
@@ -83,14 +83,14 @@ const TdsHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderItem exten
         }
     }
     render() {
-        return (h(Host, { key: '8bf1f05e837866442a31d6079cebce9f3f4b6a01' }, h("tds-core-header-item", { key: '2000815259c320803ecc6bb71553d56187c40983', class: {
+        return (h(Host, { key: '9f7320da4779557177e8a07194dd701e313b466b' }, h("tds-core-header-item", { key: '5fbc0242b2be8beeb3bce94bcd8016f3ade23233', class: {
                 'component-active': this.active,
                 'component-selected': this.selected,
-            } }, h("slot", { key: '35753d03b2ca354b0054172079ac20cd87524538' }))));
+            } }, h("slot", { key: '7198e70374c42fdac1e394ef022bbbc3d904b8e9' }))));
     }
     get host() { return this; }
-    static get style() { return headerItemCss; }
-}, [257, "tds-header-item", {
+    static get style() { return TdsHeaderItemStyle0; }
+}, [1, "tds-header-item", {
         "active": [4],
         "selected": [4]
     }]);