melondtable 1.18.5 → 1.19.0

package/dist/melondtable.js

@@ -271,11 +271,6 @@ var DataTable = (function (Sortable) {
 
     var isObject_1 = isObject;
 
-    var isObject$1 = /*#__PURE__*/Object.freeze({
-        default: isObject_1,
-        __moduleExports: isObject_1
-    });
-
     var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
     function commonjsRequire () {
@@ -303,6 +298,13 @@ var DataTable = (function (Sortable) {
 
     var _root = root;
 
+    var _root$1 = /*#__PURE__*/Object.freeze({
+        default: _root,
+        __moduleExports: _root
+    });
+
+    var root$1 = ( _root$1 && _root ) || _root$1;
+
     /**
      * Gets the timestamp of the number of milliseconds that have elapsed since
      * the Unix epoch (1 January 1970 00:00:00 UTC).
@@ -320,13 +322,13 @@ var DataTable = (function (Sortable) {
      * // => Logs the number of milliseconds it took for the deferred invocation.
      */
     var now = function() {
-      return _root.Date.now();
+      return root$1.Date.now();
     };
 
     var now_1 = now;
 
     /** Built-in value references. */
-    var Symbol = _root.Symbol;
+    var Symbol = root$1.Symbol;
 
     var _Symbol = Symbol;
 
@@ -374,6 +376,11 @@ var DataTable = (function (Sortable) {
 
     var _getRawTag = getRawTag;
 
+    var _getRawTag$1 = /*#__PURE__*/Object.freeze({
+        default: _getRawTag,
+        __moduleExports: _getRawTag
+    });
+
     /** Used for built-in method references. */
     var objectProto$1 = Object.prototype;
 
@@ -397,6 +404,8 @@ var DataTable = (function (Sortable) {
 
     var _objectToString = objectToString;
 
+    var getRawTag$1 = ( _getRawTag$1 && _getRawTag ) || _getRawTag$1;
+
     /** `Object#toString` result references. */
     var nullTag = '[object Null]',
         undefinedTag = '[object Undefined]';
@@ -416,7 +425,7 @@ var DataTable = (function (Sortable) {
         return value === undefined ? undefinedTag : nullTag;
       }
       return (symToStringTag$1 && symToStringTag$1 in Object(value))
-        ? _getRawTag(value)
+        ? getRawTag$1(value)
         : _objectToString(value);
     }
 
@@ -479,7 +488,12 @@ var DataTable = (function (Sortable) {
 
     var isSymbol_1 = isSymbol;
 
-    var isObject$2 = ( isObject$1 && isObject_1 ) || isObject$1;
+    var isSymbol$1 = /*#__PURE__*/Object.freeze({
+        default: isSymbol_1,
+        __moduleExports: isSymbol_1
+    });
+
+    var isSymbol$2 = ( isSymbol$1 && isSymbol_1 ) || isSymbol$1;
 
     /** Used as references for various `Number` constants. */
     var NAN = 0 / 0;
@@ -526,12 +540,12 @@ var DataTable = (function (Sortable) {
       if (typeof value == 'number') {
         return value;
       }
-      if (isSymbol_1(value)) {
+      if (isSymbol$2(value)) {
         return NAN;
       }
-      if (isObject$2(value)) {
+      if (isObject_1(value)) {
         var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-        value = isObject$2(other) ? (other + '') : other;
+        value = isObject_1(other) ? (other + '') : other;
       }
       if (typeof value != 'string') {
         return value === 0 ? value : +value;
@@ -622,7 +636,7 @@ var DataTable = (function (Sortable) {
         throw new TypeError(FUNC_ERROR_TEXT);
       }
       wait = toNumber_1(wait) || 0;
-      if (isObject$2(options)) {
+      if (isObject_1(options)) {
         leading = !!options.leading;
         maxing = 'maxWait' in options;
         maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
@@ -786,7 +800,7 @@ var DataTable = (function (Sortable) {
       if (typeof func != 'function') {
         throw new TypeError(FUNC_ERROR_TEXT$1);
       }
-      if (isObject$2(options)) {
+      if (isObject_1(options)) {
         leading = 'leading' in options ? !!options.leading : leading;
         trailing = 'trailing' in options ? !!options.trailing : trailing;
       }
@@ -823,7 +837,7 @@ var DataTable = (function (Sortable) {
      * // => false
      */
     function isFunction(value) {
-      if (!isObject$2(value)) {
+      if (!isObject_1(value)) {
         return false;
       }
       // The use of `Object#toString` avoids issues with the `typeof` operator
@@ -835,20 +849,13 @@ var DataTable = (function (Sortable) {
     var isFunction_1 = isFunction;
 
     /** Used to detect overreaching core-js shims. */
-    var coreJsData = _root['__core-js_shared__'];
+    var coreJsData = root$1['__core-js_shared__'];
 
     var _coreJsData = coreJsData;
 
-    var _coreJsData$1 = /*#__PURE__*/Object.freeze({
-        default: _coreJsData,
-        __moduleExports: _coreJsData
-    });
-
-    var coreJsData$1 = ( _coreJsData$1 && _coreJsData ) || _coreJsData$1;
-
     /** Used to detect methods masquerading as native. */
     var maskSrcKey = (function() {
-      var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || '');
+      var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
       return uid ? ('Symbol(src)_1.' + uid) : '';
     }());
 
@@ -926,7 +933,7 @@ var DataTable = (function (Sortable) {
      *  else `false`.
      */
     function baseIsNative(value) {
-      if (!isObject$2(value) || _isMasked(value)) {
+      if (!isObject_1(value) || _isMasked(value)) {
         return false;
       }
       var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
@@ -935,6 +942,11 @@ var DataTable = (function (Sortable) {
 
     var _baseIsNative = baseIsNative;
 
+    var _baseIsNative$1 = /*#__PURE__*/Object.freeze({
+        default: _baseIsNative,
+        __moduleExports: _baseIsNative
+    });
+
     /**
      * Gets the value at `key` of `object`.
      *
@@ -949,6 +961,8 @@ var DataTable = (function (Sortable) {
 
     var _getValue = getValue;
 
+    var baseIsNative$1 = ( _baseIsNative$1 && _baseIsNative ) || _baseIsNative$1;
+
     /**
      * Gets the native function at `key` of `object`.
      *
@@ -959,7 +973,7 @@ var DataTable = (function (Sortable) {
      */
     function getNative(object, key) {
       var value = _getValue(object, key);
-      return _baseIsNative(value) ? value : undefined;
+      return baseIsNative$1(value) ? value : undefined;
     }
 
     var _getNative = getNative;
@@ -969,13 +983,6 @@ var DataTable = (function (Sortable) {
 
     var _nativeCreate = nativeCreate;
 
-    var _nativeCreate$1 = /*#__PURE__*/Object.freeze({
-        default: _nativeCreate,
-        __moduleExports: _nativeCreate
-    });
-
-    var nativeCreate$1 = ( _nativeCreate$1 && _nativeCreate ) || _nativeCreate$1;
-
     /**
      * Removes all key-value entries from the hash.
      *
@@ -984,7 +991,7 @@ var DataTable = (function (Sortable) {
      * @memberOf Hash
      */
     function hashClear() {
-      this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {};
+      this.__data__ = _nativeCreate ? _nativeCreate(null) : {};
       this.size = 0;
     }
 
@@ -1028,7 +1035,7 @@ var DataTable = (function (Sortable) {
      */
     function hashGet(key) {
       var data = this.__data__;
-      if (nativeCreate$1) {
+      if (_nativeCreate) {
         var result = data[key];
         return result === HASH_UNDEFINED ? undefined : result;
       }
@@ -1054,7 +1061,7 @@ var DataTable = (function (Sortable) {
      */
     function hashHas(key) {
       var data = this.__data__;
-      return nativeCreate$1 ? (data[key] !== undefined) : hasOwnProperty$3.call(data, key);
+      return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$3.call(data, key);
     }
 
     var _hashHas = hashHas;
@@ -1075,7 +1082,7 @@ var DataTable = (function (Sortable) {
     function hashSet(key, value) {
       var data = this.__data__;
       this.size += this.has(key) ? 0 : 1;
-      data[key] = (nativeCreate$1 && value === undefined) ? HASH_UNDEFINED$1 : value;
+      data[key] = (_nativeCreate && value === undefined) ? HASH_UNDEFINED$1 : value;
       return this;
     }
 
@@ -1180,13 +1187,6 @@ var DataTable = (function (Sortable) {
 
     var _assocIndexOf = assocIndexOf;
 
-    var _assocIndexOf$1 = /*#__PURE__*/Object.freeze({
-        default: _assocIndexOf,
-        __moduleExports: _assocIndexOf
-    });
-
-    var assocIndexOf$1 = ( _assocIndexOf$1 && _assocIndexOf ) || _assocIndexOf$1;
-
     /** Used for built-in method references. */
     var arrayProto = Array.prototype;
 
@@ -1204,7 +1204,7 @@ var DataTable = (function (Sortable) {
      */
     function listCacheDelete(key) {
       var data = this.__data__,
-          index = assocIndexOf$1(data, key);
+          index = _assocIndexOf(data, key);
 
       if (index < 0) {
         return false;
@@ -1232,7 +1232,7 @@ var DataTable = (function (Sortable) {
      */
     function listCacheGet(key) {
       var data = this.__data__,
-          index = assocIndexOf$1(data, key);
+          index = _assocIndexOf(data, key);
 
       return index < 0 ? undefined : data[index][1];
     }
@@ -1249,7 +1249,7 @@ var DataTable = (function (Sortable) {
      * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
      */
     function listCacheHas(key) {
-      return assocIndexOf$1(this.__data__, key) > -1;
+      return _assocIndexOf(this.__data__, key) > -1;
     }
 
     var _listCacheHas = listCacheHas;
@@ -1266,7 +1266,7 @@ var DataTable = (function (Sortable) {
      */
     function listCacheSet(key, value) {
       var data = this.__data__,
-          index = assocIndexOf$1(data, key);
+          index = _assocIndexOf(data, key);
 
       if (index < 0) {
         ++this.size;
@@ -1307,10 +1307,17 @@ var DataTable = (function (Sortable) {
     var _ListCache = ListCache;
 
     /* Built-in method references that are verified to be native. */
-    var Map = _getNative(_root, 'Map');
+    var Map = _getNative(root$1, 'Map');
 
     var _Map = Map;
 
+    var _Map$1 = /*#__PURE__*/Object.freeze({
+        default: _Map,
+        __moduleExports: _Map
+    });
+
+    var Map$1 = ( _Map$1 && _Map ) || _Map$1;
+
     /**
      * Removes all key-value entries from the map.
      *
@@ -1322,7 +1329,7 @@ var DataTable = (function (Sortable) {
       this.size = 0;
       this.__data__ = {
         'hash': new _Hash,
-        'map': new (_Map || _ListCache),
+        'map': new (Map$1 || _ListCache),
         'string': new _Hash
       };
     }
@@ -1541,11 +1548,6 @@ var DataTable = (function (Sortable) {
 
     var _baseFindIndex = baseFindIndex;
 
-    var _baseFindIndex$1 = /*#__PURE__*/Object.freeze({
-        default: _baseFindIndex,
-        __moduleExports: _baseFindIndex
-    });
-
     /**
      * The base implementation of `_.isNaN` without support for number objects.
      *
@@ -1583,7 +1585,12 @@ var DataTable = (function (Sortable) {
 
     var _strictIndexOf = strictIndexOf;
 
-    var baseFindIndex$1 = ( _baseFindIndex$1 && _baseFindIndex ) || _baseFindIndex$1;
+    var _strictIndexOf$1 = /*#__PURE__*/Object.freeze({
+        default: _strictIndexOf,
+        __moduleExports: _strictIndexOf
+    });
+
+    var strictIndexOf$1 = ( _strictIndexOf$1 && _strictIndexOf ) || _strictIndexOf$1;
 
     /**
      * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
@@ -1596,19 +1603,12 @@ var DataTable = (function (Sortable) {
      */
     function baseIndexOf(array, value, fromIndex) {
       return value === value
-        ? _strictIndexOf(array, value, fromIndex)
-        : baseFindIndex$1(array, _baseIsNaN, fromIndex);
+        ? strictIndexOf$1(array, value, fromIndex)
+        : _baseFindIndex(array, _baseIsNaN, fromIndex);
     }
 
     var _baseIndexOf = baseIndexOf;
 
-    var _baseIndexOf$1 = /*#__PURE__*/Object.freeze({
-        default: _baseIndexOf,
-        __moduleExports: _baseIndexOf
-    });
-
-    var baseIndexOf$1 = ( _baseIndexOf$1 && _baseIndexOf ) || _baseIndexOf$1;
-
     /**
      * A specialized version of `_.includes` for arrays without support for
      * specifying an index to search from.
@@ -1620,7 +1620,7 @@ var DataTable = (function (Sortable) {
      */
     function arrayIncludes(array, value) {
       var length = array == null ? 0 : array.length;
-      return !!length && baseIndexOf$1(array, value, 0) > -1;
+      return !!length && _baseIndexOf(array, value, 0) > -1;
     }
 
     var _arrayIncludes = arrayIncludes;
@@ -1663,7 +1663,7 @@ var DataTable = (function (Sortable) {
     var _cacheHas = cacheHas;
 
     /* Built-in method references that are verified to be native. */
-    var Set$1 = _getNative(_root, 'Set');
+    var Set$1 = _getNative(root$1, 'Set');
 
     var _Set = Set$1;
 
@@ -2934,7 +2934,6 @@ var DataTable = (function (Sortable) {
 
         _selectArea($cell1, $cell2) {
             if ($cell1 === $cell2) return false;
-
             const cells = this.getCellsInRange($cell1, $cell2);
             if (!cells) return false;
 
@@ -2961,9 +2960,17 @@ var DataTable = (function (Sortable) {
                 const cell2 = $.data($cell2);
 
                 colIndex1 = +cell1.colIndex;
-                rowIndex1 = +cell1.rowIndex;
                 colIndex2 = +cell2.colIndex;
-                rowIndex2 = +cell2.rowIndex;
+
+                if (this.columnmanager.sortState) {
+                    this.sortedColumn = true;
+                    rowIndex1 = this.datamanager.rowViewOrder.indexOf(parseInt(cell1.rowIndex, 10));
+                    rowIndex2 = this.datamanager.rowViewOrder.indexOf(parseInt(cell2.rowIndex, 10));
+                } else {
+                    rowIndex1 = +cell1.rowIndex;
+                    rowIndex2 = +cell2.rowIndex;
+                }
+
             }
 
             if (rowIndex1 > rowIndex2) {
@@ -2995,7 +3002,11 @@ var DataTable = (function (Sortable) {
                 }
                 colIndex = colIndex1;
             });
-
+            if (this.columnmanager.sortState) {
+                cells.forEach(selectedCells => {
+                    selectedCells[1] = this.datamanager.rowViewOrder[selectedCells[1]];
+                });
+            }
             return cells;
         }
 
@@ -3785,9 +3796,29 @@ var DataTable = (function (Sortable) {
                 .then(() => this.instance.unfreeze())
                 .then(() => {
                     this.fireEvent('onSortColumn', this.getColumn(colIndex));
+                    this.setSortState();
                 });
         }
 
+        saveSorting(colIndex) {
+            let currentColumn = this.getColumn(colIndex);
+            let saveSorting = {
+                [currentColumn.name]: {
+                    colIndex: colIndex,
+                    sortOrder: currentColumn.sortOrder
+                }
+            };
+            this.sortingKey = this.options.sortingKey ? `${this.options.sortingKey}::sortedColumns` : 'sortedColumns' ;
+            localStorage.setItem(this.sortingKey, JSON.stringify(saveSorting));
+        }
+        setSortState(sortOrder) {
+            if (sortOrder === 'none') {
+                this.sortState = false;
+            } else {
+                this.sortState = true;
+            }
+        }
+
         removeColumn(colIndex) {
             const removedCol = this.getColumn(colIndex);
             this.instance.freeze();
@@ -3886,6 +3917,19 @@ var DataTable = (function (Sortable) {
             }
         }
 
+        applySavedSortOrder() {
+
+            let key = this.options.sortingKey ? `${this.options.sortingKey}::sortedColumns` : 'sortedColumns' ;
+            let sortingConfig = JSON.parse(localStorage.getItem(key));
+            if (sortingConfig) {
+                const columnsToSort = Object.values(sortingConfig);
+                for (let column of columnsToSort) {
+                    this.sortColumn(column.colIndex, column.sortOrder);
+                    this.sortState = true;
+                }
+            }
+        }
+
         sortRows(colIndex, sortOrder) {
             return this.datamanager.sortRows(colIndex, sortOrder);
         }
@@ -3961,14 +4005,22 @@ var DataTable = (function (Sortable) {
 
         getDropdownListHTML() {
             const { headerDropdown: dropdownItems } = this.options;
-
             return `
-            <div class="dt-dropdown__list">
-            ${dropdownItems.map((d, i) => `
-                <div class="dt-dropdown__list-item" data-index="${i}">${d.label}</div>
-            `).join('')}
+        <div class="dt-dropdown__list">
+        ${dropdownItems.map((d, i) => `
+            <div 
+                class="dt-dropdown__list-item${d.display ? ' dt-hidden' : ''}" 
+                data-index="${i}"
+            >
+                ${d.label}
             </div>
-        `;
+        `).join('')}
+        </div>
+    `;
+        }
+
+        toggleDropdownItem(index) {
+            $('.dt-dropdown__list', this.instance.dropdownContainer).children[index].classList.toggle('dt-hidden');
         }
     }
 
@@ -5751,6 +5803,10 @@ var DataTable = (function (Sortable) {
             if (this.options.data) {
                 this.refresh();
                 this.columnmanager.applyDefaultSortOrder();
+                if (this.options.saveSorting) {
+                    this.setupSaveSorting();
+                    this.columnmanager.applySavedSortOrder();
+                }
             }
         }
 
@@ -5920,6 +5976,9 @@ var DataTable = (function (Sortable) {
         sortColumn(colIndex, sortOrder) {
             this.columnmanager.sortColumn(colIndex, sortOrder);
         }
+        saveSorting(colIndex, nextSortOrder) {
+            this.columnmanager.saveSorting(colIndex, nextSortOrder);
+        }
 
         removeColumn(colIndex) {
             this.columnmanager.removeColumn(colIndex);
@@ -5973,6 +6032,25 @@ var DataTable = (function (Sortable) {
         translate(str, args) {
             return this.translationManager.translate(str, args);
         }
+        setupSaveSorting() {
+            // add options in default headerdropdown
+            let action = {
+                label: this.translate('Save Sorting'),
+                action: function (column) {
+                    this.saveSorting(column.colIndex, column.sotOrder);
+                },
+                display: 'hidden'
+            };
+            this.options.headerDropdown.push(action);
+            this.columnmanager.bindDropdown();
+            // add events for onSortColumn
+            this.on('onSortColumn', function (column) {
+                this.columnmanager.toggleDropdownItem(4);
+                if (column.sortOrder === 'none') {
+                    localStorage.removeItem(this.columnmanager.sortingKey);
+                }
+            });
+        }
     }
 
     DataTable.instances = 0;

package/dist/melondtable.min.css

@@ -1 +1 @@
-:root{--dt-border-color:#d1d8dd;--dt-primary-color:#5292f7;--dt-light-bg:#f5f7fa;--dt-light-red:#fd8b8b;--dt-light-yellow:#fffce7;--dt-orange:#ffa00a;--dt-text-color:#000;--dt-text-light:#dfe2e5;--dt-spacer-1:0.25rem;--dt-spacer-2:0.5rem;--dt-spacer-3:1rem;--dt-border-radius:3px;--dt-cell-bg:#fff;--dt-focus-border-width:2px;--dt-selection-highlight-color:#fffce7;--dt-selection-highlight-color:var(--dt-light-yellow);--dt-toast-message-border:none;--dt-header-cell-bg:#fff;--dt-header-cell-bg:var(--dt-cell-bg);--dt-no-data-message-width:90px}.datatable *,.datatable :after,.datatable :before{box-sizing:border-box}.datatable{position:relative;overflow:hidden}.dt-scrollable{height:40vw;overflow:auto;border-top:2px solid #d1d8dd;border-top:2px solid var(--dt-border-color)}.dt-scrollable--highlight-all{background-color:#fffce7;background-color:var(--dt-selection-highlight-color)}.dt-scrollable__no-data{text-align:center;padding:1rem;padding:var(--dt-spacer-3);border-left:1px solid #d1d8dd;border-left:1px solid var(--dt-border-color);border-right:1px solid #d1d8dd;border-right:1px solid var(--dt-border-color)}.dt-scrollable__no-data .no-data-message{position:absolute;top:100px;left:50px;border:none;width:90px;width:var(--dt-no-data-message-width)}.dt-row{display:flex}.dt-row--highlight .dt-cell{background-color:#fffce7;background-color:var(--dt-selection-highlight-color)}.dt-row--unhighlight .dt-cell{background-color:#fff;background-color:var(--dt-cell-bg)}.dt-row--hide{display:none}.dt-row:last-child:not(.dt-row-filter){border-bottom:1px solid #d1d8dd;border-bottom:1px solid var(--dt-border-color)}.dt-cell{border:1px solid #d1d8dd;border:1px solid var(--dt-border-color);border-bottom:none;border-right:none;position:relative;outline:none;padding:0;background-color:#fff;background-color:var(--dt-cell-bg);color:#000;color:var(--dt-text-color);background-clip:padding-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dt-cell__content{border:2px solid transparent;border:var(--dt-focus-border-width) solid transparent;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dt-cell__content,.dt-cell__edit{padding:.5rem;padding:var(--dt-spacer-2);height:100%}.dt-cell__edit{display:none;background-color:#fff;background-color:var(--dt-cell-bg);border:2px solid #ffa00a;border:var(--dt-focus-border-width) solid var(--dt-orange);z-index:1}.dt-cell__resize-handle{opacity:0;position:absolute;right:-3px;top:0;width:5px;height:100%;cursor:col-resize;z-index:1}.dt-cell--editing .dt-cell__content{display:none}.dt-cell--editing .dt-cell__edit{display:block}.dt-cell--focus .dt-cell__content{border-color:#5292f7;border-color:var(--dt-primary-color)}.dt-cell--dragging,.dt-cell--highlight{background-color:#f5f7fa;background-color:var(--dt-light-bg)}.dt-cell--header{background-color:#fff;background-color:var(--dt-header-cell-bg)}.dt-cell--header:last-child{border-right:1px solid #d1d8dd;border-right:1px solid var(--dt-border-color)}.dt-cell--header .dt-cell__content{padding-right:1rem;padding-right:var(--dt-spacer-3);font-weight:700}.dt-cell--header:hover .dt-dropdown__toggle{opacity:1}.dt-cell--tree-close .icon-open{display:none}.dt-cell--tree-close .icon-close{display:flex}.dt-cell:last-child{border-right:1px solid #d1d8dd;border-right:1px solid var(--dt-border-color)}.datatable[dir=rtl] .dt-cell__resize-handle{right:unset;left:-3px}.icon-close,.icon-open{width:16px;height:16px}.icon-open{display:flex}.icon-close{display:none}.dt-dropdown{position:absolute;right:10px;display:inline-flex;vertical-align:top;text-align:left;font-weight:400;cursor:pointer}.dt-dropdown__toggle{opacity:0;background-color:#fff;background-color:var(--dt-header-cell-bg)}.dt-dropdown__list{position:fixed;min-width:8rem;z-index:1;cursor:pointer;background-color:#fff;background-color:var(--dt-cell-bg);border-radius:3px;border-radius:var(--dt-border-radius);padding:.5rem 0;padding:var(--dt-spacer-2) 0;box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.dt-dropdown__list-item{padding:.5rem 1rem;padding:var(--dt-spacer-2) var(--dt-spacer-3)}.dt-dropdown__list-item:hover{background-color:#f5f7fa;background-color:var(--dt-light-bg)}.dt-dropdown--active .dt-dropdown__list{display:block}.dt-tree-node{display:flex;align-items:center;position:relative}.dt-tree-node__toggle{display:inline-block;cursor:pointer;margin-right:.2rem}.dt-toast{position:absolute;bottom:1rem;bottom:var(--dt-spacer-3);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dt-toast__message{display:inline-block;background-color:rgba(0,0,0,.8);color:#dfe2e5;color:var(--dt-text-light);border-radius:3px;border-radius:var(--dt-border-radius);padding:.5rem 1rem;padding:var(--dt-spacer-2) var(--dt-spacer-3);border:none;border:var(--dt-toast-message-border)}.dt-input{outline:none;width:100%;border:none;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit;background-color:inherit;color:inherit;margin:0;padding:0}.dt-freeze{display:flex;justify-content:center;align-content:center;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f5f7fa;background-color:var(--dt-light-bg);opacity:.5;font-size:2em}.dt-freeze__message{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dt-paste-target{position:fixed;left:-999em}body.dt-resize{cursor:col-resize}
+:root{--dt-border-color:#d1d8dd;--dt-primary-color:#5292f7;--dt-light-bg:#f5f7fa;--dt-light-red:#fd8b8b;--dt-light-yellow:#fffce7;--dt-orange:#ffa00a;--dt-text-color:#000;--dt-text-light:#dfe2e5;--dt-spacer-1:0.25rem;--dt-spacer-2:0.5rem;--dt-spacer-3:1rem;--dt-border-radius:3px;--dt-cell-bg:#fff;--dt-focus-border-width:2px;--dt-selection-highlight-color:#fffce7;--dt-selection-highlight-color:var(--dt-light-yellow);--dt-toast-message-border:none;--dt-header-cell-bg:#fff;--dt-header-cell-bg:var(--dt-cell-bg);--dt-no-data-message-width:90px}.datatable *,.datatable :after,.datatable :before{box-sizing:border-box}.datatable{position:relative;overflow:hidden}.dt-scrollable{height:40vw;overflow:auto;border-top:2px solid #d1d8dd;border-top:2px solid var(--dt-border-color)}.dt-scrollable--highlight-all{background-color:#fffce7;background-color:var(--dt-selection-highlight-color)}.dt-scrollable__no-data{text-align:center;padding:1rem;padding:var(--dt-spacer-3);border-left:1px solid #d1d8dd;border-left:1px solid var(--dt-border-color);border-right:1px solid #d1d8dd;border-right:1px solid var(--dt-border-color)}.dt-scrollable__no-data .no-data-message{position:absolute;top:100px;left:50px;border:none;width:90px;width:var(--dt-no-data-message-width)}.dt-row{display:flex}.dt-row--highlight .dt-cell{background-color:#fffce7;background-color:var(--dt-selection-highlight-color)}.dt-row--unhighlight .dt-cell{background-color:#fff;background-color:var(--dt-cell-bg)}.dt-row--hide{display:none}.dt-row:last-child:not(.dt-row-filter){border-bottom:1px solid #d1d8dd;border-bottom:1px solid var(--dt-border-color)}.dt-cell{border:1px solid #d1d8dd;border:1px solid var(--dt-border-color);border-bottom:none;border-right:none;position:relative;outline:none;padding:0;background-color:#fff;background-color:var(--dt-cell-bg);color:#000;color:var(--dt-text-color);background-clip:padding-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dt-cell__content{border:2px solid transparent;border:var(--dt-focus-border-width) solid transparent;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dt-cell__content,.dt-cell__edit{padding:.5rem;padding:var(--dt-spacer-2);height:100%}.dt-cell__edit{display:none;background-color:#fff;background-color:var(--dt-cell-bg);border:2px solid #ffa00a;border:var(--dt-focus-border-width) solid var(--dt-orange);z-index:1}.dt-cell__resize-handle{opacity:0;position:absolute;right:-3px;top:0;width:5px;height:100%;cursor:col-resize;z-index:1}.dt-cell--editing .dt-cell__content{display:none}.dt-cell--editing .dt-cell__edit{display:block}.dt-cell--focus .dt-cell__content{border-color:#5292f7;border-color:var(--dt-primary-color)}.dt-cell--dragging,.dt-cell--highlight{background-color:#f5f7fa;background-color:var(--dt-light-bg)}.dt-cell--header{background-color:#fff;background-color:var(--dt-header-cell-bg)}.dt-cell--header:last-child{border-right:1px solid #d1d8dd;border-right:1px solid var(--dt-border-color)}.dt-cell--header .dt-cell__content{padding-right:1rem;padding-right:var(--dt-spacer-3);font-weight:700}.dt-cell--header:hover .dt-dropdown__toggle{opacity:1}.dt-cell--tree-close .icon-open{display:none}.dt-cell--tree-close .icon-close{display:flex}.dt-cell:last-child{border-right:1px solid #d1d8dd;border-right:1px solid var(--dt-border-color)}.datatable[dir=rtl] .dt-cell__resize-handle{right:unset;left:-3px}.icon-close,.icon-open{width:16px;height:16px}.icon-open{display:flex}.icon-close{display:none}.dt-dropdown{position:absolute;right:10px;display:inline-flex;vertical-align:top;text-align:left;font-weight:400;cursor:pointer}.dt-dropdown__toggle{opacity:0;background-color:#fff;background-color:var(--dt-header-cell-bg)}.dt-dropdown__list{position:fixed;min-width:8rem;z-index:1;cursor:pointer;background-color:#fff;background-color:var(--dt-cell-bg);border-radius:3px;border-radius:var(--dt-border-radius);padding:.5rem 0;padding:var(--dt-spacer-2) 0;box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.dt-dropdown__list-item{padding:.5rem 1rem;padding:var(--dt-spacer-2) var(--dt-spacer-3)}.dt-dropdown__list-item:hover{background-color:#f5f7fa;background-color:var(--dt-light-bg)}.dt-dropdown--active .dt-dropdown__list{display:block}.dt-tree-node{display:flex;align-items:center;position:relative}.dt-tree-node__toggle{display:inline-block;cursor:pointer;margin-right:.2rem}.dt-toast{position:absolute;bottom:1rem;bottom:var(--dt-spacer-3);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dt-toast__message{display:inline-block;background-color:rgba(0,0,0,.8);color:#dfe2e5;color:var(--dt-text-light);border-radius:3px;border-radius:var(--dt-border-radius);padding:.5rem 1rem;padding:var(--dt-spacer-2) var(--dt-spacer-3);border:none;border:var(--dt-toast-message-border)}.dt-input{outline:none;width:100%;border:none;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit;background-color:inherit;color:inherit;margin:0;padding:0}.dt-freeze{display:flex;justify-content:center;align-content:center;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f5f7fa;background-color:var(--dt-light-bg);opacity:.5;font-size:2em}.dt-freeze__message{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dt-paste-target{position:fixed;left:-999em}.dt-hidden{display:none}body.dt-resize{cursor:col-resize}