dattatable 2.9.43 → 2.9.45

package/build/dashboard/accordion.js

@@ -141,6 +141,8 @@ var Accordion = /** @class */ (function () {
             var elItem = elItems[i];
             // Ensure the item exists
             if (elItem) {
+                // Clear the item
+                this.clearItem(elItem);
                 // Show the item
                 elItem.classList.remove("d-none");
                 // See if this is the first item

package/build/dashboard/filter.d.ts

@@ -14,6 +14,7 @@ export interface IFilterItem {
 export interface IFilterProps {
     filters: IFilterItem[];
     onClear?: () => void;
+    onFilter?: (value: string | string[]) => void;
     onRendered?: (el: HTMLElement) => void;
 }
 /**
@@ -25,6 +26,7 @@ export declare class FilterSlideout {
     private _filters;
     private _items;
     private _onClear;
+    private _onFilter;
     constructor(props: IFilterProps);
     private generateFilters;
     private generateItem;

package/build/dashboard/filter.js

@@ -16,6 +16,7 @@ var FilterSlideout = /** @class */ (function () {
         // Save the properties
         this._filters = props.filters || [];
         this._onClear = props.onClear;
+        this._onFilter = props.onFilter;
         // Initialize the variables
         this._cbs = [];
         this._items = [];
@@ -93,11 +94,13 @@ var FilterSlideout = /** @class */ (function () {
                             }
                             // Execute the event
                             filter.onFilter ? filter.onFilter(values) : null;
+                            _this._onFilter ? _this._onFilter(values) : null;
                         }
                         else {
                             var item_1 = value;
                             // Execute the event
                             filter.onFilter ? filter.onFilter(item_1 ? item_1.label : "") : null;
+                            _this._onFilter ? _this._onFilter(item_1 ? item_1.label : "") : null;
                         }
                     }
                 }));

package/build/dashboard/index.d.ts

@@ -97,6 +97,8 @@ export declare class Dashboard {
      */
     clearFilter(): void;
     filter(idx: number, value?: string, exactMatchFl?: boolean): void;
+    filterAccordion(value?: string): void;
+    filterAccordionMulti(value?: string[]): void;
     filterMulti(idx: number, values?: string[]): void;
     getFilter(key: string): Components.ICheckboxGroup;
     getSearchValue(): string;

package/build/dashboard/index.js

@@ -104,7 +104,10 @@ var Dashboard = /** @class */ (function () {
         this._filters = new filter_1.FilterSlideout({
             filters: this._props.filters ? this._props.filters.items : [],
             onClear: this._props.filters ? this._props.filters.onClear : null,
-            onRendered: this._props.filters ? this._props.filters.onRendered : null
+            onRendered: this._props.filters ? this._props.filters.onRendered : null,
+            onFilter: !this.IsAccordion ? null : function (value) {
+                _this._accordion.filter(value);
+            }
         });
         // Render the template
         var elTemplate = document.createElement("div");
@@ -141,8 +144,15 @@ var Dashboard = /** @class */ (function () {
                 },
                 onRendered: navProps_1.onRendered,
                 onSearch: function (value) {
-                    // Search the data table
-                    _this._dt.search(value);
+                    // See if we are rendering an accordion
+                    if (_this.IsAccordion) {
+                        // Search the accordion
+                        _this._accordion.search(value);
+                    }
+                    else {
+                        // Search the data table
+                        _this._dt.search(value);
+                    }
                 },
                 onSearchRendered: navProps_1.onSearchRendered,
                 onShowFilter: function () {
@@ -210,8 +220,15 @@ var Dashboard = /** @class */ (function () {
                 },
                 onRendered: navProps_2.onRendered,
                 onSearch: function (value) {
-                    // Search the data table
-                    _this._dt.search(value);
+                    // See if we are rendering an accordion
+                    if (_this.IsAccordion) {
+                        // Search the accordion
+                        _this._accordion.search(value);
+                    }
+                    else {
+                        // Search the data table
+                        _this._dt.search(value);
+                    }
                 },
                 onShowFilter: function () {
                     // Show the filter
@@ -222,7 +239,7 @@ var Dashboard = /** @class */ (function () {
         // See if we are rendering an accordion
         if (this.IsAccordion) {
             // Render the accordion
-            this._accordion = new accordion_1.Accordion(__assign({ el: this._props.el }, this._props.accordion));
+            this._accordion = new accordion_1.Accordion(__assign({ el: this._props.el.querySelector("#accordion") }, this._props.accordion));
         }
         else {
             // Render the data table
@@ -290,6 +307,22 @@ var Dashboard = /** @class */ (function () {
             exactMatchFl && value ? this._dt.filterExact(idx, value) : this._dt.filter(idx, value);
         }
     };
+    // Filter the accordion
+    Dashboard.prototype.filterAccordion = function (value) {
+        // See if we have an accordion
+        if (this.IsAccordion) {
+            // Filter the accordion
+            this._accordion.filter(value);
+        }
+    };
+    // Filter the accordion
+    Dashboard.prototype.filterAccordionMulti = function (value) {
+        // See if we have an accordion
+        if (this.IsAccordion) {
+            // Filter the accordion
+            //this._accordion.filter(value);
+        }
+    };
     // Filter the table by multiple values
     Dashboard.prototype.filterMulti = function (idx, values) {
         // See if we have an accordion

package/dist/dattatable.js

@@ -170,7 +170,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Accordion = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Accordion\r\n */\r\nvar Accordion = /** @class */ (function () {\r\n    // Constructor\r\n    function Accordion(props) {\r\n        this._accordion = null;\r\n        this._activeFilterClass = null;\r\n        this._activeSearchFilter = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the accordion\r\n        this.render();\r\n    }\r\n    // Clears an item\r\n    Accordion.prototype.clearItem = function (elItem) {\r\n        // Hide the item\r\n        elItem.classList.add(\"d-none\");\r\n        // Remove the first/last item classes\r\n        elItem.classList.remove(\"first-item\");\r\n        elItem.classList.remove(\"last-item\");\r\n    };\r\n    // Filters the accordion\r\n    Accordion.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all accordion items\r\n        var items = this._props.el.querySelectorAll(\".accordion-item\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\r\n            // Remove the first/last item classes\r\n            elItem.classList.remove(\"first-item\");\r\n            elItem.classList.remove(\"last-item\");\r\n            // See if a class name exists\r\n            if (className) {\r\n                // See if this item doesn't matches\r\n                if (!elItem.classList.contains(className)) {\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\r\n                }\r\n            }\r\n        }\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the dashboard\r\n    Accordion.prototype.render = function () {\r\n        // Render the accordion\r\n        this.renderAccordion();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the accordion\r\n    Accordion.prototype.renderAccordion = function () {\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            var item = this._props.items[i];\r\n            var itemClassNames = [];\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected filters\r\n                var filters = item[this._props.filterField] || [];\r\n                filters = filters[\"results\"] || filters;\r\n                for (var j = 0; j < filters.length; j++) {\r\n                    var filter = filters[j].toLowerCase().replace(/ /g, '-');\r\n                    // Add the filter as a class name\r\n                    if (filter) {\r\n                        itemClassNames.push(filter);\r\n                    }\r\n                }\r\n            }\r\n            // Add an accordion item\r\n            accordionItems.push({\r\n                className: itemClassNames.join(\" \"),\r\n                content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                header: item[this._props.titleField || \"Title\"] || \"\",\r\n                onClick: this._props.onItemClick,\r\n                onRender: this._props.onItemRender,\r\n                showFl: i == 0,\r\n            });\r\n        }\r\n        // Render the accordion\r\n        this._accordion = gd_sprest_bs_1.Components.Accordion({\r\n            el: this._props.el,\r\n            id: \"accordion-list\",\r\n            items: accordionItems\r\n        });\r\n    };\r\n    // Renders the items\r\n    Accordion.prototype.renderItems = function () {\r\n        var _this = this;\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".accordion-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"accordion-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._accordion.el.querySelectorAll(this._activeFilterClass ? \".\" + this._activeFilterClass : \".accordion-item\"));\r\n        // See if a search value exists\r\n        if (this._activeSearchFilter) {\r\n            // Parse the items\r\n            for (var i = elItems.length - 1; i >= 0; i--) {\r\n                var elItem = elItems[i];\r\n                var elContent = elItem.querySelector(\".accordion-body\");\r\n                // See if this item is expanded\r\n                if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                    // Collapse the item\r\n                    var btn = elItem.querySelector(\".accordion-button\");\r\n                    btn === null || btn === void 0 ? void 0 : btn.click();\r\n                }\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0 &&\r\n                    elContent.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Clear the item\r\n                    this.clearItem(elItem);\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Show the item\r\n                elItem.classList.remove(\"d-none\");\r\n                // See if this is the first item\r\n                if (i == 0) {\r\n                    elItem.classList.add(\"first-item\");\r\n                }\r\n            }\r\n            else {\r\n                // Set the class for the last item\r\n                if (elItems[i - 1]) {\r\n                    elItems[i - 1].classList.add(\"last-item\");\r\n                }\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            // Clear the item\r\n            this.clearItem(elItems[i]);\r\n        }\r\n        // Ensure items exist\r\n        if (elItems.length > 0) {\r\n            // Ensure the first item is expanded\r\n            if (elItems[0].querySelector(\".accordion-collapse.show\") == null) {\r\n                // Hide the button\r\n                var btn = elItems[0].querySelector(\".accordion-button\");\r\n                btn === null || btn === void 0 ? void 0 : btn.click();\r\n            }\r\n            // Set the first item class\r\n            elItems[0].classList.add(\"first-item\");\r\n            // Set the last item class\r\n            var lastIdx = paginationLimit - 1;\r\n            elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n        }\r\n        // Render the pagination\r\n        this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n            el: elPagination,\r\n            className: \"d-flex justify-content-end pt-2\",\r\n            numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n            onClick: function (pageNumber) {\r\n                // Parse the items\r\n                for (var i = 0; i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // See if this item is expanded\r\n                    if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                        // Hide the button\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                    // Clear the item\r\n                    _this.clearItem(elItem);\r\n                }\r\n                // Parse the items to show\r\n                var startIdx = (pageNumber - 1) * paginationLimit;\r\n                for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Show the item\r\n                    elItem.classList.remove(\"d-none\");\r\n                    // See if this is the first item\r\n                    if (i == startIdx) {\r\n                        // Set the first item class\r\n                        elItem.classList.add(\"first-item\");\r\n                        // Expand the item\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                }\r\n                // Set the last item class\r\n                var lastIdx = startIdx + paginationLimit - 1;\r\n                elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n            }\r\n        });\r\n    };\r\n    // Searches the accordion\r\n    Accordion.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchFilter = (value || \"\").toLowerCase();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    return Accordion;\r\n}());\r\nexports.Accordion = Accordion;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/accordion.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Accordion = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Accordion\r\n */\r\nvar Accordion = /** @class */ (function () {\r\n    // Constructor\r\n    function Accordion(props) {\r\n        this._accordion = null;\r\n        this._activeFilterClass = null;\r\n        this._activeSearchFilter = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the accordion\r\n        this.render();\r\n    }\r\n    // Clears an item\r\n    Accordion.prototype.clearItem = function (elItem) {\r\n        // Hide the item\r\n        elItem.classList.add(\"d-none\");\r\n        // Remove the first/last item classes\r\n        elItem.classList.remove(\"first-item\");\r\n        elItem.classList.remove(\"last-item\");\r\n    };\r\n    // Filters the accordion\r\n    Accordion.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all accordion items\r\n        var items = this._props.el.querySelectorAll(\".accordion-item\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\r\n            // Remove the first/last item classes\r\n            elItem.classList.remove(\"first-item\");\r\n            elItem.classList.remove(\"last-item\");\r\n            // See if a class name exists\r\n            if (className) {\r\n                // See if this item doesn't matches\r\n                if (!elItem.classList.contains(className)) {\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\r\n                }\r\n            }\r\n        }\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the dashboard\r\n    Accordion.prototype.render = function () {\r\n        // Render the accordion\r\n        this.renderAccordion();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the accordion\r\n    Accordion.prototype.renderAccordion = function () {\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            var item = this._props.items[i];\r\n            var itemClassNames = [];\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected filters\r\n                var filters = item[this._props.filterField] || [];\r\n                filters = filters[\"results\"] || filters;\r\n                for (var j = 0; j < filters.length; j++) {\r\n                    var filter = filters[j].toLowerCase().replace(/ /g, '-');\r\n                    // Add the filter as a class name\r\n                    if (filter) {\r\n                        itemClassNames.push(filter);\r\n                    }\r\n                }\r\n            }\r\n            // Add an accordion item\r\n            accordionItems.push({\r\n                className: itemClassNames.join(\" \"),\r\n                content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                header: item[this._props.titleField || \"Title\"] || \"\",\r\n                onClick: this._props.onItemClick,\r\n                onRender: this._props.onItemRender,\r\n                showFl: i == 0,\r\n            });\r\n        }\r\n        // Render the accordion\r\n        this._accordion = gd_sprest_bs_1.Components.Accordion({\r\n            el: this._props.el,\r\n            id: \"accordion-list\",\r\n            items: accordionItems\r\n        });\r\n    };\r\n    // Renders the items\r\n    Accordion.prototype.renderItems = function () {\r\n        var _this = this;\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".accordion-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"accordion-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._accordion.el.querySelectorAll(this._activeFilterClass ? \".\" + this._activeFilterClass : \".accordion-item\"));\r\n        // See if a search value exists\r\n        if (this._activeSearchFilter) {\r\n            // Parse the items\r\n            for (var i = elItems.length - 1; i >= 0; i--) {\r\n                var elItem = elItems[i];\r\n                var elContent = elItem.querySelector(\".accordion-body\");\r\n                // See if this item is expanded\r\n                if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                    // Collapse the item\r\n                    var btn = elItem.querySelector(\".accordion-button\");\r\n                    btn === null || btn === void 0 ? void 0 : btn.click();\r\n                }\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0 &&\r\n                    elContent.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Clear the item\r\n                    this.clearItem(elItem);\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Clear the item\r\n                this.clearItem(elItem);\r\n                // Show the item\r\n                elItem.classList.remove(\"d-none\");\r\n                // See if this is the first item\r\n                if (i == 0) {\r\n                    elItem.classList.add(\"first-item\");\r\n                }\r\n            }\r\n            else {\r\n                // Set the class for the last item\r\n                if (elItems[i - 1]) {\r\n                    elItems[i - 1].classList.add(\"last-item\");\r\n                }\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            // Clear the item\r\n            this.clearItem(elItems[i]);\r\n        }\r\n        // Ensure items exist\r\n        if (elItems.length > 0) {\r\n            // Ensure the first item is expanded\r\n            if (elItems[0].querySelector(\".accordion-collapse.show\") == null) {\r\n                // Hide the button\r\n                var btn = elItems[0].querySelector(\".accordion-button\");\r\n                btn === null || btn === void 0 ? void 0 : btn.click();\r\n            }\r\n            // Set the first item class\r\n            elItems[0].classList.add(\"first-item\");\r\n            // Set the last item class\r\n            var lastIdx = paginationLimit - 1;\r\n            elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n        }\r\n        // Render the pagination\r\n        this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n            el: elPagination,\r\n            className: \"d-flex justify-content-end pt-2\",\r\n            numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n            onClick: function (pageNumber) {\r\n                // Parse the items\r\n                for (var i = 0; i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // See if this item is expanded\r\n                    if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                        // Hide the button\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                    // Clear the item\r\n                    _this.clearItem(elItem);\r\n                }\r\n                // Parse the items to show\r\n                var startIdx = (pageNumber - 1) * paginationLimit;\r\n                for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Show the item\r\n                    elItem.classList.remove(\"d-none\");\r\n                    // See if this is the first item\r\n                    if (i == startIdx) {\r\n                        // Set the first item class\r\n                        elItem.classList.add(\"first-item\");\r\n                        // Expand the item\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                }\r\n                // Set the last item class\r\n                var lastIdx = startIdx + paginationLimit - 1;\r\n                elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n            }\r\n        });\r\n    };\r\n    // Searches the accordion\r\n    Accordion.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchFilter = (value || \"\").toLowerCase();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    return Accordion;\r\n}());\r\nexports.Accordion = Accordion;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/accordion.js?");
 
 /***/ }),
 
@@ -181,7 +181,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.FilterSlideout = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/index.js\");\r\nvar filter_1 = __webpack_require__(/*! gd-sprest-bs/build/icons/svgs/filter */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/icons/svgs/filter.js\");\r\nvar canvas_1 = __webpack_require__(/*! ../common/canvas */ \"./build/common/canvas.js\");\r\n/**\r\n * Filter Slideout\r\n */\r\nvar FilterSlideout = /** @class */ (function () {\r\n    function FilterSlideout(props) {\r\n        this._cbs = null;\r\n        this._el = null;\r\n        this._filters = null;\r\n        this._items = null;\r\n        // Save the properties\r\n        this._filters = props.filters || [];\r\n        this._onClear = props.onClear;\r\n        // Initialize the variables\r\n        this._cbs = [];\r\n        this._items = [];\r\n        // Generate the items\r\n        this.generateFilters();\r\n        // Call the render event\r\n        props.onRendered ? props.onRendered(this._el) : null;\r\n    }\r\n    // Generates the filters\r\n    FilterSlideout.prototype.generateFilters = function () {\r\n        var _this = this;\r\n        // Create the filters element\r\n        this._el = document.createElement(\"div\");\r\n        // Parse the filters\r\n        for (var i = 0; i < this._filters.length; i++) {\r\n            var fltr = this._filters[i];\r\n            // Add the filter\r\n            this._items.push(this.generateItem(fltr));\r\n        }\r\n        // Default the first filter to be displayed\r\n        this._items.length > 0 ? this._items[0].showFl = true : null;\r\n        // Render an accordion\r\n        gd_sprest_bs_1.Components.Accordion({\r\n            el: this._el,\r\n            items: this._items\r\n        });\r\n        // Render a clear button\r\n        gd_sprest_bs_1.Components.Tooltip({\r\n            el: this._el,\r\n            content: \"Reset Filters\",\r\n            placement: gd_sprest_bs_1.Components.TooltipPlacements.Left,\r\n            btnProps: {\r\n                className: \"float-end mt-3 p-1 pe-2\",\r\n                iconClassName: \"me-1\",\r\n                iconType: filter_1.filter,\r\n                iconSize: 24,\r\n                isSmall: true,\r\n                text: \"Reset\",\r\n                type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                onClick: function () {\r\n                    // Clear the filters\r\n                    _this.clear();\r\n                }\r\n            }\r\n        });\r\n        // Add the dark class if theme is inverted\r\n        if (gd_sprest_bs_1.ThemeManager.IsInverted) {\r\n            this._el.querySelectorAll(\"div.form-check.form-switch input[type=checkbox].form-check-input\").forEach(function (el) {\r\n                el.classList.add(\"dark\");\r\n            });\r\n        }\r\n    };\r\n    // Generates the navigation dropdown items\r\n    FilterSlideout.prototype.generateItem = function (filter) {\r\n        var _this = this;\r\n        // Create the item\r\n        var item = {\r\n            header: filter.header,\r\n            onRender: function (el) {\r\n                // Render the checkbox group\r\n                _this._cbs.push(gd_sprest_bs_1.Components.CheckboxGroup({\r\n                    el: el,\r\n                    items: filter.items,\r\n                    multi: filter.multi,\r\n                    type: gd_sprest_bs_1.Components.CheckboxGroupTypes.Switch,\r\n                    onChange: function (value) {\r\n                        // See if this is a single item\r\n                        if (filter.multi) {\r\n                            var values = [];\r\n                            // Parse the items\r\n                            var items = (value || []);\r\n                            for (var i = 0; i < items.length; i++) {\r\n                                // Append the value\r\n                                values.push(items[i].label);\r\n                            }\r\n                            // Execute the event\r\n                            filter.onFilter ? filter.onFilter(values) : null;\r\n                        }\r\n                        else {\r\n                            var item_1 = value;\r\n                            // Execute the event\r\n                            filter.onFilter ? filter.onFilter(item_1 ? item_1.label : \"\") : null;\r\n                        }\r\n                    }\r\n                }));\r\n            }\r\n        };\r\n        // Return the item\r\n        return item;\r\n    };\r\n    // Clears the filters\r\n    FilterSlideout.prototype.clear = function () {\r\n        // Parse the filters\r\n        for (var i = 0; i < this._cbs.length; i++) {\r\n            // Clear the filter\r\n            this._cbs[i].setValue(\"\");\r\n        }\r\n        // Execute the event\r\n        this._onClear ? this._onClear() : null;\r\n    };\r\n    // Gets a checkbox group by its name\r\n    FilterSlideout.prototype.getFilter = function (key) {\r\n        // Parse the items\r\n        for (var i = 0; i < this._items.length; i++) {\r\n            var item = this._items[i];\r\n            // See if this is the target\r\n            if (item.header == key) {\r\n                // Return the checkbox\r\n                return this._cbs[i];\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Sets a checkbox group filter\r\n    FilterSlideout.prototype.setFilterValue = function (key, value) {\r\n        // Get the filter\r\n        var filter = this.getFilter(key);\r\n        if (filter) {\r\n            // Set the value\r\n            filter.setValue(value);\r\n        }\r\n    };\r\n    // Hides the filter\r\n    FilterSlideout.prototype.hide = function () { canvas_1.CanvasForm.hide(); };\r\n    // Shows the filters\r\n    FilterSlideout.prototype.show = function () {\r\n        // Set the header and body\r\n        canvas_1.CanvasForm.setHeader('<h5 class=\"m-0\">Filters</h5>');\r\n        canvas_1.CanvasForm.setBody(this._el || \"<p>Loading the Filters...</p>\");\r\n        // Show the filters\r\n        canvas_1.CanvasForm.show();\r\n    };\r\n    return FilterSlideout;\r\n}());\r\nexports.FilterSlideout = FilterSlideout;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/filter.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.FilterSlideout = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/index.js\");\r\nvar filter_1 = __webpack_require__(/*! gd-sprest-bs/build/icons/svgs/filter */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/icons/svgs/filter.js\");\r\nvar canvas_1 = __webpack_require__(/*! ../common/canvas */ \"./build/common/canvas.js\");\r\n/**\r\n * Filter Slideout\r\n */\r\nvar FilterSlideout = /** @class */ (function () {\r\n    function FilterSlideout(props) {\r\n        this._cbs = null;\r\n        this._el = null;\r\n        this._filters = null;\r\n        this._items = null;\r\n        // Save the properties\r\n        this._filters = props.filters || [];\r\n        this._onClear = props.onClear;\r\n        this._onFilter = props.onFilter;\r\n        // Initialize the variables\r\n        this._cbs = [];\r\n        this._items = [];\r\n        // Generate the items\r\n        this.generateFilters();\r\n        // Call the render event\r\n        props.onRendered ? props.onRendered(this._el) : null;\r\n    }\r\n    // Generates the filters\r\n    FilterSlideout.prototype.generateFilters = function () {\r\n        var _this = this;\r\n        // Create the filters element\r\n        this._el = document.createElement(\"div\");\r\n        // Parse the filters\r\n        for (var i = 0; i < this._filters.length; i++) {\r\n            var fltr = this._filters[i];\r\n            // Add the filter\r\n            this._items.push(this.generateItem(fltr));\r\n        }\r\n        // Default the first filter to be displayed\r\n        this._items.length > 0 ? this._items[0].showFl = true : null;\r\n        // Render an accordion\r\n        gd_sprest_bs_1.Components.Accordion({\r\n            el: this._el,\r\n            items: this._items\r\n        });\r\n        // Render a clear button\r\n        gd_sprest_bs_1.Components.Tooltip({\r\n            el: this._el,\r\n            content: \"Reset Filters\",\r\n            placement: gd_sprest_bs_1.Components.TooltipPlacements.Left,\r\n            btnProps: {\r\n                className: \"float-end mt-3 p-1 pe-2\",\r\n                iconClassName: \"me-1\",\r\n                iconType: filter_1.filter,\r\n                iconSize: 24,\r\n                isSmall: true,\r\n                text: \"Reset\",\r\n                type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                onClick: function () {\r\n                    // Clear the filters\r\n                    _this.clear();\r\n                }\r\n            }\r\n        });\r\n        // Add the dark class if theme is inverted\r\n        if (gd_sprest_bs_1.ThemeManager.IsInverted) {\r\n            this._el.querySelectorAll(\"div.form-check.form-switch input[type=checkbox].form-check-input\").forEach(function (el) {\r\n                el.classList.add(\"dark\");\r\n            });\r\n        }\r\n    };\r\n    // Generates the navigation dropdown items\r\n    FilterSlideout.prototype.generateItem = function (filter) {\r\n        var _this = this;\r\n        // Create the item\r\n        var item = {\r\n            header: filter.header,\r\n            onRender: function (el) {\r\n                // Render the checkbox group\r\n                _this._cbs.push(gd_sprest_bs_1.Components.CheckboxGroup({\r\n                    el: el,\r\n                    items: filter.items,\r\n                    multi: filter.multi,\r\n                    type: gd_sprest_bs_1.Components.CheckboxGroupTypes.Switch,\r\n                    onChange: function (value) {\r\n                        // See if this is a single item\r\n                        if (filter.multi) {\r\n                            var values = [];\r\n                            // Parse the items\r\n                            var items = (value || []);\r\n                            for (var i = 0; i < items.length; i++) {\r\n                                // Append the value\r\n                                values.push(items[i].label);\r\n                            }\r\n                            // Execute the event\r\n                            filter.onFilter ? filter.onFilter(values) : null;\r\n                            _this._onFilter ? _this._onFilter(values) : null;\r\n                        }\r\n                        else {\r\n                            var item_1 = value;\r\n                            // Execute the event\r\n                            filter.onFilter ? filter.onFilter(item_1 ? item_1.label : \"\") : null;\r\n                            _this._onFilter ? _this._onFilter(item_1 ? item_1.label : \"\") : null;\r\n                        }\r\n                    }\r\n                }));\r\n            }\r\n        };\r\n        // Return the item\r\n        return item;\r\n    };\r\n    // Clears the filters\r\n    FilterSlideout.prototype.clear = function () {\r\n        // Parse the filters\r\n        for (var i = 0; i < this._cbs.length; i++) {\r\n            // Clear the filter\r\n            this._cbs[i].setValue(\"\");\r\n        }\r\n        // Execute the event\r\n        this._onClear ? this._onClear() : null;\r\n    };\r\n    // Gets a checkbox group by its name\r\n    FilterSlideout.prototype.getFilter = function (key) {\r\n        // Parse the items\r\n        for (var i = 0; i < this._items.length; i++) {\r\n            var item = this._items[i];\r\n            // See if this is the target\r\n            if (item.header == key) {\r\n                // Return the checkbox\r\n                return this._cbs[i];\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Sets a checkbox group filter\r\n    FilterSlideout.prototype.setFilterValue = function (key, value) {\r\n        // Get the filter\r\n        var filter = this.getFilter(key);\r\n        if (filter) {\r\n            // Set the value\r\n            filter.setValue(value);\r\n        }\r\n    };\r\n    // Hides the filter\r\n    FilterSlideout.prototype.hide = function () { canvas_1.CanvasForm.hide(); };\r\n    // Shows the filters\r\n    FilterSlideout.prototype.show = function () {\r\n        // Set the header and body\r\n        canvas_1.CanvasForm.setHeader('<h5 class=\"m-0\">Filters</h5>');\r\n        canvas_1.CanvasForm.setBody(this._el || \"<p>Loading the Filters...</p>\");\r\n        // Show the filters\r\n        canvas_1.CanvasForm.show();\r\n    };\r\n    return FilterSlideout;\r\n}());\r\nexports.FilterSlideout = FilterSlideout;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/filter.js?");
 
 /***/ }),
 
@@ -214,7 +214,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\r\nvar __assign = (this && this.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n      desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}));\r\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Dashboard = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/index.js\");\r\nvar common_1 = __webpack_require__(/*! ../common */ \"./build/common/index.js\");\r\nvar accordion_1 = __webpack_require__(/*! ./accordion */ \"./build/dashboard/accordion.js\");\r\nvar filter_1 = __webpack_require__(/*! ./filter */ \"./build/dashboard/filter.js\");\r\nvar footer_1 = __webpack_require__(/*! ./footer */ \"./build/dashboard/footer.js\");\r\nvar header_1 = __webpack_require__(/*! ./header */ \"./build/dashboard/header.js\");\r\nvar navigation_1 = __webpack_require__(/*! ./navigation */ \"./build/dashboard/navigation.js\");\r\nvar table_1 = __webpack_require__(/*! ./table */ \"./build/dashboard/table.js\");\r\n// Export the components\r\n__exportStar(__webpack_require__(/*! ./accordion */ \"./build/dashboard/accordion.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./filter */ \"./build/dashboard/filter.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./footer */ \"./build/dashboard/footer.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./header */ \"./build/dashboard/header.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./navigation */ \"./build/dashboard/navigation.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./table */ \"./build/dashboard/table.js\"), exports);\r\n/**\r\n * Dashboard\r\n */\r\nvar Dashboard = /** @class */ (function () {\r\n    // Constructor\r\n    function Dashboard(props) {\r\n        var _this = this;\r\n        this._accordion = null;\r\n        this._dt = null;\r\n        this._filters = null;\r\n        this._navigation = null;\r\n        this._props = null;\r\n        // Set the properties\r\n        this._props = props;\r\n        // Set the flag\r\n        typeof (props.useModal) === \"boolean\" ? common_1.ItemForm.UseModal = props.useModal : null;\r\n        // Render the dashboard\r\n        this.render();\r\n        // Let the object get instaniated before calling the event\r\n        setTimeout(function () {\r\n            // Apply the filters\r\n            _this.applyFilters();\r\n            // Call the render event\r\n            props.onRendered ? props.onRendered(_this._props.el) : null;\r\n        }, 10);\r\n    }\r\n    Dashboard.prototype.IsAccordion = function () { return this._props.accordion ? true : false; };\r\n    // Applies the default active filters\r\n    Dashboard.prototype.applyFilters = function () {\r\n        var _a;\r\n        // See if filters exist\r\n        if ((_a = this._props.filters) === null || _a === void 0 ? void 0 : _a.items) {\r\n            // Parse the filters\r\n            for (var i = 0; i < this._props.filters.items.length; i++) {\r\n                var applyFilter = false;\r\n                var filter = this._props.filters.items[i];\r\n                var value = filter.multi ? [] : \"\";\r\n                // Parse the items\r\n                for (var j = 0; j < (filter === null || filter === void 0 ? void 0 : filter.items.length); j++) {\r\n                    var item = filter.items[j];\r\n                    // See if this one is active\r\n                    if (item.isSelected) {\r\n                        // Set the flag\r\n                        applyFilter = true;\r\n                        // Set the value\r\n                        filter.multi ? value.push(item.label) : value = item.label;\r\n                    }\r\n                }\r\n                // See if we are applying the filter\r\n                if (applyFilter) {\r\n                    // Apply the filter\r\n                    filter.onFilter(value);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    // Renders the component\r\n    Dashboard.prototype.render = function () {\r\n        var _this = this;\r\n        // Create the filters\r\n        this._filters = new filter_1.FilterSlideout({\r\n            filters: this._props.filters ? this._props.filters.items : [],\r\n            onClear: this._props.filters ? this._props.filters.onClear : null,\r\n            onRendered: this._props.filters ? this._props.filters.onRendered : null\r\n        });\r\n        // Render the template\r\n        var elTemplate = document.createElement(\"div\");\r\n        elTemplate.classList.add(\"dashboard\");\r\n        elTemplate.innerHTML = \"\\n        <div class=\\\"row\\\">\\n            <div id=\\\"navigation\\\" class=\\\"col\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"header\\\" class=\\\"col mx-75\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"sub-navigation\\\" class=\\\"col\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"\".concat(this.IsAccordion ? \"accordion\" : \"datatable\", \"\\\" class=\\\"col\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"footer\\\" class=\\\"col\\\"></div>\\n        </div>\").trim();\r\n        this._props.el.appendChild(elTemplate);\r\n        // Set/Default the visibility flags\r\n        var headerIsVisible = (this._props.hideHeader == null || this._props.hideHeader == true) && this._props.header == null ? false : true;\r\n        var navIsVisible = this._props.hideNavigation ? false : true;\r\n        var subNavIsVisible = (this._props.hideSubNavigation == null || this._props.hideSubNavigation == true) && this._props.subNavigation == null ? false : true;\r\n        // See if we are hiding the navigation\r\n        if (!navIsVisible) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#navigation\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            // Render the navigation\r\n            var navProps_1 = this._props.navigation || {};\r\n            this._navigation = new navigation_1.Navigation({\r\n                el: this._props.el.querySelector(\"#navigation\"),\r\n                hideFilter: navProps_1.showFilter != null ? !navProps_1.showFilter : false,\r\n                hideSearch: navProps_1.showSearch != null ? !navProps_1.showSearch : false,\r\n                items: navProps_1.items,\r\n                itemsEnd: navProps_1.itemsEnd,\r\n                title: navProps_1.title,\r\n                onFilterRendered: navProps_1.onFilterRendered,\r\n                onRendering: function (props) {\r\n                    // Set the default classname\r\n                    props.className = props.className || (\"bg-sharepoint rounded\" + (headerIsVisible || subNavIsVisible ? \"-top\" : \"\"));\r\n                    // Set the default type\r\n                    props.type = typeof (props.type) === \"number\" ? props.type : gd_sprest_bs_1.Components.NavbarTypes.Dark;\r\n                    // Call the rendering event if it exists\r\n                    navProps_1.onRendering ? navProps_1.onRendering(props) : null;\r\n                },\r\n                onRendered: navProps_1.onRendered,\r\n                onSearch: function (value) {\r\n                    // Search the data table\r\n                    _this._dt.search(value);\r\n                },\r\n                onSearchRendered: navProps_1.onSearchRendered,\r\n                onShowFilter: function () {\r\n                    // Show the filter\r\n                    _this._filters.show();\r\n                    // Call the event\r\n                    navProps_1.onShowFilter ? navProps_1.onShowFilter() : null;\r\n                },\r\n                searchPlaceholder: navProps_1.searchPlaceholder\r\n            });\r\n        }\r\n        // See if we are hiding the header\r\n        if (!headerIsVisible) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#header\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            var elHeader = this._props.el.querySelector(\"#header\");\r\n            // Render the header\r\n            var header = this._props.header || {};\r\n            new header_1.Header({\r\n                el: elHeader,\r\n                onRendering: this._props.header ? this._props.header.onRendering : null,\r\n                onRendered: this._props.header ? this._props.header.onRendered : null,\r\n                title: header.title\r\n            });\r\n            // See if the sub-nav is not visible\r\n            if (!navIsVisible && !subNavIsVisible) {\r\n                // Set the class name\r\n                elHeader.classList.add(\"rounded\");\r\n            }\r\n            else if (navIsVisible && !subNavIsVisible) {\r\n                // Set the class name\r\n                elHeader.classList.add(\"rounded-bottom\");\r\n            }\r\n            else if (!navIsVisible && subNavIsVisible) {\r\n                // Set the class name\r\n                elHeader.classList.add(\"rounded-top\");\r\n            }\r\n        }\r\n        // See if we are hiding the sub-navigation\r\n        if (!subNavIsVisible) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#sub-navigation\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            // Render the navigation\r\n            var navProps_2 = this._props.subNavigation || {};\r\n            new navigation_1.Navigation({\r\n                el: this._props.el.querySelector(\"#sub-navigation\"),\r\n                hideFilter: navProps_2.showFilter != null ? !navProps_2.showFilter : true,\r\n                hideSearch: navProps_2.showSearch != null ? !navProps_2.showSearch : true,\r\n                items: navProps_2.items,\r\n                itemsEnd: navProps_2.itemsEnd,\r\n                title: navProps_2.title,\r\n                onFilterRendered: navProps_2.onFilterRendered,\r\n                onRendering: function (props) {\r\n                    // Set the default classname\r\n                    props.className = props.className || (\"rounded\" + (!headerIsVisible && !navIsVisible ? \"\" : \"-bottom\"));\r\n                    props.className = \"sub-nav \" + props.className;\r\n                    // Set the default type\r\n                    props.type = typeof (props.type) === \"number\" ? props.type : gd_sprest_bs_1.Components.NavbarTypes.Light;\r\n                    // Call the rendering event if it exists\r\n                    navProps_2.onRendering ? navProps_2.onRendering(props) : null;\r\n                },\r\n                onRendered: navProps_2.onRendered,\r\n                onSearch: function (value) {\r\n                    // Search the data table\r\n                    _this._dt.search(value);\r\n                },\r\n                onShowFilter: function () {\r\n                    // Show the filter\r\n                    _this._filters.show();\r\n                },\r\n            });\r\n        }\r\n        // See if we are rendering an accordion\r\n        if (this.IsAccordion) {\r\n            // Render the accordion\r\n            this._accordion = new accordion_1.Accordion(__assign({ el: this._props.el }, this._props.accordion));\r\n        }\r\n        else {\r\n            // Render the data table\r\n            this._dt = new table_1.DataTable({\r\n                columns: this._props.table ? this._props.table.columns : null,\r\n                dtProps: this._props.table ? this._props.table.dtProps : null,\r\n                el: this._props.el.querySelector(\"#datatable\"),\r\n                onRendered: this._props.table ? this._props.table.onRendered : null,\r\n                rows: this._props.table ? this._props.table.rows : null\r\n            });\r\n        }\r\n        // See if we are hiding the footer\r\n        if (this._props.hideFooter) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#footer\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            // Render the footer\r\n            var footer = this._props.footer || {};\r\n            new footer_1.Footer({\r\n                el: this._props.el.querySelector(\"#footer\"),\r\n                items: footer.items,\r\n                itemsEnd: footer.itemsEnd,\r\n                onRendering: footer.onRendering,\r\n                onRendered: footer.onRendered\r\n            });\r\n        }\r\n    };\r\n    Object.defineProperty(Dashboard.prototype, \"Datatable\", {\r\n        /**\r\n         * Component References\r\n         */\r\n        get: function () { return this._dt; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Dashboard.prototype, \"Filters\", {\r\n        get: function () { return this._filters; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Dashboard.prototype, \"Navigation\", {\r\n        get: function () { return this._navigation; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    /**\r\n     * Public Interface\r\n     */\r\n    // Clears the filters\r\n    Dashboard.prototype.clearFilter = function () {\r\n        // Clear the filters\r\n        this._filters.clear();\r\n    };\r\n    // Filter the table\r\n    Dashboard.prototype.filter = function (idx, value, exactMatchFl) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Filter the accordion\r\n            this._accordion.filter(value);\r\n        }\r\n        // Else, filter the table\r\n        else {\r\n            // If no value is specified, then we don't want to filter by exact value\r\n            exactMatchFl && value ? this._dt.filterExact(idx, value) : this._dt.filter(idx, value);\r\n        }\r\n    };\r\n    // Filter the table by multiple values\r\n    Dashboard.prototype.filterMulti = function (idx, values) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Filter the accordion\r\n            //this._accordion.filterMulti(value);\r\n        }\r\n        else {\r\n            // Filter the table\r\n            this._dt.filterMulti(idx, values);\r\n        }\r\n    };\r\n    // Returns a filter checkbox group by its key\r\n    Dashboard.prototype.getFilter = function (key) { return this._filters.getFilter(key); };\r\n    // Returns the current search value\r\n    Dashboard.prototype.getSearchValue = function () { return this._navigation ? this._navigation.getSearchValue() : \"\"; };\r\n    // Hides the filter\r\n    Dashboard.prototype.hideFilter = function () { this._filters.hide(); };\r\n    // Refresh the table\r\n    Dashboard.prototype.refresh = function (rows) {\r\n        // Refresh the table\r\n        this._dt.refresh(rows);\r\n        // See if a search value exists\r\n        var searchValue = this._navigation ? this._navigation.getSearchValue() : \"\";\r\n        if (searchValue) {\r\n            // Apply the search value\r\n            this.search(searchValue);\r\n        }\r\n    };\r\n    // Search the table\r\n    Dashboard.prototype.search = function (value) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Search the accordion\r\n            this._accordion.search(value);\r\n        }\r\n        else {\r\n            // Search the table\r\n            this._dt.search(value);\r\n        }\r\n    };\r\n    // Sets a filter checkbox group value\r\n    Dashboard.prototype.setFilterValue = function (key, value) { return this._filters.setFilterValue(key, value); };\r\n    // Shows the filter\r\n    Dashboard.prototype.showFilter = function () { this._filters.show(); };\r\n    return Dashboard;\r\n}());\r\nexports.Dashboard = Dashboard;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/index.js?");
+eval("\r\nvar __assign = (this && this.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n      desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}));\r\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Dashboard = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.98/node_modules/gd-sprest-bs/build/index.js\");\r\nvar common_1 = __webpack_require__(/*! ../common */ \"./build/common/index.js\");\r\nvar accordion_1 = __webpack_require__(/*! ./accordion */ \"./build/dashboard/accordion.js\");\r\nvar filter_1 = __webpack_require__(/*! ./filter */ \"./build/dashboard/filter.js\");\r\nvar footer_1 = __webpack_require__(/*! ./footer */ \"./build/dashboard/footer.js\");\r\nvar header_1 = __webpack_require__(/*! ./header */ \"./build/dashboard/header.js\");\r\nvar navigation_1 = __webpack_require__(/*! ./navigation */ \"./build/dashboard/navigation.js\");\r\nvar table_1 = __webpack_require__(/*! ./table */ \"./build/dashboard/table.js\");\r\n// Export the components\r\n__exportStar(__webpack_require__(/*! ./accordion */ \"./build/dashboard/accordion.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./filter */ \"./build/dashboard/filter.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./footer */ \"./build/dashboard/footer.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./header */ \"./build/dashboard/header.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./navigation */ \"./build/dashboard/navigation.js\"), exports);\r\n__exportStar(__webpack_require__(/*! ./table */ \"./build/dashboard/table.js\"), exports);\r\n/**\r\n * Dashboard\r\n */\r\nvar Dashboard = /** @class */ (function () {\r\n    // Constructor\r\n    function Dashboard(props) {\r\n        var _this = this;\r\n        this._accordion = null;\r\n        this._dt = null;\r\n        this._filters = null;\r\n        this._navigation = null;\r\n        this._props = null;\r\n        // Set the properties\r\n        this._props = props;\r\n        // Set the flag\r\n        typeof (props.useModal) === \"boolean\" ? common_1.ItemForm.UseModal = props.useModal : null;\r\n        // Render the dashboard\r\n        this.render();\r\n        // Let the object get instaniated before calling the event\r\n        setTimeout(function () {\r\n            // Apply the filters\r\n            _this.applyFilters();\r\n            // Call the render event\r\n            props.onRendered ? props.onRendered(_this._props.el) : null;\r\n        }, 10);\r\n    }\r\n    Dashboard.prototype.IsAccordion = function () { return this._props.accordion ? true : false; };\r\n    // Applies the default active filters\r\n    Dashboard.prototype.applyFilters = function () {\r\n        var _a;\r\n        // See if filters exist\r\n        if ((_a = this._props.filters) === null || _a === void 0 ? void 0 : _a.items) {\r\n            // Parse the filters\r\n            for (var i = 0; i < this._props.filters.items.length; i++) {\r\n                var applyFilter = false;\r\n                var filter = this._props.filters.items[i];\r\n                var value = filter.multi ? [] : \"\";\r\n                // Parse the items\r\n                for (var j = 0; j < (filter === null || filter === void 0 ? void 0 : filter.items.length); j++) {\r\n                    var item = filter.items[j];\r\n                    // See if this one is active\r\n                    if (item.isSelected) {\r\n                        // Set the flag\r\n                        applyFilter = true;\r\n                        // Set the value\r\n                        filter.multi ? value.push(item.label) : value = item.label;\r\n                    }\r\n                }\r\n                // See if we are applying the filter\r\n                if (applyFilter) {\r\n                    // Apply the filter\r\n                    filter.onFilter(value);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    // Renders the component\r\n    Dashboard.prototype.render = function () {\r\n        var _this = this;\r\n        // Create the filters\r\n        this._filters = new filter_1.FilterSlideout({\r\n            filters: this._props.filters ? this._props.filters.items : [],\r\n            onClear: this._props.filters ? this._props.filters.onClear : null,\r\n            onRendered: this._props.filters ? this._props.filters.onRendered : null,\r\n            onFilter: !this.IsAccordion ? null : function (value) {\r\n                _this._accordion.filter(value);\r\n            }\r\n        });\r\n        // Render the template\r\n        var elTemplate = document.createElement(\"div\");\r\n        elTemplate.classList.add(\"dashboard\");\r\n        elTemplate.innerHTML = \"\\n        <div class=\\\"row\\\">\\n            <div id=\\\"navigation\\\" class=\\\"col\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"header\\\" class=\\\"col mx-75\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"sub-navigation\\\" class=\\\"col\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"\".concat(this.IsAccordion ? \"accordion\" : \"datatable\", \"\\\" class=\\\"col\\\"></div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div id=\\\"footer\\\" class=\\\"col\\\"></div>\\n        </div>\").trim();\r\n        this._props.el.appendChild(elTemplate);\r\n        // Set/Default the visibility flags\r\n        var headerIsVisible = (this._props.hideHeader == null || this._props.hideHeader == true) && this._props.header == null ? false : true;\r\n        var navIsVisible = this._props.hideNavigation ? false : true;\r\n        var subNavIsVisible = (this._props.hideSubNavigation == null || this._props.hideSubNavigation == true) && this._props.subNavigation == null ? false : true;\r\n        // See if we are hiding the navigation\r\n        if (!navIsVisible) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#navigation\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            // Render the navigation\r\n            var navProps_1 = this._props.navigation || {};\r\n            this._navigation = new navigation_1.Navigation({\r\n                el: this._props.el.querySelector(\"#navigation\"),\r\n                hideFilter: navProps_1.showFilter != null ? !navProps_1.showFilter : false,\r\n                hideSearch: navProps_1.showSearch != null ? !navProps_1.showSearch : false,\r\n                items: navProps_1.items,\r\n                itemsEnd: navProps_1.itemsEnd,\r\n                title: navProps_1.title,\r\n                onFilterRendered: navProps_1.onFilterRendered,\r\n                onRendering: function (props) {\r\n                    // Set the default classname\r\n                    props.className = props.className || (\"bg-sharepoint rounded\" + (headerIsVisible || subNavIsVisible ? \"-top\" : \"\"));\r\n                    // Set the default type\r\n                    props.type = typeof (props.type) === \"number\" ? props.type : gd_sprest_bs_1.Components.NavbarTypes.Dark;\r\n                    // Call the rendering event if it exists\r\n                    navProps_1.onRendering ? navProps_1.onRendering(props) : null;\r\n                },\r\n                onRendered: navProps_1.onRendered,\r\n                onSearch: function (value) {\r\n                    // See if we are rendering an accordion\r\n                    if (_this.IsAccordion) {\r\n                        // Search the accordion\r\n                        _this._accordion.search(value);\r\n                    }\r\n                    else {\r\n                        // Search the data table\r\n                        _this._dt.search(value);\r\n                    }\r\n                },\r\n                onSearchRendered: navProps_1.onSearchRendered,\r\n                onShowFilter: function () {\r\n                    // Show the filter\r\n                    _this._filters.show();\r\n                    // Call the event\r\n                    navProps_1.onShowFilter ? navProps_1.onShowFilter() : null;\r\n                },\r\n                searchPlaceholder: navProps_1.searchPlaceholder\r\n            });\r\n        }\r\n        // See if we are hiding the header\r\n        if (!headerIsVisible) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#header\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            var elHeader = this._props.el.querySelector(\"#header\");\r\n            // Render the header\r\n            var header = this._props.header || {};\r\n            new header_1.Header({\r\n                el: elHeader,\r\n                onRendering: this._props.header ? this._props.header.onRendering : null,\r\n                onRendered: this._props.header ? this._props.header.onRendered : null,\r\n                title: header.title\r\n            });\r\n            // See if the sub-nav is not visible\r\n            if (!navIsVisible && !subNavIsVisible) {\r\n                // Set the class name\r\n                elHeader.classList.add(\"rounded\");\r\n            }\r\n            else if (navIsVisible && !subNavIsVisible) {\r\n                // Set the class name\r\n                elHeader.classList.add(\"rounded-bottom\");\r\n            }\r\n            else if (!navIsVisible && subNavIsVisible) {\r\n                // Set the class name\r\n                elHeader.classList.add(\"rounded-top\");\r\n            }\r\n        }\r\n        // See if we are hiding the sub-navigation\r\n        if (!subNavIsVisible) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#sub-navigation\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            // Render the navigation\r\n            var navProps_2 = this._props.subNavigation || {};\r\n            new navigation_1.Navigation({\r\n                el: this._props.el.querySelector(\"#sub-navigation\"),\r\n                hideFilter: navProps_2.showFilter != null ? !navProps_2.showFilter : true,\r\n                hideSearch: navProps_2.showSearch != null ? !navProps_2.showSearch : true,\r\n                items: navProps_2.items,\r\n                itemsEnd: navProps_2.itemsEnd,\r\n                title: navProps_2.title,\r\n                onFilterRendered: navProps_2.onFilterRendered,\r\n                onRendering: function (props) {\r\n                    // Set the default classname\r\n                    props.className = props.className || (\"rounded\" + (!headerIsVisible && !navIsVisible ? \"\" : \"-bottom\"));\r\n                    props.className = \"sub-nav \" + props.className;\r\n                    // Set the default type\r\n                    props.type = typeof (props.type) === \"number\" ? props.type : gd_sprest_bs_1.Components.NavbarTypes.Light;\r\n                    // Call the rendering event if it exists\r\n                    navProps_2.onRendering ? navProps_2.onRendering(props) : null;\r\n                },\r\n                onRendered: navProps_2.onRendered,\r\n                onSearch: function (value) {\r\n                    // See if we are rendering an accordion\r\n                    if (_this.IsAccordion) {\r\n                        // Search the accordion\r\n                        _this._accordion.search(value);\r\n                    }\r\n                    else {\r\n                        // Search the data table\r\n                        _this._dt.search(value);\r\n                    }\r\n                },\r\n                onShowFilter: function () {\r\n                    // Show the filter\r\n                    _this._filters.show();\r\n                },\r\n            });\r\n        }\r\n        // See if we are rendering an accordion\r\n        if (this.IsAccordion) {\r\n            // Render the accordion\r\n            this._accordion = new accordion_1.Accordion(__assign({ el: this._props.el.querySelector(\"#accordion\") }, this._props.accordion));\r\n        }\r\n        else {\r\n            // Render the data table\r\n            this._dt = new table_1.DataTable({\r\n                columns: this._props.table ? this._props.table.columns : null,\r\n                dtProps: this._props.table ? this._props.table.dtProps : null,\r\n                el: this._props.el.querySelector(\"#datatable\"),\r\n                onRendered: this._props.table ? this._props.table.onRendered : null,\r\n                rows: this._props.table ? this._props.table.rows : null\r\n            });\r\n        }\r\n        // See if we are hiding the footer\r\n        if (this._props.hideFooter) {\r\n            // Hide the element\r\n            this._props.el.querySelector(\"#footer\").classList.add(\"d-none\");\r\n        }\r\n        else {\r\n            // Render the footer\r\n            var footer = this._props.footer || {};\r\n            new footer_1.Footer({\r\n                el: this._props.el.querySelector(\"#footer\"),\r\n                items: footer.items,\r\n                itemsEnd: footer.itemsEnd,\r\n                onRendering: footer.onRendering,\r\n                onRendered: footer.onRendered\r\n            });\r\n        }\r\n    };\r\n    Object.defineProperty(Dashboard.prototype, \"Datatable\", {\r\n        /**\r\n         * Component References\r\n         */\r\n        get: function () { return this._dt; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Dashboard.prototype, \"Filters\", {\r\n        get: function () { return this._filters; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Dashboard.prototype, \"Navigation\", {\r\n        get: function () { return this._navigation; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    /**\r\n     * Public Interface\r\n     */\r\n    // Clears the filters\r\n    Dashboard.prototype.clearFilter = function () {\r\n        // Clear the filters\r\n        this._filters.clear();\r\n    };\r\n    // Filter the table\r\n    Dashboard.prototype.filter = function (idx, value, exactMatchFl) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Filter the accordion\r\n            this._accordion.filter(value);\r\n        }\r\n        // Else, filter the table\r\n        else {\r\n            // If no value is specified, then we don't want to filter by exact value\r\n            exactMatchFl && value ? this._dt.filterExact(idx, value) : this._dt.filter(idx, value);\r\n        }\r\n    };\r\n    // Filter the accordion\r\n    Dashboard.prototype.filterAccordion = function (value) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Filter the accordion\r\n            this._accordion.filter(value);\r\n        }\r\n    };\r\n    // Filter the accordion\r\n    Dashboard.prototype.filterAccordionMulti = function (value) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Filter the accordion\r\n            //this._accordion.filter(value);\r\n        }\r\n    };\r\n    // Filter the table by multiple values\r\n    Dashboard.prototype.filterMulti = function (idx, values) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Filter the accordion\r\n            //this._accordion.filterMulti(value);\r\n        }\r\n        else {\r\n            // Filter the table\r\n            this._dt.filterMulti(idx, values);\r\n        }\r\n    };\r\n    // Returns a filter checkbox group by its key\r\n    Dashboard.prototype.getFilter = function (key) { return this._filters.getFilter(key); };\r\n    // Returns the current search value\r\n    Dashboard.prototype.getSearchValue = function () { return this._navigation ? this._navigation.getSearchValue() : \"\"; };\r\n    // Hides the filter\r\n    Dashboard.prototype.hideFilter = function () { this._filters.hide(); };\r\n    // Refresh the table\r\n    Dashboard.prototype.refresh = function (rows) {\r\n        // Refresh the table\r\n        this._dt.refresh(rows);\r\n        // See if a search value exists\r\n        var searchValue = this._navigation ? this._navigation.getSearchValue() : \"\";\r\n        if (searchValue) {\r\n            // Apply the search value\r\n            this.search(searchValue);\r\n        }\r\n    };\r\n    // Search the table\r\n    Dashboard.prototype.search = function (value) {\r\n        // See if we have an accordion\r\n        if (this.IsAccordion) {\r\n            // Search the accordion\r\n            this._accordion.search(value);\r\n        }\r\n        else {\r\n            // Search the table\r\n            this._dt.search(value);\r\n        }\r\n    };\r\n    // Sets a filter checkbox group value\r\n    Dashboard.prototype.setFilterValue = function (key, value) { return this._filters.setFilterValue(key, value); };\r\n    // Shows the filter\r\n    Dashboard.prototype.showFilter = function () { this._filters.show(); };\r\n    return Dashboard;\r\n}());\r\nexports.Dashboard = Dashboard;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/index.js?");
 
 /***/ }),