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

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

@@ -5,20 +5,20 @@ import generateUniqueId from "../../utils/generateUniqueId";
  */
 export class TdsRadioButton {
     constructor() {
-        /** Unique Radio Button identifier. */
-        this.radioId = generateUniqueId();
-        /** Decides if the Radio Button is checked or not. */
-        this.checked = false;
-        /** Decides if the Radio Button is required or not. */
-        this.required = false;
-        /** Decides if the Radio Button is disabled or not. */
-        this.disabled = false;
         this.handleChange = () => {
             this.tdsChange.emit({
                 radioId: this.radioId,
                 value: this.value,
             });
         };
+        this.name = undefined;
+        this.value = undefined;
+        this.radioId = generateUniqueId();
+        this.checked = false;
+        this.required = false;
+        this.disabled = false;
+        this.tdsAriaLabel = undefined;
+        this.tdsTabIndex = undefined;
     }
     /** Method to programmatically focus the radio button element */
     async focusElement() {
@@ -57,10 +57,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Name of Radio Button, used for reference."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "attribute": "name",
+                "reflect": false
             },
             "value": {
                 "type": "string",
@@ -76,10 +74,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Value of input."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value"
+                "attribute": "value",
+                "reflect": false
             },
             "radioId": {
                 "type": "string",
@@ -95,10 +91,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Unique Radio Button identifier."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "radio-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             },
             "checked": {
@@ -115,10 +109,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Decides if the Radio Button is checked or not."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "checked",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "required": {
@@ -135,10 +127,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Decides if the Radio Button is required or not."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "required",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
@@ -155,10 +145,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Decides if the Radio Button is disabled or not."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -175,10 +163,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Provides an accessible name for the component"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             },
             "tdsTabIndex": {
                 "type": "number",
@@ -194,10 +180,8 @@ export class TdsRadioButton {
                     "tags": [],
                     "text": "Provides a tabindex used when radio buttons are grouped"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-tab-index"
+                "attribute": "tds-tab-index",
+                "reflect": false
             }
         };
     }

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

@@ -4,7 +4,6 @@ import { h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuCollapseButton {
     constructor() {
-        this.collapsed = false;
         this.handleClick = () => {
             /** Emit a public event that the user can prevent. */
             const tdsCollapseEvent = this.tdsCollapse.emit({
@@ -19,6 +18,7 @@ export class TdsSideMenuCollapseButton {
                 });
             }
         };
+        this.collapsed = false;
     }
     collapseSideMenuEventHandler(event) {
         this.collapsed = event.detail.collapsed;

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

@@ -6,12 +6,11 @@ import { Fragment, h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuDropdown {
     constructor() {
-        /** If the dropdown should be open from the start. */
         this.defaultOpen = false;
-        /** If the button that opens the dropdown should appear selected. */
+        this.buttonLabel = undefined;
         this.selected = false;
-        /** Toggle open state programmatically */
         this.open = false;
+        this.hoverState = undefined;
         this.collapsed = false;
     }
     collapsedSideMenuEventHandler(event) {
@@ -93,10 +92,8 @@ export class TdsSideMenuDropdown {
                     "tags": [],
                     "text": "If the dropdown should be open from the start."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-open",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "buttonLabel": {
@@ -113,10 +110,8 @@ export class TdsSideMenuDropdown {
                     "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": "button-label"
+                "attribute": "button-label",
+                "reflect": false
             },
             "selected": {
                 "type": "boolean",
@@ -132,10 +127,8 @@ export class TdsSideMenuDropdown {
                     "tags": [],
                     "text": "If the button that opens the dropdown should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "open": {
@@ -152,10 +145,8 @@ export class TdsSideMenuDropdown {
                     "tags": [],
                     "text": "Toggle open state programmatically"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "open",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

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

@@ -4,7 +4,6 @@ import { h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuDropdownListItem {
     constructor() {
-        /** If the item should appear selected. */
         this.selected = false;
         this.dropdownHasIcon = false;
         this.dropdownHasUser = false;
@@ -70,10 +69,8 @@ export class TdsSideMenuDropdownListItem {
                     "tags": [],
                     "text": "If the item should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

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

@@ -5,10 +5,7 @@ import dfs from "../../../utils/dfs";
  * */
 export class TdsSideMenuItem {
     constructor() {
-        /** If the item should appear selected. */
         this.selected = false;
-        /** If the item should appear active. Can be used when the item is
-         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
         this.collapsed = false;
         this.hasUserComponent = false;
@@ -108,10 +105,8 @@ export class TdsSideMenuItem {
                     "tags": [],
                     "text": "If the item should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "active": {
@@ -128,10 +123,8 @@ export class TdsSideMenuItem {
                     "tags": [],
                     "text": "If the item should appear active. Can be used when the item is\ntriggering a dropdown, and the dropdown is open, for example."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "active",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

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

@@ -3,6 +3,12 @@ import { h, Host } from "@stencil/core";
  * @slot <default> - <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
  * */
 export class TdsSideMenuUser {
+    constructor() {
+        this.heading = undefined;
+        this.subheading = undefined;
+        this.imgSrc = undefined;
+        this.imgAlt = undefined;
+    }
     render() {
         return (h(Host, { key: 'fe3a852379cfa0e6822cac54e84937b5c8365115' }, h("tds-side-menu-user-image", { key: 'd5c702b1f3dcc8d2d46d411c72e13becaab1062d', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '4ded196cd1d6ab0e13488787bbb1d4aa5feb3ebd', name: "image" })), h("tds-side-menu-user-label", { key: 'efee803dbe911144f11660ff1529a2de8c3cca62', heading: this.heading, subheading: this.subheading })));
     }
@@ -34,10 +40,8 @@ export class TdsSideMenuUser {
                     "tags": [],
                     "text": "The heading text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading"
+                "attribute": "heading",
+                "reflect": false
             },
             "subheading": {
                 "type": "string",
@@ -53,10 +57,8 @@ export class TdsSideMenuUser {
                     "tags": [],
                     "text": "The subheading text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "subheading"
+                "attribute": "subheading",
+                "reflect": false
             },
             "imgSrc": {
                 "type": "string",
@@ -72,10 +74,8 @@ export class TdsSideMenuUser {
                     "tags": [],
                     "text": "The image source."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img-src"
+                "attribute": "img-src",
+                "reflect": false
             },
             "imgAlt": {
                 "type": "string",
@@ -91,10 +91,8 @@ export class TdsSideMenuUser {
                     "tags": [],
                     "text": "The image alt text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img-alt"
+                "attribute": "img-alt",
+                "reflect": false
             }
         };
     }

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

@@ -7,6 +7,10 @@ import { h, Host } from "@stencil/core";
  * <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
  * */
 export class TdsSideMenuUserImage {
+    constructor() {
+        this.src = undefined;
+        this.alt = undefined;
+    }
     render() {
         return (h(Host, { key: '62b6a38f0705b052cb4d5b9379bc77662f66c505' }, h("slot", { key: '99aeba48272e512ce419a934cb4147052a5e0190' }), this.src && h("img", { key: '352e0a3f93558b298835afbfe72193cdbebcffa4', src: this.src, alt: this.alt })));
     }
@@ -38,10 +42,8 @@ export class TdsSideMenuUserImage {
                     "tags": [],
                     "text": "The image source."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "src"
+                "attribute": "src",
+                "reflect": false
             },
             "alt": {
                 "type": "string",
@@ -57,10 +59,8 @@ export class TdsSideMenuUserImage {
                     "tags": [],
                     "text": "The image alt text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "alt"
+                "attribute": "alt",
+                "reflect": false
             }
         };
     }

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

@@ -1,5 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class TdsSideMenuUserLabel {
+    constructor() {
+        this.heading = undefined;
+        this.subheading = undefined;
+    }
     render() {
         return (h(Host, { key: '5b045eb527ee378f50f6a1bec3a383b9c0f352ef' }, this.heading, this.subheading && h("div", { key: '3e106d0bdbe62438e8d2edbf73f43324cb78ffdd', class: "subheading" }, this.subheading)));
     }
@@ -31,10 +35,8 @@ export class TdsSideMenuUserLabel {
                     "tags": [],
                     "text": "The heading text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading"
+                "attribute": "heading",
+                "reflect": false
             },
             "subheading": {
                 "type": "string",
@@ -50,10 +52,8 @@ export class TdsSideMenuUserLabel {
                     "tags": [],
                     "text": "The subheading text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "subheading"
+                "attribute": "subheading",
+                "reflect": false
             }
         };
     }

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

@@ -10,19 +10,6 @@ const GRID_LG_BREAKPOINT = 992;
  * */
 export class TdsSideMenu {
     constructor() {
-        /** Applicable only for mobile. If the Side Menu is open or not. */
-        this.open = false;
-        /** Applicable only for desktop. If the Side Menu should always be shown. */
-        this.persistent = false;
-        /** If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed.
-         * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event. */
-        this.collapsed = false;
-        this.isUpperSlotEmpty = false;
-        this.isCollapsed = false;
-        /* To preserved initial state of collapsed prop as it is changed in runtime */
-        this.initialCollapsedState = false;
-        /** @internal Tracks the currently focused element index for keyboard navigation */
-        this.activeElementIndex = 0;
         this.handleMatchesLgBreakpointChange = (e) => {
             const isBelowLg = !e.matches;
             if (isBelowLg) {
@@ -33,6 +20,13 @@ export class TdsSideMenu {
                 this.open = false;
             }
         };
+        this.open = false;
+        this.persistent = false;
+        this.collapsed = false;
+        this.isUpperSlotEmpty = false;
+        this.isCollapsed = false;
+        this.initialCollapsedState = false;
+        this.activeElementIndex = 0;
     }
     handleKeyDown(event) {
         if (event.key === 'Escape' && this.open) {
@@ -183,10 +177,8 @@ export class TdsSideMenu {
                     "tags": [],
                     "text": "Applicable only for mobile. If the Side Menu is open or not."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "open",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "persistent": {
@@ -203,10 +195,8 @@ export class TdsSideMenu {
                     "tags": [],
                     "text": "Applicable only for desktop. If the Side Menu should always be shown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "persistent",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "collapsed": {
@@ -223,10 +213,8 @@ export class TdsSideMenu {
                     "tags": [],
                     "text": "If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed.\nNOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "collapsed",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };