dattatable 2.9.66 → 2.9.68

package/build/common/list.d.ts

@@ -2,6 +2,7 @@ import { Types } from "gd-sprest-bs";
 import { IItemFormCreateProps, IItemFormEditProps, IItemFormViewProps } from ".";
 /** List Properties */
 export interface IListProps<T = Types.SP.ListItem> {
+    camlQuery?: string;
     itemQuery?: Types.IODataQuery;
     listName: string;
     viewName?: string;
@@ -18,6 +19,8 @@ export interface IListProps<T = Types.SP.ListItem> {
  */
 export declare class List<T = Types.SP.ListItem> {
     /** Public Properties */
+    private _camlQuery;
+    get CAMLQuery(): string;
     get EditForm(): import("gd-sprest-bs/src/components/components").IListFormEdit;
     get EditForms(): import("gd-sprest-bs/src/components/components").IListFormEdit[];
     private _listContentTypes;
@@ -60,6 +63,7 @@ export declare class List<T = Types.SP.ListItem> {
     private init;
     private loadItem;
     private loadItems;
+    private loadItemsByCAMLQuery;
     private loadItemsByQuery;
     private loadItemsByView;
     newForm(props: IItemFormCreateProps): void;

package/build/common/list.js

@@ -10,6 +10,9 @@ var List = /** @class */ (function () {
     // Constructor
     function List(props) {
         var _this = this;
+        /** Public Properties */
+        // CAML query
+        this._camlQuery = null;
         // List Content Types Information
         this._listContentTypes = null;
         // List Fields Information
@@ -48,6 +51,7 @@ var List = /** @class */ (function () {
         // The request digest value of the target site
         this._requestDigest = null;
         // Save the properties
+        this._camlQuery = props.camlQuery;
         this._listName = props.listName;
         this._odata = props.itemQuery;
         this._onInitError = props.onInitError;
@@ -94,8 +98,12 @@ var List = /** @class */ (function () {
             _this._onInitError ? _this._onInitError.apply(_this, args) : null;
         });
     }
+    Object.defineProperty(List.prototype, "CAMLQuery", {
+        get: function () { return this._camlQuery; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(List.prototype, "EditForm", {
-        /** Public Properties */
         // Reference to the edit form
         get: function () { return _1.ItemForm.EditForm; },
         enumerable: false,
@@ -317,8 +325,12 @@ var List = /** @class */ (function () {
     };
     // Loads the items
     List.prototype.loadItems = function (query) {
-        // See if the view xml exists
-        if (this.ViewXml) {
+        // See if the caml query exists
+        if (this.CAMLQuery) {
+            return this.loadItemsByCAMLQuery();
+        }
+        // Else, see if the view xml exists
+        else if (this.ViewXml) {
             // Get the items by the view name
             return this.loadItemsByView();
         }
@@ -327,6 +339,32 @@ var List = /** @class */ (function () {
             return this.loadItemsByQuery(query);
         }
     };
+    // Loads the items by CAML query
+    List.prototype.loadItemsByCAMLQuery = function () {
+        var _this = this;
+        // Return a promise
+        return new Promise(function (resolve, reject) {
+            // See if the items already exist
+            if (_this._items) {
+                resolve(_this._items);
+                return;
+            }
+            // Query the items
+            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItemsByQuery(_this.CAMLQuery).execute(function (items) {
+                // Save the items
+                _this._items = items.results;
+                // Resolve the request
+                resolve(_this._items);
+            }, function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                // Reject the request
+                reject.apply(void 0, args);
+            }, true);
+        });
+    };
     // Loads the items by odata query
     List.prototype.loadItemsByQuery = function (query) {
         var _this = this;

package/build/dashboard/accordion.d.ts

@@ -19,8 +19,8 @@ export interface IAccordionProps {
  */
 export declare class Accordion implements IAccordion {
     private _accordion;
-    private _activeFilterClass;
-    private _activeSearchFilter;
+    private _activeFilterValue;
+    private _activeSearchValue;
     private _pagination;
     private _props;
     constructor(props: IAccordionProps);

package/build/dashboard/accordion.js

@@ -9,8 +9,8 @@ var Accordion = /** @class */ (function () {
     // Constructor
     function Accordion(props) {
         this._accordion = null;
-        this._activeFilterClass = null;
-        this._activeSearchFilter = null;
+        this._activeFilterValue = null;
+        this._activeSearchValue = null;
         this._pagination = null;
         // Save the properties
         this._props = props;
@@ -27,8 +27,7 @@ var Accordion = /** @class */ (function () {
     };
     // Filters the accordion
     Accordion.prototype.filter = function (value) {
-        var className = value ? value.toLowerCase().replace(/ /g, "-") : null;
-        this._activeFilterClass = className;
+        this._activeFilterValue = value || "";
         // Parse all accordion items
         var items = this._props.el.querySelectorAll(".accordion-item");
         for (var i = 0; i < items.length; i++) {
@@ -48,33 +47,38 @@ var Accordion = /** @class */ (function () {
     };
     // Renders the accordion
     Accordion.prototype.renderAccordion = function () {
+        var _this = this;
         // Parse the items
         var accordionItems = [];
-        for (var i = 0; i < this._props.items.length; i++) {
-            var item = this._props.items[i];
-            var itemClassNames = [];
+        var _loop_1 = function (i) {
+            var item = this_1._props.items[i];
+            var filterValues = [];
             // See if the filter field is specified
-            if (this._props.filterField) {
-                // Parse the selected filters
-                var filters = item[this._props.filterField] || [];
-                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
-                    if (filter) {
-                        itemClassNames.push(filter);
-                    }
-                }
+            if (this_1._props.filterField) {
+                // Set the filter values
+                var filters = item[this_1._props.filterField] || [];
+                filterValues = filters["results"] || [filters];
             }
             // Add an accordion item
             accordionItems.push({
-                className: itemClassNames.join(" "),
-                content: (this._props.bodyField ? item[this._props.bodyField || "Description"] : null) || "",
-                header: item[this._props.titleField || "Title"] || "",
-                onClick: this._props.onItemClick,
-                onRender: this._props.onItemRender,
+                content: (this_1._props.bodyField ? item[this_1._props.bodyField || "Description"] : null) || "",
+                header: item[this_1._props.titleField || "Title"] || "",
+                onClick: this_1._props.onItemClick,
+                onRender: function (el, item) {
+                    // See if filters exist
+                    if (filterValues && filterValues.length > 0) {
+                        // Set the data filter value
+                        el.setAttribute("data-filter", filterValues.join('|'));
+                    }
+                    // Call the event
+                    _this._props.onItemRender ? _this._props.onItemRender(el, item) : null;
+                },
                 showFl: i == 0,
             });
+        };
+        var this_1 = this;
+        for (var i = 0; i < this._props.items.length; i++) {
+            _loop_1(i);
         }
         // Render the accordion
         this._accordion = gd_sprest_bs_1.Components.Accordion({
@@ -102,26 +106,41 @@ var Accordion = /** @class */ (function () {
             this._props.el.appendChild(elPagination);
         }
         // Get the elements as an array
-        var elItems = Array.from(this._accordion.el.querySelectorAll(this._activeFilterClass ? "." + this._activeFilterClass : ".accordion-item"));
-        // See if a search value exists
-        if (this._activeSearchFilter) {
-            // Parse the items
-            for (var i = elItems.length - 1; i >= 0; i--) {
-                var elItem = elItems[i];
-                var elContent = elItem.querySelector(".accordion-body");
-                // See if this item is expanded
-                if (elItem.querySelector(".accordion-collapse.show")) {
-                    // Collapse the item
-                    var btn = elItem.querySelector(".accordion-button");
-                    btn === null || btn === void 0 ? void 0 : btn.click();
+        var elItems = Array.from(this._accordion.el.querySelectorAll(this._activeFilterValue ? "." + this._activeFilterValue : ".accordion-item"));
+        // Parse the items
+        for (var i = elItems.length - 1; i >= 0; i--) {
+            var elItem = elItems[i];
+            var elContent = elItem.querySelector(".accordion-body");
+            // See if this item is expanded
+            if (elItem.querySelector(".accordion-collapse.show")) {
+                // Collapse the item
+                var btn = elItem.querySelector(".accordion-button");
+                btn === null || btn === void 0 ? void 0 : btn.click();
+            }
+            // See if there is an active filter
+            if (this._activeFilterValue) {
+                var filterValues = (elItem.dataset.filter || "").split('|');
+                // See if the item doesn't contains the filter value
+                if (filterValues.indexOf(this._activeFilterValue) < 0) {
+                    // Hide the item
+                    elItem.parentElement.classList.add("d-none");
+                    // Exclude the item from the array
+                    elItems.splice(i, 1);
+                    // Continue the loop
+                    continue;
                 }
+            }
+            // See if a search value exists
+            if (this._activeSearchValue) {
                 // See if the item doesn't contains the search value
-                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0 &&
-                    elContent.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {
+                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue) < 0 &&
+                    elContent.innerText.toLowerCase().indexOf(this._activeSearchValue) < 0) {
                     // Clear the item
                     this.clearItem(elItem);
                     // Exclude the item from the array
                     elItems.splice(i, 1);
+                    // Continue the loop
+                    continue;
                 }
             }
         }
@@ -211,7 +230,7 @@ var Accordion = /** @class */ (function () {
     // Searches the accordion
     Accordion.prototype.search = function (value) {
         // Set the search value
-        this._activeSearchFilter = (value || "").toLowerCase();
+        this._activeSearchValue = (value || "").toLowerCase();
         // Render the items
         this.renderItems();
     };

package/build/dashboard/tiles.d.ts

@@ -28,8 +28,8 @@ export interface ITilesProps {
  */
 export declare class Tiles implements ITiles {
     private _tiles;
-    private _activeFilterClass;
-    private _activeSearchFilter;
+    private _activeFilterValue;
+    private _activeSearchValue;
     private _pagination;
     private _props;
     constructor(props: ITilesProps);

package/build/dashboard/tiles.js

@@ -9,8 +9,8 @@ var Tiles = /** @class */ (function () {
     // Constructor
     function Tiles(props) {
         this._tiles = null;
-        this._activeFilterClass = null;
-        this._activeSearchFilter = null;
+        this._activeFilterValue = null;
+        this._activeSearchValue = null;
         this._pagination = null;
         // Save the properties
         this._props = props;
@@ -19,8 +19,7 @@ var Tiles = /** @class */ (function () {
     }
     // Filters the tile
     Tiles.prototype.filter = function (value) {
-        var className = value ? value.toLowerCase().replace(/ /g, "-") : null;
-        this._activeFilterClass = className;
+        this._activeFilterValue = value || "";
         // Parse all tile
         var tiles = this._props.el.querySelectorAll(".card");
         for (var i = 0; i < tiles.length; i++) {
@@ -40,25 +39,24 @@ var Tiles = /** @class */ (function () {
     // Generate the card properties
     Tiles.prototype.generateCard = function (item) {
         var _this = this;
-        var itemClassNames = [];
-        // Get the filters
-        var filters = item[this._props.filterField] || [];
-        filters = filters["results"] || [filters];
+        var filterValues = [];
         // See if the filter field is specified
         if (this._props.filterField) {
-            // Parse the selected filters
-            for (var j = 0; j < filters.length; j++) {
-                var filter = filters[j].toLowerCase().replace(/ /g, '-');
-                // Add the filter as a class name
-                if (filter) {
-                    itemClassNames.push(filter);
-                }
-            }
+            // Get the filters
+            var filters = item[this._props.filterField] || [];
+            filterValues = filters["results"] || [filters];
         }
         // Set the card props
         var cardProps = {
-            className: itemClassNames.join(" "),
-            onRender: this._props.onCardRendered,
+            onRender: function (el, card) {
+                // See if filters exist
+                if (filterValues && filterValues.length > 0) {
+                    // Set the data filter value
+                    el.setAttribute("data-filter", filterValues.join('|'));
+                }
+                // Call the event
+                _this._props.onCardRendered ? _this._props.onCardRendered(el, card) : null;
+            },
             body: [{
                     content: (this._props.bodyField ? item[this._props.bodyField || "Description"] : null) || "",
                     data: item,
@@ -130,18 +128,33 @@ var Tiles = /** @class */ (function () {
             this._props.el.appendChild(elPagination);
         }
         // Get the elements as an array
-        var elItems = Array.from(this._tiles.el.querySelectorAll(this._activeFilterClass ? "." + this._activeFilterClass : ".card"));
-        // See if a search value exists
-        if (this._activeSearchFilter) {
-            // Parse the items
-            for (var i = elItems.length - 1; i >= 0; i--) {
-                var elItem = elItems[i];
+        var elItems = Array.from(this._tiles.el.querySelectorAll(".card"));
+        // Parse the items
+        for (var i = elItems.length - 1; i >= 0; i--) {
+            var elItem = elItems[i];
+            // See if a filter value exists
+            if (this._activeFilterValue) {
+                var filterValues = (elItem.dataset.filter || "").split('|');
+                // See if the item doesn't contains the filter value
+                if (filterValues.indexOf(this._activeFilterValue) < 0) {
+                    // Hide the item
+                    elItem.parentElement.classList.add("d-none");
+                    // Exclude the item from the array
+                    elItems.splice(i, 1);
+                    // Continue the loop
+                    continue;
+                }
+            }
+            // See if a search value exists
+            if (this._activeSearchValue) {
                 // See if the item doesn't contains the search value
-                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {
+                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue.toLowerCase()) < 0) {
                     // Hide the item
                     elItem.parentElement.classList.add("d-none");
                     // Exclude the item from the array
                     elItems.splice(i, 1);
+                    // Continue the loop
+                    continue;
                 }
             }
         }
@@ -191,7 +204,7 @@ var Tiles = /** @class */ (function () {
     // Searches the tile
     Tiles.prototype.search = function (value) {
         // Set the search value
-        this._activeSearchFilter = (value || "").toLowerCase();
+        this._activeSearchValue = value || "";
         // Update the tiles
         this.updateTiles();
     };

package/dist/dattatable.js

@@ -104,7 +104,7 @@ eval("\r\nvar __assign = (this && this.__assign) || function () {\r\n    __assig
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.List = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.4/node_modules/gd-sprest-bs/build/index.js\");\r\nvar _1 = __webpack_require__(/*! . */ \"./build/common/index.js\");\r\n/**\r\n * List\r\n */\r\nvar List = /** @class */ (function () {\r\n    // Constructor\r\n    function List(props) {\r\n        var _this = this;\r\n        // List Content Types Information\r\n        this._listContentTypes = null;\r\n        // List Fields Information\r\n        this._listFields = null;\r\n        // List Information\r\n        this._listInfo = null;\r\n        // List Url\r\n        this._listUrl = null;\r\n        // List Views Information\r\n        this._listViews = null;\r\n        // Items\r\n        this._items = null;\r\n        // List Name\r\n        this._listName = null;\r\n        // OData query\r\n        this._odata = null;\r\n        // View name\r\n        this._viewName = null;\r\n        // View Xml\r\n        this._viewXml = null;\r\n        // Web Url\r\n        this._webUrl = null;\r\n        /** Private Properties */\r\n        // Error event when loading the items fail\r\n        this._onInitError = null;\r\n        // Event triggered when the component is initialized\r\n        this._onInitialized = null;\r\n        // Items loaded event\r\n        this._onItemsLoaded = null;\r\n        // Error event when loading a form\r\n        this._onLoadFormError = null;\r\n        // Refresh event when refreshing the items\r\n        this._onRefreshItems = null;\r\n        // Event triggered when the form is reset\r\n        this._onResetForm = null;\r\n        // The request digest value of the target site\r\n        this._requestDigest = null;\r\n        // Save the properties\r\n        this._listName = props.listName;\r\n        this._odata = props.itemQuery;\r\n        this._onInitError = props.onInitError;\r\n        this._onInitialized = props.onInitialized;\r\n        this._onItemsLoaded = props.onItemsLoaded;\r\n        this._onLoadFormError = props.onLoadFormError;\r\n        this._onRefreshItems = props.onRefreshItems;\r\n        this._onResetForm = props.onResetForm;\r\n        this._viewName = props.viewName;\r\n        this._webUrl = props.webUrl || gd_sprest_bs_1.ContextInfo.webServerRelativeUrl;\r\n        // Set the context information\r\n        (0, _1.getContextInfo)(props.webUrl).then(function (requestDigest) {\r\n            _this._requestDigest = requestDigest;\r\n            // Load the list information\r\n            _this.init().then(function () {\r\n                // Load the items\r\n                _this.loadItems().then(function () {\r\n                    // Call the event\r\n                    _this._onInitialized ? _this._onInitialized() : null;\r\n                    // Call the items loaded event\r\n                    _this._onItemsLoaded ? _this._onItemsLoaded(_this.Items) : null;\r\n                }, function () {\r\n                    var args = [];\r\n                    for (var _i = 0; _i < arguments.length; _i++) {\r\n                        args[_i] = arguments[_i];\r\n                    }\r\n                    // Call the init error event\r\n                    _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n                });\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Call the init error event\r\n                _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n            });\r\n        }, function () {\r\n            var args = [];\r\n            for (var _i = 0; _i < arguments.length; _i++) {\r\n                args[_i] = arguments[_i];\r\n            }\r\n            // Call the init error event\r\n            _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n        });\r\n    }\r\n    Object.defineProperty(List.prototype, \"EditForm\", {\r\n        /** Public Properties */\r\n        // Reference to the edit form\r\n        get: function () { return _1.ItemForm.EditForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForms\", {\r\n        // Reference to the edit forms, if tabs are used\r\n        get: function () { return _1.ItemForm.EditForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListContentTypes\", {\r\n        get: function () { return this._listContentTypes; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListFields\", {\r\n        get: function () { return this._listFields; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListInfo\", {\r\n        get: function () { return this._listInfo; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListUrl\", {\r\n        get: function () { return this._listUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListViews\", {\r\n        get: function () { return this._listViews; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"Items\", {\r\n        get: function () { return this._items; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListName\", {\r\n        get: function () { return this._listName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"OData\", {\r\n        get: function () { return this._odata; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForm\", {\r\n        // Reference to the display form\r\n        get: function () { return _1.ItemForm.DisplayForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForms\", {\r\n        // Reference to the display forms, if tabs are used\r\n        get: function () { return _1.ItemForm.DisplayForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewName\", {\r\n        get: function () { return this._viewName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewXml\", {\r\n        get: function () { return this._viewXml; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"WebUrl\", {\r\n        get: function () { return this._webUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the modal or canvas\r\n    List.prototype.clear = function () {\r\n        // Clear the modal/form\r\n        _1.ItemForm.UseModal ? _1.Modal.clear() : _1.CanvasForm.clear();\r\n        // Set the list name\r\n        _1.ItemForm.ListName = this.ListName;\r\n        // Call the event\r\n        this._onResetForm ? this._onResetForm() : null;\r\n    };\r\n    // Reference to the create item method\r\n    List.prototype.createItem = function (values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items().add(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the edit form\r\n    List.prototype.editForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear();\r\n        // Display the form\r\n        _1.ItemForm.edit(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Gets a list field by internal or title\r\n    List.prototype.getField = function (name) {\r\n        // Parse the fields\r\n        for (var i = 0; i < this.ListFields.length; i++) {\r\n            var field = this.ListFields[i];\r\n            // See if this is the target field\r\n            if (field.InternalName == name || field.Title == name) {\r\n                // Return the field\r\n                return field;\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Initializes the list component\r\n    List.prototype.init = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var list = (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName);\r\n            // Query the list content types\r\n            list.execute(function (list) {\r\n                // Save the list information\r\n                _this._listInfo = list;\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            });\r\n            // Get the root folder\r\n            list.RootFolder().execute(function (folder) {\r\n                // Set the url\r\n                _this._listUrl = folder.ServerRelativeUrl;\r\n            }, true);\r\n            // Query the content types\r\n            list.ContentTypes().query({\r\n                Expand: [\"FieldLinks\", \"Fields\"]\r\n            }).execute(function (cts) {\r\n                // Save the content types\r\n                _this._listContentTypes = cts.results;\r\n            }, true);\r\n            // Query the list fields\r\n            list.Fields().execute(function (fields) {\r\n                // Save the fields\r\n                _this._listFields = fields.results;\r\n            }, true);\r\n            // Query the list views\r\n            list.Views().query({\r\n                Expand: [\"ViewFields\"]\r\n            }).execute(function (views) {\r\n                // Save the views\r\n                _this._listViews = views.results;\r\n            }, true);\r\n            // Wait for the requests to complete\r\n            list.done(function () {\r\n                // See if the view name is specified\r\n                if (_this.ViewName) {\r\n                    // Parse the views\r\n                    for (var i = 0; i < _this.ListViews.length; i++) {\r\n                        var view = _this.ListViews[i];\r\n                        if (view.Title.toLowerCase() == _this.ViewName.toLowerCase()) {\r\n                            // Set the view xml\r\n                            _this._viewXml = view.ListViewXml;\r\n                        }\r\n                    }\r\n                }\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItem = function (itemId, query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items(itemId).query({\r\n                Custom: query ? query.Custom : null,\r\n                Expand: query ? query.Expand : null,\r\n                Select: query ? query.Select : null\r\n            }).execute(function (newItem) {\r\n                var itemFound = false;\r\n                // Parse the items\r\n                for (var i = 0; i < _this._items.length; i++) {\r\n                    var item = _this._items[i];\r\n                    // See if this is the item\r\n                    if (itemId == item.Id) {\r\n                        // Replace the item\r\n                        _this._items[i] = newItem;\r\n                        // Set the flag and break from the loop\r\n                        itemFound = true;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the item wasn't found\r\n                if (!itemFound) {\r\n                    // Append the item\r\n                    _this._items.push(newItem);\r\n                }\r\n                // Resolve the request\r\n                resolve(newItem);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItems = function (query) {\r\n        // See if the view xml exists\r\n        if (this.ViewXml) {\r\n            // Get the items by the view name\r\n            return this.loadItemsByView();\r\n        }\r\n        else {\r\n            // Get the items by odata\r\n            return this.loadItemsByQuery(query);\r\n        }\r\n    };\r\n    // Loads the items by odata query\r\n    List.prototype.loadItemsByQuery = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items().query(query).execute(function (items) {\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by view name\r\n    List.prototype.loadItemsByView = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItems(_this.ViewXml).execute(function (items) {\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Displays the new form\r\n    List.prototype.newForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear();\r\n        // Display the form\r\n        _1.ItemForm.create(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refresh = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Clear the items\r\n        this._items = null;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Refresh the context information\r\n            _this.refreshContextInfo().then(function () {\r\n                // Load the data\r\n                _this.loadItems(query).then(function (items) {\r\n                    // Call the event\r\n                    var callback = _this._onRefreshItems ? _this._onRefreshItems(items) : null;\r\n                    if (callback && typeof (callback.then) === \"function\") {\r\n                        // Wait for the request to complete\r\n                        callback.then(resolve, reject);\r\n                    }\r\n                    else {\r\n                        // Resolve the request\r\n                        resolve(items);\r\n                    }\r\n                }, reject);\r\n            }, reject);\r\n        });\r\n    };\r\n    // Refreshes the context information\r\n    List.prototype.refreshContextInfo = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the request digest is set\r\n            if (_this._requestDigest) {\r\n                // Get the context information\r\n                (0, _1.getContextInfo)(_this.WebUrl).then(function (requestDigest) {\r\n                    // Save the value and resolve the request\r\n                    _this._requestDigest = requestDigest;\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refreshItem = function (itemId, query) {\r\n        if (query === void 0) { query = this.OData; }\r\n        // Load the item\r\n        return this.loadItem(itemId, query);\r\n    };\r\n    // Updates an item\r\n    List.prototype.updateItem = function (itemId, values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items(itemId).update(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the view form\r\n    List.prototype.viewForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear();\r\n        // Display the form\r\n        _1.ItemForm.view(props).then(null, this._onLoadFormError);\r\n    };\r\n    return List;\r\n}());\r\nexports.List = List;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/list.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.List = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.4/node_modules/gd-sprest-bs/build/index.js\");\r\nvar _1 = __webpack_require__(/*! . */ \"./build/common/index.js\");\r\n/**\r\n * List\r\n */\r\nvar List = /** @class */ (function () {\r\n    // Constructor\r\n    function List(props) {\r\n        var _this = this;\r\n        /** Public Properties */\r\n        // CAML query\r\n        this._camlQuery = null;\r\n        // List Content Types Information\r\n        this._listContentTypes = null;\r\n        // List Fields Information\r\n        this._listFields = null;\r\n        // List Information\r\n        this._listInfo = null;\r\n        // List Url\r\n        this._listUrl = null;\r\n        // List Views Information\r\n        this._listViews = null;\r\n        // Items\r\n        this._items = null;\r\n        // List Name\r\n        this._listName = null;\r\n        // OData query\r\n        this._odata = null;\r\n        // View name\r\n        this._viewName = null;\r\n        // View Xml\r\n        this._viewXml = null;\r\n        // Web Url\r\n        this._webUrl = null;\r\n        /** Private Properties */\r\n        // Error event when loading the items fail\r\n        this._onInitError = null;\r\n        // Event triggered when the component is initialized\r\n        this._onInitialized = null;\r\n        // Items loaded event\r\n        this._onItemsLoaded = null;\r\n        // Error event when loading a form\r\n        this._onLoadFormError = null;\r\n        // Refresh event when refreshing the items\r\n        this._onRefreshItems = null;\r\n        // Event triggered when the form is reset\r\n        this._onResetForm = null;\r\n        // The request digest value of the target site\r\n        this._requestDigest = null;\r\n        // Save the properties\r\n        this._camlQuery = props.camlQuery;\r\n        this._listName = props.listName;\r\n        this._odata = props.itemQuery;\r\n        this._onInitError = props.onInitError;\r\n        this._onInitialized = props.onInitialized;\r\n        this._onItemsLoaded = props.onItemsLoaded;\r\n        this._onLoadFormError = props.onLoadFormError;\r\n        this._onRefreshItems = props.onRefreshItems;\r\n        this._onResetForm = props.onResetForm;\r\n        this._viewName = props.viewName;\r\n        this._webUrl = props.webUrl || gd_sprest_bs_1.ContextInfo.webServerRelativeUrl;\r\n        // Set the context information\r\n        (0, _1.getContextInfo)(props.webUrl).then(function (requestDigest) {\r\n            _this._requestDigest = requestDigest;\r\n            // Load the list information\r\n            _this.init().then(function () {\r\n                // Load the items\r\n                _this.loadItems().then(function () {\r\n                    // Call the event\r\n                    _this._onInitialized ? _this._onInitialized() : null;\r\n                    // Call the items loaded event\r\n                    _this._onItemsLoaded ? _this._onItemsLoaded(_this.Items) : null;\r\n                }, function () {\r\n                    var args = [];\r\n                    for (var _i = 0; _i < arguments.length; _i++) {\r\n                        args[_i] = arguments[_i];\r\n                    }\r\n                    // Call the init error event\r\n                    _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n                });\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Call the init error event\r\n                _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n            });\r\n        }, function () {\r\n            var args = [];\r\n            for (var _i = 0; _i < arguments.length; _i++) {\r\n                args[_i] = arguments[_i];\r\n            }\r\n            // Call the init error event\r\n            _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n        });\r\n    }\r\n    Object.defineProperty(List.prototype, \"CAMLQuery\", {\r\n        get: function () { return this._camlQuery; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForm\", {\r\n        // Reference to the edit form\r\n        get: function () { return _1.ItemForm.EditForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForms\", {\r\n        // Reference to the edit forms, if tabs are used\r\n        get: function () { return _1.ItemForm.EditForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListContentTypes\", {\r\n        get: function () { return this._listContentTypes; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListFields\", {\r\n        get: function () { return this._listFields; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListInfo\", {\r\n        get: function () { return this._listInfo; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListUrl\", {\r\n        get: function () { return this._listUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListViews\", {\r\n        get: function () { return this._listViews; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"Items\", {\r\n        get: function () { return this._items; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListName\", {\r\n        get: function () { return this._listName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"OData\", {\r\n        get: function () { return this._odata; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForm\", {\r\n        // Reference to the display form\r\n        get: function () { return _1.ItemForm.DisplayForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForms\", {\r\n        // Reference to the display forms, if tabs are used\r\n        get: function () { return _1.ItemForm.DisplayForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewName\", {\r\n        get: function () { return this._viewName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewXml\", {\r\n        get: function () { return this._viewXml; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"WebUrl\", {\r\n        get: function () { return this._webUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the modal or canvas\r\n    List.prototype.clear = function () {\r\n        // Clear the modal/form\r\n        _1.ItemForm.UseModal ? _1.Modal.clear() : _1.CanvasForm.clear();\r\n        // Set the list name\r\n        _1.ItemForm.ListName = this.ListName;\r\n        // Call the event\r\n        this._onResetForm ? this._onResetForm() : null;\r\n    };\r\n    // Reference to the create item method\r\n    List.prototype.createItem = function (values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items().add(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the edit form\r\n    List.prototype.editForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear();\r\n        // Display the form\r\n        _1.ItemForm.edit(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Gets a list field by internal or title\r\n    List.prototype.getField = function (name) {\r\n        // Parse the fields\r\n        for (var i = 0; i < this.ListFields.length; i++) {\r\n            var field = this.ListFields[i];\r\n            // See if this is the target field\r\n            if (field.InternalName == name || field.Title == name) {\r\n                // Return the field\r\n                return field;\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Initializes the list component\r\n    List.prototype.init = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var list = (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName);\r\n            // Query the list content types\r\n            list.execute(function (list) {\r\n                // Save the list information\r\n                _this._listInfo = list;\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            });\r\n            // Get the root folder\r\n            list.RootFolder().execute(function (folder) {\r\n                // Set the url\r\n                _this._listUrl = folder.ServerRelativeUrl;\r\n            }, true);\r\n            // Query the content types\r\n            list.ContentTypes().query({\r\n                Expand: [\"FieldLinks\", \"Fields\"]\r\n            }).execute(function (cts) {\r\n                // Save the content types\r\n                _this._listContentTypes = cts.results;\r\n            }, true);\r\n            // Query the list fields\r\n            list.Fields().execute(function (fields) {\r\n                // Save the fields\r\n                _this._listFields = fields.results;\r\n            }, true);\r\n            // Query the list views\r\n            list.Views().query({\r\n                Expand: [\"ViewFields\"]\r\n            }).execute(function (views) {\r\n                // Save the views\r\n                _this._listViews = views.results;\r\n            }, true);\r\n            // Wait for the requests to complete\r\n            list.done(function () {\r\n                // See if the view name is specified\r\n                if (_this.ViewName) {\r\n                    // Parse the views\r\n                    for (var i = 0; i < _this.ListViews.length; i++) {\r\n                        var view = _this.ListViews[i];\r\n                        if (view.Title.toLowerCase() == _this.ViewName.toLowerCase()) {\r\n                            // Set the view xml\r\n                            _this._viewXml = view.ListViewXml;\r\n                        }\r\n                    }\r\n                }\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItem = function (itemId, query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items(itemId).query({\r\n                Custom: query ? query.Custom : null,\r\n                Expand: query ? query.Expand : null,\r\n                Select: query ? query.Select : null\r\n            }).execute(function (newItem) {\r\n                var itemFound = false;\r\n                // Parse the items\r\n                for (var i = 0; i < _this._items.length; i++) {\r\n                    var item = _this._items[i];\r\n                    // See if this is the item\r\n                    if (itemId == item.Id) {\r\n                        // Replace the item\r\n                        _this._items[i] = newItem;\r\n                        // Set the flag and break from the loop\r\n                        itemFound = true;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the item wasn't found\r\n                if (!itemFound) {\r\n                    // Append the item\r\n                    _this._items.push(newItem);\r\n                }\r\n                // Resolve the request\r\n                resolve(newItem);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItems = function (query) {\r\n        // See if the caml query exists\r\n        if (this.CAMLQuery) {\r\n            return this.loadItemsByCAMLQuery();\r\n        }\r\n        // Else, see if the view xml exists\r\n        else if (this.ViewXml) {\r\n            // Get the items by the view name\r\n            return this.loadItemsByView();\r\n        }\r\n        else {\r\n            // Get the items by odata\r\n            return this.loadItemsByQuery(query);\r\n        }\r\n    };\r\n    // Loads the items by CAML query\r\n    List.prototype.loadItemsByCAMLQuery = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItemsByQuery(_this.CAMLQuery).execute(function (items) {\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by odata query\r\n    List.prototype.loadItemsByQuery = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items().query(query).execute(function (items) {\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by view name\r\n    List.prototype.loadItemsByView = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItems(_this.ViewXml).execute(function (items) {\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Displays the new form\r\n    List.prototype.newForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear();\r\n        // Display the form\r\n        _1.ItemForm.create(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refresh = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Clear the items\r\n        this._items = null;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Refresh the context information\r\n            _this.refreshContextInfo().then(function () {\r\n                // Load the data\r\n                _this.loadItems(query).then(function (items) {\r\n                    // Call the event\r\n                    var callback = _this._onRefreshItems ? _this._onRefreshItems(items) : null;\r\n                    if (callback && typeof (callback.then) === \"function\") {\r\n                        // Wait for the request to complete\r\n                        callback.then(resolve, reject);\r\n                    }\r\n                    else {\r\n                        // Resolve the request\r\n                        resolve(items);\r\n                    }\r\n                }, reject);\r\n            }, reject);\r\n        });\r\n    };\r\n    // Refreshes the context information\r\n    List.prototype.refreshContextInfo = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the request digest is set\r\n            if (_this._requestDigest) {\r\n                // Get the context information\r\n                (0, _1.getContextInfo)(_this.WebUrl).then(function (requestDigest) {\r\n                    // Save the value and resolve the request\r\n                    _this._requestDigest = requestDigest;\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refreshItem = function (itemId, query) {\r\n        if (query === void 0) { query = this.OData; }\r\n        // Load the item\r\n        return this.loadItem(itemId, query);\r\n    };\r\n    // Updates an item\r\n    List.prototype.updateItem = function (itemId, values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items(itemId).update(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the view form\r\n    List.prototype.viewForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear();\r\n        // Display the form\r\n        _1.ItemForm.view(props).then(null, this._onLoadFormError);\r\n    };\r\n    return List;\r\n}());\r\nexports.List = List;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/list.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.11.4/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        // Call the event\r\n        this._props.onPaginationRender ? this._props.onPaginationRender(elPagination) : null;\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.11.4/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        // 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        this._activeFilterValue = value || \"\";\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        var _this = this;\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        var _loop_1 = function (i) {\r\n            var item = this_1._props.items[i];\r\n            var filterValues = [];\r\n            // See if the filter field is specified\r\n            if (this_1._props.filterField) {\r\n                // Set the filter values\r\n                var filters = item[this_1._props.filterField] || [];\r\n                filterValues = filters[\"results\"] || [filters];\r\n            }\r\n            // Add an accordion item\r\n            accordionItems.push({\r\n                content: (this_1._props.bodyField ? item[this_1._props.bodyField || \"Description\"] : null) || \"\",\r\n                header: item[this_1._props.titleField || \"Title\"] || \"\",\r\n                onClick: this_1._props.onItemClick,\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                showFl: i == 0,\r\n            });\r\n        };\r\n        var this_1 = this;\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            _loop_1(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            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._activeFilterValue ? \".\" + this._activeFilterValue : \".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                // See if the item doesn't contains the filter value\r\n                if (filterValues.indexOf(this._activeFilterValue) < 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            // 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        // 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        // Call the event\r\n        this._props.onPaginationRender ? this._props.onPaginationRender(elPagination) : null;\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?");
 
 /***/ }),
 
@@ -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.11.4/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\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    // 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    // Generate the card properties\r\n    Tiles.prototype.generateCard = function (item) {\r\n        var _this = this;\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        // Set the card props\r\n        var cardProps = {\r\n            className: itemClassNames.join(\" \"),\r\n            onRender: this._props.onCardRendered,\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.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        };\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                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                onRender: function (el) {\r\n                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // Call the event\r\n        this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;\r\n        // Return the card properties\r\n        return cardProps;\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function () {\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            // 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            colSize: this._props.colSize\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.parentElement.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.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        // 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            }\r\n        });\r\n        // Call the event\r\n        this._props.onPaginationRendered ? this._props.onPaginationRendered(elPagination) : null;\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.11.4/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._activeFilterValue = null;\r\n        this._activeSearchValue = 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        this._activeFilterValue = value || \"\";\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    // 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    // 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.filterField) {\r\n            // Get the filters\r\n            var filters = item[this._props.filterField] || [];\r\n            filterValues = filters[\"results\"] || [filters];\r\n        }\r\n        // Set the card props\r\n        var cardProps = {\r\n            onRender: function (el, card) {\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                    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.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        };\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                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                onRender: function (el) {\r\n                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // Call the event\r\n        this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;\r\n        // Return the card properties\r\n        return cardProps;\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function () {\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            // 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            colSize: this._props.colSize\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(\".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                // See if the item doesn't contains the filter value\r\n                if (filterValues.indexOf(this._activeFilterValue) < 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            // 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        // 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        // 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            }\r\n        });\r\n        // Call the event\r\n        this._props.onPaginationRendered ? this._props.onPaginationRendered(elPagination) : null;\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?");
 
 /***/ }),