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

package/dist/collection/components/table/table-header-cell/table-header-cell.js

@@ -11,22 +11,6 @@ const relevantTableProps = [
  */
 export class TdsTableHeaderCell {
     constructor() {
-        /** Enables sorting on that column */
-        this.sortable = false;
-        /** Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end". */
-        this.textAlign = 'left';
-        /** Disables internal padding. Useful when passing other components to cell. */
-        this.disablePadding = false;
-        /** Aria label for the sort button, providing an accessible description */
-        this.tdsAriaLabelSortButton = '';
-        this.sortedByMyKey = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.multiselect = false;
-        this.enableToolbarDesign = false;
-        this.tableId = '';
-        this.expandableRows = false;
         this.sortButtonClick = () => {
             if (this.sortingDirection !== 'asc' && this.sortingDirection !== 'desc') {
                 this.sortingDirection = 'asc';
@@ -60,6 +44,23 @@ export class TdsTableHeaderCell {
                 key,
             });
         };
+        this.cellKey = undefined;
+        this.cellValue = undefined;
+        this.customWidth = undefined;
+        this.sortable = false;
+        this.textAlign = 'left';
+        this.disablePadding = false;
+        this.tdsAriaLabelSortButton = '';
+        this.textAlignState = undefined;
+        this.sortingDirection = undefined;
+        this.sortedByMyKey = false;
+        this.verticalDividers = false;
+        this.compactDesign = false;
+        this.noMinWidth = false;
+        this.multiselect = false;
+        this.enableToolbarDesign = false;
+        this.tableId = '';
+        this.expandableRows = false;
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {
@@ -153,10 +154,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "The value of column key, usually comes from JSON, needed for sorting"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-key"
+                "attribute": "cell-key",
+                "reflect": true
             },
             "cellValue": {
                 "type": "string",
@@ -172,10 +171,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Text that displays in column cell"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-value"
+                "attribute": "cell-value",
+                "reflect": true
             },
             "customWidth": {
                 "type": "string",
@@ -191,10 +188,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "In case noMinWidth is set, the user has to specify the width value for each column."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "custom-width"
+                "attribute": "custom-width",
+                "reflect": true
             },
             "sortable": {
                 "type": "boolean",
@@ -210,10 +205,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Enables sorting on that column"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "sortable",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "textAlign": {
@@ -230,10 +223,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Setting for text align, default is \"left\". Other accepted values are \"left\", \"start\", \"right\" or \"end\"."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "text-align",
+                "reflect": true,
                 "defaultValue": "'left'"
             },
             "disablePadding": {
@@ -250,10 +241,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Disables internal padding. Useful when passing other components to cell."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disable-padding",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "tdsAriaLabelSortButton": {
@@ -270,10 +259,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Aria label for the sort button, providing an accessible description"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "tds-aria-label-sort-button",
+                "reflect": true,
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 const relevantTableProps = ['compactDesign'];
 export class TdsTableHeaderInputWrapper {
     constructor() {
-        /** Controls if the search icon is shown */
         this.showIcon = true;
         this.renderSlot = true;
         this.inputFocused = false;
@@ -98,10 +97,8 @@ export class TdsTableHeaderInputWrapper {
                     "tags": [],
                     "text": "Controls if the search icon is shown"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show-icon",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "compactDesign": {
@@ -118,10 +115,8 @@ export class TdsTableHeaderInputWrapper {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "compact-design",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/table/table-toolbar/table-toolbar.js

@@ -11,11 +11,8 @@ const relevantTableProps = [
  */
 export class TdsTableToolbar {
     constructor() {
-        /** Adds title to the Table */
         this.tableTitle = '';
-        /** Enables preview of searchbar */
         this.filter = false;
-        /** Aria label for the search input, providing an accessible description */
         this.tdsSearchAriaLabel = '';
         this.verticalDividers = false;
         this.compactDesign = false;
@@ -104,10 +101,8 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Adds title to the Table"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "table-title",
+                "reflect": true,
                 "defaultValue": "''"
             },
             "filter": {
@@ -124,10 +119,8 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Enables preview of searchbar"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "filter",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "tdsSearchAriaLabel": {
@@ -144,10 +137,8 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Aria label for the search input, providing an accessible description"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-search-aria-label",
+                "reflect": false,
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js

@@ -4,9 +4,9 @@ import { Host, h } from "@stencil/core";
  */
 export class TdsFolderTab {
     constructor() {
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
+        this.tabWidth = undefined;
     }
     /** @internal Method to set the width of the tab. Used by the <tds-folder-tabs> */
     async setTabWidth(width) {
@@ -68,10 +68,8 @@ export class TdsFolderTab {
                     "tags": [],
                     "text": "Disables the Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/tabs/folder-tabs/folder-tabs.js

@@ -4,17 +4,6 @@ import { Host, h, } from "@stencil/core";
  */
 export class TdsFolderTabs {
     constructor() {
-        /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-        this.modeVariant = null;
-        /** Sets the default selected Tab. */
-        this.defaultSelectedIndex = 0;
-        /** Defines aria-label on left scroll button */
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        /** Defines aria-label on right scroll button */
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        this.buttonWidth = 0;
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
         this.navWrapperElement = null; // reference to container with nav buttons
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
@@ -68,6 +57,14 @@ export class TdsFolderTabs {
                 }
             });
         };
+        this.modeVariant = null;
+        this.defaultSelectedIndex = 0;
+        this.selectedIndex = undefined;
+        this.tdsScrollLeftAriaLabel = 'Scroll left';
+        this.tdsScrollRightAriaLabel = 'Scroll right';
+        this.buttonWidth = 0;
+        this.showLeftScroll = false;
+        this.showRightScroll = false;
     }
     /** Sets the passed tabindex as the selected Tab. */
     async selectTab(tabIndex) {
@@ -197,10 +194,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Variant of the Tabs, primary= on white, secondary= on grey50"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "defaultSelectedIndex": {
@@ -217,10 +212,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Sets the default selected Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-selected-index",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "selectedIndex": {
@@ -237,10 +230,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Sets the selected Tab.\nIf this is set, all Tab changes need to be handled by the user."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "selected-index"
+                "attribute": "selected-index",
+                "reflect": true
             },
             "tdsScrollLeftAriaLabel": {
                 "type": "string",
@@ -256,10 +247,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Defines aria-label on left scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-left-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll left'"
             },
             "tdsScrollRightAriaLabel": {
@@ -276,10 +265,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Defines aria-label on right scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-right-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll right'"
             }
         };

package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js

@@ -4,7 +4,6 @@ import { Host, h } from "@stencil/core";
  */
 export class TdsInlineTab {
     constructor() {
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
     }
@@ -65,10 +64,8 @@ export class TdsInlineTab {
                     "tags": [],
                     "text": "Disables the Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/tabs/inline-tabs/inline-tabs.js

@@ -4,18 +4,6 @@ import { Host, h, } from "@stencil/core";
  */
 export class TdsInlineTabs {
     constructor() {
-        /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-        this.modeVariant = 'primary';
-        /** Sets the default selected Tab. */
-        this.defaultSelectedIndex = 0;
-        /** Defines aria-label on left scroll button */
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        /** Defines aria-label on right scroll button */
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        /** Custom left padding value for the wrapper element. */
-        this.leftPadding = 32;
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
         this.navWrapperElement = null; // reference to container with nav buttons
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
@@ -69,6 +57,14 @@ export class TdsInlineTabs {
                 }
             });
         };
+        this.modeVariant = 'primary';
+        this.defaultSelectedIndex = 0;
+        this.selectedIndex = undefined;
+        this.tdsScrollLeftAriaLabel = 'Scroll left';
+        this.tdsScrollRightAriaLabel = 'Scroll right';
+        this.leftPadding = 32;
+        this.showLeftScroll = false;
+        this.showRightScroll = false;
     }
     /** Selects a Tab based on tabindex, will not select a disabled Tab. */
     async selectTab(tabIndex) {
@@ -205,10 +201,8 @@ export class TdsInlineTabs {
                     "tags": [],
                     "text": "Variant of the Tabs, primary= on white, secondary= on grey50"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "'primary'"
             },
             "defaultSelectedIndex": {
@@ -225,10 +219,8 @@ export class TdsInlineTabs {
                     "tags": [],
                     "text": "Sets the default selected Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-selected-index",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "selectedIndex": {
@@ -245,10 +237,8 @@ export class TdsInlineTabs {
                     "tags": [],
                     "text": "Sets the selected Tab.\nIf this is set, all Tab changes need to be handled by the user."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "selected-index"
+                "attribute": "selected-index",
+                "reflect": true
             },
             "tdsScrollLeftAriaLabel": {
                 "type": "string",
@@ -264,10 +254,8 @@ export class TdsInlineTabs {
                     "tags": [],
                     "text": "Defines aria-label on left scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-left-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll left'"
             },
             "tdsScrollRightAriaLabel": {
@@ -284,10 +272,8 @@ export class TdsInlineTabs {
                     "tags": [],
                     "text": "Defines aria-label on right scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-right-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll right'"
             },
             "leftPadding": {
@@ -304,10 +290,8 @@ export class TdsInlineTabs {
                     "tags": [],
                     "text": "Custom left padding value for the wrapper element."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "left-padding",
+                "reflect": true,
                 "defaultValue": "32"
             }
         };

package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js

@@ -4,7 +4,6 @@ import { Host, h } from "@stencil/core";
  */
 export class TdsNavigationTab {
     constructor() {
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
     }
@@ -62,10 +61,8 @@ export class TdsNavigationTab {
                     "tags": [],
                     "text": "Disables the Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js

@@ -4,18 +4,6 @@ import { Host, h, } from "@stencil/core";
  */
 export class TdsNavigationTabs {
     constructor() {
-        /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-        this.modeVariant = 'primary';
-        /** Sets the default selected Tab. */
-        this.defaultSelectedIndex = 0;
-        /** Custom left padding value for the wrapper element. */
-        this.leftPadding = 32;
-        /** Defines aria-label on left scroll button */
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        /** Defines aria-label on right scroll button */
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
         this.navWrapperElement = null; // reference to container with nav buttons
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
@@ -69,6 +57,14 @@ export class TdsNavigationTabs {
                 }
             });
         };
+        this.modeVariant = 'primary';
+        this.defaultSelectedIndex = 0;
+        this.selectedIndex = undefined;
+        this.leftPadding = 32;
+        this.tdsScrollLeftAriaLabel = 'Scroll left';
+        this.tdsScrollRightAriaLabel = 'Scroll right';
+        this.showLeftScroll = false;
+        this.showRightScroll = false;
     }
     /** Sets the passed tabindex as the selected Tab. */
     async selectTab(tabIndex) {
@@ -211,10 +207,8 @@ export class TdsNavigationTabs {
                     "tags": [],
                     "text": "Variant of the Tabs, primary= on white, secondary= on grey50"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "'primary'"
             },
             "defaultSelectedIndex": {
@@ -231,10 +225,8 @@ export class TdsNavigationTabs {
                     "tags": [],
                     "text": "Sets the default selected Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-selected-index",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "selectedIndex": {
@@ -251,10 +243,8 @@ export class TdsNavigationTabs {
                     "tags": [],
                     "text": "Sets the selected Tab.\nIf this is set, all Tab changes need to be handled by the user."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "selected-index"
+                "attribute": "selected-index",
+                "reflect": true
             },
             "leftPadding": {
                 "type": "number",
@@ -270,10 +260,8 @@ export class TdsNavigationTabs {
                     "tags": [],
                     "text": "Custom left padding value for the wrapper element."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "left-padding",
+                "reflect": true,
                 "defaultValue": "32"
             },
             "tdsScrollLeftAriaLabel": {
@@ -290,10 +278,8 @@ export class TdsNavigationTabs {
                     "tags": [],
                     "text": "Defines aria-label on left scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-left-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll left'"
             },
             "tdsScrollRightAriaLabel": {
@@ -310,10 +296,8 @@ export class TdsNavigationTabs {
                     "tags": [],
                     "text": "Defines aria-label on right scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-right-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll right'"
             }
         };

package/dist/collection/components/tag/tag.js

@@ -5,9 +5,8 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsTag {
     constructor() {
-        /** Sets the size of the tag */
+        this.text = undefined;
         this.size = 'lg';
-        /** Sets the variant mode of the tag */
         this.variant = 'Neutral';
     }
     render() {
@@ -46,10 +45,8 @@ export class TdsTag {
                     "tags": [],
                     "text": "The title text to display in the tag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "text"
+                "attribute": "text",
+                "reflect": false
             },
             "size": {
                 "type": "string",
@@ -65,10 +62,8 @@ export class TdsTag {
                     "tags": [],
                     "text": "Sets the size of the tag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "variant": {
@@ -85,10 +80,8 @@ export class TdsTag {
                     "tags": [],
                     "text": "Sets the variant mode of the tag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "variant",
+                "reflect": false,
                 "defaultValue": "'Neutral'"
             }
         };

package/dist/collection/components/text-field/text-field.css

@@ -343,4 +343,12 @@
 }
 .text-field-slot-wrap-suffix::slotted(:not(tds-icon)) {
   margin: 0 2px 0 0;
+}
+
+.text-field-input-no-arrows {
+  appearance: textfield;
+}
+.text-field-input-no-arrows::-webkit-outer-spin-button, .text-field-input-no-arrows::-webkit-inner-spin-button {
+  appearance: none;
+  margin: 0;
 }