@scania/tegel 1.42.0 → 1.44.0-sonarcloud-0

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

@@ -5,7 +5,7 @@ import inheritAttributes from "../../utils/inheritAttributes";
  */
 export class TdsPopoverCanvas {
     constructor() {
-        this.inheritedAttributes = [];
+        this.inheritedAttributes = {};
         this.selector = undefined;
         this.referenceEl = undefined;
         this.defaultShow = false;
@@ -29,14 +29,14 @@ export class TdsPopoverCanvas {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8f22b74f8df985de4505b1472cf47b621d5c515e', class: {
+        return (h(Host, { key: '3a0b77989875719936176b458b661398e587f818', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", Object.assign({ key: 'a7d3fed2b26cd2dc532e9e78413828d52b28b21e', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, h("tds-popover-core", Object.assign({ key: '13299274cbac5380a1e30da56c4e60ec4054c7ae', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '3c1fde8225ca64b259798f763b8d2264346c246e' }, h("slot", { key: 'e133b76f8088a4b572c8bb69792bc3fa6d652da9' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '6bfb89642f8d1c2b567623e31b65645e9f3010a1' }, h("slot", { key: 'ec3fd10e79ff3707253bcf931415e212445752a5' })))));
     }
     static get is() { return "tds-popover-canvas"; }
     static get encapsulation() { return "scoped"; }
@@ -57,11 +57,11 @@ export class TdsPopoverCanvas {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the Popover"
@@ -74,7 +74,7 @@ export class TdsPopoverCanvas {
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | null",
-                    "resolved": "HTMLElement",
+                    "resolved": "HTMLElement | null | undefined",
                     "references": {
                         "HTMLElement": {
                             "location": "global",
@@ -111,8 +111,8 @@ export class TdsPopoverCanvas {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "boolean | null",
+                    "resolved": "boolean | null",
                     "references": {}
                 },
                 "required": false,
@@ -241,8 +241,8 @@ export class TdsPopoverCanvas {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary' | 'secondary'",
-                    "resolved": "\"primary\" | \"secondary\"",
+                    "original": "'primary' | 'secondary' | null",
+                    "resolved": "\"primary\" | \"secondary\" | null",
                     "references": {}
                 },
                 "required": false,

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

@@ -5,7 +5,7 @@ import { generateClassList } from "../../utils/classList";
 export class TdsPopoverCore {
     constructor() {
         this.uuid = generateUniqueId();
-        this.setIsShown = function setIsShown(isShown) {
+        this.setIsShown = (isShown) => {
             if (typeof isShown === 'function') {
                 this.isShown = isShown(this.isShown);
             }
@@ -20,8 +20,8 @@ export class TdsPopoverCore {
                 this.internalTdsClose.emit();
                 this.openedByKeyboard = false;
             }
-        }.bind(this);
-        this.onClickTarget = function onClickTarget(event) {
+        };
+        this.onClickTarget = (event) => {
             event.stopPropagation();
             // Check if event was triggered by keyboard (Enter or Space)
             this.openedByKeyboard =
@@ -29,17 +29,17 @@ export class TdsPopoverCore {
                     event.key === 'Enter' ||
                     event.key === ' ';
             this.setIsShown((isShown) => !isShown);
-        }.bind(this);
-        this.handleShow = function handleShow(event) {
+        };
+        this.handleShow = (event) => {
             event.stopPropagation();
             // Check if event was triggered by keyboard (tab focus)
             this.openedByKeyboard = event.type === 'focusin';
             this.setIsShown(true);
-        }.bind(this);
-        this.handleHide = function handleHide(event) {
+        };
+        this.handleHide = (event) => {
             event.stopPropagation();
             this.setIsShown(false);
-        }.bind(this);
+        };
         this.selector = undefined;
         this.referenceEl = undefined;
         this.defaultShow = false;
@@ -52,7 +52,7 @@ export class TdsPopoverCore {
         this.trigger = 'click';
         this.autoHide = true;
         this.renderedShowValue = false;
-        this.popperInstance = undefined;
+        this.popperInstance = null;
         this.target = undefined;
         this.isShown = false;
         this.disableLogic = false;
@@ -121,6 +121,7 @@ export class TdsPopoverCore {
         }
     }
     initialize({ referenceEl, trigger, }) {
+        var _a, _b, _c, _d, _e, _f;
         this.cleanUp();
         if (typeof referenceEl !== 'undefined') {
             this.target = referenceEl;
@@ -147,9 +148,9 @@ export class TdsPopoverCore {
             console.error(`Could not initialize: reference element not found.`);
         }
         if (trigger === 'click' && this.show === null) {
-            this.target.addEventListener('click', this.onClickTarget);
+            (_a = this.target) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.onClickTarget);
             // Also handle keyboard activation via Enter and Space
-            this.target.addEventListener('keydown', (e) => {
+            (_b = this.target) === null || _b === void 0 ? void 0 : _b.addEventListener('keydown', (e) => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
                     this.openedByKeyboard = true;
@@ -159,11 +160,11 @@ export class TdsPopoverCore {
         }
         if (trigger === 'hover' || trigger === 'hover-popover') {
             // For tabbing over element
-            this.target.addEventListener('focusin', this.handleShow);
-            this.target.addEventListener('focusout', this.handleHide);
+            (_c = this.target) === null || _c === void 0 ? void 0 : _c.addEventListener('focusin', this.handleShow);
+            (_d = this.target) === null || _d === void 0 ? void 0 : _d.addEventListener('focusout', this.handleHide);
             // For hovering over element with selector
-            this.target.addEventListener('mouseenter', this.handleShow);
-            this.target.addEventListener('mouseleave', this.handleHide);
+            (_e = this.target) === null || _e === void 0 ? void 0 : _e.addEventListener('mouseenter', this.handleShow);
+            (_f = this.target) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseleave', this.handleHide);
             // For hovering over Popover itself
             if (trigger === 'hover-popover') {
                 this.host.addEventListener('mouseenter', this.handleShow);
@@ -205,10 +206,11 @@ export class TdsPopoverCore {
         }
     }
     componentDidRender() {
+        var _a;
         if (this.isShown && !this.renderedShowValue && !this.disableLogic) {
             // Here we update the popper position since its position is wrong
             // before it is rendered.
-            this.popperInstance.update();
+            (_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.update();
         }
         this.renderedShowValue = this.isShown;
     }
@@ -224,7 +226,7 @@ export class TdsPopoverCore {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (h(Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
+        return (h(Host, { key: 'b00f6068cba1931082dc1b11397902b17bbbc598', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '397a6cb4a557f79528f4387b141f8883dbc1c24c' })));
     }
     static get is() { return "tds-popover-core"; }
     static get encapsulation() { return "scoped"; }
@@ -245,11 +247,11 @@ export class TdsPopoverCore {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the pop-over"
@@ -262,7 +264,7 @@ export class TdsPopoverCore {
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | null",
-                    "resolved": "HTMLElement",
+                    "resolved": "HTMLElement | null | undefined",
                     "references": {
                         "HTMLElement": {
                             "location": "global",
@@ -317,8 +319,8 @@ export class TdsPopoverCore {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "boolean | null",
+                    "resolved": "boolean | null",
                     "references": {}
                 },
                 "required": false,
@@ -395,14 +397,9 @@ export class TdsPopoverCore {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "Object[]",
-                    "resolved": "Object[]",
-                    "references": {
-                        "Object": {
-                            "location": "global",
-                            "id": "global::Object"
-                        }
-                    }
+                    "original": "object[]",
+                    "resolved": "object[]",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
@@ -476,8 +473,8 @@ export class TdsPopoverCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{}",
-                    "resolved": "{}",
+                    "original": "object",
+                    "resolved": "object",
                     "references": {}
                 }
             }, {
@@ -494,8 +491,8 @@ export class TdsPopoverCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{}",
-                    "resolved": "{}",
+                    "original": "object",
+                    "resolved": "object",
                     "references": {}
                 }
             }];

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

@@ -5,7 +5,7 @@ import inheritAttributes from "../../utils/inheritAttributes";
  */
 export class TdsPopoverMenu {
     constructor() {
-        this.inheritedAttributes = [];
+        this.inheritedAttributes = {};
         this.selector = undefined;
         this.referenceEl = undefined;
         this.show = null;
@@ -28,15 +28,15 @@ export class TdsPopoverMenu {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ad39066c2a2f7d4e4696143095fa8a0032d7c148', class: {
+        return (h(Host, { key: '9475e802c247f2be782246ed4060d1df78cb9ca6', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: 'f261b18f6e1e26df1baf39628911cb885277b431', class: {
+            } }, h("tds-popover-core", { key: 'f124ad67796e05654a4b1af634877e372a0b69e7', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f1549f6d338ed8e9a511577a85735b834a89df27', role: "menu" }, h("slot", { key: 'def698636f21c11133ad0289b21b76db0f208116' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f97c6bd562a011be0595fa0189dd1209e6f80bca', role: "menu" }, h("slot", { key: '8d7ddcf67d2adc1d928384779a01eed8adf61e41' })))));
     }
     static get is() { return "tds-popover-menu"; }
     static get encapsulation() { return "scoped"; }
@@ -57,11 +57,11 @@ export class TdsPopoverMenu {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the pop-over"
@@ -74,7 +74,7 @@ export class TdsPopoverMenu {
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | null",
-                    "resolved": "HTMLElement",
+                    "resolved": "HTMLElement | null | undefined",
                     "references": {
                         "HTMLElement": {
                             "location": "global",
@@ -93,8 +93,8 @@ export class TdsPopoverMenu {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "boolean | null",
+                    "resolved": "boolean | null",
                     "references": {}
                 },
                 "required": false,
@@ -225,8 +225,8 @@ export class TdsPopoverMenu {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary' | 'secondary'",
-                    "resolved": "\"primary\" | \"secondary\"",
+                    "original": "'primary' | 'secondary' | null",
+                    "resolved": "\"primary\" | \"secondary\" | null",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/radio-button/radio-button.js

@@ -27,7 +27,10 @@ export class TdsRadioButton {
         }
     }
     render() {
-        return (h("div", { key: '48a31826daeef320097430deec2f57188ad3cd80', class: "tds-radio-button" }, h("input", { key: '6bc9711fae2e1ea4b8bc18cd441a364eb0bc4d9c', ref: (inputEl) => (this.inputElement = inputEl), "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), h("label", { key: 'b2dbeea2ca194adea717086ba0d69d023860324d', htmlFor: this.radioId }, h("slot", { key: '422fab6ae9d579cf46d4110a61782a501dfb6a2a', name: "label" }))));
+        return (h("div", { key: '6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e', class: "tds-radio-button" }, h("input", { key: '0681a3f58da48700d7134a5b4db923445fcc57cf', ref: (inputEl) => {
+                if (inputEl)
+                    this.inputElement = inputEl;
+            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), h("label", { key: '0b5ca6d7a54706ed0c7878b51380683da34301f7', htmlFor: this.radioId }, h("slot", { key: '68d0582c534588d209f1223191a9cc8781117a15', name: "label" }))));
     }
     static get is() { return "tds-radio-button"; }
     static get encapsulation() { return "scoped"; }
@@ -48,11 +51,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Name of Radio Button, used for reference."
@@ -65,11 +68,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Value of input."
@@ -154,11 +157,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Provides an accessible name for the component"
@@ -171,11 +174,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "number",
-                    "resolved": "number",
+                    "resolved": "number | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Provides a tabindex used when radio buttons are grouped"
@@ -197,8 +200,8 @@ export class TdsRadioButton {
                     "text": "Sends unique Radio Button identifier and status when it is checked.\nIf no ID is specified, a random one will be generated.\nTo use this listener, don't use the randomized ID, use a specific one of your choosing."
                 },
                 "complexType": {
-                    "original": "{\n    radioId: string;\n    value: string;\n  }",
-                    "resolved": "{ radioId: string; value: string; }",
+                    "original": "{\n    radioId: string;\n    value: string | undefined;\n  }",
+                    "resolved": "{ radioId: string; value: string | undefined; }",
                     "references": {}
                 }
             }];

package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js

@@ -12,7 +12,7 @@ export class TdsSideMenuCloseButton {
         const sideMenuEl = this.host.closest('tds-side-menu');
         const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
         const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (h(Host, { key: 'de98375064e94f8bfc19a60db7464c6b1c20a46f' }, h("button", Object.assign({ key: '4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2' }, buttonProps), h("tds-icon", { key: '78a639c37f7a307f42ce68ec239b28c6da8a3221', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (h(Host, { key: '3c7170428b11fd26f5c00f5f6012984982eb364c' }, h("button", Object.assign({ key: 'f3e0253705d9e7a2ddd6d20c779466d09b24b0f7' }, buttonProps), h("tds-icon", { key: 'caa6069e817904f832152838036ca3630b74cd5a', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     static get is() { return "tds-side-menu-close-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js

@@ -24,16 +24,17 @@ export class TdsSideMenuCollapseButton {
         this.collapsed = event.detail.collapsed;
     }
     connectedCallback() {
+        var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = this.sideMenuEl.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: 'e8b3276624a214cfa8d8c8a7bbb6757d1a6fe1c3' }, h("div", { key: '1c17452256ad8ca0f901178bdf2120076508ee84', class: {
+        return (h(Host, { key: '563423e27c70296a2c11820bad22f2e6081cc0b6' }, h("div", { key: 'f9ed17f35641ec86cd31dc2c161bf478c30a3606', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '064ec6d7ea6ed2b13223cba39268f484146fee0a', class: { button: true } }, h("button", { key: 'd391bfe9a1e31e85f168b7261b92941b3e64693e', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+            } }, h("tds-side-menu-item", { key: '3364f79ca3719328636d1cb9b5bebb58e9f9ccdc', class: { button: true } }, h("button", { key: '699963ae2023fdbc5e8836b1801c13e622214634', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, h("svg", { key: '23a6362a7d6ab754d08ac439314fc94e37ec3a88', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '17a188de96b29b501b76294d8dac4f852edc22a3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'a1a2408ee34830a190408c808935e33eed8bce5b' }))))));
+            } }, h("svg", { key: 'c10901b2cdc12a50a29c1425319ae18286b33cdf', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'd59bc5ce90e44be9f2d930b9a2ac72f26b653681', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: '09f5787783fdb7168bbd28acf18ac0d769a31459' }))))));
     }
     static get is() { return "tds-side-menu-collapse-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js

@@ -10,7 +10,10 @@ export class TdsSideMenuDropdown {
         this.buttonLabel = undefined;
         this.selected = false;
         this.open = false;
-        this.hoverState = undefined;
+        this.hoverState = {
+            isHovered: false,
+            updatedAt: 0,
+        };
         this.collapsed = false;
     }
     collapsedSideMenuEventHandler(event) {
@@ -51,18 +54,19 @@ export class TdsSideMenuDropdown {
         return this.collapsed ? (_a = this.hoverState) === null || _a === void 0 ? void 0 : _a.isHovered : this.open;
     }
     connectedCallback() {
+        var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = this.sideMenuEl.collapsed;
+        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: '2c3887fe8ec9334f7f3b3f46b3bce64712957ae3' }, h("div", { key: 'bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59', class: {
+        return (h(Host, { key: 'c445ee17a53144079495acb4d1153dc5f612646b' }, h("div", { key: 'b065cb14ea953a4bc00f9f46c6a2f6e1c1034fc4', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '83cb1486e99c0f699b02be91bf53df1249076902', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: '7943b4e12bdf59a9777789b93c77dd92ad2dfb0e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'e21c03415c48022813b3289f8dd80f21486414f0' }, h("slot", { key: '4462d95bf8e7945741cb54d9f363b8d9cac158e0', name: "icon" }), !this.collapsed && (h(Fragment, { key: '1a65252df105ef6ad9bca35f873fe19e71289b80' }, this.buttonLabel, h("slot", { key: 'e35a184bae5c65fde366ed287062becbc6633cac', name: "label" }), h("tds-icon", { key: '7a4328715c67aaf91a3675574f5aadca9ce8ae3d', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '1e4e674c5e9b8901b5306bee36bf121aa37112e3', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (h("h3", { key: '54a5f5f89d595aeae6ac6e41ac553e96466fe4a1', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '20477b6be2c477c48412d0f4bc34f1181bcb00d3', name: "label" }))), h("slot", { key: '9740e5c9cb493e52c104223ec62b47bffc8adc5d' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: '957d046e71a2318d634dba3d3872e6a49ae16b02' }, h("slot", { key: 'df8984720383a834f689e61a8e8bddb1e0cd92ed', name: "icon" }), !this.collapsed && (h(Fragment, { key: '22085c004966a41285404d5e4871023104d0bb0b' }, this.buttonLabel, h("slot", { key: 'cd82933ecce64fede3b898a77ce949cdb568ebde', name: "label" }), h("tds-icon", { key: 'b475975ed4c714a2e3526a334ae19f308f54715c', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '4bd22d9c1b67f9783d8b596991ff62a8d158ba41', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '11082571734352f3b8913017d46104b28b57ba47', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '227ceed36a5db531ff2bd45320bcac88943565bc', name: "label" }))), h("slot", { key: 'b8ca5992ac9bbb0539ceb3d98536691f70926ea5' })))));
     }
     static get is() { return "tds-side-menu-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -101,11 +105,11 @@ export class TdsSideMenuDropdown {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The label of the button that opens the dropdown.\nThis is an alternative to the label slot."

package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js

@@ -12,12 +12,12 @@ export class TdsSideMenuDropdownList {
     connectedCallback() {
         var _a;
         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);
     }
     render() {
-        return (h(Host, { key: '38e9f561720b3a68528ae69878138ea8e9085e3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '9f2e5ea13fe7f4483ae07d5a58208b27a64bbd1b', class: {
+        return (h(Host, { key: '4096fb37997a3cce5750f9d7ee468f99bff81787', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '7cf0000e1371ab010cdc6f86d371f6a7f374f0d2', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: '10543e9547fc64683e4f96e0ecb72ff82e3ed3ad' }))));
+            } }, h("slot", { key: 'e169b04aae71ea2c53eaae921c9cb87e85b02224' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js

@@ -15,16 +15,20 @@ export class TdsSideMenuDropdownListItem {
     connectedCallback() {
         var _a;
         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() {
-        var _a;
+        var _a, _b;
         const dropdownEl = this.host.closest('tds-side-menu-dropdown');
-        const hasUserMenu = dropdownEl === null || dropdownEl === void 0 ? void 0 : dropdownEl.querySelector('tds-side-menu-user');
-        const dropdownBtnIconSlotEl = dropdownEl.shadowRoot.querySelector('slot[name="icon"]');
-        const btnIconSlottedEls = dropdownBtnIconSlotEl.assignedElements();
-        const hasBtnIcon = (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0;
-        const btnIconIsUserImage = ((_a = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === 'tds-side-menu-user-image';
+        let hasUserMenu = null;
+        let dropdownBtnIconSlotEl = null;
+        if (dropdownEl) {
+            hasUserMenu = dropdownEl.querySelector('tds-side-menu-user');
+            dropdownBtnIconSlotEl = (_a = dropdownEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="icon"]');
+        }
+        const btnIconSlottedEls = dropdownBtnIconSlotEl === null || dropdownBtnIconSlotEl === void 0 ? void 0 : dropdownBtnIconSlotEl.assignedElements();
+        const hasBtnIcon = btnIconSlottedEls ? (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0 : false;
+        const btnIconIsUserImage = ((_b = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _b === void 0 ? void 0 : _b.tagName.toLowerCase()) === 'tds-side-menu-user-image';
         if (hasBtnIcon && !btnIconIsUserImage) {
             this.dropdownHasIcon = true;
         }
@@ -33,13 +37,13 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { key: '7d711b603579ec67a9f0312071519e31f4a15709', role: "listitem" }, h("div", { key: 'db890287036e3e85f10f7c76454e8ca91ada6f7c', class: {
+        return (h(Host, { key: '64c7367db70070bb43c4533ddcafbda97651231f', role: "listitem" }, h("div", { key: '60434a96f6de0a9bda3d26f7003a10c8b5668552', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '944534e13549524e2e40fd8ad8e0b1d61e1bdbcf' }))));
+            } }, h("slot", { key: '8590776910cfb61c614c5339daa5c5464cc9a729' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js

@@ -11,7 +11,10 @@ export class TdsSideMenuItem {
         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);
@@ -52,16 +55,19 @@ export class TdsSideMenuItem {
         // 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;
@@ -69,13 +75,13 @@ export class TdsSideMenuItem {
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: '94dc12f57a0eedb5ab1528394352c4a7fcea55ff' }, h("div", { key: '3336a6d1af3c573fdbbbf590fae2be3381c89163', class: {
+        return (h(Host, { key: '4f5ced7e398987e33d5c2ee08a2b50637ccbaf8f' }, h("div", { key: '6bbeae2f3148011c7b516b1922df693abb6f2083', 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: '2a836f4a3892acae4541972dadcf4a5e958d45f4' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }