dattatable 2.9.29 → 2.9.30

package/build/dashboard/filter.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterSlideout = void 0;
 var gd_sprest_bs_1 = require("gd-sprest-bs");
+var filter_1 = require("gd-sprest-bs/build/icons/svgs/filter");
 var canvas_1 = require("../common/canvas");
 /**
  * Filter Slideout
@@ -28,22 +29,11 @@ var FilterSlideout = /** @class */ (function () {
         var _this = this;
         // Create the filters element
         this._el = document.createElement("div");
-        // Render a clear button
-        gd_sprest_bs_1.Components.Button({
-            el: this._el,
-            className: "mb-3",
-            text: "Clear Filters",
-            type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,
-            onClick: function () {
-                // Clear the filters
-                _this.clear();
-            }
-        });
         // Parse the filters
         for (var i = 0; i < this._filters.length; i++) {
-            var filter = this._filters[i];
+            var fltr = this._filters[i];
             // Add the filter
-            this._items.push(this.generateItem(filter));
+            this._items.push(this.generateItem(fltr));
         }
         // Default the first filter to be displayed
         this._items.length > 0 ? this._items[0].showFl = true : null;
@@ -52,6 +42,31 @@ var FilterSlideout = /** @class */ (function () {
             el: this._el,
             items: this._items
         });
+        // Render a clear button
+        gd_sprest_bs_1.Components.Tooltip({
+            el: this._el,
+            content: "Reset Filters",
+            placement: gd_sprest_bs_1.Components.TooltipPlacements.Left,
+            btnProps: {
+                className: "float-end mt-3 p-1 pe-2",
+                iconClassName: "me-1",
+                iconType: filter_1.filter,
+                iconSize: 24,
+                isSmall: true,
+                text: "Reset",
+                type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,
+                onClick: function () {
+                    // Clear the filters
+                    _this.clear();
+                }
+            }
+        });
+        // Add the dark class if theme is inverted
+        if (gd_sprest_bs_1.ThemeManager.IsInverted) {
+            this._el.querySelectorAll("div.form-check.form-switch input[type=checkbox].form-check-input").forEach(function (el) {
+                el.classList.add("dark");
+            });
+        }
     };
     // Generates the navigation dropdown items
     FilterSlideout.prototype.generateItem = function (filter) {