dattatable 2.11.42 → 2.11.43

package/build/dashboard/accordion.js

@@ -63,7 +63,7 @@ var Accordion = /** @class */ (function () {
             // Parse the fields
             for (var i = 0; i < this._props.bodyFields.length; i++) {
                 var field = this._props.bodyFields[i];
-                var value = item[field] || "";
+                var value = typeof (item[field]) != "undefined" ? item[field] : "";
                 // See if this value has results
                 if (value.results) {
                     // Combine the values
@@ -87,7 +87,7 @@ var Accordion = /** @class */ (function () {
             // Parse the fields
             for (var i = 0; i < this._props.titleFields.length; i++) {
                 var field = this._props.titleFields[i];
-                var value = item[field] || "";
+                var value = typeof (item[field]) != "undefined" ? item[field] : "";
                 // See if this value has results
                 if (value.results) {
                     // Combine the values
@@ -188,7 +188,7 @@ var Accordion = /** @class */ (function () {
             }
             // See if there is an active filter
             if (this._activeFilterValue) {
-                var filterValues = (elItem.dataset.filter || "").split('|');
+                var filterValues = (typeof (elItem.dataset.filter) != "undefined" ? elItem.dataset.filter : "").split('|');
                 // Parse the active filters
                 var activeFilters = this._activeFilterValue.split('|');
                 var showItem = false;
@@ -325,7 +325,7 @@ var Accordion = /** @class */ (function () {
     // Searches the accordion
     Accordion.prototype.search = function (value) {
         // Set the search value
-        this._activeSearchValue = (value || "").toLowerCase();
+        this._activeSearchValue = typeof (value) != "undefined" ? value : "";
         // Render the items
         this.renderItems();
     };

package/build/dashboard/table.js

@@ -69,8 +69,9 @@ var DataTable = /** @class */ (function () {
             // Parse the columns
             for (var i = 0; i < this._props.columns.length; i++) {
                 var column = this._props.columns[i];
+                var value = typeof (row[column.name]) != "undefined" ? row[column.name] : "";
                 // Append the value
-                newRow.push(row[column.name] || "");
+                newRow.push(value);
             }
             // Add the row
             this._datatable.row.add(newRow).draw(false);

package/build/dashboard/tiles.js

@@ -59,7 +59,7 @@ var Tiles = /** @class */ (function () {
             // Parse the fields
             for (var i = 0; i < this._props.bodyFields.length; i++) {
                 var field = this._props.bodyFields[i];
-                var value = item[field] || "";
+                var value = typeof (item[field]) != "undefined" ? item[field] : "";
                 // See if there is a template
                 if (this._props.bodyTemplate) {
                     // Replace the values
@@ -78,7 +78,7 @@ var Tiles = /** @class */ (function () {
             // Parse the fields
             for (var i = 0; i < this._props.subTitleFields.length; i++) {
                 var field = this._props.subTitleFields[i];
-                var value = item[field] || "";
+                var value = typeof (item[field]) != "undefined" ? item[field] : "";
                 // See if there is a template
                 if (this._props.subTitleTemplate) {
                     // Replace the values
@@ -97,7 +97,7 @@ var Tiles = /** @class */ (function () {
             // Parse the fields
             for (var i = 0; i < this._props.titleFields.length; i++) {
                 var field = this._props.titleFields[i];
-                var value = item[field] || "";
+                var value = typeof (item[field]) != "undefined" ? item[field] : "";
                 // See if there is a template
                 if (this._props.titleTemplate) {
                     // Replace the values
@@ -232,7 +232,7 @@ var Tiles = /** @class */ (function () {
             var elItem = elItems[i];
             // See if a filter value exists
             if (this._activeFilterValue) {
-                var filterValues = (elItem.dataset.filter || "").split('|');
+                var filterValues = (typeof (elItem.dataset.filter) != "undefined" ? elItem.dataset.filter : "").split('|');
                 // Parse the active filters
                 var activeFilters = this._activeFilterValue.split('|');
                 var showItem = false;
@@ -330,7 +330,7 @@ var Tiles = /** @class */ (function () {
     // Searches the tile
     Tiles.prototype.search = function (value) {
         // Set the search value
-        this._activeSearchValue = value || "";
+        this._activeSearchValue = typeof (value) != "undefined" ? value : "";
         // Update the tiles
         this.updateTiles();
     };

package/dist/dattatable.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.Accordion = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.13.92_@popperjs+core@2.11.8/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._activeFilterValue = null;\r\n        this._activeSearchValue = null;\r\n        this._pagination = null;\r\n        this._useAndOperator = false;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the accordion\r\n        this.refresh(this._props.items);\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 (values, useAndOperator) {\r\n        if (useAndOperator === void 0) { useAndOperator = false; }\r\n        this._activeFilterValue = values ? values.join('|') : \"\";\r\n        this._useAndOperator = useAndOperator;\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            // Clear the item\r\n            this.clearItem(elItem);\r\n        }\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Generates the accordion item\r\n    Accordion.prototype.generateItem = function (item) {\r\n        var _this = this;\r\n        var filterValues = [];\r\n        // See if the filter field is specified\r\n        if (this._props.filterFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.filterFields.length; i++) {\r\n                var filterField = this._props.filterFields[i];\r\n                // Get the filter values\r\n                var filters = item[filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                // Append the values\r\n                filterValues = filterValues.concat(filters);\r\n            }\r\n        }\r\n        // See if the body fields exist\r\n        var bodyContent = this._props.bodyTemplate || \"\";\r\n        if (this._props.bodyFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.bodyFields.length; i++) {\r\n                var field = this._props.bodyFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if this value has results\r\n                if (value.results) {\r\n                    // Combine the values\r\n                    value = value.results.join(', ');\r\n                }\r\n                // See if there is a template\r\n                if (this._props.bodyTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    bodyContent = bodyContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    bodyContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var titleContent = this._props.titleTemplate || \"\";\r\n        if (this._props.titleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.titleFields.length; i++) {\r\n                var field = this._props.titleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if this value has results\r\n                if (value.results) {\r\n                    // Combine the values\r\n                    value = value.results.join(', ');\r\n                }\r\n                // See if there is a template\r\n                if (this._props.titleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    titleContent = titleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    titleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // Return the item\r\n        return {\r\n            content: bodyContent,\r\n            header: titleContent,\r\n            onClick: this._props.onItemClick,\r\n            onRenderBody: this._props.onItemBodyRender,\r\n            onRenderHeader: this._props.onItemHeaderRender,\r\n            onRender: function (el, item) {\r\n                // See if filters exist\r\n                if (filterValues && filterValues.length > 0) {\r\n                    // Set the data filter value\r\n                    el.setAttribute(\"data-filter\", filterValues.join('|'));\r\n                }\r\n                // Call the event\r\n                _this._props.onItemRender ? _this._props.onItemRender(el, item) : null;\r\n            }\r\n        };\r\n    };\r\n    // Method to reload the data\r\n    Accordion.prototype.refresh = function (items) {\r\n        if (items === void 0) { items = []; }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the accordion\r\n        this.render(items);\r\n    };\r\n    // Renders the dashboard\r\n    Accordion.prototype.render = function (items) {\r\n        // Render the accordion\r\n        this.renderAccordion(items);\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the accordion\r\n    Accordion.prototype.renderAccordion = function (items) {\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        for (var i = 0; i < items.length; i++) {\r\n            // Add an accordion item\r\n            accordionItems.push(this.generateItem(items[i]));\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            className: this._props.className,\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(\".accordion-item\"));\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 there is an active filter\r\n            if (this._activeFilterValue) {\r\n                var filterValues = (elItem.dataset.filter || \"\").split('|');\r\n                // Parse the active filters\r\n                var activeFilters = this._activeFilterValue.split('|');\r\n                var showItem = false;\r\n                for (var j = 0; j < activeFilters.length; j++) {\r\n                    // See if the item contains the filter value\r\n                    if (filterValues.indexOf(activeFilters[j]) >= 0) {\r\n                        // Set the flag\r\n                        showItem = true;\r\n                        // Break from the loop if we aren't using the and operator\r\n                        if (!this._useAndOperator) {\r\n                            break;\r\n                        }\r\n                    }\r\n                    // Else, see if we are using the and operator\r\n                    else if (this._useAndOperator) {\r\n                        // Set the flag and break from the loop\r\n                        showItem = false;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if we are hiding the item\r\n                if (!showItem) {\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                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n            // See if a search value exists\r\n            if (this._activeSearchValue) {\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue) < 0 &&\r\n                    elContent.innerText.toLowerCase().indexOf(this._activeSearchValue) < 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                    // Continue the loop\r\n                    continue;\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        // See if we are showing pagination\r\n        var showPagination = typeof (this._props.showPagination) === \"boolean\" ? this._props.showPagination : true;\r\n        if (showPagination) {\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                    // Call the event\r\n                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;\r\n                }\r\n            });\r\n            // Call the event\r\n            this._props.onPaginationRender ? this._props.onPaginationRender(elPagination) : null;\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._activeSearchValue = (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.13.92_@popperjs+core@2.11.8/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._activeFilterValue = null;\r\n        this._activeSearchValue = null;\r\n        this._pagination = null;\r\n        this._useAndOperator = false;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the accordion\r\n        this.refresh(this._props.items);\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 (values, useAndOperator) {\r\n        if (useAndOperator === void 0) { useAndOperator = false; }\r\n        this._activeFilterValue = values ? values.join('|') : \"\";\r\n        this._useAndOperator = useAndOperator;\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            // Clear the item\r\n            this.clearItem(elItem);\r\n        }\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Generates the accordion item\r\n    Accordion.prototype.generateItem = function (item) {\r\n        var _this = this;\r\n        var filterValues = [];\r\n        // See if the filter field is specified\r\n        if (this._props.filterFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.filterFields.length; i++) {\r\n                var filterField = this._props.filterFields[i];\r\n                // Get the filter values\r\n                var filters = item[filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                // Append the values\r\n                filterValues = filterValues.concat(filters);\r\n            }\r\n        }\r\n        // See if the body fields exist\r\n        var bodyContent = this._props.bodyTemplate || \"\";\r\n        if (this._props.bodyFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.bodyFields.length; i++) {\r\n                var field = this._props.bodyFields[i];\r\n                var value = typeof (item[field]) != \"undefined\" ? item[field] : \"\";\r\n                // See if this value has results\r\n                if (value.results) {\r\n                    // Combine the values\r\n                    value = value.results.join(', ');\r\n                }\r\n                // See if there is a template\r\n                if (this._props.bodyTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    bodyContent = bodyContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    bodyContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var titleContent = this._props.titleTemplate || \"\";\r\n        if (this._props.titleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.titleFields.length; i++) {\r\n                var field = this._props.titleFields[i];\r\n                var value = typeof (item[field]) != \"undefined\" ? item[field] : \"\";\r\n                // See if this value has results\r\n                if (value.results) {\r\n                    // Combine the values\r\n                    value = value.results.join(', ');\r\n                }\r\n                // See if there is a template\r\n                if (this._props.titleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    titleContent = titleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    titleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // Return the item\r\n        return {\r\n            content: bodyContent,\r\n            header: titleContent,\r\n            onClick: this._props.onItemClick,\r\n            onRenderBody: this._props.onItemBodyRender,\r\n            onRenderHeader: this._props.onItemHeaderRender,\r\n            onRender: function (el, item) {\r\n                // See if filters exist\r\n                if (filterValues && filterValues.length > 0) {\r\n                    // Set the data filter value\r\n                    el.setAttribute(\"data-filter\", filterValues.join('|'));\r\n                }\r\n                // Call the event\r\n                _this._props.onItemRender ? _this._props.onItemRender(el, item) : null;\r\n            }\r\n        };\r\n    };\r\n    // Method to reload the data\r\n    Accordion.prototype.refresh = function (items) {\r\n        if (items === void 0) { items = []; }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the accordion\r\n        this.render(items);\r\n    };\r\n    // Renders the dashboard\r\n    Accordion.prototype.render = function (items) {\r\n        // Render the accordion\r\n        this.renderAccordion(items);\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the accordion\r\n    Accordion.prototype.renderAccordion = function (items) {\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        for (var i = 0; i < items.length; i++) {\r\n            // Add an accordion item\r\n            accordionItems.push(this.generateItem(items[i]));\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            className: this._props.className,\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(\".accordion-item\"));\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 there is an active filter\r\n            if (this._activeFilterValue) {\r\n                var filterValues = (typeof (elItem.dataset.filter) != \"undefined\" ? elItem.dataset.filter : \"\").split('|');\r\n                // Parse the active filters\r\n                var activeFilters = this._activeFilterValue.split('|');\r\n                var showItem = false;\r\n                for (var j = 0; j < activeFilters.length; j++) {\r\n                    // See if the item contains the filter value\r\n                    if (filterValues.indexOf(activeFilters[j]) >= 0) {\r\n                        // Set the flag\r\n                        showItem = true;\r\n                        // Break from the loop if we aren't using the and operator\r\n                        if (!this._useAndOperator) {\r\n                            break;\r\n                        }\r\n                    }\r\n                    // Else, see if we are using the and operator\r\n                    else if (this._useAndOperator) {\r\n                        // Set the flag and break from the loop\r\n                        showItem = false;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if we are hiding the item\r\n                if (!showItem) {\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                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n            // See if a search value exists\r\n            if (this._activeSearchValue) {\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue) < 0 &&\r\n                    elContent.innerText.toLowerCase().indexOf(this._activeSearchValue) < 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                    // Continue the loop\r\n                    continue;\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        // See if we are showing pagination\r\n        var showPagination = typeof (this._props.showPagination) === \"boolean\" ? this._props.showPagination : true;\r\n        if (showPagination) {\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                    // Call the event\r\n                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;\r\n                }\r\n            });\r\n            // Call the event\r\n            this._props.onPaginationRender ? this._props.onPaginationRender(elPagination) : null;\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._activeSearchValue = typeof (value) != \"undefined\" ? value : \"\";\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?");
 
 /***/ }),
 
@@ -247,7 +247,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.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.13.92_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.2.1/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.2.1/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._datatable = null;\r\n        this._props = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Set the default properties\r\n        this._props.dtProps = this._props.dtProps || {\r\n            drawCallback: function (settings) {\r\n                var api = new $.fn.dataTable.Api(settings);\r\n                // Styling option for striped rows\r\n                $(api.context[0].nTable).addClass('table-striped');\r\n                // Align the text to be centered\r\n                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n                // Remove the label spacing to align with paging\r\n                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n                // Push paging to the end\r\n                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n                // Add spacing for the footer\r\n                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds a row to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        // See if this is an array\r\n        if (row && typeof (row.length) === \"number\") {\r\n            // Add the row\r\n            this._datatable.row.add(row).draw(false);\r\n        }\r\n        else {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < this._props.columns.length; i++) {\r\n                var column = this._props.columns[i];\r\n                // Append the value\r\n                newRow.push(row[column.name] || \"\");\r\n            }\r\n            // Add the row\r\n            this._datatable.row.add(newRow).draw(false);\r\n        }\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        var table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(table);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.13.92_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.2.1/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.2.1/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._datatable = null;\r\n        this._props = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Set the default properties\r\n        this._props.dtProps = this._props.dtProps || {\r\n            drawCallback: function (settings) {\r\n                var api = new $.fn.dataTable.Api(settings);\r\n                // Styling option for striped rows\r\n                $(api.context[0].nTable).addClass('table-striped');\r\n                // Align the text to be centered\r\n                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n                // Remove the label spacing to align with paging\r\n                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n                // Push paging to the end\r\n                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n                // Add spacing for the footer\r\n                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds a row to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        // See if this is an array\r\n        if (row && typeof (row.length) === \"number\") {\r\n            // Add the row\r\n            this._datatable.row.add(row).draw(false);\r\n        }\r\n        else {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < this._props.columns.length; i++) {\r\n                var column = this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Add the row\r\n            this._datatable.row.add(newRow).draw(false);\r\n        }\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        var table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(table);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
 
 /***/ }),
 
@@ -258,7 +258,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.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.13.92_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Tiles\r\n */\r\nvar Tiles = /** @class */ (function () {\r\n    // Constructor\r\n    function Tiles(props) {\r\n        var _this = this;\r\n        this._tiles = null;\r\n        this._activeFilterValue = null;\r\n        this._activeSearchValue = null;\r\n        this._pagination = null;\r\n        this._useAndOperator = false;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the tile\r\n        this.render(this._props.items);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el) : null;\r\n        }, 50);\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (values, useAndOperator) {\r\n        if (useAndOperator === void 0) { useAndOperator = false; }\r\n        this._activeFilterValue = values ? values.join('|') : \"\";\r\n        this._useAndOperator = useAndOperator;\r\n        // Parse all tile\r\n        var tiles = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < tiles.length; i++) {\r\n            // Hide the tile\r\n            tiles[i].parentElement.classList.add(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Generate the card properties\r\n    Tiles.prototype.generateCard = function (item) {\r\n        var _this = this;\r\n        var filterValues = [];\r\n        // See if the filter field is specified\r\n        if (this._props.filterFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.filterFields.length; i++) {\r\n                var filterField = this._props.filterFields[i];\r\n                // Get the filter values\r\n                var filters = item[filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                // Append the values\r\n                filterValues = filterValues.concat(filters);\r\n            }\r\n        }\r\n        // See if the body fields exist\r\n        var bodyContent = this._props.bodyTemplate || \"\";\r\n        if (this._props.bodyFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.bodyFields.length; i++) {\r\n                var field = this._props.bodyFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.bodyTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    bodyContent = bodyContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    bodyContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var subTitleContent = this._props.subTitleTemplate || \"\";\r\n        if (this._props.subTitleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.subTitleFields.length; i++) {\r\n                var field = this._props.subTitleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.subTitleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    subTitleContent = subTitleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    subTitleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var titleContent = this._props.titleTemplate || \"\";\r\n        if (this._props.titleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.titleFields.length; i++) {\r\n                var field = this._props.titleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.titleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    titleContent = titleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    titleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // Set the card props\r\n        var cardProps = {\r\n            onRender: function (el, card) {\r\n                // Set the class name\r\n                if (_this._props.classNameCard) {\r\n                    _this._props.classNameCard.trim().split(' ').forEach(function (className) {\r\n                        // Add the class name\r\n                        el.classList.add(className);\r\n                    });\r\n                }\r\n                // See if filters exist\r\n                if (filterValues && filterValues.length > 0) {\r\n                    // Set the data filter value\r\n                    el.setAttribute(\"data-filter\", filterValues.join('|'));\r\n                }\r\n                // Call the event\r\n                _this._props.onCardRendered ? _this._props.onCardRendered(el, card) : null;\r\n            },\r\n            body: [{\r\n                    className: this._props.classNameBody,\r\n                    content: bodyContent,\r\n                    data: item,\r\n                    subTitle: subTitleContent,\r\n                    title: titleContent,\r\n                    onRender: function (el, card) {\r\n                        var item = card.data;\r\n                        // Call the events\r\n                        _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(\".card-title\"), item) : null;\r\n                        _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(\".card-subtitle\"), item) : null;\r\n                        _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;\r\n                    }\r\n                }],\r\n            onClick: function (card, ev) {\r\n                // Call the event\r\n                _this._props.onClick ? _this._props.onClick(ev.currentTarget, card) : null;\r\n            }\r\n        };\r\n        // See if we are showing the header\r\n        var showHeader = typeof (this._props.showHeader) === \"boolean\" ? this._props.showHeader : true;\r\n        if (showHeader) {\r\n            cardProps.header = {\r\n                className: this._props.classNameHeader,\r\n                onRender: function (el) {\r\n                    _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // See if we are showing the footer\r\n        var showFooter = typeof (this._props.showFooter) === \"boolean\" ? this._props.showFooter : true;\r\n        if (showFooter) {\r\n            cardProps.footer = {\r\n                className: this._props.classNameFooter,\r\n                onRender: function (el) {\r\n                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // Call the events\r\n        this._props.onCardBodyRendering ? this._props.onCardBodyRendering(cardProps.body[0], item) : null;\r\n        this._props.onCardRendering ? this._props.onCardRendering(cardProps, item) : null;\r\n        // Return the card properties\r\n        return cardProps;\r\n    };\r\n    // Method to reload the data\r\n    Tiles.prototype.refresh = function (items) {\r\n        if (items === void 0) { items = []; }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the accordion\r\n        this.render(items);\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function (items) {\r\n        // Render the tile\r\n        this.renderTiles(items);\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function (items) {\r\n        // Parse the items\r\n        var cards = [];\r\n        for (var i = 0; i < items.length; i++) {\r\n            var item = items[i];\r\n            // Add an tile\r\n            cards.push(this.generateCard(item));\r\n        }\r\n        // Render the tiles\r\n        this._tiles = gd_sprest_bs_1.Components.CardGroup({\r\n            el: this._props.el,\r\n            cards: cards,\r\n            className: this._props.className,\r\n            colSize: this._props.colSize || 4,\r\n            onColRender: this._props.onColumnRendered\r\n        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var _this = this;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".tiles-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(\"tiles-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._tiles.el.querySelectorAll(\".card\"));\r\n        // Parse the items\r\n        for (var i = elItems.length - 1; i >= 0; i--) {\r\n            var elItem = elItems[i];\r\n            // See if a filter value exists\r\n            if (this._activeFilterValue) {\r\n                var filterValues = (elItem.dataset.filter || \"\").split('|');\r\n                // Parse the active filters\r\n                var activeFilters = this._activeFilterValue.split('|');\r\n                var showItem = false;\r\n                for (var j = 0; j < activeFilters.length; j++) {\r\n                    // See if the item contains the filter value\r\n                    if (filterValues.indexOf(activeFilters[j]) >= 0) {\r\n                        // Set the flag\r\n                        showItem = true;\r\n                        // Break from the loop if we aren't using the and operator\r\n                        if (!this._useAndOperator) {\r\n                            break;\r\n                        }\r\n                    }\r\n                    // Else, see if we are using the and operator\r\n                    else if (this._useAndOperator) {\r\n                        // Set the flag and break from the loop\r\n                        showItem = false;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if we are hiding the item\r\n                if (!showItem) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n            // See if a search value exists\r\n            if (this._activeSearchValue) {\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue.toLowerCase()) < 0) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n        }\r\n        // Set the pagination limit\r\n        var showPagination = typeof (this._props.showPagination) === \"boolean\" ? this._props.showPagination : true;\r\n        var paginationLimit = showPagination ? this._props.paginationLimit || 10 : elItems.length;\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.parentElement.classList.remove(\"d-none\");\r\n            }\r\n            else {\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Ensure we are showing the pagination\r\n        if (showPagination) {\r\n            // Parse the active items to hide\r\n            for (var i = paginationLimit; i < elItems.length; i++) {\r\n                var elItem = elItems[i];\r\n                // Hide the item\r\n                elItem.parentElement.classList.add(\"d-none\");\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                        // Hide the item\r\n                        elItem.parentElement.classList.add(\"d-none\");\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.parentElement.classList.remove(\"d-none\");\r\n                    }\r\n                    // Call the event\r\n                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;\r\n                }\r\n            });\r\n            // Call the event\r\n            this._props.onPaginationRendered ? this._props.onPaginationRendered(elPagination) : null;\r\n        }\r\n    };\r\n    // Searches the tile\r\n    Tiles.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchValue = value || \"\";\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    return Tiles;\r\n}());\r\nexports.Tiles = Tiles;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/tiles.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.13.92_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Tiles\r\n */\r\nvar Tiles = /** @class */ (function () {\r\n    // Constructor\r\n    function Tiles(props) {\r\n        var _this = this;\r\n        this._tiles = null;\r\n        this._activeFilterValue = null;\r\n        this._activeSearchValue = null;\r\n        this._pagination = null;\r\n        this._useAndOperator = false;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the tile\r\n        this.render(this._props.items);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el) : null;\r\n        }, 50);\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (values, useAndOperator) {\r\n        if (useAndOperator === void 0) { useAndOperator = false; }\r\n        this._activeFilterValue = values ? values.join('|') : \"\";\r\n        this._useAndOperator = useAndOperator;\r\n        // Parse all tile\r\n        var tiles = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < tiles.length; i++) {\r\n            // Hide the tile\r\n            tiles[i].parentElement.classList.add(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Generate the card properties\r\n    Tiles.prototype.generateCard = function (item) {\r\n        var _this = this;\r\n        var filterValues = [];\r\n        // See if the filter field is specified\r\n        if (this._props.filterFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.filterFields.length; i++) {\r\n                var filterField = this._props.filterFields[i];\r\n                // Get the filter values\r\n                var filters = item[filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                // Append the values\r\n                filterValues = filterValues.concat(filters);\r\n            }\r\n        }\r\n        // See if the body fields exist\r\n        var bodyContent = this._props.bodyTemplate || \"\";\r\n        if (this._props.bodyFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.bodyFields.length; i++) {\r\n                var field = this._props.bodyFields[i];\r\n                var value = typeof (item[field]) != \"undefined\" ? item[field] : \"\";\r\n                // See if there is a template\r\n                if (this._props.bodyTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    bodyContent = bodyContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    bodyContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var subTitleContent = this._props.subTitleTemplate || \"\";\r\n        if (this._props.subTitleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.subTitleFields.length; i++) {\r\n                var field = this._props.subTitleFields[i];\r\n                var value = typeof (item[field]) != \"undefined\" ? item[field] : \"\";\r\n                // See if there is a template\r\n                if (this._props.subTitleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    subTitleContent = subTitleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    subTitleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var titleContent = this._props.titleTemplate || \"\";\r\n        if (this._props.titleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.titleFields.length; i++) {\r\n                var field = this._props.titleFields[i];\r\n                var value = typeof (item[field]) != \"undefined\" ? item[field] : \"\";\r\n                // See if there is a template\r\n                if (this._props.titleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    titleContent = titleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    titleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // Set the card props\r\n        var cardProps = {\r\n            onRender: function (el, card) {\r\n                // Set the class name\r\n                if (_this._props.classNameCard) {\r\n                    _this._props.classNameCard.trim().split(' ').forEach(function (className) {\r\n                        // Add the class name\r\n                        el.classList.add(className);\r\n                    });\r\n                }\r\n                // See if filters exist\r\n                if (filterValues && filterValues.length > 0) {\r\n                    // Set the data filter value\r\n                    el.setAttribute(\"data-filter\", filterValues.join('|'));\r\n                }\r\n                // Call the event\r\n                _this._props.onCardRendered ? _this._props.onCardRendered(el, card) : null;\r\n            },\r\n            body: [{\r\n                    className: this._props.classNameBody,\r\n                    content: bodyContent,\r\n                    data: item,\r\n                    subTitle: subTitleContent,\r\n                    title: titleContent,\r\n                    onRender: function (el, card) {\r\n                        var item = card.data;\r\n                        // Call the events\r\n                        _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(\".card-title\"), item) : null;\r\n                        _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(\".card-subtitle\"), item) : null;\r\n                        _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;\r\n                    }\r\n                }],\r\n            onClick: function (card, ev) {\r\n                // Call the event\r\n                _this._props.onClick ? _this._props.onClick(ev.currentTarget, card) : null;\r\n            }\r\n        };\r\n        // See if we are showing the header\r\n        var showHeader = typeof (this._props.showHeader) === \"boolean\" ? this._props.showHeader : true;\r\n        if (showHeader) {\r\n            cardProps.header = {\r\n                className: this._props.classNameHeader,\r\n                onRender: function (el) {\r\n                    _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // See if we are showing the footer\r\n        var showFooter = typeof (this._props.showFooter) === \"boolean\" ? this._props.showFooter : true;\r\n        if (showFooter) {\r\n            cardProps.footer = {\r\n                className: this._props.classNameFooter,\r\n                onRender: function (el) {\r\n                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // Call the events\r\n        this._props.onCardBodyRendering ? this._props.onCardBodyRendering(cardProps.body[0], item) : null;\r\n        this._props.onCardRendering ? this._props.onCardRendering(cardProps, item) : null;\r\n        // Return the card properties\r\n        return cardProps;\r\n    };\r\n    // Method to reload the data\r\n    Tiles.prototype.refresh = function (items) {\r\n        if (items === void 0) { items = []; }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the accordion\r\n        this.render(items);\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function (items) {\r\n        // Render the tile\r\n        this.renderTiles(items);\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function (items) {\r\n        // Parse the items\r\n        var cards = [];\r\n        for (var i = 0; i < items.length; i++) {\r\n            var item = items[i];\r\n            // Add an tile\r\n            cards.push(this.generateCard(item));\r\n        }\r\n        // Render the tiles\r\n        this._tiles = gd_sprest_bs_1.Components.CardGroup({\r\n            el: this._props.el,\r\n            cards: cards,\r\n            className: this._props.className,\r\n            colSize: this._props.colSize || 4,\r\n            onColRender: this._props.onColumnRendered\r\n        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var _this = this;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".tiles-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(\"tiles-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._tiles.el.querySelectorAll(\".card\"));\r\n        // Parse the items\r\n        for (var i = elItems.length - 1; i >= 0; i--) {\r\n            var elItem = elItems[i];\r\n            // See if a filter value exists\r\n            if (this._activeFilterValue) {\r\n                var filterValues = (typeof (elItem.dataset.filter) != \"undefined\" ? elItem.dataset.filter : \"\").split('|');\r\n                // Parse the active filters\r\n                var activeFilters = this._activeFilterValue.split('|');\r\n                var showItem = false;\r\n                for (var j = 0; j < activeFilters.length; j++) {\r\n                    // See if the item contains the filter value\r\n                    if (filterValues.indexOf(activeFilters[j]) >= 0) {\r\n                        // Set the flag\r\n                        showItem = true;\r\n                        // Break from the loop if we aren't using the and operator\r\n                        if (!this._useAndOperator) {\r\n                            break;\r\n                        }\r\n                    }\r\n                    // Else, see if we are using the and operator\r\n                    else if (this._useAndOperator) {\r\n                        // Set the flag and break from the loop\r\n                        showItem = false;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if we are hiding the item\r\n                if (!showItem) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n            // See if a search value exists\r\n            if (this._activeSearchValue) {\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue.toLowerCase()) < 0) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n        }\r\n        // Set the pagination limit\r\n        var showPagination = typeof (this._props.showPagination) === \"boolean\" ? this._props.showPagination : true;\r\n        var paginationLimit = showPagination ? this._props.paginationLimit || 10 : elItems.length;\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.parentElement.classList.remove(\"d-none\");\r\n            }\r\n            else {\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Ensure we are showing the pagination\r\n        if (showPagination) {\r\n            // Parse the active items to hide\r\n            for (var i = paginationLimit; i < elItems.length; i++) {\r\n                var elItem = elItems[i];\r\n                // Hide the item\r\n                elItem.parentElement.classList.add(\"d-none\");\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                        // Hide the item\r\n                        elItem.parentElement.classList.add(\"d-none\");\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.parentElement.classList.remove(\"d-none\");\r\n                    }\r\n                    // Call the event\r\n                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;\r\n                }\r\n            });\r\n            // Call the event\r\n            this._props.onPaginationRendered ? this._props.onPaginationRendered(elPagination) : null;\r\n        }\r\n    };\r\n    // Searches the tile\r\n    Tiles.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchValue = typeof (value) != \"undefined\" ? value : \"\";\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    return Tiles;\r\n}());\r\nexports.Tiles = Tiles;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/tiles.js?");
 
 /***/ }),