@britecore/bc-design-system 3.31.4 → 3.33.0

package/lib/data-table.js

@@ -61,7 +61,7 @@ module.exports =
 /******/ 	__webpack_require__.p = "/dist/";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 418);
+/******/ 	return __webpack_require__(__webpack_require__.s = 414);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -213,7 +213,7 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
-/***/ 111:
+/***/ 108:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -221,15 +221,15 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 exports.__esModule = true;
 
-var _extends2 = __webpack_require__(65);
+var _extends2 = __webpack_require__(36);
 
 var _extends3 = _interopRequireDefault(_extends2);
 
-var _objectWithoutProperties2 = __webpack_require__(155);
+var _objectWithoutProperties2 = __webpack_require__(152);
 
 var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 
-var _isFunction2 = __webpack_require__(120);
+var _isFunction2 = __webpack_require__(117);
 
 var _isFunction3 = _interopRequireDefault(_isFunction2);
 
@@ -292,43 +292,36 @@ exports.default = {
 
 /***/ }),
 
-/***/ 120:
+/***/ 117:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isFunction");
 
 /***/ }),
 
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/core-js/get-iterator");
-
-/***/ }),
-
-/***/ 152:
+/***/ 149:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/uniqueId");
 
 /***/ }),
 
-/***/ 153:
+/***/ 150:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isObject");
 
 /***/ }),
 
-/***/ 154:
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableActionsDropdown_vue__ = __webpack_require__(111);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableActionsDropdown_vue__ = __webpack_require__(108);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableActionsDropdown_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableActionsDropdown_vue__);
 /* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableActionsDropdown_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableActionsDropdown_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d3db583e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTableActionsDropdown_vue__ = __webpack_require__(156);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d3db583e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTableActionsDropdown_vue__ = __webpack_require__(153);
 var normalizeComponent = __webpack_require__(0)
 /* script */
 
@@ -357,14 +350,14 @@ var Component = normalizeComponent(
 
 /***/ }),
 
-/***/ 155:
+/***/ 152:
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/helpers/objectWithoutProperties");
 
 /***/ }),
 
-/***/ 156:
+/***/ 153:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -375,6 +368,13 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 
 /***/ }),
 
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/get-iterator");
+
+/***/ }),
+
 /***/ 2:
 /***/ (function(module, exports) {
 
@@ -382,7 +382,7 @@ module.exports = require("babel-runtime/helpers/typeof");
 
 /***/ }),
 
-/***/ 219:
+/***/ 216:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -390,15 +390,15 @@ module.exports = require("babel-runtime/helpers/typeof");
 
 exports.__esModule = true;
 
-var _assign = __webpack_require__(77);
+var _assign = __webpack_require__(42);
 
 var _assign2 = _interopRequireDefault(_assign);
 
-var _extends2 = __webpack_require__(65);
+var _extends2 = __webpack_require__(36);
 
 var _extends3 = _interopRequireDefault(_extends2);
 
-var _getIterator2 = __webpack_require__(13);
+var _getIterator2 = __webpack_require__(19);
 
 var _getIterator3 = _interopRequireDefault(_getIterator2);
 
@@ -406,11 +406,11 @@ var _stringify = __webpack_require__(7);
 
 var _stringify2 = _interopRequireDefault(_stringify);
 
-var _regenerator = __webpack_require__(78);
+var _regenerator = __webpack_require__(75);
 
 var _regenerator2 = _interopRequireDefault(_regenerator);
 
-var _asyncToGenerator2 = __webpack_require__(79);
+var _asyncToGenerator2 = __webpack_require__(76);
 
 var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
 
@@ -418,67 +418,67 @@ var _typeof2 = __webpack_require__(2);
 
 var _typeof3 = _interopRequireDefault(_typeof2);
 
-var _orderBy2 = __webpack_require__(420);
+var _orderBy2 = __webpack_require__(416);
 
 var _orderBy3 = _interopRequireDefault(_orderBy2);
 
-var _toString2 = __webpack_require__(421);
+var _toString2 = __webpack_require__(417);
 
 var _toString3 = _interopRequireDefault(_toString2);
 
-var _get2 = __webpack_require__(36);
+var _get2 = __webpack_require__(32);
 
 var _get3 = _interopRequireDefault(_get2);
 
-var _uniqueId2 = __webpack_require__(152);
+var _uniqueId2 = __webpack_require__(149);
 
 var _uniqueId3 = _interopRequireDefault(_uniqueId2);
 
-var _some2 = __webpack_require__(422);
+var _some2 = __webpack_require__(418);
 
 var _some3 = _interopRequireDefault(_some2);
 
-var _map2 = __webpack_require__(44);
+var _map2 = __webpack_require__(39);
 
 var _map3 = _interopRequireDefault(_map2);
 
-var _isObject2 = __webpack_require__(153);
+var _isObject2 = __webpack_require__(150);
 
 var _isObject3 = _interopRequireDefault(_isObject2);
 
-var _isArray3 = __webpack_require__(59);
+var _isArray3 = __webpack_require__(55);
 
 var _isArray4 = _interopRequireDefault(_isArray3);
 
-var _isString2 = __webpack_require__(51);
+var _isString2 = __webpack_require__(47);
 
 var _isString3 = _interopRequireDefault(_isString2);
 
-var _isFunction2 = __webpack_require__(120);
+var _isFunction2 = __webpack_require__(117);
 
 var _isFunction3 = _interopRequireDefault(_isFunction2);
 
-var _isNil2 = __webpack_require__(423);
+var _isNil2 = __webpack_require__(419);
 
 var _isNil3 = _interopRequireDefault(_isNil2);
 
-var _isBoolean2 = __webpack_require__(424);
+var _isBoolean2 = __webpack_require__(420);
 
 var _isBoolean3 = _interopRequireDefault(_isBoolean2);
 
-var _every2 = __webpack_require__(45);
+var _every2 = __webpack_require__(40);
 
 var _every3 = _interopRequireDefault(_every2);
 
-var _vuedraggable = __webpack_require__(425);
+var _vuedraggable = __webpack_require__(421);
 
 var _vuedraggable2 = _interopRequireDefault(_vuedraggable);
 
-var _DataTableCollapsibleSlot = __webpack_require__(426);
+var _DataTableCollapsibleSlot = __webpack_require__(422);
 
 var _DataTableCollapsibleSlot2 = _interopRequireDefault(_DataTableCollapsibleSlot);
 
-var _DataTableActionsDropdown = __webpack_require__(154);
+var _DataTableActionsDropdown = __webpack_require__(151);
 
 var _DataTableActionsDropdown2 = _interopRequireDefault(_DataTableActionsDropdown);
 
@@ -863,6 +863,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
+//
 
 var invalidPaginatedDataLengthMessage = '[Design System Warning] The Data Table is using custom pagination and the itemsPerPage prop value is less than the amount of records passed to it\'s data prop';
 
@@ -1291,16 +1294,20 @@ exports.default = {
         });
       },
       set: function set(val) {
+        var _this6 = this;
+
         this.paginatedRows.forEach(function (row) {
+          if (row.$selected === val) return;
           row.$selected = val;
+          _this6.handleRowSelected(row);
         });
       }
     },
     someRowsSelected: function someRowsSelected() {
-      var _this6 = this;
+      var _this7 = this;
 
       return !this.allRowsSelected && this.paginatedRows.some(function (row) {
-        return _this6.selectedRows.includes(row);
+        return _this7.selectedRows.includes(row);
       });
     },
     childRowsComputed: function childRowsComputed() {
@@ -1335,7 +1342,7 @@ exports.default = {
       if (!this.isColumnWidthsLocked) this.isColumnWidthsLocked = true;
     },
     handleResizeStart: function handleResizeStart(event, column, idx) {
-      var _this7 = this;
+      var _this8 = this;
 
       var $refs = this.$refs;
 
@@ -1366,7 +1373,7 @@ exports.default = {
         if (Math.abs(columnWidth - computedWidth) > 2) {
           // increase the table's width if the default of 100% is not enough
           if (dx > 0 && proposedWidth > computedWidth) {
-            _this7.$refs.table.style.width = _this7.$refs.table.offsetWidth + (proposedWidth - computedWidth) + 'px';
+            _this8.$refs.table.style.width = _this8.$refs.table.offsetWidth + (proposedWidth - computedWidth) + 'px';
           }
           // return if user is decreasing the width but browser is not respecting width decrease
           if (dx < 0 && proposedWidth < computedWidth) {
@@ -1375,11 +1382,11 @@ exports.default = {
         }
 
         // as the user decreases any column's width, reduce the table width as well if it's greater than 100%
-        if (_this7.$refs.container.offsetWidth < _this7.$refs.table.offsetWidth) {
-          _this7.$refs.table.style.width = _this7.$refs.table.offsetWidth - (computedWidth - proposedWidth) + 'px';
+        if (_this8.$refs.container.offsetWidth < _this8.$refs.table.offsetWidth) {
+          _this8.$refs.table.style.width = _this8.$refs.table.offsetWidth - (computedWidth - proposedWidth) + 'px';
         } else {
           // remove the custom width from table if 100% is enough
-          _this7.$refs.table.style.width = '';
+          _this8.$refs.table.style.width = '';
         }
 
         // update internal state and column width
@@ -1398,7 +1405,7 @@ exports.default = {
 
         if (manual) {
           // we're force stopping the resize because user is trying to shrink past the width that column allows
-          _this7.isMouseDownForResize = true; // disable sorting
+          _this8.isMouseDownForResize = true; // disable sorting
 
           // one time handler that enables sorting once the user has let go of the mouse button
           var mouseupHandler = function () {
@@ -1413,14 +1420,14 @@ exports.default = {
 
                     case 3:
                       // wait a little to make sure we don't set the flag to false before the sort function is called
-                      _this7.isMouseDownForResize = false;
+                      _this8.isMouseDownForResize = false;
 
                     case 4:
                     case 'end':
                       return _context2.stop();
                   }
                 }
-              }, _callee2, _this7);
+              }, _callee2, _this8);
             }));
 
             return function mouseupHandler() {
@@ -1430,7 +1437,7 @@ exports.default = {
           document.addEventListener('mouseup', mouseupHandler, true);
         }
 
-        _this7.storePersistedColumnWidths();
+        _this8.storePersistedColumnWidths();
       };
 
       document.addEventListener('mousemove', onResize);
@@ -1472,7 +1479,7 @@ exports.default = {
       });
     },
     setPinnedColumnLeftOffset: function setPinnedColumnLeftOffset() {
-      var _this8 = this;
+      var _this9 = this;
 
       return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3() {
         var el;
@@ -1480,7 +1487,7 @@ exports.default = {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                if (_this8.pinFirstColumn) {
+                if (_this9.pinFirstColumn) {
                   _context3.next = 2;
                   break;
                 }
@@ -1489,19 +1496,19 @@ exports.default = {
 
               case 2:
                 _context3.next = 4;
-                return _this8.$nextTick();
+                return _this9.$nextTick();
 
               case 4:
-                el = _this8.$refs.sizerColumnActions;
+                el = _this9.$refs.sizerColumnActions;
 
-                _this8.pinnedColumnLeftOffset = (el ? el.offsetWidth : 0) + 'px';
+                _this9.pinnedColumnLeftOffset = (el ? el.offsetWidth : 0) + 'px';
 
               case 6:
               case 'end':
                 return _context3.stop();
             }
           }
-        }, _callee3, _this8);
+        }, _callee3, _this9);
       }))();
     },
 
@@ -1518,7 +1525,7 @@ exports.default = {
     },
     handleActionInvoked: function () {
       var _ref12 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4(action, affectedRows) {
-        var _this9 = this;
+        var _this10 = this;
 
         var prompt, executeRowByRow, callbacks, rows, _iterator, _isArray2, _i, _ref13, row, allActionsPassed;
 
@@ -1624,7 +1631,7 @@ exports.default = {
                   this.batchActionFailureDialog.dialogFields = callbacks.onFailure.fields;
                   this.batchActionFailureDialog.dialogMessage = callbacks.onFailure.message;
                   this.batchActionFailureDialog.dialogOnClose = function () {
-                    _this9.batchActionFailureDialog.visible = false;
+                    _this10.batchActionFailureDialog.visible = false;
                     if (callbacks.onFailure.onDialogClose) callbacks.onFailure.onDialogClose();
                   };
                   this.batchActionFailureDialog.visible = true;
@@ -1645,7 +1652,7 @@ exports.default = {
       return handleActionInvoked;
     }(),
     setTableActionsDimensions: function setTableActionsDimensions() {
-      var _this10 = this;
+      var _this11 = this;
 
       return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee5() {
         var _$refs, dataTableActions, tableHead, table;
@@ -1655,10 +1662,10 @@ exports.default = {
             switch (_context5.prev = _context5.next) {
               case 0:
                 _context5.next = 2;
-                return _this10.$nextTick();
+                return _this11.$nextTick();
 
               case 2:
-                _$refs = _this10.$refs, dataTableActions = _$refs.dataTableActions, tableHead = _$refs.tableHead, table = _$refs.table;
+                _$refs = _this11.$refs, dataTableActions = _$refs.dataTableActions, tableHead = _$refs.tableHead, table = _$refs.table;
 
                 if (!(!dataTableActions || !tableHead || !table)) {
                   _context5.next = 5;
@@ -1679,7 +1686,7 @@ exports.default = {
                 return _context5.stop();
             }
           }
-        }, _callee5, _this10);
+        }, _callee5, _this11);
       }))();
     },
 
@@ -1694,17 +1701,17 @@ exports.default = {
       this.$emit('row-selected', row);
     },
     toggleCollapse: function toggleCollapse(row) {
-      var _this11 = this;
+      var _this12 = this;
 
       this.$emit('toggle-collapsed-row', row);
       this.paginatedRows.forEach(function (paginatedRow) {
         if (row.$rowId === paginatedRow.$rowId) {
-          _this11.$set(paginatedRow, '$collapsed', !paginatedRow.$collapsed);
+          _this12.$set(paginatedRow, '$collapsed', !paginatedRow.$collapsed);
         }
       });
     },
     toggleChildRowsCollapse: function toggleChildRowsCollapse(row) {
-      var _this12 = this;
+      var _this13 = this;
 
       var _childRowsComputed = this.childRowsComputed,
           load = _childRowsComputed.load,
@@ -1778,7 +1785,7 @@ exports.default = {
                 case 17:
                   _children = _context6.sent;
 
-                  _this12.$set(paginatedRow, childrenKey, _children);
+                  _this13.$set(paginatedRow, childrenKey, _children);
                   $childrenData.collapsed = false;
                   _context6.next = 24;
                   break;
@@ -1795,7 +1802,7 @@ exports.default = {
                   return _context6.stop();
               }
             }
-          }, _callee6, _this12, [[14, 22]]);
+          }, _callee6, _this13, [[14, 22]]);
         }));
 
         return function (_x5) {
@@ -1806,13 +1813,13 @@ exports.default = {
     },
 
     handleSortChange: function handleSortChange() {
-      var _this13 = this;
+      var _this14 = this;
 
       if (this.currentSortColumn) {
         this.currentSortColumn.sortOrder = null;
       }
       this.currentSortColumn = this.columns.find(function (column) {
-        return column.dataKey === _this13.sortByColumn.value.dataKey;
+        return column.dataKey === _this14.sortByColumn.value.dataKey;
       });
       this.currentSortColumn.sortOrder = this.sortByColumn.value.sortOrder;
       this.$emit('sort', [{ column: this.currentSortColumn, order: this.currentSortColumn.sortOrder }]);
@@ -1852,21 +1859,21 @@ exports.default = {
       });
     },
     updatePage: function updatePage(newPage) {
-      var _this14 = this;
+      var _this15 = this;
 
       return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee7() {
         return _regenerator2.default.wrap(function _callee7$(_context7) {
           while (1) {
             switch (_context7.prev = _context7.next) {
               case 0:
-                if (!(_this14.selectedRows.length && _this14.customPagination && !_this14.customPagination.disableSelectionCheck)) {
+                if (!(_this15.selectedRows.length && _this15.customPagination && !_this15.customPagination.disableSelectionCheck)) {
                   _context7.next = 10;
                   break;
                 }
 
                 _context7.prev = 1;
                 _context7.next = 4;
-                return _this14.$confirm('Selected rows will be unselected when navigating away from the page. <br> Are you sure you want to proceed?', 'Confirm', { confirmButtonText: 'Yes', cancelButtonText: 'No', type: 'warning', dangerouslyUseHTMLString: true });
+                return _this15.$confirm('Selected rows will be unselected when navigating away from the page. <br> Are you sure you want to proceed?', 'Confirm', { confirmButtonText: 'Yes', cancelButtonText: 'No', type: 'warning', dangerouslyUseHTMLString: true });
 
               case 4:
                 _context7.next = 10;
@@ -1876,19 +1883,19 @@ exports.default = {
                 _context7.prev = 6;
                 _context7.t0 = _context7['catch'](1);
 
-                ++_this14.paginationRenderKey;
+                ++_this15.paginationRenderKey;
                 return _context7.abrupt('return');
 
               case 10:
-                _this14.currentPage = newPage;
-                _this14.$emit('current-page-updated', newPage);
+                _this15.currentPage = newPage;
+                _this15.$emit('current-page-updated', newPage);
 
               case 12:
               case 'end':
                 return _context7.stop();
             }
           }
-        }, _callee7, _this14, [[1, 6]]);
+        }, _callee7, _this15, [[1, 6]]);
       }))();
     },
     resetPage: function resetPage() {
@@ -1936,7 +1943,7 @@ exports.default = {
 
 /***/ }),
 
-/***/ 220:
+/***/ 217:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1964,13 +1971,27 @@ exports.default = {
 
 /***/ }),
 
-/***/ 36:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/get");
 
 /***/ }),
 
+/***/ 36:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/extends");
+
+/***/ }),
+
+/***/ 39:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/map");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2240,7 +2261,14 @@ var delay = exports.delay = function delay(ms) {
 
 /***/ }),
 
-/***/ 418:
+/***/ 40:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/every");
+
+/***/ }),
+
+/***/ 414:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2248,7 +2276,7 @@ var delay = exports.delay = function delay(ms) {
 
 exports.__esModule = true;
 
-var _DataTable = __webpack_require__(419);
+var _DataTable = __webpack_require__(415);
 
 var _DataTable2 = _interopRequireDefault(_DataTable);
 
@@ -2263,15 +2291,15 @@ exports.default = _DataTable2.default;
 
 /***/ }),
 
-/***/ 419:
+/***/ 415:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue__ = __webpack_require__(219);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue__ = __webpack_require__(216);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue__);
 /* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_71508a72_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTable_vue__ = __webpack_require__(428);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_77e475f4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTable_vue__ = __webpack_require__(424);
 var normalizeComponent = __webpack_require__(0)
 /* script */
 
@@ -2288,7 +2316,7 @@ var __vue_scopeId__ = null
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
   __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTable_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_71508a72_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTable_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_77e475f4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTable_vue__["a" /* default */],
   __vue_template_functional__,
   __vue_styles__,
   __vue_scopeId__,
@@ -2300,57 +2328,64 @@ var Component = normalizeComponent(
 
 /***/ }),
 
-/***/ 420:
+/***/ 416:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/orderBy");
 
 /***/ }),
 
-/***/ 421:
+/***/ 417:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/toString");
 
 /***/ }),
 
-/***/ 422:
+/***/ 418:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/some");
 
 /***/ }),
 
-/***/ 423:
+/***/ 419:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isNil");
 
 /***/ }),
 
-/***/ 424:
+/***/ 42:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/assign");
+
+/***/ }),
+
+/***/ 420:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isBoolean");
 
 /***/ }),
 
-/***/ 425:
+/***/ 421:
 /***/ (function(module, exports) {
 
 module.exports = require("vuedraggable");
 
 /***/ }),
 
-/***/ 426:
+/***/ 422:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableCollapsibleSlot_vue__ = __webpack_require__(220);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableCollapsibleSlot_vue__ = __webpack_require__(217);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableCollapsibleSlot_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableCollapsibleSlot_vue__);
 /* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableCollapsibleSlot_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DataTableCollapsibleSlot_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_634327ef_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTableCollapsibleSlot_vue__ = __webpack_require__(427);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_634327ef_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DataTableCollapsibleSlot_vue__ = __webpack_require__(423);
 var normalizeComponent = __webpack_require__(0)
 /* script */
 
@@ -2379,7 +2414,7 @@ var Component = normalizeComponent(
 
 /***/ }),
 
-/***/ 427:
+/***/ 423:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2390,7 +2425,7 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 
 /***/ }),
 
-/***/ 428:
+/***/ 424:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2405,7 +2440,10 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
                 'el-checkbox--hidden': _vm.singleSelect || !_vm.data || !_vm.data.length
               },attrs:{"indeterminate":!!_vm.someRowsSelected},model:{value:(_vm.allRowsSelected),callback:function ($$v) {_vm.allRowsSelected=$$v},expression:"allRowsSelected"}}):_vm._e()],1):_vm._e(),_vm._l((_vm.columns),function(column,index){
               var _obj;
-return [(column.visible)?_c('th',{key:column.dataKey + index,staticClass:"c-data-table__block c-data-table__block--header",class:{ 'c-data-table__block--pinned': _vm.pinFirstColumn && index === 0 },style:((index === 0 && _vm.pinFirstColumn && _vm.hasActionableElements) ? { left: _vm.pinnedColumnLeftOffset } : {}),on:{"click":function($event){return _vm.handleSortClick($event, column)}}},[_c('div',{staticClass:"l-flex-grid--no-wrap l-flex-grid--v-center",class:( _obj = {}, _obj[("l-flex-grid--h-" + (column.computedAlign))] = !!column.computedAlign, _obj )},[_c('el-data-table-column-header',{attrs:{"column":column}}),(column.tooltip)?_c('el-tooltip',{attrs:{"placement":"top","transition":"none","open-delay":500}},[_c('fa-icon',{staticClass:"c-data-table__tooltip-icon",attrs:{"icon":"info-circle","size":"xs"}}),_c('div',{staticClass:"u-pre-line",attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(column.tooltip))])],1):_vm._e(),(column.sortable)?_c('span',{staticClass:"c-data-table__sort-caret"},[_c('fa-icon',{attrs:{"icon":_vm.sortIconMap[column.sortOrder]}})],1):_vm._e()],1),(_vm.bordered && index !== _vm.columns.length - 1)?_c('div',{staticClass:"c-data-table__resize-handle",on:{"click":function($event){$event.stopPropagation();},"mousedown":function($event){return _vm.handleResizeStart($event, column, index)}}}):_vm._e()]):_vm._e()]})],2)]):_vm._e(),_c(_vm.tableBodyComponent.component,_vm._b({ref:"draggable",tag:"component",staticClass:"c-data-table__body",on:{"sort":function($event){return _vm.$emit('drag-order-updated', $event)},"start":_vm.toggleRowsHoverStyles,"end":_vm.toggleRowsHoverStyles}},'component',_vm.tableBodyComponent.props,false),[(_vm.data && _vm.data.length)?[_vm._l((_vm.paginatedRows),function(row){return [_c('el-data-table-row',_vm._b({key:((row.$rowId) + "-row"),ref:"rows",refInFor:true,attrs:{"searchQuery":_vm.searchQuery || _vm.fallbackSearchQuery,"row-data":row,"data-id":row.id || row.$rowId,"has-child-rows":!!(
+return [(column.visible)?_c('th',{key:column.dataKey + index,staticClass:"c-data-table__block c-data-table__block--header",class:{
+                'c-data-table__block--pinned': _vm.pinFirstColumn && index === 0,
+                'c-data-table__block--header-sortable': column.sortable
+              },style:((index === 0 && _vm.pinFirstColumn && _vm.hasActionableElements) ? { left: _vm.pinnedColumnLeftOffset } : {}),on:{"click":function($event){return _vm.handleSortClick($event, column)}}},[_c('div',{staticClass:"l-flex-grid--no-wrap l-flex-grid--v-center",class:( _obj = {}, _obj[("l-flex-grid--h-" + (column.computedAlign))] = !!column.computedAlign, _obj )},[_c('el-data-table-column-header',{attrs:{"column":column}}),(column.tooltip)?_c('el-tooltip',{attrs:{"placement":"top","transition":"none","open-delay":500}},[_c('fa-icon',{staticClass:"c-data-table__tooltip-icon",attrs:{"icon":"info-circle","size":"xs"}}),_c('div',{staticClass:"u-pre-line",attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(column.tooltip))])],1):_vm._e(),(column.sortable)?_c('span',{staticClass:"c-data-table__sort-caret"},[_c('fa-icon',{attrs:{"icon":_vm.sortIconMap[column.sortOrder]}})],1):_vm._e()],1),(_vm.bordered && index !== _vm.columns.length - 1)?_c('div',{staticClass:"c-data-table__resize-handle",on:{"click":function($event){$event.stopPropagation();},"mousedown":function($event){return _vm.handleResizeStart($event, column, index)}}}):_vm._e()]):_vm._e()]})],2)]):_vm._e(),_c(_vm.tableBodyComponent.component,_vm._b({ref:"draggable",tag:"component",staticClass:"c-data-table__body",on:{"sort":function($event){return _vm.$emit('drag-order-updated', $event)},"start":_vm.toggleRowsHoverStyles,"end":_vm.toggleRowsHoverStyles}},'component',_vm.tableBodyComponent.props,false),[(_vm.data && _vm.data.length)?[_vm._l((_vm.paginatedRows),function(row){return [_c('el-data-table-row',_vm._b({key:((row.$rowId) + "-row"),ref:"rows",refInFor:true,attrs:{"searchQuery":_vm.searchQuery || _vm.fallbackSearchQuery,"row-data":row,"data-id":row.id || row.$rowId,"has-child-rows":!!(
                 _vm.childRowsComputed.show &&
                 (
                   (row[_vm.childRowsComputed.childrenKey] && row[_vm.childRowsComputed.childrenKey].length) ||
@@ -2444,17 +2482,10 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 
 /***/ }),
 
-/***/ 44:
+/***/ 47:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/map");
-
-/***/ }),
-
-/***/ 45:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/every");
+module.exports = require("lodash/isString");
 
 /***/ }),
 
@@ -2465,27 +2496,13 @@ module.exports = require("babel-runtime/core-js/object/keys");
 
 /***/ }),
 
-/***/ 51:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/isString");
-
-/***/ }),
-
-/***/ 59:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isArray");
 
 /***/ }),
 
-/***/ 65:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/helpers/extends");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, exports) {
 
@@ -2493,21 +2510,14 @@ module.exports = require("babel-runtime/core-js/json/stringify");
 
 /***/ }),
 
-/***/ 77:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/core-js/object/assign");
-
-/***/ }),
-
-/***/ 78:
+/***/ 75:
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/regenerator");
 
 /***/ }),
 
-/***/ 79:
+/***/ 76:
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/helpers/asyncToGenerator");