dattatable 2.9.52 → 2.9.54

package/build/dashboard/accordion.js

@@ -35,8 +35,6 @@ var Accordion = /** @class */ (function () {
             var elItem = items[i];
             // Clear the item
             this.clearItem(elItem);
-            // Show the item
-            elItem.classList.remove("d-none");
         }
         // Render the items
         this.renderItems();
@@ -59,7 +57,7 @@ var Accordion = /** @class */ (function () {
             if (this._props.filterField) {
                 // Parse the selected filters
                 var filters = item[this._props.filterField] || [];
-                filters = filters["results"] || filters;
+                filters = filters["results"] || [filters];
                 for (var j = 0; j < filters.length; j++) {
                     var filter = filters[j].toLowerCase().replace(/ /g, '-');
                     // Add the filter as a class name

package/build/dashboard/tiles.js

@@ -25,8 +25,8 @@ var Tiles = /** @class */ (function () {
         var items = this._props.el.querySelectorAll(".card");
         for (var i = 0; i < items.length; i++) {
             var elItem = items[i];
-            // Show the item
-            elItem.classList.remove("d-none");
+            // Hide the item
+            elItem.classList.add("d-none");
         }
         // Update the tiles
         this.updateTiles();
@@ -48,7 +48,7 @@ var Tiles = /** @class */ (function () {
             var itemClassNames = [];
             // Get the filters
             var filters = item[this._props.filterField] || [];
-            filters = filters["results"] || filters;
+            filters = filters["results"] || [filters];
             // See if the filter field is specified
             if (this._props.filterField) {
                 // Parse the selected filters
@@ -127,10 +127,6 @@ var Tiles = /** @class */ (function () {
                 elItem.classList.remove("d-none");
             }
             else {
-                // Set the class for the last item
-                if (elItems[i - 1]) {
-                    elItems[i - 1].classList.add("last-item");
-                }
                 // Break from the loop
                 break;
             }

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.99/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            // Clear the item\r\n            this.clearItem(elItem);\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\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?");
+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.99/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            // Clear the item\r\n            this.clearItem(elItem);\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?");
 
 /***/ }),
 
@@ -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.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/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        this._tiles = 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 tile\r\n        this.render();\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all tile items\r\n        var items = this._props.el.querySelectorAll(\".card\");\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        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function () {\r\n        // Render the tile\r\n        this.renderTiles();\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function () {\r\n        var _this = this;\r\n        // Parse the items\r\n        var cards = [];\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            // Get the filters\r\n            var filters = item[this._props.filterField] || [];\r\n            filters = filters[\"results\"] || filters;\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected 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 tile\r\n            cards.push({\r\n                className: itemClassNames.join(\" \"),\r\n                body: [{\r\n                        content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                        data: item,\r\n                        subTitle: item[this._props.subTitleField] || \"\",\r\n                        title: item[this._props.titleField || \"Title\"] || \"\",\r\n                        onRender: function (el, card) {\r\n                            var item = card.data;\r\n                            // Call the events\r\n                            _this._props.onTitleRender ? _this._props.onTitleRender(el.querySelector(\".card-title\"), item) : null;\r\n                            _this._props.onSubTitleRender ? _this._props.onSubTitleRender(el.querySelector(\".card-subtitle\"), item) : null;\r\n                            _this._props.onBodyRender ? _this._props.onBodyRender(el.querySelector(\".card-text\"), item) : null;\r\n                            _this._props.onCardRender ? _this._props.onCardRender(el.querySelector(\".card-body\"), item) : null;\r\n                        }\r\n                    }]\r\n            });\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        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var paginationLimit = this._props.paginationLimit || 10;\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(this._activeFilterClass ? \".\" + this._activeFilterClass : \".card\"));\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                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\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            }\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            var elItem = elItems[i];\r\n            // Hide the item\r\n            elItem.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.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.classList.remove(\"d-none\");\r\n                }\r\n            }\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._activeSearchFilter = (value || \"\").toLowerCase();\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.10.99/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        this._tiles = 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 tile\r\n        this.render();\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all tile items\r\n        var items = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Hide the item\r\n            elItem.classList.add(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function () {\r\n        // Render the tile\r\n        this.renderTiles();\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function () {\r\n        var _this = this;\r\n        // Parse the items\r\n        var cards = [];\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            // Get the filters\r\n            var filters = item[this._props.filterField] || [];\r\n            filters = filters[\"results\"] || [filters];\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected 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 tile\r\n            cards.push({\r\n                className: itemClassNames.join(\" \"),\r\n                body: [{\r\n                        content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                        data: item,\r\n                        subTitle: item[this._props.subTitleField] || \"\",\r\n                        title: item[this._props.titleField || \"Title\"] || \"\",\r\n                        onRender: function (el, card) {\r\n                            var item = card.data;\r\n                            // Call the events\r\n                            _this._props.onTitleRender ? _this._props.onTitleRender(el.querySelector(\".card-title\"), item) : null;\r\n                            _this._props.onSubTitleRender ? _this._props.onSubTitleRender(el.querySelector(\".card-subtitle\"), item) : null;\r\n                            _this._props.onBodyRender ? _this._props.onBodyRender(el.querySelector(\".card-text\"), item) : null;\r\n                            _this._props.onCardRender ? _this._props.onCardRender(el.querySelector(\".card-body\"), item) : null;\r\n                        }\r\n                    }]\r\n            });\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        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var paginationLimit = this._props.paginationLimit || 10;\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(this._activeFilterClass ? \".\" + this._activeFilterClass : \".card\"));\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                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\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            }\r\n            else {\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            var elItem = elItems[i];\r\n            // Hide the item\r\n            elItem.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.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.classList.remove(\"d-none\");\r\n                }\r\n            }\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._activeSearchFilter = (value || \"\").toLowerCase();\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?");
 
 /***/ }),