@scania/tegel 1.49.2 → 1.50.0

package/dist/collection/components/chip/chip.js

@@ -87,7 +87,7 @@ export class TdsChip {
             'suffix': hasSuffixSlot,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: '7018c9c28fdd3711456101805579931c2dec9278' }, h("div", { key: 'c5157cdd3fe2b6db26c7684ee415f924cc3a8a87', class: chipClasses }, h("input", Object.assign({ key: 'fa5a3d476c1bf967c4a27d49c32ff032f58c6297', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: 'd90597092adbe2b4bfa6c2d98edf6b29bc507fbf', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '8269d76dc638e523cf9c386f9b7de80b25a6aab0', name: "prefix" }), hasLabelSlot && h("slot", { key: 'ffaebfbaf18e563d022535efd5b12b8991aa79b6', name: "label" }), hasSuffixSlot && h("slot", { key: '95c9b55b8fa536011624a86430c27d5d65a5ed09', name: "suffix" })))));
+        return (h(Host, { key: '610866a08e70c90d8f62c4e262e492c0ad2ab753' }, h("div", { key: '9615a6a960ad58beb9971514e13dce3a370af231', class: chipClasses }, h("input", Object.assign({ key: 'dfe150bd39d139b100ce9f959bbe813750745420', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: '361ed17718d1cbe90b945342cd0281a49626b26e', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '7a3cee5a56d4d731b0967ba55c54431de4d0e5e2', name: "prefix" }), hasLabelSlot && h("slot", { key: '5fe884b9b8314c5a89d9af3166da68fd23c0c07a', name: "label" }), hasSuffixSlot && h("slot", { key: 'd2c928404578bdf6e6dc393a98b4c1b112432d34', name: "suffix" })))));
     }
     static get is() { return "tds-chip"; }
     static get encapsulation() { return "scoped"; }
@@ -119,7 +119,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "type",
                 "defaultValue": "'button'"
             },
@@ -139,7 +139,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -159,7 +159,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "chip-id",
                 "defaultValue": "generateUniqueId()"
             },
@@ -199,7 +199,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name"
             },
             "value": {
@@ -218,7 +218,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value"
             },
             "disabled": {
@@ -237,7 +237,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -257,7 +257,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             }
         };

package/dist/collection/components/datetime/datetime.js

@@ -170,7 +170,7 @@ export class TdsDatetime {
                 this.labelPosition === 'inside' &&
                 this.size !== 'sm'),
         };
-        return (h("div", { key: 'a55d784701c35fda184c9e17fbe8466854f9140d', class: classNames, onKeyDown: (e) => {
+        return (h("div", { key: '46bd4a81e68f32267d62df5180ab6ba9de7e183e', class: classNames, onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
                     if (browserIsChrome) {
@@ -178,10 +178,10 @@ export class TdsDatetime {
                         this.textInput.showPicker();
                     }
                 }
-            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: 'ff47d44b79345c816cf9b22bd913b6a595299dce', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '013669e9b4f3421e96b9239a187515967baf7619', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'f06de994b6b1c8fe1db77f914be22797db14018d', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: 'c003adf22a66a2a04f13abd636c924bd1ad1c6c9', ref: (inputEl) => {
+            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: '84cd03bee06e621314ee4a2a74440a1cc64b635d', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '7c4c04ea0df4b88c74d203123dc17dd29386b494', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '8c2a1e6d92b45b1be68e520b21d40dd83ec5bab0', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '4fb15c46fb418f11f7fc02dcef8c430257ebd556', ref: (inputEl) => {
                 if (inputEl)
                     this.textInput = inputEl;
-            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '128a8b90a28b6c1c9c2eacc292603b3d1f8e5f10', class: "tds-datetime-label-inside", htmlFor: this.name }, this.label)), h("div", { key: '21331931956e4abf045a01a4af7f5fcf602990bd', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '77c1f611eae6c6ff3d102681b28ce42e0709ff84', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '36f01c633df5181ad6107aa158de499fafa2569f', class: "datetime-icon icon-time" }, h("tds-icon", { key: '03bb2f56e70a68c8d882bdfdce747a15d1b4cfdc', size: "20px", name: "clock", svgTitle: "Clock" })))), this.state === 'error' && (h("div", { key: '40fbf2006d5709b84468e0e05b5b51804c141923', class: "tds-datetime-helper" }, !((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.badInput) && (h("div", { key: '7f2990d54c62fbef3743662b944a09aab28a8a56', class: "tds-helper" }, h("tds-icon", { key: 'cdcb11a48a1d1fc3298711ed9f3b96b6a7ecef0d', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperError)), this.textInput && this.textInput.validity.badInput && (h("div", { key: '51489ac6f3dbcb31f8ff89c1544a6a17c19ab239', class: "tds-helper" }, h("tds-icon", { key: '6fb19117b7f191564ed2b1c4071500a16ea40219', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperErrorInvalid)))), this.helper && this.state !== 'error' && (h("div", { key: 'a6766afd774a6219e783ec1b5e79c250b94bace2', class: "tds-datetime-helper" }, h("div", { key: 'bba762fea80aca3e14da8ac9f9f210234edd9c70', class: "tds-helper" }, this.helper)))));
+            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '7bc1fa21b2389416773ed271c6db22560d27c3fb', class: "tds-datetime-label-inside", htmlFor: this.name }, this.label)), h("div", { key: 'd93169f5ab8077e150e7bdb2c459a9086c5cc350', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '22bb5b37b73319c6566e1db29284778754d634e7', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '1c9d52a312e2a622485de8deab6a13b83c54decd', class: "datetime-icon icon-time" }, h("tds-icon", { key: '472222802261960915664e5a754a74e7def45bc7', size: "20px", name: "clock", svgTitle: "Clock" })))), this.state === 'error' && (h("div", { key: 'c4d637939bbb2be52867a1d0eecd8d85e13f9664', class: "tds-datetime-helper" }, !((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.badInput) && (h("div", { key: 'b5ad19a8715623928f9af3706cc9f53090d031ed', class: "tds-helper" }, h("tds-icon", { key: '805214bccad4afa519a783c1d0d6457c12465151', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperError)), this.textInput && this.textInput.validity.badInput && (h("div", { key: 'c566a22753888287a2abc60e2c747fff669a96b9', class: "tds-helper" }, h("tds-icon", { key: '656f92a11620ef57eae10aac48010e0d5ef82f74', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperErrorInvalid)))), this.helper && this.state !== 'error' && (h("div", { key: 'ed123de1e76dbd7b9ea209d3c48cd3c6b1bc0bb5', class: "tds-datetime-helper" }, h("div", { key: '915e2b03b3c78476b2d9b1cc13837d3fb565ef49', class: "tds-helper" }, this.helper)))));
     }
     static get is() { return "tds-datetime"; }
     static get encapsulation() { return "scoped"; }
@@ -253,7 +253,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "min"
             },
             "max": {
@@ -272,7 +272,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "max"
             },
             "defaultValue": {
@@ -291,7 +291,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-value",
                 "defaultValue": "'none'"
             },
@@ -311,7 +311,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -331,7 +331,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -351,7 +351,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "no-min-width",
                 "defaultValue": "false"
             },
@@ -371,7 +371,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -391,7 +391,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name",
                 "defaultValue": "`datetime-${generateUniqueId()}`"
             },
@@ -411,7 +411,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "state"
             },
             "autofocus": {
@@ -430,7 +430,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "autofocus",
                 "defaultValue": "false"
             },
@@ -450,7 +450,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label",
                 "defaultValue": "''"
             },
@@ -470,7 +470,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label-position",
                 "defaultValue": "'no-label'"
             },
@@ -490,7 +490,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper",
                 "defaultValue": "''"
             },
@@ -510,7 +510,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper-error"
             },
             "helperErrorInvalid": {
@@ -529,7 +529,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper-error-invalid",
                 "defaultValue": "'Invalid input'"
             },
@@ -549,7 +549,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             },
             "customValidator": {

package/dist/collection/components/divider/divider.js

@@ -7,7 +7,7 @@ export class Divider {
         this.variant = 'subtle';
     }
     render() {
-        return (h(Host, { key: '86cef3b6aacde74bbaa414992cd805058e3b5290', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'cd59487dd9214b2635a11ab1a012309a727bd389', class: {
+        return (h(Host, { key: '467cc771ed3fc6c574710aec6ea5e011a03ff7f8', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'bebf6ec81c99e2146ae6a07feda9b65b96064369', class: {
                 'divider': true,
                 'vertical': this.orientation === 'vertical',
                 'horizontal': this.orientation === 'horizontal',
@@ -48,7 +48,7 @@ export class Divider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "orientation",
                 "defaultValue": "'horizontal'"
             },
@@ -68,7 +68,7 @@ export class Divider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "'subtle'"
             }

package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js

@@ -91,7 +91,7 @@ export class TdsDropdownOption {
         this.internalValue = convertToString(this.value);
     }
     render() {
-        return (h(Host, { key: '35542ea54d2ba455982e2470190711f75f88a999' }, h("div", { key: '4236d5281cf4675586a7d8b16e80141b9689dad3', class: `dropdown-option
+        return (h(Host, { key: 'f2c0929d4a6d9e7df2259b80175ddde7bad15946' }, h("div", { key: '433562a99e20ec9b21cf1b07819c52e516081723', class: `dropdown-option
           ${this.size}
           ${this.selected ? 'selected' : ''}
           ${this.disabled ? 'disabled' : ''}
@@ -141,7 +141,7 @@ export class TdsDropdownOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value"
             },
             "disabled": {
@@ -160,7 +160,7 @@ export class TdsDropdownOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -180,7 +180,7 @@ export class TdsDropdownOption {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             }
         };

package/dist/collection/components/dropdown/dropdown.js

@@ -632,9 +632,9 @@ export class TdsDropdown {
         else if (showPlaceholderButton) {
             buttonText = (_d = this.placeholder) !== null && _d !== void 0 ? _d : '';
         }
-        return (h(Host, { key: 'e7c3ade8e5b56a41f78016c44fb75efcaaf666c1', class: {
+        return (h(Host, { key: 'b9cf35a8a59a4394231a6a1eaf28d10eb406d9dd', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: '26dd2d4137fea024b4b436fca739cfecaea13491', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'ce88e29fa87c4c9e54ea68bef9bde26b6300bae9', class: {
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'd0a437dd9964f99a6fc584e19db6cb202a52db6d', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '1f2bc5ba3a4f88d0562920514582dbbca392f0f2', class: {
                 'dropdown-select': true,
                 [this.size]: true,
                 'disabled': this.disabled,
@@ -693,7 +693,7 @@ export class TdsDropdown {
             }, class: {
                 'clear-icon': true,
                 'hide': !(this.multiselect && this.selectedOptions.length > 0),
-            }, name: "cross", size: "16px" }), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" })))), h("div", { key: '0d76e422a2f0887595f60d57e03ec3980d4b9774', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
+            }, name: "cross", size: "16px" }), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" })))), h("div", { key: '33b396b80b0bd9df1e2ad49ce76a6d206b8494c1', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
                 if (element)
                     this.dropdownList = element;
             }, class: {
@@ -705,11 +705,11 @@ export class TdsDropdown {
                 'closed': !this.open,
                 [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
                 [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
-            } }, h("slot", { key: 'f971e4e9e24fe8d9092066d72bb05b76547f05a7', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '0d8f90a543bf7b8dc3b3185d27f05d0517b4e0e6', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '4f17cfead0616b262e91e0e5b82cf59ce1309d73', id: helperId, class: {
+            } }, h("slot", { key: '34c20eb4db47adc67acbfa82fb9cdc4d00570dff', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '20accfd7501265ef8bb4472984950af150967292', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '184197b19327dc1f41cf4deff322516c8a8e2016', id: helperId, class: {
                 helper: true,
                 error: this.error,
                 disabled: this.disabled,
-            } }, this.error && h("tds-icon", { key: '032599d86280e2a204c22fb97409f097841259b5', name: "error", size: "16px" }), this.helper))));
+            } }, this.error && h("tds-icon", { key: 'd981559018ad6f969a2292e1520db0fa1fe66623', name: "error", size: "16px" }), this.helper))));
     }
     static get is() { return "tds-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -741,7 +741,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name"
             },
             "disabled": {
@@ -760,7 +760,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -780,7 +780,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper"
             },
             "label": {
@@ -799,7 +799,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label"
             },
             "labelPosition": {
@@ -818,7 +818,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label-position"
             },
             "modeVariant": {
@@ -837,7 +837,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -857,7 +857,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "open-direction",
                 "defaultValue": "'auto'"
             },
@@ -877,7 +877,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "placeholder"
             },
             "size": {
@@ -896,7 +896,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -916,7 +916,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "animation",
                 "defaultValue": "'slide'"
             },
@@ -936,7 +936,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "error",
                 "defaultValue": "false"
             },
@@ -956,7 +956,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "multiselect",
                 "defaultValue": "false"
             },
@@ -976,7 +976,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "filter",
                 "defaultValue": "false"
             },
@@ -996,7 +996,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "normalize-text",
                 "defaultValue": "true"
             },
@@ -1016,7 +1016,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "no-result-text",
                 "defaultValue": "'No result'"
             },
@@ -1036,7 +1036,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-value"
             },
             "value": {
@@ -1075,7 +1075,7 @@ export class TdsDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             }
         };

package/dist/collection/components/footer/footer-group/footer-group.js

@@ -42,12 +42,12 @@ export class TdsFooterGroup {
     }
     render() {
         const hasTitleSlot = hasSlot('title', this.host);
-        return (h(Host, { key: '7901705ee2dc040052e2f99813f8b0e8faf37530', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: 'ca98dcf8fbdf2556a9fd61b233a9a84bc3f6f9cc', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
+        return (h(Host, { key: '2605313d24ee6eb94a1cfa84854827fd1292d379', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: '5bf77ad82b1ed690e17fb9b4ab5b3110224b1392', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
             (this.isMobile ? (h("button", { onClick: () => {
                     this.open = !this.open;
-                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: 'dfa738d7e93518c7aa29e322b575a4c418010e6a', "aria-label": this.tdsListAriaLabel }, h("div", { key: '6a3a9bfa388a342609187ca5437ea1e572a0b62f', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
+                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: '9191647967d238ce7d67bd1a6437ab282be60e7a', "aria-label": this.tdsListAriaLabel }, h("div", { key: '105c4960663852dc4a6e637e4b10fde5936d616e', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
             ${this.topPartGroup ? 'top-part-child' : ''}
-            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '3dbf13f27f3bd37ba5fc589045b329ee034a37d3' }))))));
+            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '00546ee8a4e85a33e6f7696f50a59a3ecd53d80e' }))))));
     }
     static get is() { return "tds-footer-group"; }
     static get encapsulation() { return "shadow"; }
@@ -79,7 +79,7 @@ export class TdsFooterGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "title-text"
             },
             "tdsListAriaLabel": {
@@ -98,7 +98,7 @@ export class TdsFooterGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-list-aria-label"
             }
         };

package/dist/collection/components/footer/footer.js

@@ -17,9 +17,9 @@ export class TdsFooter {
         const usesStartSlot = hasSlot('start', this.host);
         const usesEndSlot = hasSlot('end', this.host);
         const usesCopyrightSlot = hasSlot('copyright', this.host);
-        return (h(Host, { key: '48864143f8e7c122b60c5f95ac087f81da23cbd6', class: {
+        return (h(Host, { key: '45c3eab02748591e5751d4c23d6dcc9ca7541aca', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, h("footer", { key: 'aa7efca2b32ea0bd81719eff1730e7ab0a5b69c9' }, usesTopSlot && h("slot", { key: '662e7f205b7ee9bf5202441f45835da44da01ffe', name: "top" }), h("div", { key: '42ba2e344380a87d4dbf3dc90b214a99d10b9dfe', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'b6b62659aa80fe86f7240b4e2a7187f81a0ae3d7', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '5f10f1f47de58d4ce142d720e2ab924c9935afcd', name: "start" }), usesEndSlot && h("slot", { key: '88165d1b0925e31e302eaec0e2fcd795c5e4ece1', name: "end" }))), h("div", { key: '99e987a96dbb762725b78b647164627f4abe7790', class: "footer-main-bottom" }, h("small", { key: 'f24bfbe5b9733c1effc45608ed6fc4c10d3c9631', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '2947b9f5c59eb5315d1787a3e13203a0359ec8af', class: "brand" }, h("p", { key: '83aa6191d31573002c275d0042f5871449ce4fe5' }, "Scania")))))));
+            } }, h("footer", { key: 'a5c338868f8201014d0f1eaecf4db3b5552c6a8d' }, usesTopSlot && h("slot", { key: '07257d9529a6af504715b69d33741052614a1737', name: "top" }), h("div", { key: 'a1f11fbceefb0442cd61858f0ca8ed5a7c0aeb81', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'dd8bff6c7f4171a7c9d46d7f5dabcf2a31697dc7', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '39f28defd591fbb6863d86225fca3cff09ec94cb', name: "start" }), usesEndSlot && h("slot", { key: '344bd6c80538d46a22b5d10f09e5cf4633019ef9', name: "end" }))), h("div", { key: '8896f0f1c3031b98b1d1b1d2cedd2cb35e003dff', class: "footer-main-bottom" }, h("small", { key: '972571431d7ebeb07eaab043d970528c352df32d', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '5b93f4ab6f07dd3bdb4cd05429b729426e11c103', class: "brand" }, h("p", { key: '9537baabeba256b7774af6f3e135ecdc127a8993' }, "Scania")))))));
     }
     static get is() { return "tds-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,7 @@ export class TdsFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             }

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

@@ -48,13 +48,13 @@ export class TdsHeaderDropdown {
         }
     }
     render() {
-        return (h(Host, { key: '81c477e45d3f6a4614c3928797f900fb9b64ffcc' }, h("div", { key: '2b4a3509254a827fa6d300793b699e57ac36cd9a', class: {
+        return (h(Host, { key: '1176c57c972add57be5c2529dfb6cb83d3bed22b' }, h("div", { key: '6ad3f10940083968fff1a4b9b01f66b1165329ba', class: {
                 'state-open': this.open,
-            } }, h("tds-header-item", { key: '4847e06a7b5fdf61642234f7179b01103e34fb38', class: "button", active: this.open, selected: this.selected }, h("button", { key: '8cc7fed2a05c68f0026ef7d4c17400d85d6a40af', ref: (el) => {
+            } }, h("tds-header-item", { key: '5c8024b943d585a85fc6a1c2f42f9e574729d79e', class: "button", active: this.open, selected: this.selected }, h("button", { key: 'ed48b89c6eb04cf7f2685e2f69f7eea37822e8f9', ref: (el) => {
                 this.buttonEl = el;
             }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
                 this.toggleDropdown();
-            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: '8254bfb1f48d193bc0c58363df96fad41b61aad6', name: "icon" }), this.label, h("slot", { key: '5722ecd4748ad029b5b803bb4ff731cca119fc7b', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: 'c0c9c51b4705226891b21383ce27c0680113af7c', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '52e127dbe4eef7082e62f3421d338fa0b44ab919', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: '3a79e52d868cd2a12ee5a6c46c574b596e5c257f', name: "icon" }), this.label, h("slot", { key: '6490c20d77794e6bda911a28eb01bba6539a6946', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: '4ccd9df2499f81a3790fd207686c9d763950ca18', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '67a72bb46b5d87424dcd883e770a5f0a06d09edd', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {
@@ -93,7 +93,7 @@ export class TdsHeaderDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label"
             },
             "noDropdownIcon": {
@@ -112,7 +112,7 @@ export class TdsHeaderDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "no-dropdown-icon",
                 "defaultValue": "false"
             },
@@ -132,7 +132,7 @@ export class TdsHeaderDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "selected",
                 "defaultValue": "false"
             },
@@ -152,7 +152,7 @@ export class TdsHeaderDropdown {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             }
         };

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

@@ -10,10 +10,10 @@ export class TdsHeaderDropdownListItem {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '044ca1632bcfa67b268f2f46f6b3f803feabc603' }, h("div", { key: '43348d36bbbce184d43fda6cc4eead8fe1b94374', class: {
+        return (h(Host, { key: '4912bf638b28faf67530146becb90977fa3eff8c' }, h("div", { key: '6c30529e045b7568a7409505828bf04c94830b0c', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, h("slot", { key: 'd6d036909bc7e83049d9c75add7ee84c68b5eba8' }))));
+            } }, h("slot", { key: '34935ba9bd6807d2c7703d5320b837e4dd837240' }))));
     }
     static get is() { return "tds-header-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -45,7 +45,7 @@ export class TdsHeaderDropdownListItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "selected",
                 "defaultValue": "false"
             },