@scania/tegel 1.49.2 → 1.50.0-develop-beta.1

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

@@ -36,15 +36,15 @@ export class TdsPopoverMenu {
     }
     render() {
         var _a;
-        return (h(Host, { key: '532fd12854743e5200896f6c2397a36308dfbb6b', class: {
+        return (h(Host, { key: '64ec6f8414b86992f27ff31ec121691a95473803', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: '3544cb2cafd1f4b536ffeff249f77665063419fc', class: {
+            } }, h("tds-popover-core", { key: '258d5feba20e366b690fb0b168686cd7525cfd7c', 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: '0f4fa6bc7a230fbe86fec7c02b3324d81a379594', role: "menu" }, h("slot", { key: '41f2693c7dfa904bec41ad1eeb665c019282fa9f' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'fad95fd95dcfff966690a5617421b06de8c5ebc6', role: "menu" }, h("slot", { key: 'ae26c985ac08249cfca316afdce6e870be3650e4' })))));
     }
     static get is() { return "tds-popover-menu"; }
     static get encapsulation() { return "scoped"; }
@@ -76,7 +76,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "selector"
             },
             "referenceEl": {
@@ -117,7 +117,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "show",
                 "defaultValue": "null"
             },
@@ -137,7 +137,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-show",
                 "defaultValue": "false"
             },
@@ -164,7 +164,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "placement",
                 "defaultValue": "'auto'"
             },
@@ -184,7 +184,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "animation",
                 "defaultValue": "'none'"
             },
@@ -204,7 +204,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "offset-skidding",
                 "defaultValue": "0"
             },
@@ -224,7 +224,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "offset-distance",
                 "defaultValue": "8"
             },
@@ -244,7 +244,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "fluid-width",
                 "defaultValue": "false"
             },
@@ -264,7 +264,7 @@ export class TdsPopoverMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             }

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

@@ -27,10 +27,10 @@ export class TdsRadioButton {
         }
     }
     render() {
-        return (h("div", { key: 'f0a5a86e2ba270ab7c9f6bd4028765fcbd6b178f', class: "tds-radio-button" }, h("input", { key: '70a293a321ad72ba290a1274bfad25954895ec69', ref: (inputEl) => {
+        return (h("div", { key: 'a3229a9edf154a3e32b78e0733ad5a62becef457', class: "tds-radio-button" }, h("input", { key: 'a71bb9cc727bf29e9926fe5c862bda5e5bfeeccd', 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: 'aa5928d97053deb16341661ba8bb218e2f12eb73', htmlFor: this.radioId }, h("slot", { key: '631da0a3930529351185f3b287ba9269caa0159b', name: "label" }))));
+            }, "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: '485aa7388b35ad21ef70e1c7b57f68fcd01d3f75', htmlFor: this.radioId }, h("slot", { key: '429a9107b3a39af5aa731116e1961821a90852f4', name: "label" }))));
     }
     static get is() { return "tds-radio-button"; }
     static get encapsulation() { return "scoped"; }
@@ -62,7 +62,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name"
             },
             "value": {
@@ -81,7 +81,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value"
             },
             "radioId": {
@@ -100,7 +100,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "radio-id",
                 "defaultValue": "generateUniqueId()"
             },
@@ -140,7 +140,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "required",
                 "defaultValue": "false"
             },
@@ -160,7 +160,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -180,7 +180,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             },
             "tdsTabIndex": {
@@ -199,7 +199,7 @@ export class TdsRadioButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-tab-index"
             }
         };

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

@@ -62,13 +62,13 @@ export class TdsSideMenuDropdown {
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: '61c0e4c1df178d14422de845086864c8de3cf231' }, h("div", { key: '775032857d13a5d9f01f5bbe22de87480bceddfe', class: {
+        return (h(Host, { key: '50c612a2b879888b42b82ec240278387ffda56df' }, h("div", { key: '23d34aac941bee3c0f7e7453b8648dfaceb5fafd', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: 'dd599c6234d4f9d6c11aa680371e69ab64ea7a2e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: '6cb6ef033a8a01bb2baf0b1350499130774a848d', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'da26f06483ad9348e9442c5aec70ee2f3af184e5' }, h("slot", { key: 'ce95165a9e75cf9f150364f40c5dd49bbc795ca5', name: "icon" }), !this.collapsed && (h(Fragment, { key: '524ef1b9a67c9a4c950691da6e16ba7100fae6b6' }, this.buttonLabel, h("slot", { key: '812088f502894d42dc5c658a8035f6212c7f1876', name: "label" }), h("tds-icon", { key: 'c68ec5d4c5ea3541bff95e4d7baf07098b953f07', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: 'bc99efa3ca9b83b0d6e599db85e193a91258bad1', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: 'c9a5f0aba4df7d2e22b9e84f75db46be8892c07c', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: 'd45b96b5941b1ad4f19e96ea023d6b513d54f9e0', name: "label" }))), h("slot", { key: '67f16383ec5ce1c10d3a1be8488932972891ef4c' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: '1fa2e1851fdf25882eec6e4cb6e6900b5fdbfa6b' }, h("slot", { key: '06288061e3bb3ccd7124352d66bbcca3614e86bc', name: "icon" }), !this.collapsed && (h(Fragment, { key: 'bcd4934b4760634a04694f46d22bb09c4f7cb71e' }, this.buttonLabel, h("slot", { key: 'e2891dc859881c40b9577e07535f0c84c2d0f5a7', name: "label" }), h("tds-icon", { key: 'fa3257d02ad80e08485fe731915b76ba0241e976', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: 'a708a6796fec8851df925da395e011a90e3da118', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '5efc24406b5933e512bafd39e5aee55c1e342403', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: 'bfa6381aeb8b9d5ce937d6687d9f8eb08166aa37', name: "label" }))), h("slot", { key: '3d8266b0e0b37a00f389a0cd126920bac15f9532' })))));
     }
     static get is() { return "tds-side-menu-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -100,7 +100,7 @@ export class TdsSideMenuDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-open",
                 "defaultValue": "false"
             },
@@ -120,7 +120,7 @@ export class TdsSideMenuDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "button-label"
             },
             "selected": {
@@ -139,7 +139,7 @@ export class TdsSideMenuDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "selected",
                 "defaultValue": "false"
             },
@@ -159,7 +159,7 @@ export class TdsSideMenuDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "open",
                 "defaultValue": "false"
             }

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

@@ -38,13 +38,13 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { key: '10ccf22f0df6b2087d787cfc9afb95058da1f6a5', role: "listitem" }, h("div", { key: 'c99acea35abc14f96fc9bf8b084f6667a466bdcc', class: {
+        return (h(Host, { key: '4eae7681164a0f704d68968ad5de8891a85ed00f', role: "listitem" }, h("div", { key: 'c379c94a80baf76e17ced30f79b261f601f6947b', 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: 'e3dda9165b5fa9d7583032bd9b71d2cf6cbd74f1' }))));
+            } }, h("slot", { key: 'a0d00e60086cc058eebbb0a48bb69cc77159f689' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -76,7 +76,7 @@ export class TdsSideMenuDropdownListItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "selected",
                 "defaultValue": "false"
             }

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

@@ -78,13 +78,13 @@ export class TdsSideMenuItem {
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: '540c5825a2cf8913891c0b6c06ad7e338c9546bc' }, h("div", { key: '2482c645b0d4650f1a389eed12e097a8fc35c03f', class: {
+        return (h(Host, { key: '8c8308b82ed3a2f9161c155310d30746a873b797' }, h("div", { key: '1ee193c4e152bd02a7fd38c3bc173cfcab074e60', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: 'b476beffec5acc60afd8c7e60754c16995f43c32' }))));
+            } }, h("slot", { key: '4abf87af30fb22e159a2874b499b756097ff821f' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -116,7 +116,7 @@ export class TdsSideMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "selected",
                 "defaultValue": "false"
             },
@@ -136,7 +136,7 @@ export class TdsSideMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "active",
                 "defaultValue": "false"
             }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuUser {
     render() {
-        return (h(Host, { key: '183302fb2df62894434ec518c313bd71e311fc01' }, h("tds-side-menu-user-image", { key: '5ca603b2761729096a3f35f5424d17b346bae9cd', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '6a7885bcb55993990cdd7ed2f65bfa5700fc6dc0', name: "image" })), h("tds-side-menu-user-label", { key: '212e392adf25bd033128ccb64518a04645e0cc2f', heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: '85fe09b4f6ac3b7d99da2d6256c758900329653a' }, h("tds-side-menu-user-image", { key: '236bce6eb1c8c09b7eb8473cdf9d62e882cf4e12', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '1cf9eca61491dd7f8a4d7a63e3eaeb6e6f64e625', name: "image" })), h("tds-side-menu-user-label", { key: '0f202ad7a287f3c3eae6c87bc7880fd03a183969', heading: this.heading, subheading: this.subheading })));
     }
     static get is() { return "tds-side-menu-user"; }
     static get encapsulation() { return "shadow"; }
@@ -36,7 +36,7 @@ export class TdsSideMenuUser {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "heading"
             },
             "subheading": {
@@ -55,7 +55,7 @@ export class TdsSideMenuUser {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "subheading"
             },
             "imgSrc": {
@@ -74,7 +74,7 @@ export class TdsSideMenuUser {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "img-src"
             },
             "imgAlt": {
@@ -93,7 +93,7 @@ export class TdsSideMenuUser {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "img-alt"
             }
         };

package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuUserImage {
     render() {
-        return (h(Host, { key: 'ac72381d5a600698ac717ef744c229193363e242' }, h("slot", { key: 'ad3f2d65cba1a212fb25c2fbb7b78deb211334c7' }), this.src && h("img", { key: '87149306298861cd4c2ba6fa26e51a53d632fac9', src: this.src, alt: this.alt })));
+        return (h(Host, { key: 'f78e0b98c33d88edc6bb504885337549b8cebe60' }, h("slot", { key: 'ece4fa7ee4c13ff527e1eb2651572588a314e44a' }), this.src && h("img", { key: 'ab7e321744f5a62ab536ba5e1c3777d2da7d697d', src: this.src, alt: this.alt })));
     }
     static get is() { return "tds-side-menu-user-image"; }
     static get encapsulation() { return "shadow"; }
@@ -40,7 +40,7 @@ export class TdsSideMenuUserImage {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "src"
             },
             "alt": {
@@ -59,7 +59,7 @@ export class TdsSideMenuUserImage {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "alt"
             }
         };

package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TdsSideMenuUserLabel {
     render() {
-        return (h(Host, { key: '6bf3db10e42a755d16ee5476fade2b566098f51e' }, this.heading, this.subheading && h("div", { key: '67d4a5cedc6ad790f7de79ebc1b2c9e42a842977', class: "subheading" }, this.subheading)));
+        return (h(Host, { key: 'ac320a04f923e14ed85b18f685221ba7fbcb0256' }, this.heading, this.subheading && h("div", { key: '23446674db52cb9543c4840adba225303a061e27', class: "subheading" }, this.subheading)));
     }
     static get is() { return "tds-side-menu-user-label"; }
     static get encapsulation() { return "shadow"; }
@@ -33,7 +33,7 @@ export class TdsSideMenuUserLabel {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "heading"
             },
             "subheading": {
@@ -52,7 +52,7 @@ export class TdsSideMenuUserLabel {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "subheading"
             }
         };

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

@@ -157,16 +157,16 @@ export class TdsSideMenu {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '3e7770cc6891a71d1757b0a7622f2912066643d8', class: {
+        return (h(Host, { key: '4c7ef20dafaa84ba2939889e40dd245ffd683356', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, h("div", { key: '5c556407075da5eae0b3343b3e0ee74c340575ac', class: {
+            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, h("div", { key: '515a38e098d2ede1ff846cc60176c451037a0356', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, h("slot", { key: '6b87fbf18cbfa65ab8552eb64456b87304022404', name: "overlay" }), h("aside", { key: '7d63212f845d1bba59a1b3a6e0b99998fd6a2202', class: `menu` }, h("div", { key: 'd8ce4ff50101691aeb9b88d17cc7ee2490272ad4', role: "navigation" }, h("slot", { key: 'f8a7ee24fbced61ff4931168902c397b082521eb', name: "close-button" }), h("div", { key: '072baef69437e6a444b32f0b62cef196cefe1575', class: "tds-side-menu-wrapper" }, h("ul", { key: 'bf1e19f6ba886f2c89b480b4f58b45c018daac4d', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: 'e319ea5fa177d10d2251b8ab26a06bef18bbd623' }, h("slot", { key: '5fec36575727498f764896d4c585a77f4c83f8b4' }))), h("ul", { key: 'b3a8d1af131f3ac8531d1f63bf7aa728ae87927b', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '2d82fba190cdb96f6e7bb77a1f44d94b1a4f461b' }, h("slot", { key: 'c5d3f65e00c57911b5aae71d4a75b1ec894b3fcb', name: "end" })))), h("slot", { key: 'eb8c2a7a4130e9e71851735219414a9d87e95853', name: "sticky-end" }))))));
+            } }, h("slot", { key: '0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f', name: "overlay" }), h("aside", { key: 'e5bc037a75037723300bac0df3c424a7ca3597b6', class: `menu` }, h("div", { key: 'd65d5c36e1151b27d1d859cb4e7a53bb390133c0', role: "navigation" }, h("slot", { key: '70277663e55908f048e807d3d07241c530f5c60f', name: "close-button" }), h("div", { key: 'af81aa4f22189716330f1b9563148fd7adfd4ab1', class: "tds-side-menu-wrapper" }, h("ul", { key: '38f9cb307b71cbded62856926266829d531bbcec', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '7333761276459f88d8a52e1e824f9e2c7e62a3e4' }, h("slot", { key: '4109ca83e6a124c6f251468ec28905efee2a0ef7' }))), h("ul", { key: 'e5617092ca8c634f1d03815ca47291d5238d2162', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: 'cc0fd0bc724cb5f0157d15e7617fb1630408d73a' }, h("slot", { key: 'aa8b19131f05427331b02dfb8137b63d8d1b771f', name: "end" })))), h("slot", { key: 'bb232a44cc190df59e1f9b104669a15b976d8ba0', name: "sticky-end" }))))));
     }
     static get is() { return "tds-side-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -198,7 +198,7 @@ export class TdsSideMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "open",
                 "defaultValue": "false"
             },
@@ -218,7 +218,7 @@ export class TdsSideMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "persistent",
                 "defaultValue": "false"
             },
@@ -238,7 +238,7 @@ export class TdsSideMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "collapsed",
                 "defaultValue": "false"
             }