@scania/tegel 1.3.3 → 1.5.0

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

@@ -6,303 +6,303 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  * @slot <default> - <b>Unnamed slot.</b> For the table contents.
  */
 export class TdsTable {
-  constructor() {
-    this.verticalDividers = false;
-    this.compactDesign = false;
-    this.noMinWidth = undefined;
-    this.multiselect = false;
-    this.expandableRows = false;
-    this.responsive = false;
-    this.modeVariant = null;
-    this.tableId = generateUniqueId();
-  }
-  emitInternalTdsPropChange(changedValueName, changedValue) {
-    this.internalTdsTablePropChange.emit({
-      tableId: this.tableId,
-      changed: [changedValueName],
-      [changedValueName]: changedValue,
-    });
-  }
-  /** Returns all selected rows data. */
-  async getSelectedRows() {
-    let selectedRowsData = [];
-    const tableBody = this.host.querySelector('tds-table-body');
-    const selectedRows = Array.from(tableBody.querySelectorAll('tds-table-body-row')).filter((element) => element.selected);
-    selectedRows.forEach((row) => {
-      let selectedRow = [];
-      const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
-      rowCells.forEach((cell) => {
-        var _a;
-        const cellObject = {
-          cellKey: null,
-          cellValue: null,
+    constructor() {
+        this.verticalDividers = false;
+        this.compactDesign = false;
+        this.noMinWidth = undefined;
+        this.multiselect = false;
+        this.expandableRows = false;
+        this.responsive = false;
+        this.modeVariant = null;
+        this.tableId = generateUniqueId();
+    }
+    emitInternalTdsPropChange(changedValueName, changedValue) {
+        this.internalTdsTablePropChange.emit({
+            tableId: this.tableId,
+            changed: [changedValueName],
+            [changedValueName]: changedValue,
+        });
+    }
+    /** Returns all selected rows data. */
+    async getSelectedRows() {
+        let selectedRowsData = [];
+        const tableBody = this.host.querySelector('tds-table-body');
+        const selectedRows = Array.from(tableBody.querySelectorAll('tds-table-body-row')).filter((element) => element.selected);
+        selectedRows.forEach((row) => {
+            let selectedRow = [];
+            const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
+            rowCells.forEach((cell) => {
+                var _a;
+                const cellObject = {
+                    cellKey: null,
+                    cellValue: null,
+                };
+                cellObject.cellKey = cell.cellKey;
+                cellObject.cellValue = (_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText;
+                selectedRow = [...selectedRow, cellObject];
+            });
+            selectedRowsData = [...selectedRowsData, selectedRow];
+        });
+        return selectedRowsData;
+    }
+    multiselectChanged(newValue) {
+        this.emitInternalTdsPropChange('multiselect', newValue);
+    }
+    enableExpandableRowsChanged(newValue) {
+        this.emitInternalTdsPropChange('expandableRows', newValue);
+    }
+    compactDesignChanged(newValue) {
+        this.emitInternalTdsPropChange('compactDesign', newValue);
+    }
+    verticalDividersChanged(newValue) {
+        this.emitInternalTdsPropChange('verticalDividers', newValue);
+    }
+    noMinWidthChanged(newValue) {
+        this.emitInternalTdsPropChange('noMinWidth', newValue);
+    }
+    modeVariantChanged(newValue) {
+        this.emitInternalTdsPropChange('modeVariant', newValue);
+    }
+    render() {
+        return (h(Host, { class: {
+                'tds-table--responsive': this.responsive,
+                'tds-mode-variant-primary': this.modeVariant === 'primary',
+                'tds-mode-variant-secondary': this.modeVariant === 'secondary',
+            } }, h("table", { class: {
+                'tds-table': true,
+                'tds-table--compact': this.compactDesign,
+                'tds-table--divider': this.verticalDividers,
+                'tds-table--no-min-width': this.noMinWidth,
+                'tds-table--responsive': this.responsive,
+            } }, h("slot", null))));
+    }
+    static get is() { return "tds-table"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table.scss"]
         };
-        cellObject.cellKey = cell.cellKey;
-        cellObject.cellValue = (_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText;
-        selectedRow = [...selectedRow, cellObject];
-      });
-      selectedRowsData = [...selectedRowsData, selectedRow];
-    });
-    return selectedRowsData;
-  }
-  multiselectChanged(newValue) {
-    this.emitInternalTdsPropChange('multiselect', newValue);
-  }
-  enableExpandableRowsChanged(newValue) {
-    this.emitInternalTdsPropChange('expandableRows', newValue);
-  }
-  compactDesignChanged(newValue) {
-    this.emitInternalTdsPropChange('compactDesign', newValue);
-  }
-  verticalDividersChanged(newValue) {
-    this.emitInternalTdsPropChange('verticalDividers', newValue);
-  }
-  noMinWidthChanged(newValue) {
-    this.emitInternalTdsPropChange('noMinWidth', newValue);
-  }
-  modeVariantChanged(newValue) {
-    this.emitInternalTdsPropChange('modeVariant', newValue);
-  }
-  render() {
-    return (h(Host, { class: {
-        'tds-table--responsive': this.responsive,
-        'tds-mode-variant-primary': this.modeVariant === 'primary',
-        'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-      } }, h("table", { class: {
-        'tds-table': true,
-        'tds-table--compact': this.compactDesign,
-        'tds-table--divider': this.verticalDividers,
-        'tds-table--no-min-width': this.noMinWidth,
-        'tds-table--responsive': this.responsive,
-      } }, h("slot", null))));
-  }
-  static get is() { return "tds-table"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "verticalDividers": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables style with vertical dividers between columns"
-        },
-        "attribute": "vertical-dividers",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "compactDesign": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables style where Table toolbar, rows and footer are less high"
-        },
-        "attribute": "compact-design",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "noMinWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables to customize width on Table columns"
-        },
-        "attribute": "no-min-width",
-        "reflect": true
-      },
-      "multiselect": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables multiselect feature of Table"
-        },
-        "attribute": "multiselect",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "expandableRows": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables extended row feature of Table"
-        },
-        "attribute": "expandable-rows",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "responsive": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables Table to take 100% available width with equal spacing of columns"
-        },
-        "attribute": "responsive",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "modeVariant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'primary' | 'secondary'",
-          "resolved": "\"primary\" | \"secondary\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Variant of the component, based on current mode."
-        },
-        "attribute": "mode-variant",
-        "reflect": true,
-        "defaultValue": "null"
-      },
-      "tableId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "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."
-        },
-        "attribute": "table-id",
-        "reflect": false,
-        "defaultValue": "generateUniqueId()"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "internalTdsTablePropChange",
-        "name": "internalTdsTablePropChange",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": "Broadcasts changes to the Table props"
-            }],
-          "text": ""
-        },
-        "complexType": {
-          "original": "InternalTdsTablePropChange",
-          "resolved": "{ tableId: string; changed: (keyof Props)[]; } & Partial<Props>",
-          "references": {
-            "InternalTdsTablePropChange": {
-              "location": "local",
-              "path": "/home/runner/work/tegel/tegel/packages/core/src/components/table/table/table.tsx",
-              "id": "src/components/table/table/table.tsx::InternalTdsTablePropChange"
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "verticalDividers": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables style with vertical dividers between columns"
+                },
+                "attribute": "vertical-dividers",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "compactDesign": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables style where Table toolbar, rows and footer are less high"
+                },
+                "attribute": "compact-design",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "noMinWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables to customize width on Table columns"
+                },
+                "attribute": "no-min-width",
+                "reflect": true
+            },
+            "multiselect": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables multiselect feature of Table"
+                },
+                "attribute": "multiselect",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "expandableRows": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables extended row feature of Table"
+                },
+                "attribute": "expandable-rows",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "responsive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables Table to take 100% available width with equal spacing of columns"
+                },
+                "attribute": "responsive",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "modeVariant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant of the component, based on current mode."
+                },
+                "attribute": "mode-variant",
+                "reflect": true,
+                "defaultValue": "null"
+            },
+            "tableId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "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."
+                },
+                "attribute": "table-id",
+                "reflect": false,
+                "defaultValue": "generateUniqueId()"
             }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "getSelectedRows": {
-        "complexType": {
-          "signature": "() => Promise<any[]>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        };
+    }
+    static get events() {
+        return [{
+                "method": "internalTdsTablePropChange",
+                "name": "internalTdsTablePropChange",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "internal",
+                            "text": "Broadcasts changes to the Table props"
+                        }],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "InternalTdsTablePropChange",
+                    "resolved": "{ tableId: string; changed: (keyof Props)[]; } & Partial<Props>",
+                    "references": {
+                        "InternalTdsTablePropChange": {
+                            "location": "local",
+                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/table/table/table.tsx",
+                            "id": "src/components/table/table/table.tsx::InternalTdsTablePropChange"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getSelectedRows": {
+                "complexType": {
+                    "signature": "() => Promise<any[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<any[]>"
+                },
+                "docs": {
+                    "text": "Returns all selected rows data.",
+                    "tags": []
+                }
             }
-          },
-          "return": "Promise<any[]>"
-        },
-        "docs": {
-          "text": "Returns all selected rows data.",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "multiselect",
-        "methodName": "multiselectChanged"
-      }, {
-        "propName": "expandableRows",
-        "methodName": "enableExpandableRowsChanged"
-      }, {
-        "propName": "compactDesign",
-        "methodName": "compactDesignChanged"
-      }, {
-        "propName": "verticalDividers",
-        "methodName": "verticalDividersChanged"
-      }, {
-        "propName": "noMinWidth",
-        "methodName": "noMinWidthChanged"
-      }, {
-        "propName": "modeVariant",
-        "methodName": "modeVariantChanged"
-      }];
-  }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "multiselect",
+                "methodName": "multiselectChanged"
+            }, {
+                "propName": "expandableRows",
+                "methodName": "enableExpandableRowsChanged"
+            }, {
+                "propName": "compactDesign",
+                "methodName": "compactDesignChanged"
+            }, {
+                "propName": "verticalDividers",
+                "methodName": "verticalDividersChanged"
+            }, {
+                "propName": "noMinWidth",
+                "methodName": "noMinWidthChanged"
+            }, {
+                "propName": "modeVariant",
+                "methodName": "modeVariantChanged"
+            }];
+    }
 }