melondtable 1.15.4 → 1.16.1

package/dist/melondtable.js

@@ -1901,6 +1901,16 @@ var DataTable = (function (Sortable) {
     function stripHTML(html) {
         return html.replace(/<[^>]*>/g, '');
     }
+    function format(str, args) {
+        if (!str) return str;
+
+        Object.keys(args).forEach(arg => {
+            let regex = new RegExp(`{(${arg})}`, 'g');
+            str = str.replace(regex, args[arg]);
+        });
+
+        return str;
+    }
 
     class DataManager {
         constructor(options) {
@@ -2654,7 +2664,10 @@ var DataTable = (function (Sortable) {
         bindCopyCellContents() {
             this.keyboard.on('ctrl+c', () => {
                 const noOfCellsCopied = this.copyCellContents(this.$focusedCell, this.$selectionCursor);
-                const message = `${noOfCellsCopied} cell${noOfCellsCopied > 1 ? 's' : ''} copied`;
+                const message = this.instance.translate('{count} cells copied', {
+                    count: noOfCellsCopied
+                });
+
                 if (noOfCellsCopied) {
                     this.instance.showToastMessage(message, 2);
                 }
@@ -3571,7 +3584,11 @@ var DataTable = (function (Sortable) {
 
             const onMouseMove = (e) => {
                 if (!isDragging) return;
-                const finalWidth = startWidth + (e.pageX - startX);
+                let delta = e.pageX - startX;
+                if (this.options.direction === 'rtl') {
+                    delta = -1 * delta;
+                }
+                const finalWidth = startWidth + delta;
                 const {
                     colIndex
                 } = $.data($resizingCell);
@@ -3972,7 +3989,10 @@ var DataTable = (function (Sortable) {
             const checkedRows = this.getCheckedRows();
             const count = checkedRows.length;
             if (count > 0) {
-                this.bodyRenderer.showToastMessage(`${count} row${count > 1 ? 's' : ''} selected`);
+                let message = this.instance.translate('{count} rows selected', {
+                    count: count
+                });
+                this.bodyRenderer.showToastMessage(message);
             } else {
                 this.bodyRenderer.clearToastMessage();
             }
@@ -5204,6 +5224,83 @@ var DataTable = (function (Sortable) {
         }
     }
 
+    var en = {
+    	"Sort Ascending": "Sort Ascending",
+    	"Sort Descending": "Sort Descending",
+    	"Reset sorting": "Reset sorting",
+    	"Remove column": "Remove column",
+    	"No Data": "No Data",
+    	"{count} cells copied": {"1":"{count} cell copied","default":"{count} cells copied"},
+    	"{count} rows selected": {"1":"{count} row selected","default":"{count} rows selected"}
+    };
+
+    var de = {
+    	"Sort Ascending": "Aufsteigend sortieren",
+    	"Sort Descending": "Absteigend sortieren",
+    	"Reset sorting": "Sortierung zurücksetzen",
+    	"Remove column": "Spalte entfernen",
+    	"No Data": "Keine Daten",
+    	"{count} cells copied": {"1":"{count} Zelle kopiert","default":"{count} Zellen kopiert"},
+    	"{count} rows selected": {"1":"{count} Zeile ausgewählt","default":"{count} Zeilen ausgewählt"}
+    };
+
+    var fr = {
+    	"Sort Ascending": "Trier par ordre croissant",
+    	"Sort Descending": "Trier par ordre décroissant",
+    	"Reset sorting": "Réinitialiser le tri",
+    	"Remove column": "Supprimer colonne",
+    	"No Data": "Pas de données",
+    	"{count} cells copied": {"1":"{count} cellule copiée","default":"{count} cellules copiées"},
+    	"{count} rows selected": {"1":"{count} ligne sélectionnée","default":"{count} lignes sélectionnées"}
+    };
+
+    var it = {
+    	"Sort Ascending": "Ordinamento ascendente",
+    	"Sort Descending": "Ordinamento decrescente",
+    	"Reset sorting": "Azzeramento ordinamento",
+    	"Remove column": "Rimuovi colonna",
+    	"No Data": "Nessun dato",
+    	"{count} cells copied": {"1":"Copiato {count} cella","default":"{count} celle copiate"},
+    	"{count} rows selected": {"1":"{count} linea selezionata","default":"{count} linee selezionate"}
+    };
+
+    function getTranslations() {
+        return {
+            en,
+            de,
+            fr,
+            it,
+        };
+    }
+
+    class TranslationManager {
+        constructor(language) {
+            this.language = language;
+            this.translations = getTranslations();
+        }
+
+        addTranslations(translations) {
+            this.translations = Object.assign(this.translations, translations);
+        }
+
+        translate(sourceText, args) {
+            let translation = (this.translations[this.language] &&
+                this.translations[this.language][sourceText]) || sourceText;
+
+            if (typeof translation === 'object') {
+                translation = args && args.count ?
+                    this.getPluralizedTranslation(translation, args.count) :
+                    sourceText;
+            }
+
+            return format(translation, args || {});
+        }
+
+        getPluralizedTranslation(translations, count) {
+            return translations[count] || translations['default'];
+        }
+    }
+
     function filterRows(rows, filters) {
         let filteredRowIndices = [];
 
@@ -5396,74 +5493,76 @@ var DataTable = (function (Sortable) {
         };
     }
 
-    var DEFAULT_OPTIONS = {
-        columns: [],
-        data: [],
-        dropdownButton: icons.chevronDown,
-        headerDropdown: [
-            {
-                label: 'Sort Ascending',
-                action: function (column) {
-                    this.sortColumn(column.colIndex, 'asc');
+    function getDefaultOptions(instance) {
+        return {
+            columns: [],
+            data: [],
+            dropdownButton: icons.chevronDown,
+            headerDropdown: [
+                {
+                    label: instance.translate('Sort Ascending'),
+                    action: function (column) {
+                        this.sortColumn(column.colIndex, 'asc');
+                    }
+                },
+                {
+                    label: instance.translate('Sort Descending'),
+                    action: function (column) {
+                        this.sortColumn(column.colIndex, 'desc');
+                    }
+                },
+                {
+                    label: instance.translate('Reset sorting'),
+                    action: function (column) {
+                        this.sortColumn(column.colIndex, 'none');
+                    }
+                },
+                {
+                    label: instance.translate('Remove column'),
+                    action: function (column) {
+                        this.removeColumn(column.colIndex);
+                    }
                 }
+            ],
+            events: {
+                onRemoveColumn(column) {},
+                onSwitchColumn(column1, column2) {},
+                onSortColumn(column) {},
+                onCheckRow(row) {},
+                onDestroy() {}
             },
-            {
-                label: 'Sort Descending',
-                action: function (column) {
-                    this.sortColumn(column.colIndex, 'desc');
-                }
+            hooks: {
+                columnTotal: null
             },
-            {
-                label: 'Reset sorting',
-                action: function (column) {
-                    this.sortColumn(column.colIndex, 'none');
-                }
+            sortIndicator: {
+                asc: '↑',
+                desc: '↓',
+                none: ''
             },
-            {
-                label: 'Remove column',
-                action: function (column) {
-                    this.removeColumn(column.colIndex);
-                }
-            }
-        ],
-        events: {
-            onRemoveColumn(column) {},
-            onSwitchColumn(column1, column2) {},
-            onSortColumn(column) {},
-            onCheckRow(row) {},
-            onDestroy() {}
-        },
-        hooks: {
-            columnTotal: null
-        },
-        sortIndicator: {
-            asc: '↑',
-            desc: '↓',
-            none: ''
-        },
-        overrideComponents: {
-            // ColumnManager: CustomColumnManager
-        },
-        filterRows: filterRows,
-        freezeMessage: '',
-        getEditor: null,
-        serialNoColumn: true,
-        checkboxColumn: false,
-        clusterize: true,
-        logs: false,
-        layout: 'fixed', // fixed, fluid, ratio
-        noDataMessage: 'No Data',
-        cellHeight: 40,
-        minimumColumnWidth: 30,
-        inlineFilters: false,
-        treeView: false,
-        checkedRowStatus: true,
-        dynamicRowHeight: false,
-        pasteFromClipboard: false,
-        showTotalRow: false,
-        direction: 'ltr',
-        disableReorderColumn: false
-    };
+            overrideComponents: {
+                // ColumnManager: CustomColumnManager
+            },
+            filterRows: filterRows,
+            freezeMessage: '',
+            getEditor: null,
+            serialNoColumn: true,
+            checkboxColumn: false,
+            clusterize: true,
+            logs: false,
+            layout: 'fixed', // fixed, fluid, ratio
+            noDataMessage: instance.translate('No Data'),
+            cellHeight: 40,
+            minimumColumnWidth: 30,
+            inlineFilters: false,
+            treeView: false,
+            checkedRowStatus: true,
+            dynamicRowHeight: false,
+            pasteFromClipboard: false,
+            showTotalRow: false,
+            direction: 'ltr',
+            disableReorderColumn: false
+        };
+    }
 
     let defaultComponents = {
         DataManager,
@@ -5488,6 +5587,8 @@ var DataTable = (function (Sortable) {
                 throw new Error('Invalid argument given for `wrapper`');
             }
 
+            this.initializeTranslations(options);
+            this.setDefaultOptions();
             this.buildOptions(options);
             this.prepare();
             this.initializeComponents();
@@ -5498,23 +5599,36 @@ var DataTable = (function (Sortable) {
             }
         }
 
+        initializeTranslations(options) {
+            this.language = options.language || 'en';
+            this.translationManager = new TranslationManager(this.language);
+
+            if (options.translations) {
+                this.translationManager.addTranslations(options.translations);
+            }
+        }
+
+        setDefaultOptions() {
+            this.DEFAULT_OPTIONS = getDefaultOptions(this);
+        }
+
         buildOptions(options) {
             this.options = this.options || {};
 
             this.options = Object.assign(
-                {}, DEFAULT_OPTIONS,
+                {}, this.DEFAULT_OPTIONS,
                 this.options || {}, options
             );
 
             options.headerDropdown = options.headerDropdown || [];
             this.options.headerDropdown = [
-                ...DEFAULT_OPTIONS.headerDropdown,
+                ...this.DEFAULT_OPTIONS.headerDropdown,
                 ...options.headerDropdown
             ];
 
             // custom user events
             this.events = Object.assign(
-                {}, DEFAULT_OPTIONS.events,
+                {}, this.DEFAULT_OPTIONS.events,
                 this.options.events || {},
                 options.events || {}
             );
@@ -5700,6 +5814,10 @@ var DataTable = (function (Sortable) {
                 console.log.apply(console, arguments);
             }
         }
+
+        translate(str, args) {
+            return this.translationManager.translate(str, args);
+        }
     }
 
     DataTable.instances = 0;
@@ -5710,9 +5828,9 @@ var DataTable = (function (Sortable) {
     var main = "dist/melondtable.cjs.js";
     var unpkg = "dist/melondtable.min.js";
     var jsdelivr = "dist/melondtable.min.js";
-    var scripts = {"start":"yarn run dev","build":"rollup -c && NODE_ENV=production rollup -c","dev":"rollup -c -w","cy:server":"http-server -p 8989","cy:open":"cypress open","cy:run":"cypress run","test":"start-server-and-test cy:server http://localhost:8989 cy:run","test-local":"start-server-and-test cy:server http://localhost:8989 cy:open","travis-deploy-once":"travis-deploy-once","semantic-release":"semantic-release","lint":"eslint src","commit":"npx git-cz"};
+    var scripts = {"start":"yarn run dev","build":"rollup -c && NODE_ENV=production rollup -c","dev":"rollup -c -w","cy:server":"http-server -p 8989","cy:open":"cypress open","cy:run":"cypress run","test":"start-server-and-test cy:server http://localhost:8989 cy:run","test-local":"start-server-and-test cy:server http://localhost:8989 cy:open","travis-deploy-once":"travis-deploy-once","semantic-release":"semantic-release","lint":"eslint src","lint-and-build":"yarn lint && yarn build","commit":"npx git-cz"};
     var files = ["dist","src"];
-    var devDependencies = {"autoprefixer":"^9.0.0","chai":"3.5.0","cypress":"3.0.1","cz-conventional-changelog":"^2.1.0","deepmerge":"^2.0.1","eslint":"^5.0.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.11.0","http-server":"^0.11.1","mocha":"3.3.0","postcss-custom-properties":"^7.0.0","postcss-nested":"^3.0.0","rollup":"^0.59.4","rollup-plugin-commonjs":"^8.3.0","rollup-plugin-eslint":"^4.0.0","rollup-plugin-json":"^2.3.0","rollup-plugin-node-resolve":"^3.0.3","rollup-plugin-postcss":"^1.2.8","rollup-plugin-uglify-es":"^0.0.1","semantic-release":"^17.1.1","start-server-and-test":"^1.4.1","travis-deploy-once":"^5.0.1"};
+    var devDependencies = {"autoprefixer":"^9.0.0","chai":"3.5.0","cypress":"^9.2.0","cz-conventional-changelog":"^2.1.0","deepmerge":"^2.0.1","eslint":"^5.0.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.11.0","http-server":"^0.11.1","mocha":"3.3.0","postcss-custom-properties":"^7.0.0","postcss-nested":"^3.0.0","rollup":"^0.59.4","rollup-plugin-commonjs":"^8.3.0","rollup-plugin-eslint":"^4.0.0","rollup-plugin-json":"^2.3.0","rollup-plugin-node-resolve":"^3.0.3","rollup-plugin-postcss":"^1.2.8","rollup-plugin-uglify-es":"^0.0.1","semantic-release":"^17.1.1","start-server-and-test":"^1.4.1","travis-deploy-once":"^5.0.1"};
     var repository = {"type":"git","url":"https://github.com/amonak/melondtable.git"};
     var keywords = ["datatable","data","grid","table"];
     var author = "Faris Ansari";

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)}.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-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)}.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)}.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-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}