https://aa.archives.gov.tw/Content/bootstrap-table/dist/bootstrap-table.js

1090\n      <span class=\"loading-text\">".concat(loadingMessage, "</span>\n      <span class=\"animation-wrap\"><span class=\"animation-dot\"></span></span>\n      </span>\n    ");
1091    },
1092    onAll: function onAll(name, args) {
1093      return false;
1094    },
1095    onClickCell: function onClickCell(field, value, row, $element) {
1096      return false;
1097    },
1098    onDblClickCell: function onDblClickCell(field, value, row, $element) {
1099      return false;
1100    },
1101    onClickRow: function onClickRow(item, $element) {
1102      return false;
1103    },
1104    onDblClickRow: function onDblClickRow(item, $element) {
1105      return false;
1106    },
1107    onSort: function onSort(name, order) {
1108      return false;
1109    },
1110    onCheck: function onCheck(row) {
1111      return false;
1112    },
1113    onUncheck: function onUncheck(row) {
1114      return false;
1115    },
1116    onCheckAll: function onCheckAll(rows) {
1117      return false;
1118    },
1119    onUncheckAll: function onUncheckAll(rows) {
1120      return false;
1121    },
1122    onCheckSome: function onCheckSome(rows) {
1123      return false;
1124    },
1125    onUncheckSome: function onUncheckSome(rows) {
1126      return false;
1127    },
1128    onLoadSuccess: function onLoadSuccess(data) {
1129      return false;
1130    },
1131    onLoadError: function onLoadError(status) {
1132      return false;
1133    },
1134    onColumnSwitch: function onColumnSwitch(field, checked) {
1135      return false;
1136    },
1137    onColumnSwitchAll: function onColumnSwitchAll(checked) {
1138      return false;
1139    },
1140    onPageChange: function onPageChange(number, size) {
1141      return false;
1142    },
1143    onSearch: function onSearch(text) {
1144      return false;
1145    },
1146    onToggle: function onToggle(cardView) {
1147      return false;
1148    },
1149    onPreBody: function onPreBody(data) {
1150      return false;
1151    },
1152    onPostBody: function onPostBody() {
1153      return false;
1154    },
1155    onPostHeader: function onPostHeader() {
1156      return false;
1157    },
1158    onPostFooter: function onPostFooter() {
1159      return false;
1160    },
1161    onExpandRow: function onExpandRow(index, row, $detail) {
1162      return false;
1163    },
1164    onCollapseRow: function onCollapseRow(index, row) {
1165      return false;
1166    },
1167    onRefreshOptions: function onRefreshOptions(options) {
1168      return false;
1169    },
1170    onRefresh: function onRefresh(params) {
1171      return false;
1172    },
1173    onResetView: function onResetView() {
1174      return false;
1175    },
1176    onScrollBody: function onScrollBody() {
1177      return false;
1178    },
1179    onTogglePagination: function onTogglePagination(newState) {
1180      return false;
1181    },
1182    onVirtualScroll: function onVirtualScroll(startIndex, endIndex) {
1183      return false;
1184    }
1185  };
1186  var EN = {
1187    formatLoadingMessage: function formatLoadingMessage() {
1188      return 'Loading, please wait';
1189    },
1190    formatRecordsPerPage: function formatRecordsPerPage(pageNumber) {
1191      return "".concat(pageNumber, " rows per page");
1192    },
1193    formatShowingRows: function formatShowingRows(pageFrom, pageTo, totalRows, totalNotFiltered) {
1194      if (totalNotFiltered !== undefined && totalNotFiltered > 0 && totalNotFiltered > totalRows) {
1195        return "Showing ".concat(pageFrom, " to ").concat(pageTo, " of ").concat(totalRows, " rows (filtered from ").concat(totalNotFiltered, " total rows)");
1196      }
1197      return "Showing ".concat(pageFrom, " to ").concat(pageTo, " of ").concat(totalRows, " rows");
1198    },
1199    formatSRPaginationPreText: function formatSRPaginationPreText() {
1200      return 'previous page';
1201    },
1202    formatSRPaginationPageText: function formatSRPaginationPageText(page) {
1203      return "to page ".concat(page);
1204    },
1205    formatSRPaginationNextText: function formatSRPaginationNextText() {
1206      return 'next page';
1207    },
1208    formatDetailPagination: function formatDetailPagination(totalRows) {
1209      return "Showing ".concat(totalRows, " rows");
1210    },
1211    formatSearch: function formatSearch() {
1212      return 'Search';
1213    },
1214    formatClearSearch: function formatClearSearch() {
1215      return 'Clear Search';
1216    },
1217    formatNoMatches: function formatNoMatches() {
1218      return 'No matching records found';
1219    },
1220    formatPaginationSwitch: function formatPaginationSwitch() {
1221      return 'Hide/Show pagination';
1222    },
1223    formatPaginationSwitchDown: function formatPaginationSwitchDown() {
1224      return 'Show pagination';
1225    },
1226    formatPaginationSwitchUp: function formatPaginationSwitchUp() {
1227      return 'Hide pagination';
1228    },
1229    formatRefresh: function formatRefresh() {
1230      return 'Refresh';
1231    },
1232    formatToggleOn: function formatToggleOn() {
1233      return 'Show card view';
1234    },
1235    formatToggleOff: function formatToggleOff() {
1236      return 'Hide card view';
1237    },
1238    formatColumns: function formatColumns() {
1239      return 'Columns';
1240    },
1241    formatColumnsToggleAll: function formatColumnsToggleAll() {
1242      return 'Toggle all';
1243    },
1244    formatFullscreen: function formatFullscreen() {
1245      return 'Fullscreen';
1246    },
1247    formatAllRows: function formatAllRows() {
1248      return 'All';
1249    }
1250  };
1251  var COLUMN_DEFAULTS = {
1252    field: undefined,
1253    title: undefined,
1254    titleTooltip: undefined,
1255    class: undefined,
1256    width: undefined,
1257    widthUnit: 'px',
1258    rowspan: undefined,
1259    colspan: undefined,
1260    align: undefined,
1261    // left, right, center
1262    halign: undefined,
1263    // left, right, center
1264    falign: undefined,
1265    // left, right, center
1266    valign: undefined,
1267    // top, middle, bottom
1268    cellStyle: undefined,
1269    radio: false,
1270    checkbox: false,
1271    checkboxEnabled: true,
1272    clickToSelect: true,
1273    showSelectTitle: false,
1274    sortable: false,
1275    sortName: undefined,
1276    order: 'asc',
1277    // asc, desc
1278    sorter: undefined,
1279    visible: true,
1280    switchable: true,
1281    switchableLabel: undefined,
1282    cardVisible: true,
1283    searchable: true,
1284    formatter: undefined,
1285    footerFormatter: undefined,
1286    footerStyle: undefined,
1287    detailFormatter: undefined,
1288    searchFormatter: true,
1289    searchHighlightFormatter: false,
1290    escape: undefined,
1291    events: undefined
1292  };
1293  var METHODS = ['getOptions', 'refreshOptions', 'getData', 'getSelections', 'load', 'append', 'prepend', 'remove', 'removeAll', 'insertRow', 'updateRow', 'getRowByUniqueId', 'updateByUniqueId', 'removeByUniqueId', 'updateCell', 'updateCellByUniqueId', 'showRow', 'hideRow', 'getHiddenRows', 'showColumn', 'hideColumn', 'getVisibleColumns', 'getHiddenColumns', 'showAllColumns', 'hideAllColumns', 'mergeCells', 'checkAll', 'uncheckAll', 'checkInvert', 'check', 'uncheck', 'checkBy', 'uncheckBy', 'refresh', 'destroy', 'resetView', 'showLoading', 'hideLoading', 'togglePagination', 'toggleFullscreen', 'toggleView', 'resetSearch', 'filterBy', 'sortBy', 'scrollTo', 'getScrollPosition', 'selectPage', 'prevPage', 'nextPage', 'toggleDetailView', 'expandRow', 'collapseRow', 'expandRowByUniqueId', 'collapseRowByUniqueId', 'expandAllRows', 'collapseAllRows', 'updateColumnTitle', 'updateFormatText'];
1294  var EVENTS = {
1295    'all.bs.table': 'onAll',
1296    'click-row.bs.table': 'onClickRow',
1297    'dbl-click-row.bs.table': 'onDblClickRow',
1298    'click-cell.bs.table': 'onClickCell',
1299    'dbl-click-cell.bs.table': 'onDblClickCell',
1300    'sort.bs.table': 'onSort',
1301    'check.bs.table': 'onCheck',
1302    'uncheck.bs.table': 'onUncheck',
1303    'check-all.bs.table': 'onCheckAll',
1304    'uncheck-all.bs.table': 'onUncheckAll',
1305    'check-some.bs.table': 'onCheckSome',
1306    'uncheck-some.bs.table': 'onUncheckSome',
1307    'load-success.bs.table': 'onLoadSuccess',
1308    'load-error.bs.table': 'onLoadError',
1309    'column-switch.bs.table': 'onColumnSwitch',
1310    'column-switch-all.bs.table': 'onColumnSwitchAll',
1311    'page-change.bs.table': 'onPageChange',
1312    'search.bs.table': 'onSearch',
1313    'toggle.bs.table': 'onToggle',
1314    'pre-body.bs.table': 'onPreBody',
1315    'post-body.bs.table': 'onPostBody',
1316    'post-header.bs.table': 'onPostHeader',
1317    'post-footer.bs.table': 'onPostFooter',
1318    'expand-row.bs.table': 'onExpandRow',
1319    'collapse-row.bs.table': 'onCollapseRow',
1320    'refresh-options.bs.table': 'onRefreshOptions',
1321    'reset-view.bs.table': 'onResetView',
1322    'refresh.bs.table': 'onRefresh',
1323    'scroll-body.bs.table': 'onScrollBody',
1324    'toggle-pagination.bs.table': 'onTogglePagination',
1325    'virtual-scroll.bs.table': 'onVirtualScroll'
1326  };
1327  Object.assign(DEFAULTS, EN);
1328  var Constants = {
1329    VERSION: VERSION,
1330    THEME: "bootstrap".concat(bootstrapVersion),
1331    CONSTANTS: CONSTANTS,
1332    DEFAULTS: DEFAULTS,
1333    COLUMN_DEFAULTS: COLUMN_DEFAULTS,
1334    METHODS: METHODS,
1335    EVENTS: EVENTS,
1336    LOCALES: {
1337      en: EN,
1338      'en-US': EN
1339    }
1340  };
1341
1342  var BLOCK_ROWS = 50;
1343  var CLUSTER_BLOCKS = 4;
1344  var VirtualScroll = /*#__PURE__*/function () {
1345    function VirtualScroll(options) {
1346      var _this = this;
1347      _classCallCheck(this, VirtualScroll);
1348      this.rows = options.rows;
1349      this.scrollEl = options.scrollEl;
1350      this.contentEl = options.contentEl;
1351      this.callback = options.callback;
1352      this.itemHeight = options.itemHeight;
1353      this.cache = {};
1354      this.scrollTop = this.scrollEl.scrollTop;
1355      this.initDOM(this.rows, options.fixedScroll);
1356      this.scrollEl.scrollTop = this.scrollTop;
1357      this.lastCluster = 0;
1358      var onScroll = function onScroll() {
1359        if (_this.lastCluster !== (_this.lastCluster = _this.getNum())) {
1360          _this.initDOM(_this.rows);
1361          _this.callback(_this.startIndex, _this.endIndex);
1362        }
1363      };
1364      this.scrollEl.addEventListener('scroll', onScroll, false);
1365      this.destroy = function () {
1366        _this.contentEl.innerHtml = '';
1367        _this.scrollEl.removeEventListener('scroll', onScroll, false);
1368      };
1369    }
1370    return _createClass(VirtualScroll, [{
1371      key: "initDOM",
1372      value: function initDOM(rows, fixedScroll) {
1373        if (typeof this.clusterHeight === 'undefined') {
1374          this.cache.scrollTop = this.scrollEl.scrollTop;
1375          this.cache.data = this.contentEl.innerHTML = rows[0] + rows[0] + rows[0];
1376          this.getRowsHeight(rows);
1377        } else if (this.blockHeight === 0) {
1378          this.getRowsHeight(rows);
1379        }
1380        var data = this.initData(rows, this.getNum(fixedScroll));
1381        var thisRows = data.rows.join('');
1382        var dataChanged = this.checkChanges('data', thisRows);
1383        var topOffsetChanged = this.checkChanges('top', data.topOffset);
1384        var bottomOffsetChanged = this.checkChanges('bottom', data.bottomOffset);
1385        var html = [];
1386        if (dataChanged && topOffsetChanged) {
1387          if (data.topOffset) {
1388            html.push(this.getExtra('top', data.topOffset));
1389          }
1390          html.push(thisRows);
1391          if (data.bottomOffset) {
1392            html.push(this.getExtra('bottom', data.bottomOffset));
1393          }
1394          this.startIndex = data.start;
1395          this.endIndex = data.end;
1396          this.contentEl.innerHTML = html.join('');
1397          if (fixedScroll) {
1398            this.contentEl.scrollTop = this.cache.scrollTop;
1399          }
1400        } else if (bottomOffsetChanged) {
1401          this.contentEl.lastChild.style.height = "".concat(data.bottomOffset, "px");
1402        }
1403      }
1404    }, {
1405      key: "getRowsHeight",
1406      value: function getRowsHeight() {
1407        if (typeof this.itemHeight === 'undefined' || this.itemHeight === 0) {
1408          var nodes = this.contentEl.children;
1409          var node = nodes[Math.floor(nodes.length / 2)];
1410          this.itemHeight = node.offsetHeight;
1411        }
1412        this.blockHeight = this.itemHeight * BLOCK_ROWS;
1413        this.clusterRows = BLOCK_ROWS * CLUSTER_BLOCKS;
1414        this.clusterHeight = this.blockHeight * CLUSTER_BLOCKS;
1415      }
1416    }, {
1417      key: "getNum",
1418      value: function getNum(fixedScroll) {
1419        this.scrollTop = fixedScroll ? this.cache.scrollTop : this.scrollEl.scrollTop;
1420        return Math.floor(this.scrollTop / (this.clusterHeight - this.blockHeight)) || 0;
1421      }
1422    }, {
1423      key: "initData",
1424      value: function initData(rows, num) {
1425        if (rows.length < BLOCK_ROWS) {
1426          return {
1427            topOffset: 0,
1428            bottomOffset: 0,
1429            rowsAbove: 0,
1430            rows: rows
1431          };
1432        }
1433        var start = Math.max((this.clusterRows - BLOCK_ROWS) * num, 0);
1434        var end = start + this.clusterRows;
1435        var topOffset = Math.max(start * this.itemHeight, 0);
1436        var bottomOffset = Math.max((rows.length - end) * this.itemHeight, 0);
1437        var thisRows = [];
1438        var rowsAbove = start;
1439        if (topOffset < 1) {
1440          rowsAbove++;
1441        }
1442        for (var i = start; i < end; i++) {
1443          rows[i] && thisRows.push(rows[i]);
1444        }
1445        return {
1446          start: start,
1447          end: end,
1448          topOffset: topOffset,
1449          bottomOffset: bottomOffset,
1450          rowsAbove: rowsAbove,
1451          rows: thisRows
1452        };
1453      }
1454    }, {
1455      key: "checkChanges",
1456      value: function checkChanges(type, value) {
1457        var changed = value !== this.cache[type];
1458        this.cache[type] = value;
1459        return changed;
1460      }
1461    }, {
1462      key: "getExtra",
1463      value: function getExtra(className, height) {
1464        var tag = document.createElement('tr');
1465        tag.className = "virtual-scroll-".concat(className);
1466        if (height) {
1467          tag.style.height = "".concat(height, "px");
1468        }
1469        return tag.outerHTML;
1470      }
1471    }]);
1472  }();
1473
1474  var BootstrapTable = /*#__PURE__*/function () {
1475    function BootstrapTable(el, options) {
1476      _classCallCheck(this, BootstrapTable);
1477      this.options = options;
1478      this.$el = $(el);
1479      this.$el_ = this.$el.clone();
1480      this.timeoutId_ = 0;
1481      this.timeoutFooter_ = 0;
1482    }
1483    return _createClass(BootstrapTable, [{
1484      key: "init",
1485      value: function init() {
1486        this.initConstants();
1487        this.initLocale();
1488        this.initContainer();
1489        this.initTable();
1490        this.initHeader();
1491        this.initData();
1492        this.initHiddenRows();
1493        this.initToolbar();
1494        this.initPagination();
1495        this.initBody();
1496        this.initSearchText();
1497        this.initServer();
1498      }
1499    }, {
1500      key: "initConstants",
1501      value: function initConstants() {
1502        var opts = this.options;
1503        this.constants = Constants.CONSTANTS;
1504        this.constants.theme = $.fn.bootstrapTable.theme;
1505        this.constants.dataToggle = this.constants.html.dataToggle || 'data-toggle';
1506
1507        // init iconsPrefix and icons
1508        var iconsPrefix = Utils.getIconsPrefix($.fn.bootstrapTable.theme);
1509        if (typeof opts.icons === 'string') {
1510          opts.icons = Utils.calculateObjectValue(null, opts.icons);
1511        }
1512        opts.iconsPrefix = opts.iconsPrefix || $.fn.bootstrapTable.defaults.iconsPrefix || iconsPrefix;
1513        opts.icons = Object.assign(Utils.getIcons(opts.iconsPrefix), $.fn.bootstrapTable.defaults.icons, opts.icons);
1514
1515        // init buttons class
1516        var buttonsPrefix = opts.buttonsPrefix ? "".concat(opts.buttonsPrefix, "-") : '';
1517        this.constants.buttonsClass = [opts.buttonsPrefix, buttonsPrefix + opts.buttonsClass, Utils.sprintf("".concat(buttonsPrefix, "%s"), opts.iconSize)].join(' ').trim();
1518        this.buttons = Utils.calculateObjectValue(this, opts.buttons, [], {});
1519        if (_typeof(this.buttons) !== 'object') {
1520          this.buttons = {};
1521        }
1522      }
1523    }, {
1524      key: "initLocale",
1525      value: function initLocale() {
1526        if (this.options.locale) {
1527          var locales = $.fn.bootstrapTable.locales;
1528          var parts = this.options.locale.split(/-|_/);
1529          parts[0] = parts[0].toLowerCase();
1530          if (parts[1]) {
1531            parts[1] = parts[1].toUpperCase();
1532          }
1533          var localesToExtend = {};
1534          if (locales[this.options.locale]) {
1535            localesToExtend = locales[this.options.locale];
1536          } else if (locales[parts.join('-')]) {
1537            localesToExtend = locales[parts.join('-')];
1538          } else if (locales[parts[0]]) {
1539            localesToExtend = locales[parts[0]];
1540          }
1541          this._defaultLocales = this._defaultLocales || {};
1542          for (var _i = 0, _Object$entries = Object.entries(localesToExtend); _i < _Object$entries.length; _i++) {
1543            var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
1544              formatName = _Object$entries$_i[0],
1545              func = _Object$entries$_i[1];
1546            var defaultLocale = this._defaultLocales.hasOwnProperty(formatName) ? this._defaultLocales[formatName] : BootstrapTable.DEFAULTS[formatName];
1547            if (this.options[formatName] !== defaultLocale) {
1548              continue;
1549            }
1550            this.options[formatName] = func;
1551            this._defaultLocales[formatName] = func;
1552          }
1553        }
1554      }
1555    }, {
1556      key: "initContainer",
1557      value: function initContainer() {
1558        var topPagination = ['top', 'both'].includes(this.options.paginationVAlign) ? '<div class="fixed-table-pagination clearfix"></div>' : '';
1559        var bottomPagination = ['bottom', 'both'].includes(this.options.paginationVAlign) ? '<div class="fixed-table-pagination"></div>' : '';
1560        var loadingTemplate = Utils.calculateObjectValue(this.options, this.options.loadingTemplate, [this.options.formatLoadingMessage()]);
1561        this.$container = $("\n      <div class=\"bootstrap-table ".concat(this.constants.theme, "\">\n      <div class=\"fixed-table-toolbar\"></div>\n      ").concat(topPagination, "\n      <div class=\"fixed-table-container\">\n      <div class=\"fixed-table-header\"><table></table></div>\n      <div class=\"fixed-table-body\">\n      <div class=\"fixed-table-loading\">\n      ").concat(loadingTemplate, "\n      </div>\n      </div>\n      <div class=\"fixed-table-footer\"></div>\n      </div>\n      ").concat(bottomPagination, "\n      </div>\n    "));
1562        this.$container.insertAfter(this.$el);
1563        this.$tableContainer = this.$container.find('.fixed-table-container');
1564        this.$tableHeader = this.$container.find('.fixed-table-header');
1565        this.$tableBody = this.$container.find('.fixed-table-body');
1566        this.$tableLoading = this.$container.find('.fixed-table-loading');
1567        this.$tableFooter = this.$el.find('tfoot');
1568        // checking if custom table-toolbar exists or not
1569        if (this.options.buttonsToolbar) {
1570          this.$toolbar = $('body').find(this.options.buttonsToolbar);
1571        } else {
1572          this.$toolbar = this.$container.find('.fixed-table-toolbar');
1573        }
1574        this.$pagination = this.$container.find('.fixed-table-pagination');
1575        this.$tableBody.append(this.$el);
1576        this.$container.after('<div class="clearfix"></div>');
1577        this.$el.addClass(this.options.classes);
1578        this.$tableLoading.addClass(this.options.classes);
1579        if (this.options.height) {
1580          this.$tableContainer.addClass('fixed-height');
1581          if (this.options.showFooter) {
1582            this.$tableContainer.addClass('has-footer');
1583          }
1584          if (this.options.classes.split(' ').includes('table-bordered')) {
1585            this.$tableBody.append('<div class="fixed-table-border"></div>');
1586            this.$tableBorder = this.$tableBody.find('.fixed-table-border');
1587            this.$tableLoading.addClass('fixed-table-border');
1588          }
1589          this.$tableFooter = this.$container.find('.fixed-table-footer');
1590        }
1591      }
1592    }, {
1593      key: "initTable",
1594      value: function initTable() {
1595        var _this = this;
1596        var columns = [];
1597        this.$header = this.$el.find('>thead');
1598        if (!this.$header.length) {
1599          this.$header = $("<thead class=\"".concat(this.options.theadClasses, "\"></thead>")).appendTo(this.$el);
1600        } else if (this.options.theadClasses) {
1601          this.$header.addClass(this.options.theadClasses);
1602        }
1603        this._headerTrClasses = [];
1604        this._headerTrStyles = [];
1605        this.$header.find('tr').each(function (i, el) {
1606          var $tr = $(el);
1607          var column = [];
1608          $tr.find('th').each(function (i, el) {
1609            var $th = $(el);
1610
1611            // #2014: getFieldIndex and elsewhere assume this is string, causes issues if not
1612            if (typeof $th.data('field') !== 'undefined') {
1613              $th.data('field', "".concat($th.data('field')));
1614            }
1615            var _data = Object.assign({}, $th.data());
1616            for (var key in _data) {
1617              if ($.fn.bootstrapTable.columnDefaults.hasOwnProperty(key)) {
1618                delete _data[key];
1619              }
1620            }
1621            column.push(Utils.extend({}, {
1622              _data: Utils.getRealDataAttr(_data),
1623              title: $th.html(),
1624              class: $th.attr('class'),
1625              titleTooltip: $th.attr('title'),
1626              rowspan: $th.attr('rowspan') ? +$th.attr('rowspan') : undefined,
1627              colspan: $th.attr('colspan') ? +$th.attr('colspan') : undefined
1628            }, $th.data()));
1629          });
1630          columns.push(column);
1631          if ($tr.attr('class')) {
1632            _this._headerTrClasses.push($tr.attr('class'));
1633          }
1634          if ($tr.attr('style')) {
1635            _this._headerTrStyles.push($tr.attr('style'));
1636          }
1637        });
1638        if (!Array.isArray(this.options.columns[0])) {
1639          this.options.columns = [this.options.columns];
1640        }
1641        this.options.columns = Utils.extend(true, [], columns, this.options.columns);
1642        this.columns = [];
1643        this.fieldsColumnsIndex = [];
1644        Utils.setFieldIndex(this.options.columns);
1645        this.options.columns.forEach(function (columns, i) {
1646          columns.forEach(function (_column, j) {
1647            var column = Utils.extend({}, BootstrapTable.COLUMN_DEFAULTS, _column, {
1648              passed: _column
1649            });
1650            if (typeof column.fieldIndex !== 'undefined') {
1651              _this.columns[column.fieldIndex] = column;
1652              _this.fieldsColumnsIndex[column.field] = column.fieldIndex;
1653            }
1654            _this.options.columns[i][j] = column;
1655          });
1656        });
1657
1658        // if options.data is setting, do not process tbody and tfoot data
1659        if (!this.options.data.length) {
1660          var htmlData = Utils.trToData(this.columns, this.$el.find('>tbody>tr'));
1661          if (htmlData.length) {
1662            this.options.data = htmlData;
1663            this.fromHtml = true;
1664          }
1665        }
1666        if (!(this.options.pagination && this.options.sidePagination !== 'server')) {
1667          this.footerData = Utils.trToData(this.columns, this.$el.find('>tfoot>tr'));
1668        }
1669        if (this.footerData) {
1670          this.$el.find('tfoot').html('<tr></tr>');
1671        }
1672        if (!this.options.showFooter || this.options.cardView) {
1673          this.$tableFooter.hide();
1674        } else {
1675          this.$tableFooter.show();
1676        }
1677      }
1678    }, {
1679      key: "initHeader",
1680      value: function initHeader() {
1681        var _this2 = this;
1682        var visibleColumns = {};
1683        var headerHtml = [];
1684        this.header = {
1685          fields: [],
1686          styles: [],
1687          classes: [],
1688          formatters: [],
1689          detailFormatters: [],
1690          events: [],
1691          sorters: [],
1692          sortNames: [],
1693          cellStyles: [],
1694          searchables: []
1695        };
1696        Utils.updateFieldGroup(this.options.columns, this.columns);
1697        this.options.columns.forEach(function (columns, i) {
1698          var html = [];
1699          html.push("<tr".concat(Utils.sprintf(' class="%s"', _this2._headerTrClasses[i]), " ").concat(Utils.sprintf(' style="%s"', _this2._headerTrStyles[i]), ">"));
1700          var detailViewTemplate = '';
1701          if (i === 0 && Utils.hasDetailViewIcon(_this2.options)) {
1702            var rowspan = _this2.options.columns.length > 1 ? " rowspan=\"".concat(_this2.options.columns.length, "\"") : '';
1703            detailViewTemplate = "<th class=\"detail\"".concat(rowspan, ">\n          <div class=\"fht-cell\"></div>\n          </th>");
1704          }
1705          if (detailViewTemplate && _this2.options.detailViewAlign !== 'right') {
1706            html.push(detailViewTemplate);
1707          }
1708          columns.forEach(function (column, j) {
1709            var class_ = Utils.sprintf(' class="%s"', column['class']);
1710            var unitWidth = column.widthUnit;
1711            var width = parseFloat(column.width);
1712            var columnHalign = column.halign ? column.halign : column.align;
1713            var halign = Utils.sprintf('text-align: %s; ', columnHalign);
1714            var align = Utils.sprintf('text-align: %s; ', column.align);
1715            var style = Utils.sprintf('vertical-align: %s; ', column.valign);
1716            style += Utils.sprintf('width: %s; ', (column.checkbox || column.radio) && !width ? !column.showSelectTitle ? '36px' : undefined : width ? width + unitWidth : undefined);
1717            if (typeof column.fieldIndex === 'undefined' && !column.visible) {
1718              return;
1719            }
1720            var headerStyle = Utils.calculateObjectValue(null, _this2.options.headerStyle, [column]);
1721            var csses = [];
1722            var data_ = [];
1723            var classes = '';
1724            if (headerStyle && headerStyle.css) {
1725              for (var _i2 = 0, _Object$entries2 = Object.entries(headerStyle.css); _i2 < _Object$entries2.length; _i2++) {
1726                var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
1727                  key = _Object$entries2$_i[0],
1728                  value = _Object$entries2$_i[1];
1729                csses.push("".concat(key, ": ").concat(value));
1730              }
1731            }
1732            if (headerStyle && headerStyle.classes) {
1733              classes = Utils.sprintf(' class="%s"', column['class'] ? [column['class'], headerStyle.classes].join(' ') : headerStyle.classes);
1734            }
1735            if (typeof column.fieldIndex !== 'undefined') {
1736              _this2.header.fields[column.fieldIndex] = column.field;
1737              _this2.header.styles[column.fieldIndex] = align + style;
1738              _this2.header.classes[column.fieldIndex] = class_;
1739              _this2.header.formatters[column.fieldIndex] = column.formatter;
1740              _this2.header.detailFormatters[column.fieldIndex] = column.detailFormatter;
1741              _this2.header.events[column.fieldIndex] = column.events;
1742              _this2.header.sorters[column.fieldIndex] = column.sorter;
1743              _this2.header.sortNames[column.fieldIndex] = column.sortName;
1744              _this2.header.cellStyles[column.fieldIndex] = column.cellStyle;
1745              _this2.header.searchables[column.fieldIndex] = column.searchable;
1746              if (!column.visible) {
1747                return;
1748              }
1749              if (_this2.options.cardView && !column.cardVisible) {
1750                return;
1751              }
1752              visibleColumns[column.field] = column;
1753            }
1754            if (Object.keys(column._data || {}).length > 0) {
1755              for (var _i3 = 0, _Object$entries3 = Object.entries(column._data); _i3 < _Object$entries3.length; _i3++) {
1756                var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
1757                  k = _Object$entries3$_i[0],
1758                  v = _Object$entries3$_i[1];
1759                data_.push("data-".concat(k, "='").concat(_typeof(v) === 'object' ? JSON.stringify(v) : v, "'"));
1760              }
1761            }
1762            html.push("<th".concat(Utils.sprintf(' title="%s"', column.titleTooltip)), column.checkbox || column.radio ? Utils.sprintf(' class="bs-checkbox %s"', column['class'] || '') : classes || class_, Utils.sprintf(' style="%s"', halign + style + csses.join('; ') || undefined), Utils.sprintf(' rowspan="%s"', column.rowspan), Utils.sprintf(' colspan="%s"', column.colspan), Utils.sprintf(' data-field="%s"', column.field),
1763            // If `column` is not the first element of `this.options.columns[0]`, then className 'data-not-first-th' should be added.
1764            j === 0 && i > 0 ? ' data-not-first-th' : '', data_.length > 0 ? data_.join(' ') : '', '>');
1765            html.push(Utils.sprintf('<div class="th-inner %s">', _this2.options.sortable && column.sortable ? "sortable".concat(columnHalign === 'center' ? ' sortable-center' : '', " both") : ''));
1766            var text = _this2.options.escape && _this2.options.escapeTitle ? Utils.escapeHTML(column.title) : column.title;
1767            var title = text;
1768            if (column.checkbox) {
1769              text = '';
1770              if (!_this2.options.singleSelect && _this2.options.checkboxHeader) {
1771                text = '<label><input name="btSelectAll" type="checkbox" /><span></span></label>';
1772              }
1773              _this2.header.stateField = column.field;
1774            }
1775            if (column.radio) {
1776              text = '';
1777              _this2.header.stateField = column.field;
1778            }
1779            if (!text && column.showSelectTitle) {
1780              text += title;
1781            }
1782            html.push(text);
1783            html.push('</div>');
1784            html.push('<div class="fht-cell"></div>');
1785            html.push('</div>');
1786            html.push('</th>');
1787          });
1788          if (detailViewTemplate && _this2.options.detailViewAlign === 'right') {
1789            html.push(detailViewTemplate);
1790          }
1791          html.push('</tr>');
1792          if (html.length > 3) {
1793            headerHtml.push(html.join(''));
1794          }
1795        });
1796        this.$header.html(headerHtml.join(''));
1797        this.$header.find('th[data-field]').each(function (i, el) {
1798          $(el).data(visibleColumns[$(el).data('field')]);
1799        });
1800        this.$container.off('click', '.th-inner').on('click', '.th-inner', function (e) {
1801          var $this = $(e.currentTarget);
1802          if (_this2.options.detailView && !$this.parent().hasClass('bs-checkbox')) {
1803            if ($this.closest('.bootstrap-table')[0] !== _this2.$container[0]) {
1804              return false;
1805            }
1806          }
1807          if (_this2.options.sortable && $this.parent().data().sortable) {
1808            _this2.onSort(e);
1809          }
1810        });
1811        var resizeEvent = Utils.getEventName('resize.bootstrap-table', this.$el.attr('id'));
1812        $(window).off(resizeEvent);
1813        if (!this.options.showHeader || this.options.cardView) {
1814          this.$header.hide();
1815          this.$tableHeader.hide();
1816          this.$tableLoading.css('top', 0);
1817        } else {
1818          this.$header.show();
1819          this.$tableHeader.show();
1820          this.$tableLoading.css('top', this.$header.outerHeight() + 1);
1821          // Assign the correct sortable arrow
1822          this.getCaret();
1823          $(window).on(resizeEvent, function () {
1824            return _this2.resetView();
1825          });
1826        }
1827        this.$selectAll = this.$header.find('[name="btSelectAll"]');
1828        this.$selectAll.off('click').on('click', function (e) {
1829          e.stopPropagation();
1830          var checked = $(e.currentTarget).prop('checked');
1831          _this2[checked ? 'checkAll' : 'uncheckAll']();
1832          _this2.updateSelected();
1833        });
1834      }
1835    }, {
1836      key: "initData",
1837      value: function initData(data, type) {
1838        if (type === 'append') {
1839          this.options.data = this.options.data.concat(data);
1840        } else if (type === 'prepend') {
1841          this.options.data = [].concat(data).concat(this.options.data);
1842        } else {
1843          data = data || Utils.deepCopy(this.options.data);
1844          this.options.data = Array.isArray(data) ? data : data[this.options.dataField];
1845        }
1846        this.data = _toConsumableArray(this.options.data);
1847        if (this.options.sortReset) {
1848          this.unsortedData = _toConsumableArray(this.data);
1849        }
1850        if (this.options.sidePagination === 'server') {
1851          return;
1852        }
1853        this.initSort();
1854      }
1855    }, {
1856      key: "initSort",
1857      value: function initSort() {
1858        var _this3 = this;
1859        var name = this.options.sortName;
1860        var order = this.options.sortOrder === 'desc' ? -1 : 1;
1861        var index = this.header.fields.indexOf(this.options.sortName);
1862        var timeoutId = 0;
1863        if (index !== -1) {
1864          if (this.options.sortStable) {
1865            this.data.forEach(function (row, i) {
1866              if (!row.hasOwnProperty('_position')) {
1867                row._position = i;
1868              }
1869            });
1870          }
1871          if (this.options.customSort) {
1872            Utils.calculateObjectValue(this.options, this.options.customSort, [this.options.sortName, this.options.sortOrder, this.data]);
1873          } else {
1874            this.data.sort(function (a, b) {
1875              if (_this3.header.sortNames[index]) {
1876                name = _this3.header.sortNames[index];
1877              }
1878              var aa = Utils.getItemField(a, name, _this3.options.escape);
1879              var bb = Utils.getItemField(b, name, _this3.options.escape);
1880              var value = Utils.calculateObjectValue(_this3.header, _this3.header.sorters[index], [aa, bb, a, b]);
1881              if (value !== undefined) {
1882                if (_this3.options.sortStable && value === 0) {
1883                  return order * (a._position - b._position);
1884                }
1885                return order * value;
1886              }
1887              return Utils.sort(aa, bb, order, _this3.options, a._position, b._position);
1888            });
1889          }
1890          if (this.options.sortClass !== undefined) {
1891            clearTimeout(timeoutId);
1892            timeoutId = setTimeout(function () {
1893              _this3.$el.removeClass(_this3.options.sortClass);
1894              var index = _this3.$header.find("[data-field=\"".concat(_this3.options.sortName, "\"]")).index();
1895              _this3.$el.find("tr td:nth-child(".concat(index + 1, ")")).addClass(_this3.options.sortClass);
1896            }, 250);
1897          }
1898        } else if (this.options.sortReset) {
1899          this.data = _toConsumableArray(this.unsortedData);
1900        }
1901      }
1902    }, {
1903      key: "sortBy",
1904      value: function sortBy(params) {
1905        this.options.sortName = params.field;
1906        this.options.sortOrder = params.hasOwnProperty('sortOrder') ? params.sortOrder : 'asc';
1907        this._sort();
1908      }
1909    }, {
1910      key: "onSort",
1911      value: function onSort(_ref) {
1912        var type = _ref.type,
1913          currentTarget = _ref.currentTarget;
1914        var $this = type === 'keypress' ? $(currentTarget) : $(currentTarget).parent();
1915        var $this_ = this.$header.find('th').eq($this.index());
1916        this.$header.add(this.$header_).find('span.order').remove();
1917        if (this.options.sortName === $this.data('field')) {
1918          var currentSortOrder = this.options.sortOrder;
1919          var initialSortOrder = this.columns[this.fieldsColumnsIndex[$this.data('field')]].sortOrder || this.columns[this.fieldsColumnsIndex[$this.data('field')]].order;
1920          if (currentSortOrder === undefined) {
1921            this.options.sortOrder = 'asc';
1922          } else if (currentSortOrder === 'asc') {
1923            this.options.sortOrder = this.options.sortReset ? initialSortOrder === 'asc' ? 'desc' : undefined : 'desc';
1924          } else if (this.options.sortOrder === 'desc') {
1925            this.options.sortOrder = this.options.sortReset ? initialSortOrder === 'desc' ? 'asc' : undefined : 'asc';
1926          }
1927          if (this.options.sortOrder === undefined) {
1928            this.options.sortName = undefined;
1929          }
1930        } else {
1931          this.options.sortName = $this.data('field');
1932          if (this.options.rememberOrder) {
1933            this.options.sortOrder = $this.data('order') === 'asc' ? 'desc' : 'asc';
1934          } else {
1935            this.options.sortOrder = this.columns[this.fieldsColumnsIndex[$this.data('field')]].sortOrder || this.columns[this.fieldsColumnsIndex[$this.data('field')]].order;
1936          }
1937        }
1938        $this.add($this_).data('order', this.options.sortOrder);
1939
1940        // Assign the correct sortable arrow
1941        this.getCaret();
1942        this._sort();
1943      }
1944    }, {
1945      key: "_sort",
1946      value: function _sort() {
1947        if (this.options.sidePagination === 'server' && this.options.serverSort) {
1948          this.options.pageNumber = 1;
1949          this.trigger('sort', this.options.sortName, this.options.sortOrder);
1950          this.initServer(this.options.silentSort);
1951          return;
1952        }
1953        if (this.options.pagination && this.options.sortResetPage) {
1954          this.options.pageNumber = 1;
1955          this.initPagination();
1956        }
1957        this.trigger('sort', this.options.sortName, this.options.sortOrder);
1958        this.initSort();
1959        this.initBody();
1960      }
1961    }, {
1962      key: "initToolbar",
1963      value: function initToolbar() {
1964        var _this4 = this;
1965        var opts = this.options;
1966        var html = [];
1967        var timeoutId = 0;
1968        var $keepOpen;
1969        var switchableCount = 0;
1970        if (this.$toolbar.find('.bs-bars').children().length) {
1971          $('body').append($(opts.toolbar));
1972        }
1973        this.$toolbar.html('');
1974        if (typeof opts.toolbar === 'string' || _typeof(opts.toolbar) === 'object') {
1975          $(Utils.sprintf('<div class="bs-bars %s-%s"></div>', this.constants.classes.pull, opts.toolbarAlign)).appendTo(this.$toolbar).append($(opts.toolbar));
1976        }
1977
1978        // showColumns, showToggle, showRefresh
1979        html = ["<div class=\"".concat(['columns', "columns-".concat(opts.buttonsAlign), this.constants.classes.buttonsGroup, "".concat(this.constants.classes.pull, "-").concat(opts.buttonsAlign)].join(' '), "\">")];
1980        if (typeof opts.buttonsOrder === 'string') {
1981          opts.buttonsOrder = opts.buttonsOrder.replace(/\[|\]| |'/g, '').split(',');
1982        }
1983        this.buttons = Object.assign(this.buttons, {
1984          paginationSwitch: {
1985            text: opts.pagination ? opts.formatPaginationSwitchUp() : opts.formatPaginationSwitchDown(),
1986            icon: opts.pagination ? opts.icons.paginationSwitchDown : opts.icons.paginationSwitchUp,
1987            render: false,
1988            event: this.togglePagination,
1989            attributes: {
1990              'aria-label': opts.formatPaginationSwitch(),
1991              title: opts.formatPaginationSwitch()
1992            }
1993          },
1994          refresh: {
1995            text: opts.formatRefresh(),
1996            icon: opts.icons.refresh,
1997            render: false,
1998            event: this.refresh,
1999            attributes: {
2000              'aria-label': opts.formatRefresh(),
2001              title: opts.formatRefresh()
2002            }
2003          },
2004          toggle: {
2005            text: opts.formatToggleOn(),
2006            icon: opts.icons.toggleOff,
2007            render: false,
2008            event: this.toggleView,
2009            attributes: {
2010              'aria-label': opts.formatToggleOn(),
2011              title: opts.formatToggleOn()
2012            }
2013          },
2014          fullscreen: {
2015            text: opts.formatFullscreen(),
2016            icon: opts.icons.fullscreen,
2017            render: false,
2018            event: this.toggleFullscreen,
2019            attributes: {
2020              'aria-label': opts.formatFullscreen(),
2021              title: opts.formatFullscreen()
2022            }
2023          },
2024          columns: {
2025            render: false,
2026            html: function html() {
2027              var html = [];
2028              html.push("<div class=\"keep-open ".concat(_this4.constants.classes.buttonsDropdown, "\">\n            <button class=\"").concat(_this4.constants.buttonsClass, " dropdown-toggle\" type=\"button\" ").concat(_this4.constants.dataToggle, "=\"dropdown\"\n            aria-label=\"").concat(opts.formatColumns(), "\" title=\"").concat(opts.formatColumns(), "\">\n            ").concat(opts.showButtonIcons ? Utils.sprintf(_this4.constants.html.icon, opts.iconsPrefix, opts.icons.columns) : '', "\n            ").concat(opts.showButtonText ? opts.formatColumns() : '', "\n            ").concat(_this4.constants.html.dropdownCaret, "\n            </button>\n            ").concat(_this4.constants.html.toolbarDropdown[0]));
2029              if (opts.showColumnsSearch) {
2030                html.push(Utils.sprintf(_this4.constants.html.toolbarDropdownItem, Utils.sprintf('<input type="text" class="%s" name="columnsSearch" placeholder="%s" autocomplete="off">', _this4.constants.classes.input, opts.formatSearch())));
2031                html.push(_this4.constants.html.toolbarDropdownSeparator);
2032              }
2033              if (opts.showColumnsToggleAll) {
2034                var allFieldsVisible = _this4.getVisibleColumns().length === _this4.columns.filter(function (column) {
2035                  return !_this4.isSelectionColumn(column);
2036                }).length;
2037                html.push(Utils.sprintf(_this4.constants.html.toolbarDropdownItem, Utils.sprintf('<input type="checkbox" class="toggle-all" %s> <span>%s</span>', allFieldsVisible ? 'checked="checked"' : '', opts.formatColumnsToggleAll())));
2038                html.push(_this4.constants.html.toolbarDropdownSeparator);
2039              }
2040              var visibleColumns = 0;
2041              _this4.columns.forEach(function (column) {
2042                if (column.visible) {
2043                  visibleColumns++;
2044                }
2045              });
2046              _this4.columns.forEach(function (column, i) {
2047                if (_this4.isSelectionColumn(column)) {
2048                  return;
2049                }
2050                if (opts.cardView && !column.cardVisible) {
2051                  return;
2052                }
2053                var checked = column.visible ? ' checked="checked"' : '';
2054                var disabled = visibleColumns <= opts.minimumCountColumns && checked ? ' disabled="disabled"' : '';
2055                if (column.switchable) {
2056                  html.push(Utils.sprintf(_this4.constants.html.toolbarDropdownItem, Utils.sprintf('<input type="checkbox" data-field="%s" value="%s"%s%s> <span>%s</span>', column.field, i, checked, disabled, column.switchableLabel || column.title)));
2057                  switchableCount++;
2058                }
2059              });
2060              html.push(_this4.constants.html.toolbarDropdown[1], '</div>');
2061              return html.join('');
2062            }
2063          }
2064        });
2065        var buttonsHtml = {};
2066        for (var _i4 = 0, _Object$entries4 = Object.entries(this.buttons); _i4 < _Object$entries4.length; _i4++) {
2067          var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i4], 2),
2068            buttonName = _Object$entries4$_i[0],
2069            buttonConfig = _Object$entries4$_i[1];
2070          var buttonHtml = void 0;
2071          if (buttonConfig.hasOwnProperty('html')) {
2072            if (typeof buttonConfig.html === 'function') {
2073              buttonHtml = buttonConfig.html();
2074            } else if (typeof buttonConfig.html === 'string') {
2075              buttonHtml = buttonConfig.html;
2076            }
2077          } else {
2078            var buttonClass = this.constants.buttonsClass;
2079            if (buttonConfig.hasOwnProperty('attributes') && buttonConfig.attributes.class) {
2080              buttonClass += " ".concat(buttonConfig.attributes.class);
2081            }
2082            buttonHtml = "<button class=\"".concat(buttonClass, "\" type=\"button\" name=\"").concat(buttonName, "\"");
2083            if (buttonConfig.hasOwnProperty('attributes')) {
2084              for (var _i5 = 0, _Object$entries5 = Object.entries(buttonConfig.attributes); _i5 < _Object$entries5.length; _i5++) {
2085                var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i5], 2),
2086                  attributeName = _Object$entries5$_i[0],
2087                  value = _Object$entries5$_i[1];
2088                if (attributeName === 'class') {
2089                  continue;
2090                }
2091                buttonHtml += " ".concat(attributeName, "=\"").concat(value, "\"");
2092              }
2093            }
2094            buttonHtml += '>';
2095            if (opts.showButtonIcons && buttonConfig.hasOwnProperty('icon')) {
2096              buttonHtml += "".concat(Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, buttonConfig.icon), " ");
2097            }
2098            if (opts.showButtonText && buttonConfig.hasOwnProperty('text')) {
2099              buttonHtml += buttonConfig.text;
2100            }
2101            buttonHtml += '</button>';
2102          }
2103          buttonsHtml[buttonName] = buttonHtml;
2104          var optionName = "show".concat(buttonName.charAt(0).toUpperCase()).concat(buttonName.substring(1));
2105          var showOption = opts[optionName];
2106          if ((!buttonConfig.hasOwnProperty('render') || buttonConfig.hasOwnProperty('render') && buttonConfig.render) && (showOption === undefined || showOption === true)) {
2107            opts[optionName] = true;
2108          }
2109          if (!opts.buttonsOrder.includes(buttonName)) {
2110            opts.buttonsOrder.push(buttonName);
2111          }
2112        }
2113
2114        // Adding the button html to the final toolbar html when the showOption is true
2115        var _iterator = _createForOfIteratorHelper(opts.buttonsOrder),
2116          _step;
2117        try {
2118          for (_iterator.s(); !(_step = _iterator.n()).done;) {
2119            var button = _step.value;
2120            var _showOption = opts["show".concat(button.charAt(0).toUpperCase()).concat(button.substring(1))];
2121            if (_showOption) {
2122              html.push(buttonsHtml[button]);
2123            }
2124          }
2125        } catch (err) {
2126          _iterator.e(err);
2127        } finally {
2128          _iterator.f();
2129        }
2130        html.push('</div>');
2131
2132        // Fix #188: this.showToolbar is for extensions
2133        if (this.showToolbar || html.length > 2) {
2134          this.$toolbar.append(html.join(''));
2135        }
2136        var _loop = function _loop() {
2137          var _Object$entries6$_i = _slicedToArray(_Object$entries6[_i6], 2),
2138            buttonName = _Object$entries6$_i[0],
2139            buttonConfig = _Object$entries6$_i[1];
2140          if (buttonConfig.hasOwnProperty('event')) {
2141            if (typeof buttonConfig.event === 'function' || typeof buttonConfig.event === 'string') {
2142              var event = typeof buttonConfig.event === 'string' ? window[buttonConfig.event] : buttonConfig.event;
2143              _this4.$toolbar.find("button[name=\"".concat(buttonName, "\"]")).off('click').on('click', function () {
2144                return event.call(_this4);
2145              });
2146              return 1; // continue
2147            }
2148            var _loop2 = function _loop2() {
2149              var _Object$entries7$_i = _slicedToArray(_Object$entries7[_i7], 2),
2150                eventType = _Object$entries7$_i[0],
2151                eventFunction = _Object$entries7$_i[1];
2152              var event = typeof eventFunction === 'string' ? window[eventFunction] : eventFunction;
2153              _this4.$toolbar.find("button[name=\"".concat(buttonName, "\"]")).off(eventType).on(eventType, function () {
2154                return event.call(_this4);
2155              });
2156            };
2157            for (var _i7 = 0, _Object$entries7 = Object.entries(buttonConfig.event); _i7 < _Object$entries7.length; _i7++) {
2158              _loop2();
2159            }
2160          }
2161        };
2162        for (var _i6 = 0, _Object$entries6 = Object.entries(this.buttons); _i6 < _Object$entries6.length; _i6++) {
2163          if (_loop()) continue;
2164        }
2165        if (opts.showColumns) {
2166          $keepOpen = this.$toolbar.find('.keep-open');
2167          var $checkboxes = $keepOpen.find('input[type="checkbox"]:not(".toggle-all")');
2168          var $toggleAll = $keepOpen.find('input[type="checkbox"].toggle-all');
2169          if (switchableCount <= opts.minimumCountColumns) {
2170            $keepOpen.find('input').prop('disabled', true);
2171          }
2172          $keepOpen.find('li, label').off('click').on('click', function (e) {
2173            e.stopImmediatePropagation();
2174          });
2175          $checkboxes.off('click').on('click', function (_ref2) {
2176            var currentTarget = _ref2.currentTarget;
2177            var $this = $(currentTarget);
2178            _this4._toggleColumn($this.val(), $this.prop('checked'), false);
2179            _this4.trigger('column-switch', $this.data('field'), $this.prop('checked'));
2180            $toggleAll.prop('checked', $checkboxes.filter(':checked').length === _this4.columns.filter(function (column) {
2181              return !_this4.isSelectionColumn(column);
2182            }).length);
2183          });
2184          $toggleAll.off('click').on('click', function (_ref3) {
2185            var currentTarget = _ref3.currentTarget;
2186            _this4._toggleAllColumns($(currentTarget).prop('checked'));
2187            _this4.trigger('column-switch-all', $(currentTarget).prop('checked'));
2188          });
2189          if (opts.showColumnsSearch) {
2190            var $columnsSearch = $keepOpen.find('[name="columnsSearch"]');
2191            var $listItems = $keepOpen.find('.dropdown-item-marker');
2192            $columnsSearch.on('keyup paste change', function (_ref4) {
2193              var currentTarget = _ref4.currentTarget;
2194              var $this = $(currentTarget);
2195              var searchValue = $this.val().toLowerCase();
2196              $listItems.show();
2197              $checkboxes.each(function (i, el) {
2198                var $checkbox = $(el);
2199                var $listItem = $checkbox.parents('.dropdown-item-marker');
2200                var text = $listItem.text().toLowerCase();
2201                if (!text.includes(searchValue)) {
2202                  $listItem.hide();
2203                }
2204              });
2205            });
2206          }
2207        }
2208        var handleInputEvent = function handleInputEvent($searchInput) {
2209          var eventTriggers = $searchInput.is('select') ? 'change' : 'keyup drop blur mouseup';
2210          $searchInput.off(eventTriggers).on(eventTriggers, function (event) {
2211            if (opts.searchOnEnterKey && event.keyCode !== 13) {
2212              return;
2213            }
2214            if ([37, 38, 39, 40].includes(event.keyCode)) {
2215              return;
2216            }
2217            clearTimeout(timeoutId); // doesn't matter if it's 0
2218            timeoutId = setTimeout(function () {
2219              _this4.onSearch({
2220                currentTarget: event.currentTarget
2221              });
2222            }, opts.searchTimeOut);
2223          });
2224        };
2225
2226        // Fix #4516: this.showSearchClearButton is for extensions
2227        if ((opts.search || this.showSearchClearButton) && typeof opts.searchSelector !== 'string') {
2228          html = [];
2229          var showSearchButton = Utils.sprintf(this.constants.html.searchButton, this.constants.buttonsClass, opts.formatSearch(), opts.showButtonIcons ? Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, opts.icons.search) : '', opts.showButtonText ? opts.formatSearch() : '');
2230          var showSearchClearButton = Utils.sprintf(this.constants.html.searchClearButton, this.constants.buttonsClass, opts.formatClearSearch(), opts.showButtonIcons ? Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, opts.icons.clearSearch) : '', opts.showButtonText ? opts.formatClearSearch() : '');
2231          var searchInputHtml = "<input class=\"".concat(this.constants.classes.input, "\n        ").concat(Utils.sprintf(' %s%s', this.constants.classes.inputPrefix, opts.iconSize), "\n        search-input\" type=\"search\" aria-label=\"").concat(opts.formatSearch(), "\" placeholder=\"").concat(opts.formatSearch(), "\" autocomplete=\"off\">");
2232          var searchInputFinalHtml = searchInputHtml;
2233          if (opts.showSearchButton || opts.showSearchClearButton) {
2234            var _buttonsHtml = (opts.showSearchButton ? showSearchButton : '') + (opts.showSearchClearButton ? showSearchClearButton : '');
2235            searchInputFinalHtml = opts.search ? Utils.sprintf(this.constants.html.inputGroup, searchInputHtml, _buttonsHtml) : _buttonsHtml;
2236          }
2237          html.push(Utils.sprintf("\n        <div class=\"".concat(this.constants.classes.pull, "-").concat(opts.searchAlign, " search ").concat(this.constants.classes.inputGroup, "\">\n          %s\n        </div>\n      "), searchInputFinalHtml));
2238          this.$toolbar.append(html.join(''));

2381|<))/gm;
2382                var matches = largerSmallerEqualsRegex.exec(_this5.searchText);
2383                var comparisonCheck = false;
2384                if (matches) {
2385                  var operator = matches[1] || "".concat(matches[5], "l");
2386                  var comparisonValue = matches[2] || matches[3];
2387                  var int = parseInt(value, 10);
2388                  var comparisonInt = parseInt(comparisonValue, 10);
2389                  switch (operator) {
2390                    case '>':
2391                    case '<l':
2392                      comparisonCheck = int > comparisonInt;
2393                      break;
2394                    case '<':
2395                    case '>l':
2396                      comparisonCheck = int < comparisonInt;
2397                      break;
2398                    case '<=':
2399                    case '=<':
2400                    case '>=l':
2401                    case '=>l':
2402                      comparisonCheck = int <= comparisonInt;
2403                      break;
2404                    case '>=':
2405                    case '=>':
2406                    case '<=l':
2407                    case '=<l':
2408                      comparisonCheck = int >= comparisonInt;
2409                      break;
2410                  }
2411                }
2412                if (comparisonCheck || "".concat(value).toLowerCase().includes(searchText)) {
2413                  return true;
2414                }
2415              }
2416            }
2417            return false;
2418          }) : this.data;
2419          if (this.options.sortReset) {
2420            this.unsortedData = _toConsumableArray(this.data);
2421          }
2422          this.initSort();
2423        }
2424      }
2425    }, {
2426      key: "initPagination",
2427      value: function initPagination() {
2428        var _this6 = this;
2429        var opts = this.options;
2430        if (!opts.pagination) {
2431          this.$pagination.hide();
2432          return;
2433        }
2434        this.$pagination.show();
2435        var html = [];
2436        var allSelected = false;
2437        var i;
2438        var from;
2439        var to;
2440        var $pageList;
2441        var $pre;
2442        var $next;
2443        var $number;
2444        var data = this.getData({
2445          includeHiddenRows: false
2446        });
2447        var pageList = opts.pageList;
2448        if (typeof pageList === 'string') {
2449          pageList = pageList.replace(/\[|\]| /g, '').toLowerCase().split(',');
2450        }
2451        pageList = pageList.map(function (value) {
2452          if (typeof value === 'string') {
2453            return value.toLowerCase() === opts.formatAllRows().toLowerCase() || ['all', 'unlimited'].includes(value.toLowerCase()) ? opts.formatAllRows() : +value;
2454          }
2455          return value;
2456        });
2457        this.paginationParts = opts.paginationParts;
2458        if (typeof this.paginationParts === 'string') {
2459          this.paginationParts = this.paginationParts.replace(/\[|\]| |'/g, '').split(',');
2460        }
2461        if (opts.sidePagination !== 'server') {
2462          opts.totalRows = data.length;
2463        }
2464        this.totalPages = 0;
2465        if (opts.totalRows) {
2466          if (opts.pageSize === opts.formatAllRows()) {
2467            opts.pageSize = opts.totalRows;
2468            allSelected = true;
2469          }
2470          this.totalPages = ~~((opts.totalRows - 1) / opts.pageSize) + 1;
2471          opts.totalPages = this.totalPages;
2472        }
2473        if (this.totalPages > 0 && opts.pageNumber > this.totalPages) {
2474          opts.pageNumber = this.totalPages;
2475        }
2476        this.pageFrom = (opts.pageNumber - 1) * opts.pageSize + 1;
2477        this.pageTo = opts.pageNumber * opts.pageSize;
2478        if (this.pageTo > opts.totalRows) {
2479          this.pageTo = opts.totalRows;
2480        }
2481        if (this.options.pagination && this.options.sidePagination !== 'server') {
2482          this.options.totalNotFiltered = this.options.data.length;
2483        }
2484        if (!this.options.showExtendedPagination) {
2485          this.options.totalNotFiltered = undefined;
2486        }
2487        if (this.paginationParts.includes('pageInfo') || this.paginationParts.includes('pageInfoShort') || this.paginationParts.includes('pageSize')) {
2488          html.push("<div class=\"".concat(this.constants.classes.pull, "-").concat(opts.paginationDetailHAlign, " pagination-detail\">"));
2489        }
2490        if (this.paginationParts.includes('pageInfo') || this.paginationParts.includes('pageInfoShort')) {
2491          var totalRows = this.options.totalRows + (this.options.sidePagination === 'client' && this.options.paginationLoadMore && !this._paginationLoaded ? ' +' : '');
2492          var paginationInfo = this.paginationParts.includes('pageInfoShort') ? opts.formatDetailPagination(totalRows) : opts.formatShowingRows(this.pageFrom, this.pageTo, totalRows, opts.totalNotFiltered);
2493          html.push("<span class=\"pagination-info\">\n      ".concat(paginationInfo, "\n      </span>"));
2494        }
2495        if (this.paginationParts.includes('pageSize')) {
2496          html.push('<div class="page-list">');
2497          var pageNumber = ["<div class=\"".concat(this.constants.classes.paginationDropdown, "\">\n        <button class=\"").concat(this.constants.buttonsClass, " dropdown-toggle\" type=\"button\" ").concat(this.constants.dataToggle, "=\"dropdown\">\n        <span class=\"page-size\">\n        ").concat(allSelected ? opts.formatAllRows() : opts.pageSize, "\n        </span>\n        ").concat(this.constants.html.dropdownCaret, "\n        </button>\n        ").concat(this.constants.html.pageDropdown[0])];
2498          pageList.forEach(function (page, i) {
2499            if (!opts.smartDisplay || i === 0 || pageList[i - 1] < opts.totalRows || page === opts.formatAllRows()) {
2500              var active;
2501              if (allSelected) {
2502                active = page === opts.formatAllRows() ? _this6.constants.classes.dropdownActive : '';
2503              } else {
2504                active = page === opts.pageSize ? _this6.constants.classes.dropdownActive : '';
2505              }
2506              pageNumber.push(Utils.sprintf(_this6.constants.html.pageDropdownItem, active, page));
2507            }
2508          });
2509          pageNumber.push("".concat(this.constants.html.pageDropdown[1], "</div>"));
2510          html.push(opts.formatRecordsPerPage(pageNumber.join('')));
2511        }
2512        if (this.paginationParts.includes('pageInfo') || this.paginationParts.includes('pageInfoShort') || this.paginationParts.includes('pageSize')) {
2513          html.push('</div></div>');
2514        }
2515        if (this.paginationParts.includes('pageList')) {
2516          html.push("<div class=\"".concat(this.constants.classes.pull, "-").concat(opts.paginationHAlign, " pagination\">"), Utils.sprintf(this.constants.html.pagination[0], Utils.sprintf(' pagination-%s', opts.iconSize)), Utils.sprintf(this.constants.html.paginationItem, ' page-pre', opts.formatSRPaginationPreText(), opts.paginationPreText));
2517          if (this.totalPages < opts.paginationSuccessivelySize) {
2518            from = 1;
2519            to = this.totalPages;
2520          } else {
2521            from = opts.pageNumber - opts.paginationPagesBySide;
2522            to = from + opts.paginationPagesBySide * 2;
2523          }
2524          if (opts.pageNumber < opts.paginationSuccessivelySize - 1) {
2525            to = opts.paginationSuccessivelySize;
2526          }
2527          if (opts.paginationSuccessivelySize > this.totalPages - from) {
2528            from = from - (opts.paginationSuccessivelySize - (this.totalPages - from)) + 1;
2529          }
2530          if (from < 1) {
2531            from = 1;
2532          }
2533          if (to > this.totalPages) {
2534            to = this.totalPages;
2535          }
2536          var middleSize = Math.round(opts.paginationPagesBySide / 2);
2537          var pageItem = function pageItem(i) {
2538            var classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
2539            return Utils.sprintf(_this6.constants.html.paginationItem, classes + (i === opts.pageNumber ? " ".concat(_this6.constants.classes.paginationActive) : ''), opts.formatSRPaginationPageText(i), i);
2540          };
2541          if (from > 1) {
2542            var max = opts.paginationPagesBySide;
2543            if (max >= from) max = from - 1;
2544            for (i = 1; i <= max; i++) {
2545              html.push(pageItem(i));
2546            }
2547            if (from - 1 === max + 1) {
2548              i = from - 1;
2549              html.push(pageItem(i));
2550            } else if (from - 1 > max) {
2551              if (from - opts.paginationPagesBySide * 2 > opts.paginationPagesBySide && opts.paginationUseIntermediate) {
2552                i = Math.round((from - middleSize) / 2 + middleSize);
2553                html.push(pageItem(i, ' page-intermediate'));
2554              } else {
2555                html.push(Utils.sprintf(this.constants.html.paginationItem, ' page-first-separator disabled', '', '...'));
2556              }
2557            }
2558          }
2559          for (i = from; i <= to; i++) {
2560            html.push(pageItem(i));
2561          }
2562          if (this.totalPages > to) {
2563            var min = this.totalPages - (opts.paginationPagesBySide - 1);
2564            if (to >= min) min = to + 1;
2565            if (to + 1 === min - 1) {
2566              i = to + 1;
2567              html.push(pageItem(i));
2568            } else if (min > to + 1) {
2569              if (this.totalPages - to > opts.paginationPagesBySide * 2 && opts.paginationUseIntermediate) {
2570                i = Math.round((this.totalPages - middleSize - to) / 2 + to);
2571                html.push(pageItem(i, ' page-intermediate'));
2572              } else {
2573                html.push(Utils.sprintf(this.constants.html.paginationItem, ' page-last-separator disabled', '', '...'));
2574              }
2575            }
2576            for (i = min; i <= this.totalPages; i++) {
2577              html.push(pageItem(i));
2578            }
2579          }
2580          html.push(Utils.sprintf(this.constants.html.paginationItem, ' page-next', opts.formatSRPaginationNextText(), opts.paginationNextText));
2581          html.push(this.constants.html.pagination[1], '</div>');
2582        }
2583        this.$pagination.html(html.join(''));