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

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

@@ -7,32 +7,15 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  */
 export class TdsTable {
     constructor() {
-        /** Enables style with vertical dividers between columns */
         this.verticalDividers = false;
-        /** Enables style where Table toolbar, rows and footer are less high */
         this.compactDesign = false;
-        // TODO: Due to unknown reason, one of this items has to be left as is.
-        //  If all are false, it seems like emitting is not properly done and it affects other events in Table.
-        //  Try setting it and observe text-align set on header cell
-        /** Enables multiselect feature of Table */
+        this.noMinWidth = undefined;
         this.multiselect = false;
-        /** Enables extended row feature of Table */
         this.expandableRows = false;
-        /** Enables Table to take 100% available width with equal spacing of columns */
         this.responsive = false;
-        /** Variant of the component, based on current mode. */
         this.modeVariant = null;
-        /** Enables zebra stripe mode on the table rows or columns. */
         this.zebraMode = 'none';
-        /** Width of the table, used as the constraint for horizontal scrolling.
-         * **NOTE**: this will disable usage of the responsive flag
-         * */
         this.horizontalScrollWidth = null;
-        /** ID used for internal Table functionality and events, must be unique.
-         *
-         * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
-         * as the default ID is random and will be different every time.
-         */
         this.tableId = generateUniqueId();
         this.enableHorizontalScrollToolbarDesign = false;
         this.enableHorizontalScrollFooterDesign = false;
@@ -151,10 +134,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables style with vertical dividers between columns"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "vertical-dividers",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "compactDesign": {
@@ -171,10 +152,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables style where Table toolbar, rows and footer are less high"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "compact-design",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "noMinWidth": {
@@ -191,10 +170,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables to customize width on Table columns"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "no-min-width"
+                "attribute": "no-min-width",
+                "reflect": true
             },
             "multiselect": {
                 "type": "boolean",
@@ -210,10 +187,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables multiselect feature of Table"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "multiselect",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "expandableRows": {
@@ -230,10 +205,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables extended row feature of Table"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "expandable-rows",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "responsive": {
@@ -250,10 +223,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables Table to take 100% available width with equal spacing of columns"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "responsive",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "modeVariant": {
@@ -270,10 +241,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "mode-variant",
+                "reflect": true,
                 "defaultValue": "null"
             },
             "zebraMode": {
@@ -290,10 +259,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables zebra stripe mode on the table rows or columns."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "zebra-mode",
+                "reflect": true,
                 "defaultValue": "'none'"
             },
             "horizontalScrollWidth": {
@@ -310,10 +277,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Width of the table, used as the constraint for horizontal scrolling.\n**NOTE**: this will disable usage of the responsive flag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "horizontal-scroll-width",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "tableId": {
@@ -330,10 +295,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "ID used for internal Table functionality and events, must be unique.\n\n**NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,\nas the default ID is random and will be different every time."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "table-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             }
         };

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

@@ -9,19 +9,20 @@ const relevantTableProps = [
  */
 export class TdsTableBody {
     constructor() {
+        this.bodyCheckBoxClicked = () => {
+            const numberOfRows = this.host.getElementsByClassName('tds-table__row').length;
+            const numberOfRowsSelected = this.host.getElementsByClassName('tds-table__row--selected').length;
+            this.mainCheckboxStatus = numberOfRows === numberOfRowsSelected;
+        };
         this.multiselect = false;
         this.enablePaginationTableBody = false;
         this.expandableRows = false;
         this.multiselectArray = [];
+        this.multiselectArrayJSON = undefined;
         this.mainCheckboxStatus = false;
         this.columnsNumber = 0;
         this.zebraMode = 'none';
         this.tableId = '';
-        this.bodyCheckBoxClicked = () => {
-            const numberOfRows = this.host.getElementsByClassName('tds-table__row').length;
-            const numberOfRowsSelected = this.host.getElementsByClassName('tds-table__row--selected').length;
-            this.mainCheckboxStatus = numberOfRows === numberOfRowsSelected;
-        };
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {

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

@@ -9,8 +9,11 @@ const relevantTableProps = [
  */
 export class TdsTableBodyCell {
     constructor() {
-        /** Disables internal padding. Useful when passing other components to cell. */
+        this.cellValue = undefined;
+        this.cellKey = undefined;
         this.disablePadding = false;
+        this.textAlign = undefined;
+        this.textAlignState = undefined;
         this.activeSorting = false;
         this.verticalDividers = false;
         this.compactDesign = false;
@@ -116,10 +119,8 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Value that will be presented as text inside a cell"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-value"
+                "attribute": "cell-value",
+                "reflect": true
             },
             "cellKey": {
                 "type": "any",
@@ -135,10 +136,8 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-key"
+                "attribute": "cell-key",
+                "reflect": true
             },
             "disablePadding": {
                 "type": "boolean",
@@ -154,10 +153,8 @@ export class TdsTableBodyCell {
                     "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"
             },
             "textAlign": {
@@ -174,10 +171,8 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Setting for text align, default value \"left\". Other accepted values are \"left\", \"start\", \"right\", \"end\" or \"center\"."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "text-align"
+                "attribute": "text-align",
+                "reflect": true
             }
         };
     }

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

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

package/dist/collection/components/table/table-body-row/table-body-row.js

@@ -9,11 +9,8 @@ const relevantTableProps = [
  */
 export class TdsTableBodyRow {
     constructor() {
-        /** Marks the row as selected, used for multiselect table. */
         this.selected = false;
-        /** Marks the row as disabled, used for multiselect table. */
         this.disabled = false;
-        /** Makes the row clickable and tabbable for accessibility purposes. */
         this.clickable = false;
         this.multiselect = false;
         this.mainCheckBoxStatus = false;
@@ -107,10 +104,8 @@ export class TdsTableBodyRow {
                     "tags": [],
                     "text": "Marks the row as selected, used for multiselect table."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "selected",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "disabled": {
@@ -127,10 +122,8 @@ export class TdsTableBodyRow {
                     "tags": [],
                     "text": "Marks the row as disabled, used for multiselect table."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "clickable": {
@@ -147,10 +140,8 @@ export class TdsTableBodyRow {
                     "tags": [],
                     "text": "Makes the row clickable and tabbable for accessibility purposes."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "clickable",
+                "reflect": true,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js

@@ -16,19 +16,12 @@ const relevantTableProps = [
  */
 export class TdsTableBodyRowExpandable {
     constructor() {
-        /** In case that automatic count of columns does not work, user can manually set this one.
-         *  Take in mind that expandable control is column too */
         this.colSpan = null;
-        /** ID for the table row. Randomly generated if not specified. */
         this.rowId = generateUniqueId();
-        /** Controls the overflow behavior of the expandable row content */
+        this.expanded = undefined;
         this.overflow = 'auto';
-        /** Sets isExpanded state to true or false internally */
-        /** Enables auto-collapse of other expandable rows when one row is expanded */
         this.autoCollapse = false;
-        /** Aria label for the expand button, providing an accessible description */
         this.tdsAriaLabelExpandButton = '';
-        /** Sets isExpanded state to true or fals internally */
         this.isExpanded = false;
         this.tableId = '';
         this.columnsNumber = null;
@@ -157,10 +150,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "In case that automatic count of columns does not work, user can manually set this one.\nTake in mind that expandable control is column too"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "col-span",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "rowId": {
@@ -177,10 +168,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "ID for the table row. Randomly generated if not specified."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "row-id",
+                "reflect": true,
                 "defaultValue": "generateUniqueId()"
             },
             "expanded": {
@@ -197,10 +186,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Sets isExpanded state to true or false externally"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "expanded"
+                "attribute": "expanded",
+                "reflect": true
             },
             "overflow": {
                 "type": "string",
@@ -216,10 +203,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Controls the overflow behavior of the expandable row content"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "overflow",
+                "reflect": true,
                 "defaultValue": "'auto'"
             },
             "autoCollapse": {
@@ -236,10 +221,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Enables auto-collapse of other expandable rows when one row is expanded"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "auto-collapse",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabelExpandButton": {
@@ -256,10 +239,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Aria label for the expand button, providing an accessible description"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "tds-aria-label-expand-button",
+                "reflect": true,
                 "defaultValue": "''"
             }
         };

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

@@ -8,25 +8,6 @@ function removeShakeAnimation(e) {
 }
 export class TdsTableFooter {
     constructor() {
-        /** Enable pagination and show pagination controls  */
-        this.pagination = false;
-        /** Sets the pagination number. */
-        this.paginationValue = 1;
-        /** Enable rows per page dropdown */
-        this.rowsperpage = true;
-        /** Set available rows per page values */
-        this.rowsPerPageValues = [10, 25, 50];
-        /** Sets the number of pages. */
-        this.pages = null;
-        /** <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails. */
-        this.cols = null;
-        /** State that memorize number of columns to display colSpan correctly - set from parent level */
-        this.columnsNumber = 0;
-        /* Sets the footer to use compact design. */
-        this.compactDesign = false;
-        this.tableId = '';
-        this.horizontalScrollWidth = null;
-        this.rowsPerPageValue = this.rowsPerPageValues[0];
         this.emitTdsPagination = () => {
             if (this.rowsperpage) {
                 this.tdsPagination.emit({
@@ -70,6 +51,18 @@ export class TdsTableFooter {
             this.emitTdsPagination();
             this.storeLastCorrectValue(this.paginationValue);
         };
+        this.pagination = false;
+        this.paginationValue = 1;
+        this.rowsperpage = true;
+        this.rowsPerPageValues = [10, 25, 50];
+        this.pages = null;
+        this.cols = null;
+        this.columnsNumber = 0;
+        this.compactDesign = false;
+        this.lastCorrectValue = undefined;
+        this.tableId = '';
+        this.horizontalScrollWidth = null;
+        this.rowsPerPageValue = this.rowsPerPageValues[0];
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {
@@ -169,10 +162,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Enable pagination and show pagination controls"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "pagination",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "paginationValue": {
@@ -189,10 +180,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Sets the pagination number."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "pagination-value",
+                "reflect": true,
                 "defaultValue": "1"
             },
             "rowsperpage": {
@@ -209,10 +198,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Enable rows per page dropdown"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "rowsperpage",
+                "reflect": true,
                 "defaultValue": "true"
             },
             "rowsPerPageValues": {
@@ -229,8 +216,6 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Set available rows per page values"
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[10, 25, 50]"
             },
             "pages": {
@@ -247,10 +232,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Sets the number of pages."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "pages",
+                "reflect": true,
                 "defaultValue": "null"
             },
             "cols": {
@@ -267,10 +250,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "<b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "cols",
+                "reflect": false,
                 "defaultValue": "null"
             }
         };

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

@@ -11,11 +11,9 @@ const relevantTableProps = [
  */
 export class TdsTableHeaderRow {
     constructor() {
-        /** @deprecated Deprecated, use selected instead. */
         this.allSelected = false;
-        /** Prop for controlling the enabled/disabled state of the "All selected"-checkbox. */
+        this.selected = undefined;
         this.disabled = false;
-        /** Prop for controlling the indeterminate state of the "All selected"-checkbox. */
         this.indeterminate = false;
         this.multiselect = false;
         this.expandableRows = false;
@@ -121,10 +119,8 @@ export class TdsTableHeaderRow {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "all-selected",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "selected": {
@@ -141,10 +137,8 @@ export class TdsTableHeaderRow {
                     "tags": [],
                     "text": "Prop for controlling the checked/unchecked state of the \"All selected\"-checkbox."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "selected"
+                "attribute": "selected",
+                "reflect": true
             },
             "disabled": {
                 "type": "boolean",
@@ -160,10 +154,8 @@ export class TdsTableHeaderRow {
                     "tags": [],
                     "text": "Prop for controlling the enabled/disabled state of the \"All selected\"-checkbox."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "indeterminate": {
@@ -180,10 +172,8 @@ export class TdsTableHeaderRow {
                     "tags": [],
                     "text": "Prop for controlling the indeterminate state of the \"All selected\"-checkbox."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "indeterminate",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };