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

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"
             }
         };

package/dist/collection/components/slider/slider.js

@@ -2,42 +2,6 @@ import { h, } from "@stencil/core";
 import generateUniqueId from "../../utils/generateUniqueId";
 export class TdsSlider {
     constructor() {
-        /** Text for label */
-        this.label = '';
-        /** Initial value */
-        this.value = '0';
-        /** Minimum value */
-        this.min = '0';
-        /** Maximum value */
-        this.max = '100';
-        /** Number of tick markers (tick for min- and max-value will be added automatically) */
-        this.ticks = '0';
-        /** Decide to show numbers above the tick markers or not  */
-        this.showTickNumbers = false;
-        /** Decide to show the tooltip or not */
-        this.tooltip = false;
-        /** Sets the disabled state for the whole component  */
-        this.disabled = false;
-        /** Sets the read only state for the whole component  */
-        this.readOnly = false;
-        /** Decide to show the controls or not */
-        this.controls = false;
-        /** Decide to show the input field or not */
-        this.input = false;
-        /** Defines how much to increment/decrement the value when using controls */
-        this.step = '1';
-        /** Name property (will be inherited by the native slider component) */
-        this.name = '';
-        /** Sets the size of the thumb */
-        this.thumbSize = 'lg';
-        /** Snap to the tick's grid */
-        this.snap = false;
-        /** Sets the aria-label for the slider control. */
-        this.tdsAriaLabel = '';
-        /** ID for the Slider's input element, randomly generated if not specified. */
-        this.sliderId = generateUniqueId();
-        /** Sets the read only aria label for the input field */
-        this.tdsReadOnlyAriaLabel = '';
         this.wrapperElement = null;
         this.thumbElement = null;
         this.thumbInnerElement = null;
@@ -59,6 +23,24 @@ export class TdsSlider {
             this.forceValueUpdate(this.initialValue);
             this.reset();
         };
+        this.label = '';
+        this.value = '0';
+        this.min = '0';
+        this.max = '100';
+        this.ticks = '0';
+        this.showTickNumbers = false;
+        this.tooltip = false;
+        this.disabled = false;
+        this.readOnly = false;
+        this.controls = false;
+        this.input = false;
+        this.step = '1';
+        this.name = '';
+        this.thumbSize = 'lg';
+        this.snap = false;
+        this.tdsAriaLabel = '';
+        this.sliderId = generateUniqueId();
+        this.tdsReadOnlyAriaLabel = '';
     }
     roundToStep(val) {
         const stepNum = parseFloat(this.step);
@@ -500,10 +482,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Text for label"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "label",
+                "reflect": false,
                 "defaultValue": "''"
             },
             "value": {
@@ -520,10 +500,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Initial value"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "value",
+                "reflect": false,
                 "defaultValue": "'0'"
             },
             "min": {
@@ -540,10 +518,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Minimum value"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "min",
+                "reflect": false,
                 "defaultValue": "'0'"
             },
             "max": {
@@ -560,10 +536,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Maximum value"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "max",
+                "reflect": false,
                 "defaultValue": "'100'"
             },
             "ticks": {
@@ -580,10 +554,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Number of tick markers (tick for min- and max-value will be added automatically)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "ticks",
+                "reflect": false,
                 "defaultValue": "'0'"
             },
             "showTickNumbers": {
@@ -600,10 +572,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Decide to show numbers above the tick markers or not"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show-tick-numbers",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tooltip": {
@@ -620,10 +590,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Decide to show the tooltip or not"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tooltip",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
@@ -640,10 +608,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Sets the disabled state for the whole component"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "readOnly": {
@@ -660,10 +626,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Sets the read only state for the whole component"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "read-only",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "controls": {
@@ -680,10 +644,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Decide to show the controls or not"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "controls",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "input": {
@@ -700,10 +662,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Decide to show the input field or not"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "input",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "step": {
@@ -720,10 +680,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Defines how much to increment/decrement the value when using controls"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "step",
+                "reflect": false,
                 "defaultValue": "'1'"
             },
             "name": {
@@ -740,10 +698,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Name property (will be inherited by the native slider component)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "name",
+                "reflect": false,
                 "defaultValue": "''"
             },
             "thumbSize": {
@@ -760,10 +716,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Sets the size of the thumb"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "thumb-size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "snap": {
@@ -780,10 +734,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Snap to the tick's grid"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "snap",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -800,10 +752,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Sets the aria-label for the slider control."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-aria-label",
+                "reflect": false,
                 "defaultValue": "''"
             },
             "sliderId": {
@@ -820,10 +770,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "ID for the Slider's input element, randomly generated if not specified."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "slider-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             },
             "tdsReadOnlyAriaLabel": {
@@ -840,10 +788,8 @@ export class TdsSlider {
                     "tags": [],
                     "text": "Sets the read only aria label for the input field"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-read-only-aria-label",
+                "reflect": false,
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/spinner/spinner.js

@@ -1,9 +1,7 @@
 import { h } from "@stencil/core";
 export class TdsSpinner {
     constructor() {
-        /** Size of the Spinner */
         this.size = 'lg';
-        /** Variant of the Spinner */
         this.variant = 'standard';
     }
     render() {
@@ -36,10 +34,8 @@ export class TdsSpinner {
                     "tags": [],
                     "text": "Size of the Spinner"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "variant": {
@@ -56,10 +52,8 @@ export class TdsSpinner {
                     "tags": [],
                     "text": "Variant of the Spinner"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "variant",
+                "reflect": false,
                 "defaultValue": "'standard'"
             }
         };

package/dist/collection/components/stepper/step/step.js

@@ -10,8 +10,13 @@ const propToStateMap = {
  */
 export class TdsStep {
     constructor() {
-        /** State of the Step */
+        this.index = undefined;
         this.state = 'upcoming';
+        this.tdsAriaCurrent = undefined;
+        this.hideLabels = undefined;
+        this.size = undefined;
+        this.orientation = undefined;
+        this.labelPosition = undefined;
     }
     /* Needs to be onload to do this on any updates. */
     componentWillLoad() {
@@ -65,10 +70,8 @@ export class TdsStep {
                     "tags": [],
                     "text": "Index of the step. Will be displayed in the step if the state is current/upcoming."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "index"
+                "attribute": "index",
+                "reflect": false
             },
             "state": {
                 "type": "string",
@@ -84,10 +87,8 @@ export class TdsStep {
                     "tags": [],
                     "text": "State of the Step"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "state",
+                "reflect": false,
                 "defaultValue": "'upcoming'"
             },
             "tdsAriaCurrent": {
@@ -104,10 +105,8 @@ export class TdsStep {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-current"
+                "attribute": "tds-aria-current",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/stepper/stepper.js

@@ -5,21 +5,11 @@ import generateUniqueId from "../../utils/generateUniqueId";
  */
 export class TdsStepper {
     constructor() {
-        /** The orientation the Steps */
         this.orientation = 'horizontal';
-        /** Text position, only available on a direction: horizontal */
         this.labelPosition = 'below';
-        /** Size of the component and it's children. */
         this.size = 'lg';
-        /** Hides the label for the child components if true. */
         this.hideLabels = false;
-        /** ID used for internal Stepper functionality and events, must be unique.
-         *
-         * **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,
-         * as the default ID is random and will be different every time.
-         */
         this.stepperId = generateUniqueId();
-        /** Label for the stepper component, for screen reader users */
         this.tdsAriaLabel = 'Progress steps';
     }
     componentWillLoad() {
@@ -86,10 +76,8 @@ export class TdsStepper {
                     "tags": [],
                     "text": "The orientation the Steps"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "orientation",
+                "reflect": false,
                 "defaultValue": "'horizontal'"
             },
             "labelPosition": {
@@ -106,10 +94,8 @@ export class TdsStepper {
                     "tags": [],
                     "text": "Text position, only available on a direction: horizontal"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "label-position",
+                "reflect": false,
                 "defaultValue": "'below'"
             },
             "size": {
@@ -126,10 +112,8 @@ export class TdsStepper {
                     "tags": [],
                     "text": "Size of the component and it's children."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "hideLabels": {
@@ -146,10 +130,8 @@ export class TdsStepper {
                     "tags": [],
                     "text": "Hides the label for the child components if true."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "hide-labels",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "stepperId": {
@@ -166,10 +148,8 @@ export class TdsStepper {
                     "tags": [],
                     "text": "ID used for internal Stepper functionality and events, must be unique.\n\n**NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,\nas the default ID is random and will be different every time."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "stepper-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             },
             "tdsAriaLabel": {
@@ -186,10 +166,8 @@ export class TdsStepper {
                     "tags": [],
                     "text": "Label for the stepper component, for screen reader users"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-aria-label",
+                "reflect": false,
                 "defaultValue": "'Progress steps'"
             }
         };