buefy 0.9.13 → 0.9.17

package/dist/esm/table.js

@@ -1,35 +1,17 @@
-import { _ as _defineProperty, d as _toConsumableArray, b as _typeof } from './chunk-2452e3d3.js';
-import { toCssWidth, getValueByPath, indexOf, multiColumnSort, escapeRegExpChars } from './helpers.js';
+import { _ as _defineProperty, d as _toConsumableArray, b as _typeof } from './chunk-455cdeae.js';
+import { toCssWidth, getValueByPath, indexOf, multiColumnSort, isNil, escapeRegExpChars, removeDiacriticsFromString } from './helpers.js';
 import { V as VueInstance, s as setVueInstance } from './chunk-8ed29c41.js';
-import './chunk-75a5af93.js';
-import { I as Icon } from './chunk-d92f0cd9.js';
+import './chunk-84c6dfd6.js';
+import { I as Icon } from './chunk-e044aa02.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-ae8ab23a.js';
+import { I as Input } from './chunk-a628d44d.js';
 import './chunk-2793447b.js';
 import { C as Checkbox } from './chunk-252f2b57.js';
-import { S as Select } from './chunk-83eb0d37.js';
+import { S as Select } from './chunk-6adc5c5d.js';
 import './chunk-b9bdb0e4.js';
-import { L as Loading } from './chunk-c9c58d0c.js';
-import { P as Pagination } from './chunk-18e8b067.js';
-import { S as SlotComponent } from './chunk-b0c0c6b0.js';
-
-function debounce (func, wait, immediate) {
-  var timeout;
-  return function () {
-    var context = this;
-    var args = arguments;
-
-    var later = function later() {
-      timeout = null;
-      if (!immediate) func.apply(context, args);
-    };
-
-    var callNow = immediate && !timeout;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow) func.apply(context, args);
-  };
-}
+import { L as Loading } from './chunk-6d0f2352.js';
+import { P as Pagination, d as debounce } from './chunk-1a4fde6d.js';
+import { S as SlotComponent } from './chunk-c9c18b2f.js';
 
 var _components;
 var script = {
@@ -349,7 +331,11 @@ var script$2 = {
     ariaNextLabel: String,
     ariaPreviousLabel: String,
     ariaPageLabel: String,
-    ariaCurrentLabel: String
+    ariaCurrentLabel: String,
+    pageInput: Boolean,
+    paginationOrder: String,
+    pageInputPosition: String,
+    debouncePageInput: [Number, String]
   },
   data: function data() {
     return {
@@ -377,7 +363,7 @@ var script$2 = {
 const __vue_script__$2 = script$2;
 
 /* template */
-var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"top level"},[_c('div',{staticClass:"level-left"},[_vm._t("default")],2),_c('div',{staticClass:"level-right"},[(_vm.paginated)?_c('div',{staticClass:"level-item"},[_c('b-pagination',{attrs:{"icon-pack":_vm.iconPack,"total":_vm.total,"per-page":_vm.perPage,"simple":_vm.paginationSimple,"size":_vm.paginationSize,"current":_vm.newCurrentPage,"rounded":_vm.rounded,"aria-next-label":_vm.ariaNextLabel,"aria-previous-label":_vm.ariaPreviousLabel,"aria-page-label":_vm.ariaPageLabel,"aria-current-label":_vm.ariaCurrentLabel},on:{"change":_vm.pageChanged}})],1):_vm._e()])])};
+var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"top level"},[_c('div',{staticClass:"level-left"},[_vm._t("default")],2),_c('div',{staticClass:"level-right"},[(_vm.paginated)?_c('div',{staticClass:"level-item"},[_c('b-pagination',{attrs:{"icon-pack":_vm.iconPack,"total":_vm.total,"per-page":_vm.perPage,"simple":_vm.paginationSimple,"size":_vm.paginationSize,"current":_vm.newCurrentPage,"rounded":_vm.rounded,"aria-next-label":_vm.ariaNextLabel,"aria-previous-label":_vm.ariaPreviousLabel,"aria-page-label":_vm.ariaPageLabel,"aria-current-label":_vm.ariaCurrentLabel,"page-input":_vm.pageInput,"order":_vm.paginationOrder,"page-input-position":_vm.pageInputPosition,"debounce-page-input":_vm.debouncePageInput},on:{"change":_vm.pageChanged}})],1):_vm._e()])])};
 var __vue_staticRenderFns__$1 = [];
 
   /* style */
@@ -596,7 +582,14 @@ var script$3 = {
     showCaption: {
       type: Boolean,
       default: true
-    }
+    },
+    pageInput: {
+      type: Boolean,
+      default: false
+    },
+    paginationOrder: String,
+    pageInputPosition: String,
+    debouncePageInput: [Number, String]
   },
   data: function data() {
     return {
@@ -646,8 +639,8 @@ var script$3 = {
       };
     },
 
-    /**
-    * Splitted data based on the pagination.
+    /**
+    * Splitted data based on the pagination.
     */
     visibleData: function visibleData() {
       if (!this.paginated) return this.newData;
@@ -669,8 +662,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Check if all rows in the page are checked.
+    /**
+    * Check if all rows in the page are checked.
     */
     isAllChecked: function isAllChecked() {
       var _this = this;
@@ -685,8 +678,8 @@ var script$3 = {
       return !isAllChecked;
     },
 
-    /**
-    * Check if all rows in the page are checkable.
+    /**
+    * Check if all rows in the page are checkable.
     */
     isAllUncheckable: function isAllUncheckable() {
       var _this2 = this;
@@ -697,8 +690,8 @@ var script$3 = {
       return validVisibleData.length === 0;
     },
 
-    /**
-    * Check if has any sortable column.
+    /**
+    * Check if has any sortable column.
     */
     hasSortablenewColumns: function hasSortablenewColumns() {
       return this.newColumns.some(function (column) {
@@ -706,8 +699,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Check if has any searchable column.
+    /**
+    * Check if has any searchable column.
     */
     hasSearchablenewColumns: function hasSearchablenewColumns() {
       return this.newColumns.some(function (column) {
@@ -715,8 +708,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Check if has any column using subheading.
+    /**
+    * Check if has any column using subheading.
     */
     hasCustomSubheadings: function hasCustomSubheadings() {
       if (this.$scopedSlots && this.$scopedSlots.subheading) return true;
@@ -725,8 +718,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Return total column count based if it's checkable or expanded
+    /**
+    * Return total column count based if it's checkable or expanded
     */
     columnCount: function columnCount() {
       var count = this.visibleColumns.length;
@@ -735,16 +728,16 @@ var script$3 = {
       return count;
     },
 
-    /**
-    * return if detailed row tabled
-    * will be with chevron column & icon or not
+    /**
+    * return if detailed row tabled
+    * will be with chevron column & icon or not
     */
     showDetailRowIcon: function showDetailRowIcon() {
       return this.detailed && this.showDetailIcon;
     },
 
-    /**
-    * return if scrollable table
+    /**
+    * return if scrollable table
     */
     isScrollable: function isScrollable() {
       if (this.scrollable) return true;
@@ -791,12 +784,12 @@ var script$3 = {
     }
   },
   watch: {
-    /**
-    * When data prop change:
-    *   1. Update internal value.
-    *   2. Filter data if it's not backend-filtered.
-    *   3. Sort again if it's not backend-sorted.
-    *   4. Set new total if it's not backend-paginated.
+    /**
+    * When data prop change:
+    *   1. Update internal value.
+    *   2. Filter data if it's not backend-filtered.
+    *   3. Sort again if it's not backend-sorted.
+    *   4. Set new total if it's not backend-paginated.
     */
     data: function data(value) {
       var _this4 = this;
@@ -818,9 +811,9 @@ var script$3 = {
       }
     },
 
-    /**
-    * When Pagination total change, update internal total
-    * only if it's backend-paginated.
+    /**
+    * When Pagination total change, update internal total
+    * only if it's backend-paginated.
     */
     total: function total(newTotal) {
       if (!this.backendPagination) return;
@@ -833,18 +826,18 @@ var script$3 = {
       this.$emit('update:currentPage', newVal);
     },
 
-    /**
-    * When checkedRows prop change, update internal value without
-    * mutating original data.
+    /**
+    * When checkedRows prop change, update internal value without
+    * mutating original data.
     */
     checkedRows: function checkedRows(rows) {
       this.newCheckedRows = _toConsumableArray(rows);
     },
 
-    /*
-    newColumns(value) {
-        this.checkSort()
-    },
+    /*
+    newColumns(value) {
+        this.checkSort()
+    },
     */
     debounceSearch: {
       handler: function handler(value) {
@@ -863,9 +856,9 @@ var script$3 = {
       deep: true
     },
 
-    /**
-    * When the user wants to control the detailed rows via props.
-    * Or wants to open the details of certain row with the router for example.
+    /**
+    * When the user wants to control the detailed rows via props.
+    * Or wants to open the details of certain row with the router for example.
     */
     openedDetailed: function openedDetailed(expandedRows) {
       this.visibleDetailRows = expandedRows;
@@ -917,7 +910,12 @@ var script$3 = {
         var formattedSortingPriority = this.sortMultipleDataLocal.map(function (i) {
           return (i.order && i.order === 'desc' ? '-' : '') + i.field;
         });
-        this.newData = multiColumnSort(this.newData, formattedSortingPriority);
+
+        if (formattedSortingPriority.length === 0) {
+          this.resetMultiSorting();
+        } else {
+          this.newData = multiColumnSort(this.newData, formattedSortingPriority);
+        }
       }
     },
     resetMultiSorting: function resetMultiSorting() {
@@ -926,9 +924,9 @@ var script$3 = {
       this.newData = this.data;
     },
 
-    /**
-    * Sort an array by key without mutating original data.
-    * Call the user sort function if it was passed.
+    /**
+    * Sort an array by key without mutating original data.
+    * Call the user sort function if it was passed.
     */
     sortBy: function sortBy(array, key, fn, isAsc) {
       var sorted = []; // Sorting without mutating original data
@@ -945,10 +943,12 @@ var script$3 = {
 
           if (typeof newA === 'boolean' && typeof newB === 'boolean') {
             return isAsc ? newA - newB : newB - newA;
-          }
+          } // sort null values to the bottom when in asc order
+          // and to the top when in desc order
+
 
-          if (!newA && newA !== 0) return 1;
-          if (!newB && newB !== 0) return -1;
+          if (!isNil(newB) && isNil(newA)) return isAsc ? 1 : -1;
+          if (!isNil(newA) && isNil(newB)) return isAsc ? -1 : 1;
           if (newA === newB) return 0;
           newA = typeof newA === 'string' ? newA.toUpperCase() : newA;
           newB = typeof newB === 'string' ? newB.toUpperCase() : newB;
@@ -985,10 +985,10 @@ var script$3 = {
       this.newData = multiColumnSort(this.newData, formattedSortingPriority);
     },
 
-    /**
-    * Sort the column.
-    * Toggle current direction on column if it's sortable
-    * and not just updating the prop.
+    /**
+    * Sort the column.
+    * Toggle current direction on column if it's sortable
+    * and not just updating the prop.
     */
     sort: function sort(column) {
       var updatingData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -1039,15 +1039,15 @@ var script$3 = {
       return row === selected;
     },
 
-    /**
-    * Check if the row is checked (is added to the array).
+    /**
+    * Check if the row is checked (is added to the array).
     */
     isRowChecked: function isRowChecked(row) {
       return indexOf(this.newCheckedRows, row, this.customIsChecked) >= 0;
     },
 
-    /**
-    * Remove a checked row from the array.
+    /**
+    * Remove a checked row from the array.
     */
     removeCheckedRow: function removeCheckedRow(row) {
       var index = indexOf(this.newCheckedRows, row, this.customIsChecked);
@@ -1057,9 +1057,9 @@ var script$3 = {
       }
     },
 
-    /**
-    * Header checkbox click listener.
-    * Add or remove all rows in current page.
+    /**
+    * Header checkbox click listener.
+    * Add or remove all rows in current page.
     */
     checkAll: function checkAll() {
       var _this6 = this;
@@ -1082,8 +1082,8 @@ var script$3 = {
       this.$emit('update:checkedRows', this.newCheckedRows);
     },
 
-    /**
-    * Row checkbox click listener.
+    /**
+    * Row checkbox click listener.
     */
     checkRow: function checkRow(row, index, event) {
       if (!this.isRowCheckable(row)) return;
@@ -1103,8 +1103,8 @@ var script$3 = {
       this.$emit('update:checkedRows', this.newCheckedRows);
     },
 
-    /**
-     * Check row when shift is pressed.
+    /**
+     * Check row when shift is pressed.
      */
     shiftCheckRow: function shiftCheckRow(row, index, lastCheckedRowIndex) {
       var _this7 = this;
@@ -1122,9 +1122,9 @@ var script$3 = {
       });
     },
 
-    /**
-    * Row click listener.
-    * Emit all necessary events.
+    /**
+    * Row click listener.
+    * Emit all necessary events.
     */
     selectRow: function selectRow(row, index) {
       this.$emit('click', row);
@@ -1136,8 +1136,8 @@ var script$3 = {
       this.$emit('update:selected', row);
     },
 
-    /**
-    * Toggle to show/hide details slot
+    /**
+    * Toggle to show/hide details slot
     */
     toggleDetails: function toggleDetails(obj) {
       var found = this.isVisibleDetailRow(obj);
@@ -1179,14 +1179,7 @@ var script$3 = {
       var _this8 = this;
 
       var _loop = function _loop(key) {
-        // remove key if empty
-        if (!_this8.filters[key]) {
-          delete _this8.filters[key];
-          return {
-            v: true
-          };
-        }
-
+        if (!_this8.filters[key]) return "continue";
         var input = _this8.filters[key];
 
         var column = _this8.newColumns.filter(function (c) {
@@ -1210,9 +1203,21 @@ var script$3 = {
             };
           } else {
             var re = new RegExp(escapeRegExpChars(input), 'i');
-            if (!re.test(value)) return {
-              v: false
-            };
+
+            if (Array.isArray(value)) {
+              var valid = value.some(function (val) {
+                return re.test(removeDiacriticsFromString(val)) || re.test(val);
+              });
+              if (!valid) return {
+                v: false
+              };
+            } else {
+              if (!re.test(removeDiacriticsFromString(value)) && !re.test(value)) {
+                return {
+                  v: false
+                };
+              }
+            }
           }
         }
       };
@@ -1220,15 +1225,21 @@ var script$3 = {
       for (var key in this.filters) {
         var _ret = _loop(key);
 
-        if (_typeof(_ret) === "object") return _ret.v;
+        switch (_ret) {
+          case "continue":
+            continue;
+
+          default:
+            if (_typeof(_ret) === "object") return _ret.v;
+        }
       }
 
       return true;
     },
 
-    /**
-    * When the detailKey is defined we use the object[detailKey] as index.
-    * If not, use the object reference by default.
+    /**
+    * When the detailKey is defined we use the object[detailKey] as index.
+    * If not, use the object reference by default.
     */
     handleDetailKey: function handleDetailKey(index) {
       var key = this.detailKey;
@@ -1242,8 +1253,8 @@ var script$3 = {
       }
     },
 
-    /**
-    * Call initSort only first time (For example async data).
+    /**
+    * Call initSort only first time (For example async data).
     */
     checkSort: function checkSort() {
       if (this.newColumns.length && this.firstTimeSort) {
@@ -1261,8 +1272,8 @@ var script$3 = {
       }
     },
 
-    /**
-    * Check if footer slot has custom content.
+    /**
+    * Check if footer slot has custom content.
     */
     hasCustomFooterSlot: function hasCustomFooterSlot() {
       if (this.$slots.footer.length > 1) return true;
@@ -1271,15 +1282,15 @@ var script$3 = {
       return true;
     },
 
-    /**
-    * Check if bottom-left slot exists.
+    /**
+    * Check if bottom-left slot exists.
     */
     hasBottomLeftSlot: function hasBottomLeftSlot() {
       return typeof this.$slots['bottom-left'] !== 'undefined';
     },
 
-    /**
-    * Table arrow keys listener, change selection.
+    /**
+    * Table arrow keys listener, change selection.
     */
     pressedArrow: function pressedArrow(pos) {
       if (!this.visibleData.length) return;
@@ -1309,16 +1320,16 @@ var script$3 = {
       }
     },
 
-    /**
-    * Focus table element if has selected prop.
+    /**
+    * Focus table element if has selected prop.
     */
     focus: function focus() {
       if (!this.focusable) return;
       this.$el.querySelector('table').focus();
     },
 
-    /**
-    * Initial sorted column based on the default-sort prop.
+    /**
+    * Initial sorted column based on the default-sort prop.
     */
     initSort: function initSort() {
       var _this9 = this;
@@ -1353,8 +1364,8 @@ var script$3 = {
       }
     },
 
-    /**
-    * Emits drag start event (row)
+    /**
+    * Emits drag start event (row)
     */
     handleDragStart: function handleDragStart(event, row, index) {
       if (!this.canDragRow) return;
@@ -1366,8 +1377,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drag leave event (row)
+    /**
+    * Emits drag leave event (row)
     */
     handleDragEnd: function handleDragEnd(event, row, index) {
       if (!this.canDragRow) return;
@@ -1379,8 +1390,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drop event (row)
+    /**
+    * Emits drop event (row)
     */
     handleDrop: function handleDrop(event, row, index) {
       if (!this.canDragRow) return;
@@ -1391,8 +1402,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drag over event (row)
+    /**
+    * Emits drag over event (row)
     */
     handleDragOver: function handleDragOver(event, row, index) {
       if (!this.canDragRow) return;
@@ -1403,8 +1414,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drag leave event (row)
+    /**
+    * Emits drag leave event (row)
     */
     handleDragLeave: function handleDragLeave(event, row, index) {
       if (!this.canDragRow) return;
@@ -1418,8 +1429,8 @@ var script$3 = {
       return this.$listeners[eventName] ? this.$emit(eventName, row, event) : null;
     },
 
-    /**
-    * Emits drag start event (column)
+    /**
+    * Emits drag start event (column)
     */
     handleColumnDragStart: function handleColumnDragStart(event, column, index) {
       if (!this.canDragColumn) return;
@@ -1431,8 +1442,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drag leave event (column)
+    /**
+    * Emits drag leave event (column)
     */
     handleColumnDragEnd: function handleColumnDragEnd(event, column, index) {
       if (!this.canDragColumn) return;
@@ -1444,8 +1455,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drop event (column)
+    /**
+    * Emits drop event (column)
     */
     handleColumnDrop: function handleColumnDrop(event, column, index) {
       if (!this.canDragColumn) return;
@@ -1456,8 +1467,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drag over event (column)
+    /**
+    * Emits drag over event (column)
     */
     handleColumnDragOver: function handleColumnDragOver(event, column, index) {
       if (!this.canDragColumn) return;
@@ -1468,8 +1479,8 @@ var script$3 = {
       });
     },
 
-    /**
-    * Emits drag leave event (column)
+    /**
+    * Emits drag leave event (column)
     */
     handleColumnDragLeave: function handleColumnDragLeave(event, column, index) {
       if (!this.canDragColumn) return;
@@ -1494,7 +1505,7 @@ var script$3 = {
 const __vue_script__$3 = script$3;
 
 /* template */
-var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-table"},[_vm._t("default"),(_vm.mobileCards && _vm.hasSortablenewColumns)?_c('b-table-mobile-sort',{attrs:{"current-sort-column":_vm.currentSortColumn,"sort-multiple":_vm.sortMultiple,"sort-multiple-data":_vm.sortMultipleDataComputed,"is-asc":_vm.isAsc,"columns":_vm.newColumns,"placeholder":_vm.mobileSortPlaceholder,"icon-pack":_vm.iconPack,"sort-icon":_vm.sortIcon,"sort-icon-size":_vm.sortIconSize},on:{"sort":function (column, event) { return _vm.sort(column, null, event); },"removePriority":function (column) { return _vm.removeSortingPriority(column); }}}):_vm._e(),(_vm.paginated && (_vm.paginationPosition === 'top' || _vm.paginationPosition === 'both'))?[_vm._t("pagination",[_c('b-table-pagination',_vm._b({attrs:{"per-page":_vm.perPage,"paginated":_vm.paginated,"rounded":_vm.paginationRounded,"icon-pack":_vm.iconPack,"total":_vm.newDataTotal,"current-page":_vm.newCurrentPage,"aria-next-label":_vm.ariaNextLabel,"aria-previous-label":_vm.ariaPreviousLabel,"aria-page-label":_vm.ariaPageLabel,"aria-current-label":_vm.ariaCurrentLabel},on:{"update:currentPage":function($event){_vm.newCurrentPage=$event;},"update:current-page":function($event){_vm.newCurrentPage=$event;},"page-change":function (event) { return _vm.$emit('page-change', event); }}},'b-table-pagination',_vm.$attrs,false),[_vm._t("top-left")],2)])]:_vm._e(),_c('div',{staticClass:"table-wrapper",class:_vm.tableWrapperClasses,style:(_vm.tableStyle)},[_c('table',{staticClass:"table",class:_vm.tableClasses,attrs:{"tabindex":!_vm.focusable ? false : 0},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }if($event.target !== $event.currentTarget){ return null; }$event.preventDefault();return _vm.pressedArrow(-1)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }if($event.target !== $event.currentTarget){ return null; }$event.preventDefault();return _vm.pressedArrow(1)}]}},[(_vm.caption)?_c('caption',{directives:[{name:"show",rawName:"v-show",value:(_vm.showCaption),expression:"showCaption"}]},[_vm._v(_vm._s(_vm.caption))]):_vm._e(),(_vm.newColumns.length && _vm.showHeader)?_c('thead',[_c('tr',[(_vm.showDetailRowIcon)?_c('th',{attrs:{"width":"40px"}}):_vm._e(),(_vm.checkable && _vm.checkboxPosition === 'left')?_c('th',{class:['checkbox-cell', { 'is-sticky': _vm.stickyCheckbox } ]},[(_vm.headerCheckable)?[_c('b-checkbox',{attrs:{"autocomplete":"off","value":_vm.isAllChecked,"disabled":_vm.isAllUncheckable},nativeOn:{"change":function($event){return _vm.checkAll($event)}}})]:_vm._e()],2):_vm._e(),_vm._l((_vm.visibleColumns),function(column,index){return _c('th',_vm._b({key:column.newKey + ':' + index + 'header',class:[column.thClasses, {
+var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-table"},[_vm._t("default"),(_vm.mobileCards && _vm.hasSortablenewColumns)?_c('b-table-mobile-sort',{attrs:{"current-sort-column":_vm.currentSortColumn,"sort-multiple":_vm.sortMultiple,"sort-multiple-data":_vm.sortMultipleDataComputed,"is-asc":_vm.isAsc,"columns":_vm.newColumns,"placeholder":_vm.mobileSortPlaceholder,"icon-pack":_vm.iconPack,"sort-icon":_vm.sortIcon,"sort-icon-size":_vm.sortIconSize},on:{"sort":function (column, event) { return _vm.sort(column, null, event); },"removePriority":function (column) { return _vm.removeSortingPriority(column); }}}):_vm._e(),(_vm.paginated && (_vm.paginationPosition === 'top' || _vm.paginationPosition === 'both'))?[_vm._t("pagination",[_c('b-table-pagination',_vm._b({attrs:{"per-page":_vm.perPage,"paginated":_vm.paginated,"rounded":_vm.paginationRounded,"icon-pack":_vm.iconPack,"total":_vm.newDataTotal,"current-page":_vm.newCurrentPage,"aria-next-label":_vm.ariaNextLabel,"aria-previous-label":_vm.ariaPreviousLabel,"aria-page-label":_vm.ariaPageLabel,"aria-current-label":_vm.ariaCurrentLabel,"page-input":_vm.pageInput,"pagination-order":_vm.paginationOrder,"page-input-position":_vm.pageInputPosition,"debounce-page-input":_vm.debouncePageInput},on:{"update:currentPage":function($event){_vm.newCurrentPage=$event;},"update:current-page":function($event){_vm.newCurrentPage=$event;},"page-change":function (event) { return _vm.$emit('page-change', event); }}},'b-table-pagination',_vm.$attrs,false),[_vm._t("top-left")],2)])]:_vm._e(),_c('div',{staticClass:"table-wrapper",class:_vm.tableWrapperClasses,style:(_vm.tableStyle)},[_c('table',{staticClass:"table",class:_vm.tableClasses,attrs:{"tabindex":!_vm.focusable ? false : 0},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }if($event.target !== $event.currentTarget){ return null; }$event.preventDefault();return _vm.pressedArrow(-1)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }if($event.target !== $event.currentTarget){ return null; }$event.preventDefault();return _vm.pressedArrow(1)}]}},[(_vm.caption)?_c('caption',{directives:[{name:"show",rawName:"v-show",value:(_vm.showCaption),expression:"showCaption"}]},[_vm._v(_vm._s(_vm.caption))]):_vm._e(),(_vm.newColumns.length && _vm.showHeader)?_c('thead',[_c('tr',[(_vm.showDetailRowIcon)?_c('th',{attrs:{"width":"40px"}}):_vm._e(),(_vm.checkable && _vm.checkboxPosition === 'left')?_c('th',{class:['checkbox-cell', { 'is-sticky': _vm.stickyCheckbox } ]},[(_vm.headerCheckable)?[_c('b-checkbox',{attrs:{"autocomplete":"off","value":_vm.isAllChecked,"disabled":_vm.isAllUncheckable},nativeOn:{"change":function($event){return _vm.checkAll($event)}}})]:_vm._e()],2):_vm._e(),_vm._l((_vm.visibleColumns),function(column,index){return _c('th',_vm._b({key:column.newKey + ':' + index + 'header',class:[column.thClasses, {
                             'is-current-sort': !_vm.sortMultiple && _vm.currentSortColumn === column,
                         }],style:(column.thStyle),attrs:{"draggable":_vm.canDragColumn},on:{"click":function($event){$event.stopPropagation();return _vm.sort(column, null, $event)},"dragstart":function($event){return _vm.handleColumnDragStart($event, column, index)},"dragend":function($event){return _vm.handleColumnDragEnd($event, column, index)},"drop":function($event){return _vm.handleColumnDrop($event, column, index)},"dragover":function($event){return _vm.handleColumnDragOver($event, column, index)},"dragleave":function($event){return _vm.handleColumnDragLeave($event, column, index)}}},'th',column.thAttrs(column),false),[_c('div',{staticClass:"th-wrap",class:{
                                 'is-numeric': column.numeric,
@@ -1514,7 +1525,7 @@ var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _
                             'is-selected': _vm.isRowSelected(row, _vm.selected),
                             'is-checked': _vm.isRowChecked(row),
                         }],attrs:{"draggable":_vm.canDragRow},on:{"click":function($event){return _vm.selectRow(row)},"dblclick":function($event){return _vm.$emit('dblclick', row)},"mouseenter":function($event){return _vm.emitEventForRow('mouseenter', $event, row)},"mouseleave":function($event){return _vm.emitEventForRow('mouseleave', $event, row)},"contextmenu":function($event){return _vm.$emit('contextmenu', row, $event)},"dragstart":function($event){return _vm.handleDragStart($event, row, index)},"dragend":function($event){return _vm.handleDragEnd($event, row, index)},"drop":function($event){return _vm.handleDrop($event, row, index)},"dragover":function($event){return _vm.handleDragOver($event, row, index)},"dragleave":function($event){return _vm.handleDragLeave($event, row, index)}}},[(_vm.showDetailRowIcon)?_c('td',{staticClass:"chevron-cell"},[(_vm.hasDetailedVisible(row))?_c('a',{attrs:{"role":"button"},on:{"click":function($event){$event.stopPropagation();return _vm.toggleDetails(row)}}},[_c('b-icon',{class:{'is-expanded': _vm.isVisibleDetailRow(row)},attrs:{"icon":_vm.detailIcon,"pack":_vm.iconPack,"both":""}})],1):_vm._e()]):_vm._e(),(_vm.checkable && _vm.checkboxPosition === 'left')?_c('td',{class:['checkbox-cell', { 'is-sticky': _vm.stickyCheckbox } ]},[_c('b-checkbox',{attrs:{"autocomplete":"off","disabled":!_vm.isRowCheckable(row),"value":_vm.isRowChecked(row)},nativeOn:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.checkRow(row, index, $event)}}})],1):_vm._e(),_vm._l((_vm.visibleColumns),function(column,colindex){return [(column.$scopedSlots && column.$scopedSlots.default)?[_c('b-slot-component',_vm._b({key:column.newKey + ':' + index + ':' + colindex,class:column.getRootClasses(row),style:(column.getRootStyle(row)),attrs:{"component":column,"scoped":"","name":"default","tag":"td","data-label":column.label,"props":{ row: row, column: column, index: index, colindex: colindex, toggleDetails: _vm.toggleDetails }},nativeOn:{"click":function($event){return _vm.$emit('cellclick',row,column,index,colindex)}}},'b-slot-component',column.tdAttrs(row, column),false))]:_vm._e()]}),(_vm.checkable && _vm.checkboxPosition === 'right')?_c('td',{class:['checkbox-cell', { 'is-sticky': _vm.stickyCheckbox } ]},[_c('b-checkbox',{attrs:{"autocomplete":"off","disabled":!_vm.isRowCheckable(row),"value":_vm.isRowChecked(row)},nativeOn:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.checkRow(row, index, $event)}}})],1):_vm._e()],2),_c('transition',{key:(_vm.customRowKey ? row[_vm.customRowKey] : index) + 'detail',attrs:{"name":_vm.detailTransition}},[(_vm.isActiveDetailRow(row))?_c('tr',{staticClass:"detail"},[_c('td',{attrs:{"colspan":_vm.columnCount}},[_c('div',{staticClass:"detail-container"},[_vm._t("detail",null,{"row":row,"index":index})],2)])]):_vm._e()]),(_vm.isActiveCustomDetailRow(row))?_vm._t("detail",null,{"row":row,"index":index}):_vm._e()]}),(!_vm.visibleData.length)?_c('tr',{staticClass:"is-empty"},[_c('td',{attrs:{"colspan":_vm.columnCount}},[_vm._t("empty")],2)]):_vm._e()],2),(_vm.$slots.footer !== undefined)?_c('tfoot',[_c('tr',{staticClass:"table-footer"},[(_vm.hasCustomFooterSlot())?_vm._t("footer"):_c('th',{attrs:{"colspan":_vm.columnCount}},[_vm._t("footer")],2)],2)]):_vm._e()]),(_vm.loading)?[_vm._t("loading",[_c('b-loading',{attrs:{"is-full-page":false,"active":_vm.loading},on:{"update:active":function($event){_vm.loading=$event;}}})])]:_vm._e()],2),((_vm.checkable && _vm.hasBottomLeftSlot()) ||
-        (_vm.paginated && (_vm.paginationPosition === 'bottom' || _vm.paginationPosition === 'both')))?[_vm._t("pagination",[_c('b-table-pagination',_vm._b({attrs:{"per-page":_vm.perPage,"paginated":_vm.paginated,"rounded":_vm.paginationRounded,"icon-pack":_vm.iconPack,"total":_vm.newDataTotal,"current-page":_vm.newCurrentPage,"aria-next-label":_vm.ariaNextLabel,"aria-previous-label":_vm.ariaPreviousLabel,"aria-page-label":_vm.ariaPageLabel,"aria-current-label":_vm.ariaCurrentLabel},on:{"update:currentPage":function($event){_vm.newCurrentPage=$event;},"update:current-page":function($event){_vm.newCurrentPage=$event;},"page-change":function (event) { return _vm.$emit('page-change', event); }}},'b-table-pagination',_vm.$attrs,false),[_vm._t("bottom-left")],2)])]:_vm._e()],2)};
+        (_vm.paginated && (_vm.paginationPosition === 'bottom' || _vm.paginationPosition === 'both')))?[_vm._t("pagination",[_c('b-table-pagination',_vm._b({attrs:{"per-page":_vm.perPage,"paginated":_vm.paginated,"rounded":_vm.paginationRounded,"icon-pack":_vm.iconPack,"total":_vm.newDataTotal,"current-page":_vm.newCurrentPage,"aria-next-label":_vm.ariaNextLabel,"aria-previous-label":_vm.ariaPreviousLabel,"aria-page-label":_vm.ariaPageLabel,"aria-current-label":_vm.ariaCurrentLabel,"page-input":_vm.pageInput,"pagination-order":_vm.paginationOrder,"page-input-position":_vm.pageInputPosition,"debounce-page-input":_vm.debouncePageInput},on:{"update:currentPage":function($event){_vm.newCurrentPage=$event;},"update:current-page":function($event){_vm.newCurrentPage=$event;},"page-change":function (event) { return _vm.$emit('page-change', event); }}},'b-table-pagination',_vm.$attrs,false),[_vm._t("bottom-left")],2)])]:_vm._e()],2)};
 var __vue_staticRenderFns__$2 = [];
 
   /* style */