@scania/tegel 1.41.0-stencil-core-beta.0 → 1.42.0

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

@@ -8,9 +8,8 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsFooter {
     constructor() {
-        /** Mode variant of the component, based on current mode. */
-        this.modeVariant = null;
         this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
+        this.modeVariant = null;
     }
     render() {
         const usesTopSlot = hasSlot('top', this.host);
@@ -49,10 +48,8 @@ export class TdsFooter {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             }
         };

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

@@ -7,11 +7,6 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  */
 export class TdsHeaderDropdown {
     constructor() {
-        /** If the dropdown icon (downwards chevron) should be hidden. */
-        this.noDropdownIcon = false;
-        /** If the button that opens the dropdown should appear selected. */
-        this.selected = false;
-        this.open = false;
         this.uuid = generateUniqueId();
         this.handleSlottedItemClick = (event) => {
             const eventSource = event.target.tagName.toLowerCase();
@@ -19,6 +14,12 @@ export class TdsHeaderDropdown {
                 this.open = false;
             }
         };
+        this.label = undefined;
+        this.noDropdownIcon = false;
+        this.selected = false;
+        this.tdsAriaLabel = undefined;
+        this.open = false;
+        this.buttonEl = undefined;
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -89,10 +90,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "The label of the button that opens the dropdown.\nThis is an alternative to the label slot."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "attribute": "label",
+                "reflect": false
             },
             "noDropdownIcon": {
                 "type": "boolean",
@@ -108,10 +107,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "If the dropdown icon (downwards chevron) should be hidden."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "no-dropdown-icon",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "selected": {
@@ -128,10 +125,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "If the button that opens the dropdown should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -148,10 +143,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

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

@@ -8,8 +8,8 @@ export class TdsHeaderDropdownList {
     constructor() {
         // A Map to store the slots and their associated slotchange listeners.
         this.slotListeners = new Map();
-        /** The size of the component. */
         this.size = 'md';
+        this.headingElement = undefined;
     }
     componentWillLoad() {
         const { children } = this.host;
@@ -102,10 +102,8 @@ export class TdsHeaderDropdownList {
                     "tags": [],
                     "text": "The size of the component."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "'md'"
             }
         };

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

@@ -4,9 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsHeaderDropdownListItem {
     constructor() {
-        /** If the link should appear selected. */
         this.selected = false;
-        /** The size of the component. */
         this.size = 'md';
     }
     render() {
@@ -43,10 +41,8 @@ export class TdsHeaderDropdownListItem {
                     "tags": [],
                     "text": "If the link should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -63,10 +59,8 @@ export class TdsHeaderDropdownListItem {
                     "tags": [],
                     "text": "The size of the component."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "'md'"
             }
         };

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

@@ -4,6 +4,12 @@ import { h, Host } from "@stencil/core";
  * @slot header - Slot for the header.
  */
 export class TdsHeaderDropdownListLgUser {
+    constructor() {
+        this.imgUrl = undefined;
+        this.imgAlt = undefined;
+        this.header = undefined;
+        this.subheader = undefined;
+    }
     render() {
         return (h(Host, { key: '88298dc621372f56b0336686d055f27ef7bfee8a', role: "listitem" }, h("div", { key: 'da8b981e30d4cca52b4dfc2813e2d706f7c18d30', class: "user-box" }, this.imgUrl && h("img", { key: 'f81a370f4499f5bec4eedef0ef2d1aaa5aeca4ca', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '33c9d2b8d0761d6915129cd03f4b596b5c05c1b4', name: "thumbanil" }), h("div", { key: '78a05fa64af6d694b4927fef55260e18c2d5711f', class: "user-content" }, h("div", { key: '15f6a48e0f10574ae14af2e2d92342ec77e85aa1', class: "header" }, this.header, h("slot", { key: '12ebbfbc257918f264c76e7d38a28827880cadec', name: "header" })), h("div", { key: 'bbd348e04b5ea5732bb4426547ef5ed9eddf55d0', class: "subheader" }, this.subheader, h("slot", { key: '403e7f20cb5b564928759ce0be1b058d12610290', name: "subheader" }))))));
     }
@@ -35,10 +41,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Image URL."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img-url"
+                "attribute": "img-url",
+                "reflect": false
             },
             "imgAlt": {
                 "type": "string",
@@ -54,10 +58,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Image alt text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img-alt"
+                "attribute": "img-alt",
+                "reflect": false
             },
             "header": {
                 "type": "string",
@@ -73,10 +75,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Header text, usually the users first name and last name."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "header"
+                "attribute": "header",
+                "reflect": false
             },
             "subheader": {
                 "type": "string",
@@ -92,10 +92,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Subheader text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "subheader"
+                "attribute": "subheader",
+                "reflect": false
             }
         };
     }

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

@@ -1,6 +1,9 @@
 import { h, Host } from "@stencil/core";
 import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
 export class TdsHeaderHamburger {
+    constructor() {
+        this.tdsAriaLabel = undefined;
+    }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
         return (h(Host, { key: 'f1b3e80727ae2fbb84cbdf19fdd6500067fa010b' }, h("tds-header-item", { key: '6053c08c86b6f4149bed2eb7c8a4a26f16262fc9' }, h("button", Object.assign({ key: 'b2b645ed658328622e9a6411d5bcdfe66e59028c' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '6140334699f8a27f7d78387bb3bfcf08295a0c90', class: "icon", name: "burger", size: "20px" })))));
@@ -33,10 +36,8 @@ export class TdsHeaderHamburger {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

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

@@ -5,10 +5,7 @@ import dfs from "../../../utils/dfs";
  */
 export class TdsHeaderItem {
     constructor() {
-        /** If the button should appear active. Can be used when the button is
-         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
-        /** If the button should appear selected. */
         this.selected = false;
     }
     updateSlotted(searchPredicate, mutationCallback) {
@@ -110,10 +107,8 @@ export class TdsHeaderItem {
                     "tags": [],
                     "text": "If the button should appear active. Can be used when the button is\ntriggering a dropdown, and the dropdown is open, for example."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "active",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "selected": {
@@ -130,10 +125,8 @@ export class TdsHeaderItem {
                     "tags": [],
                     "text": "If the button should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

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

@@ -6,9 +6,11 @@ import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
  */
 export class TdsHeaderLauncher {
     constructor() {
+        this.uuid = generateUniqueId();
         this.open = false;
+        this.buttonEl = undefined;
         this.hasListTypeMenu = false;
-        this.uuid = generateUniqueId();
+        this.tdsAriaLabel = undefined;
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -87,10 +89,8 @@ export class TdsHeaderLauncher {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute of the launcher button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

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

@@ -2,9 +2,8 @@ import { h, Host } from "@stencil/core";
 import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
 export class TdsHeaderLauncherButton {
     constructor() {
-        /** If the button should appear active. Can be used when the button is
-         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
+        this.tdsAriaLabel = undefined;
     }
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host));
@@ -39,10 +38,8 @@ export class TdsHeaderLauncherButton {
                     "tags": [],
                     "text": "If the button should appear active. Can be used when the button is\ntriggering a dropdown, and the dropdown is open, for example."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "active",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -59,10 +56,8 @@ export class TdsHeaderLauncherButton {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

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

@@ -5,6 +5,9 @@ import isHeadingElement from "../../../utils/isHeadingElement";
  * @slot <default> - <b>Unnamed slot.</b> For a grid item element.
  */
 export class TdsHeaderLauncherGrid {
+    constructor() {
+        this.headingElement = undefined;
+    }
     componentWillLoad() {
         const listRoot = this.host;
         const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {

package/dist/collection/components/icon/icon.js

@@ -11,19 +11,18 @@ const brandIconMap = {
 };
 export class Icon {
     constructor() {
-        /** Pass the name of the icon.
-         * For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library */
-        this.name = 'truck';
-        /** Pass a size of icon as a string, for example, 32px, 1rem, 4em... */
-        this.size = '16px';
-        /** Set aria-hidden attribute on svg */
-        this.tdsAriaHidden = false;
-        this.arrayOfIcons = [];
         this.setIcons = () => this.arrayOfIcons.map((element) => {
             if (element.name === this.name) {
                 return (h("svg", { "aria-hidden": this.tdsAriaHidden, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "aria-labelledby": this.svgTitle ? `title-${this.name}` : undefined, "aria-describedby": this.svgDescription ? `desc-${this.name}` : undefined, role: "img", style: { fontSize: this.size }, height: this.size, width: this.size }, this.svgTitle && h("title", { id: `title-${this.name}` }, this.svgTitle), this.svgDescription && h("desc", { id: `desc-${this.name}` }, this.svgDescription), h("path", { fill: "currentColor", d: element.definition })));
             }
         });
+        this.name = 'truck';
+        this.size = '16px';
+        this.svgTitle = undefined;
+        this.tdsAriaHidden = false;
+        this.svgDescription = undefined;
+        this.icons_object = undefined;
+        this.arrayOfIcons = [];
     }
     componentWillLoad() {
         this.detectAndSetBrand();
@@ -66,7 +65,7 @@ export class Icon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconNames",
-                    "resolved": "\"profile\" | \"expand\" | \"info\" | \"error\" | \"global\" | \"document\" | \"audio\" | \"link\" | \"video\" | \"image\" | \"text\" | \"download\" | \"target\" | \"key\" | \"list\" | \"placeholder\" | \"merge\" | \"copy\" | \"history\" | \"print\" | \"24v_battery_inactive\" | \"24v_battery\" | \"acceleration_inactive\" | \"acceleration\" | \"adblue_inactive\" | \"adblue\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio_inactive\" | \"award\" | \"back\" | \"backward_inactive\" | \"backward\" | \"bento\" | \"bug_inactive\" | \"bug\" | \"burger\" | \"bus_inactive\" | \"bus\" | \"calendar_inactive\" | \"calendar\" | \"camera_inactive\" | \"camera\" | \"card\" | \"cart\" | \"charging_complete\" | \"charging_failed\" | \"charging_speed_inactive\" | \"charging_speed\" | \"charging_stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock_inactive\" | \"clock\" | \"configurator\" | \"contact_inactive\" | \"contact\" | \"cookie_inactive\" | \"cookie\" | \"coolant_level_inactive\" | \"coolant_level\" | \"cross\" | \"cup_inactive\" | \"cup\" | \"dashboard\" | \"department_inactive\" | \"department\" | \"departure_scheduling_inactive\" | \"departure_scheduling\" | \"diamond_inactive\" | \"diamond\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_plus_inactive\" | \"document_plus\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"driving_licence_inactive\" | \"driving_licence\" | \"drop_inactive\" | \"drop\" | \"edit_inactive\" | \"edit\" | \"email\" | \"engine_inactive\" | \"engine\" | \"environment_inactive\" | \"environment\" | \"exit\" | \"expand_inactive\" | \"export_inactive\" | \"export\" | \"eye_inactive\" | \"eye\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"factory_inactive\" | \"factory\" | \"ferry_inactive\" | \"ferry\" | \"filters_inactive\" | \"filters\" | \"flash_inactive\" | \"flash\" | \"folder\" | \"forward_inactive\" | \"forward\" | \"fuel_gauge_inactive\" | \"fuel_gauge\" | \"fuel_inactive\" | \"fuel\" | \"gift inactive\" | \"gift\" | \"guided_tour_inactive\" | \"guided_tour\" | \"hatch_open_1\" | \"hatch_open_2\" | \"hatch_open_inactive\" | \"hatch_open\" | \"heart_inactive\" | \"heart\" | \"heating_inactive_screen\" | \"history_inactive\" | \"home_inactive\" | \"home\" | \"idea_inactive\" | \"idea\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"insights\" | \"kebab\" | \"key_inactive\" | \"layer_inactive\" | \"layer\" | \"link_broken\" | \"list_inactive\" | \"lock_inactive\" | \"lock\" | \"map_cursor_inactive\" | \"map_cursor\" | \"maximize_fullscreen\" | \"meatballs\" | \"merge_inactive\" | \"message_inactive\" | \"message\" | \"mileage_inactive\" | \"mileage\" | \"minimize_fullscreen\" | \"minus\" | \"navigate_inactive\" | \"navigate\" | \"notification_inactive\" | \"notification\" | \"oil_level_inactive\" | \"oil_level\" | \"pause_inactive\" | \"pause\" | \"phone_inactive\" | \"phone\" | \"pie_chart\" | \"pin_inactive\" | \"pin\" | \"play_inactive\" | \"play\" | \"plus\" | \"powerplug_inactive\" | \"powerplug\" | \"print_inactive\" | \"privacy_inactive\" | \"privacy\" | \"profile_inactive\" | \"proportions_inactive\" | \"proportions\" | \"range_inactive\" | \"range\" | \"redirect\" | \"refresh_inactive\" | \"refresh\" | \"reload_inactive\" | \"reload\" | \"repeat\" | \"report_inactive\" | \"report\" | \"route_inactive\" | \"route\" | \"save_inactive\" | \"save\" | \"search\" | \"send_inactive\" | \"send\" | \"settings\" | \"share\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone_inactive\" | \"smartphone\" | \"sorting\" | \"speedometer_inactive\" | \"speedometer\" | \"star\" | \"support\" | \"target_inactive\" | \"temperature_inactive\" | \"temperature\" | \"text_inactive\" | \"thumbs_down\" | \"thumbs_up\" | \"tick\" | \"timer\" | \"tool_inactive\" | \"tool\" | \"trailer_inactive\" | \"trailer\" | \"trash_inactive\" | \"trash\" | \"truck_inactive\" | \"truck\" | \"undo_inactive\" | \"undo\" | \"unlock\" | \"upload\" | \"video_inactive\" | \"wallet\" | \"warning\" | \"weight_inactive\" | \"weight\" | \"wifi_inactive\" | \"wifi\" | \"windscreen_heating_inactive\" | \"windscreen_heating\"",
+                    "resolved": "\"profile\" | \"expand\" | \"info\" | \"error\" | \"global\" | \"merge\" | \"copy\" | \"document\" | \"audio\" | \"link\" | \"video\" | \"image\" | \"text\" | \"download\" | \"target\" | \"placeholder\" | \"history\" | \"print\" | \"key\" | \"24v_battery_inactive\" | \"24v_battery\" | \"acceleration_inactive\" | \"acceleration\" | \"adblue_inactive\" | \"adblue\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio_inactive\" | \"award\" | \"back\" | \"backward_inactive\" | \"backward\" | \"bento\" | \"bug_inactive\" | \"bug\" | \"burger\" | \"bus_inactive\" | \"bus\" | \"calendar_inactive\" | \"calendar\" | \"camera_inactive\" | \"camera\" | \"card\" | \"cart\" | \"charging_complete\" | \"charging_failed\" | \"charging_speed_inactive\" | \"charging_speed\" | \"charging_stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock_inactive\" | \"clock\" | \"configurator\" | \"contact_inactive\" | \"contact\" | \"cookie_inactive\" | \"cookie\" | \"coolant_level_inactive\" | \"coolant_level\" | \"cross\" | \"cup_inactive\" | \"cup\" | \"dashboard\" | \"department_inactive\" | \"department\" | \"departure_scheduling_inactive\" | \"departure_scheduling\" | \"diamond_inactive\" | \"diamond\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_plus_inactive\" | \"document_plus\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"driving_licence_inactive\" | \"driving_licence\" | \"drop_inactive\" | \"drop\" | \"edit_inactive\" | \"edit\" | \"email\" | \"engine_inactive\" | \"engine\" | \"environment_inactive\" | \"environment\" | \"exit\" | \"expand_inactive\" | \"export_inactive\" | \"export\" | \"eye_inactive\" | \"eye\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"factory_inactive\" | \"factory\" | \"ferry_inactive\" | \"ferry\" | \"filters_inactive\" | \"filters\" | \"flash_inactive\" | \"flash\" | \"folder\" | \"forward_inactive\" | \"forward\" | \"fuel_gauge_inactive\" | \"fuel_gauge\" | \"fuel_inactive\" | \"fuel\" | \"gift inactive\" | \"gift\" | \"guided_tour_inactive\" | \"guided_tour\" | \"hatch_open_1\" | \"hatch_open_2\" | \"hatch_open_inactive\" | \"hatch_open\" | \"heart_inactive\" | \"heart\" | \"heating_inactive_screen\" | \"history_inactive\" | \"home_inactive\" | \"home\" | \"idea_inactive\" | \"idea\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"insights\" | \"kebab\" | \"key_inactive\" | \"layer_inactive\" | \"layer\" | \"link_broken\" | \"list_inactive\" | \"list\" | \"lock_inactive\" | \"lock\" | \"map_cursor_inactive\" | \"map_cursor\" | \"maximize_fullscreen\" | \"meatballs\" | \"merge_inactive\" | \"message_inactive\" | \"message\" | \"mileage_inactive\" | \"mileage\" | \"minimize_fullscreen\" | \"minus\" | \"navigate_inactive\" | \"navigate\" | \"notification_inactive\" | \"notification\" | \"oil_level_inactive\" | \"oil_level\" | \"pause_inactive\" | \"pause\" | \"phone_inactive\" | \"phone\" | \"pie_chart\" | \"pin_inactive\" | \"pin\" | \"play_inactive\" | \"play\" | \"plus\" | \"powerplug_inactive\" | \"powerplug\" | \"print_inactive\" | \"privacy_inactive\" | \"privacy\" | \"profile_inactive\" | \"proportions_inactive\" | \"proportions\" | \"range_inactive\" | \"range\" | \"redirect\" | \"refresh_inactive\" | \"refresh\" | \"reload_inactive\" | \"reload\" | \"repeat\" | \"report_inactive\" | \"report\" | \"route_inactive\" | \"route\" | \"save_inactive\" | \"save\" | \"search\" | \"send_inactive\" | \"send\" | \"settings\" | \"share\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone_inactive\" | \"smartphone\" | \"sorting\" | \"speedometer_inactive\" | \"speedometer\" | \"star\" | \"support\" | \"target_inactive\" | \"temperature_inactive\" | \"temperature\" | \"text_inactive\" | \"thumbs_down\" | \"thumbs_up\" | \"tick\" | \"timer\" | \"tool_inactive\" | \"tool\" | \"trailer_inactive\" | \"trailer\" | \"trash_inactive\" | \"trash\" | \"truck_inactive\" | \"truck\" | \"undo_inactive\" | \"undo\" | \"unlock\" | \"upload\" | \"video_inactive\" | \"wallet\" | \"warning\" | \"weight_inactive\" | \"weight\" | \"wifi_inactive\" | \"wifi\" | \"windscreen_heating_inactive\" | \"windscreen_heating\"",
                     "references": {
                         "IconNames": {
                             "location": "import",
@@ -81,10 +80,8 @@ export class Icon {
                     "tags": [],
                     "text": "Pass the name of the icon.\nFor icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "name",
+                "reflect": true,
                 "defaultValue": "'truck'"
             },
             "size": {
@@ -101,10 +98,8 @@ export class Icon {
                     "tags": [],
                     "text": "Pass a size of icon as a string, for example, 32px, 1rem, 4em..."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "'16px'"
             },
             "svgTitle": {
@@ -121,10 +116,8 @@ export class Icon {
                     "tags": [],
                     "text": "Override the default title for the svg. Also used by aria-labelledby."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "svg-title"
+                "attribute": "svg-title",
+                "reflect": false
             },
             "tdsAriaHidden": {
                 "type": "boolean",
@@ -140,10 +133,8 @@ export class Icon {
                     "tags": [],
                     "text": "Set aria-hidden attribute on svg"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-aria-hidden",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "svgDescription": {
@@ -160,10 +151,8 @@ export class Icon {
                     "tags": [],
                     "text": "Set description for the svg. Also used by aria-describedby."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "svg-description"
+                "attribute": "svg-description",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/link/link.js

@@ -4,11 +4,8 @@ import { h } from "@stencil/core";
  */
 export class TdsLink {
     constructor() {
-        /** Disables the Link */
         this.disabled = false;
-        /** Displays the Link with an underline. */
         this.underline = true;
-        /** Displays the Link as a standalone component. Not part of a paragraph. */
         this.standalone = false;
     }
     connectedCallback() {
@@ -63,10 +60,8 @@ export class TdsLink {
                     "tags": [],
                     "text": "Disables the Link"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "underline": {
@@ -83,10 +78,8 @@ export class TdsLink {
                     "tags": [],
                     "text": "Displays the Link with an underline."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "underline",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "standalone": {
@@ -103,10 +96,8 @@ export class TdsLink {
                     "tags": [],
                     "text": "Displays the Link as a standalone component. Not part of a paragraph."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "standalone",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/message/message.js

@@ -5,16 +5,6 @@ import generateUniqueId from "../../utils/generateUniqueId";
  */
 export class TdsMessage {
     constructor() {
-        /** Variant of the component, based on current mode. */
-        this.modeVariant = null;
-        /** Variant of Message. */
-        this.variant = 'information';
-        /** Removes the icon in the Message. */
-        this.noIcon = false;
-        /** Minimal Message styling. */
-        this.minimal = false;
-        /** Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
-        this.tdsAlertDialog = 'dialog';
         this.getIconName = () => {
             switch (this.variant) {
                 case 'information':
@@ -29,6 +19,13 @@ export class TdsMessage {
                     return 'info';
             }
         };
+        this.header = undefined;
+        this.modeVariant = null;
+        this.variant = 'information';
+        this.noIcon = false;
+        this.minimal = false;
+        this.tdsAlertDialog = 'dialog';
+        this.tdsAriaLabel = undefined;
     }
     getAriaLabel() {
         if (this.header) {
@@ -74,10 +71,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Header text for the component."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "header"
+                "attribute": "header",
+                "reflect": false
             },
             "modeVariant": {
                 "type": "string",
@@ -93,10 +88,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "variant": {
@@ -113,10 +106,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Variant of Message."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "variant",
+                "reflect": false,
                 "defaultValue": "'information'"
             },
             "noIcon": {
@@ -133,10 +124,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Removes the icon in the Message."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "no-icon",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "minimal": {
@@ -153,10 +142,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Minimal Message styling."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "minimal",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAlertDialog": {
@@ -173,10 +160,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-alert-dialog",
+                "reflect": false,
                 "defaultValue": "'dialog'"
             },
             "tdsAriaLabel": {
@@ -193,10 +178,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Provides an accessible name for the message component when no header is present. This ensures proper screen reader support for dialog/alertdialog roles."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }