dattatable 2.9.51 → 2.9.53

package/build/common/listSecurity.d.ts

@@ -45,6 +45,7 @@ export declare class ListSecurity {
     private createGroups;
     private getGroupId;
     private getPermissionTypes;
+    private hasInit;
     isInGroup(userId: number, groupName: string): boolean;
     private loadCurrentUser;
     private loadGroups;

package/build/common/listSecurity.js

@@ -109,17 +109,20 @@ var ListSecurity = /** @class */ (function () {
         var _this = this;
         // Return a promise
         return new Promise(function (resolve) {
-            // Get the current user permissions
-            (0, gd_sprest_bs_1.Web)(_this._props.webUrl).getUserEffectivePermissions(_this.CurrentUser.LoginName).execute(
-            // Success
-            function (permissions) {
-                // See if the user has manage web rights
-                resolve(gd_sprest_bs_1.Helper.hasPermissions(permissions.GetUserEffectivePermissions, gd_sprest_bs_1.SPTypes.BasePermissionTypes.ManageWeb));
-            }, 
-            // Error
-            function () {
-                // Resolve the request
-                resolve(false);
+            // Ensure this class has been initialized
+            _this.hasInit().then(function () {
+                // Get the current user permissions
+                (0, gd_sprest_bs_1.Web)(_this._props.webUrl).getUserEffectivePermissions(_this.CurrentUser.LoginName).execute(
+                // Success
+                function (permissions) {
+                    // See if the user has manage web rights
+                    resolve(gd_sprest_bs_1.Helper.hasPermissions(permissions.GetUserEffectivePermissions, gd_sprest_bs_1.SPTypes.BasePermissionTypes.ManageWeb));
+                }, 
+                // Error
+                function () {
+                    // Resolve the request
+                    resolve(false);
+                });
             });
         });
     };
@@ -326,6 +329,23 @@ var ListSecurity = /** @class */ (function () {
             });
         });
     };
+    // Method to ensure this class has initialized
+    ListSecurity.prototype.hasInit = function () {
+        var _this = this;
+        // Return a promise
+        return new Promise(function (resolve) {
+            // Set a loop
+            var loopId = setInterval(function () {
+                // Ensure this class has initialized
+                if (_this.CurrentUser) {
+                    // Stop the loop
+                    clearInterval(loopId);
+                    // Resolve the request
+                    resolve(null);
+                }
+            }, 10);
+        });
+    };
     // Method to see if a user is w/in a group
     ListSecurity.prototype.isInGroup = function (userId, groupName) {
         // See if we have the user information

package/build/dashboard/accordion.js

@@ -59,7 +59,7 @@ var Accordion = /** @class */ (function () {
             if (this._props.filterField) {
                 // Parse the selected filters
                 var filters = item[this._props.filterField] || [];
-                filters = filters["results"] || filters;
+                filters = filters["results"] || [filters];
                 for (var j = 0; j < filters.length; j++) {
                     var filter = filters[j].toLowerCase().replace(/ /g, '-');
                     // Add the filter as a class name

package/build/dashboard/tiles.js

@@ -48,7 +48,7 @@ var Tiles = /** @class */ (function () {
             var itemClassNames = [];
             // Get the filters
             var filters = item[this._props.filterField] || [];
-            filters = filters["results"] || filters;
+            filters = filters["results"] || [filters];
             // See if the filter field is specified
             if (this._props.filterField) {
                 // Parse the selected filters

package/dist/dattatable.js

@@ -115,7 +115,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.ListSecurity = exports.ListSecurityDefaultGroups = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/node_modules/gd-sprest-bs/build/index.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ./loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar methods_1 = __webpack_require__(/*! ./methods */ \"./build/common/methods.js\");\r\nvar modal_1 = __webpack_require__(/*! ./modal */ \"./build/common/modal.js\");\r\n// List Security Default Groups\r\nexports.ListSecurityDefaultGroups = {\r\n    Members: \"member\",\r\n    Owners: \"owner\",\r\n    Visitors: \"visitor\"\r\n};\r\n/**\r\n * List Security\r\n * This component is used for setting the security group/permissions for a list.\r\n */\r\nvar ListSecurity = /** @class */ (function () {\r\n    // Constructor\r\n    function ListSecurity(props) {\r\n        var _this = this;\r\n        this._ddlItems = null;\r\n        this._permissionTypes = null;\r\n        this._props = null;\r\n        this._requestDigest = null;\r\n        // Current User\r\n        this._currentUser = null;\r\n        // Security group information\r\n        this._groups = {};\r\n        // Security group users\r\n        this._groupUsers = {};\r\n        // Save the properties\r\n        this._props = props;\r\n        // Get the context information\r\n        (0, methods_1.getContextInfo)(this._props.webUrl).then(function (requestDigest) {\r\n            // Set the request digest value\r\n            _this._requestDigest = requestDigest;\r\n            // Get the current user information\r\n            _this.loadCurrentUser();\r\n            // Get the permission types\r\n            _this.getPermissionTypes();\r\n            // Load the groups\r\n            _this.loadGroups();\r\n        });\r\n    }\r\n    Object.defineProperty(ListSecurity.prototype, \"CurrentUser\", {\r\n        get: function () { return this._currentUser; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    ListSecurity.prototype.getGroup = function (groupName) { return this._groups[groupName.toLowerCase()]; };\r\n    ListSecurity.prototype.setGroup = function (key, group) {\r\n        // Save the info\r\n        this._groups[key] = group;\r\n        this._groupUsers[key] = [];\r\n        // See if the users exist\r\n        if (group.Users) {\r\n            // Set the users for this group\r\n            this._groupUsers[key] = group.Users.results || [];\r\n        }\r\n    };\r\n    ListSecurity.prototype.getGroupUsers = function (groupName) { return this._groupUsers[groupName.toLowerCase()] || []; };\r\n    ListSecurity.prototype.addUser = function (user, groupName) {\r\n        // Ensure the group exists\r\n        var key = groupName.toLowerCase();\r\n        if (this._groupUsers[key]) {\r\n            // Add the user to the group\r\n            this._groupUsers[key].push(user);\r\n        }\r\n    };\r\n    ListSecurity.prototype.removeUser = function (userId, groupName) {\r\n        // Ensure the group exists\r\n        var key = groupName.toLowerCase();\r\n        if (this._groupUsers[key]) {\r\n            // Find the idx of the user\r\n            for (var i = 0; i < this._groupUsers[key].length; i++) {\r\n                // See if this is the user\r\n                var user = this._groupUsers[key][i];\r\n                if (user.Id == userId) {\r\n                    // Remove the user\r\n                    this._groupUsers[key].splice(i, 1);\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n    };\r\n    // Method to check if the user is w/in a group and add them otherwise\r\n    ListSecurity.prototype.addToGroup = function (userId, groupName) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the user is in the group\r\n            if (_this.isInGroup(userId, groupName)) {\r\n                // Resolve the request\r\n                resolve();\r\n                return;\r\n            }\r\n            // Add the user to the group\r\n            _this._groups[groupName].Users().addUserById(userId).execute(function (user) {\r\n                // Add the user to the group\r\n                _this.addUser(user, groupName);\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Determines if the user has manage web rights\r\n    ListSecurity.prototype.checkUserPermissions = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Get the current user permissions\r\n            (0, gd_sprest_bs_1.Web)(_this._props.webUrl).getUserEffectivePermissions(_this.CurrentUser.LoginName).execute(\r\n            // Success\r\n            function (permissions) {\r\n                // See if the user has manage web rights\r\n                resolve(gd_sprest_bs_1.Helper.hasPermissions(permissions.GetUserEffectivePermissions, gd_sprest_bs_1.SPTypes.BasePermissionTypes.ManageWeb));\r\n            }, \r\n            // Error\r\n            function () {\r\n                // Resolve the request\r\n                resolve(false);\r\n            });\r\n        });\r\n    };\r\n    // Configures a list\r\n    ListSecurity.prototype.configureList = function (listInfo) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Ensure a permission exists\r\n            var permissionId = _this._permissionTypes[listInfo.permission];\r\n            if (permissionId > 0) {\r\n                // Get the group id\r\n                _this.getGroupId(listInfo.groupName).then(\r\n                // Exists\r\n                function (groupId) {\r\n                    // Add the group to the list\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).Lists(listInfo.listName).RoleAssignments().addRoleAssignment(groupId, permissionId).execute(resolve, function () {\r\n                        // Log to the console\r\n                        console.error(\"[\".concat(listInfo.listName, \"] Error adding the group '\").concat(listInfo.groupName, \"' with permission \").concat(listInfo.permission, \" to the list.\"));\r\n                        // Resolve the request\r\n                        resolve();\r\n                    });\r\n                }, \r\n                // Error\r\n                function () {\r\n                    // Log to the console\r\n                    console.error(\"[\".concat(listInfo.listName, \"] Site Group '\").concat(listInfo.groupName, \"' doesn't exist\"));\r\n                    // Resolve the request\r\n                    resolve();\r\n                });\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Configures the lists\r\n    ListSecurity.prototype.configureLists = function (lists) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var counter = 0;\r\n            // Show a loading dialog\r\n            loadingDialog_1.LoadingDialog.setHeader(\"Configuring Lists\");\r\n            loadingDialog_1.LoadingDialog.setBody(\"This will close after the lists are configured...\");\r\n            loadingDialog_1.LoadingDialog.show();\r\n            // Reset the lists\r\n            _this.resetPermissions(lists).then(function () {\r\n                // Parse the lists\r\n                gd_sprest_bs_1.Helper.Executor(lists, function (list) {\r\n                    // Return a promise\r\n                    return new Promise(function (resolve) {\r\n                        // Update the loading dialog\r\n                        loadingDialog_1.LoadingDialog.setBody(\"Configuring \".concat(++counter, \" of \").concat(lists.length, \" lists...\"));\r\n                        // Configure the list\r\n                        _this.configureList(list).then(resolve);\r\n                    });\r\n                }).then(resolve, reject);\r\n            });\r\n        });\r\n    };\r\n    // Creates the security groups\r\n    ListSecurity.prototype.createGroups = function (createFl) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if we aren't creating the groups\r\n            if (!createFl) {\r\n                // Resolve the request\r\n                resolve();\r\n                return;\r\n            }\r\n            // Update the loading dialog\r\n            loadingDialog_1.LoadingDialog.setBody(\"Ensuring the security groups exist...\");\r\n            // Parse the group names\r\n            var groups = _this._props.groups || [];\r\n            gd_sprest_bs_1.Helper.Executor(groups, function (groupInfo) {\r\n                // Return a promise\r\n                return new Promise(function (resolve) {\r\n                    // Get the group\r\n                    _this.getGroupId(groupInfo.Title).then(\r\n                    // Group exists\r\n                    function () {\r\n                        // Check the next group\r\n                        resolve(null);\r\n                    }, \r\n                    // Group doesn't exist\r\n                    function () {\r\n                        // Update the loading dialog\r\n                        loadingDialog_1.LoadingDialog.setBody(\"Creating the security group: \".concat(groupInfo.Title));\r\n                        // Create the properties\r\n                        var props = {\r\n                            Title: groupInfo.Title\r\n                        };\r\n                        // Call the event if it exists\r\n                        props = _this._props.onGroupCreating ? _this._props.onGroupCreating(props) : props;\r\n                        // Create the group\r\n                        (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).SiteGroups().add(props).execute(\r\n                        // Successfully created the group\r\n                        function (group) {\r\n                            // Set the group id\r\n                            _this.setGroup(groupInfo.Title.toLowerCase(), group);\r\n                            // Call the event\r\n                            _this._props.onGroupCreated ? _this._props.onGroupCreated(group) : null;\r\n                            // Check the next group\r\n                            resolve(group);\r\n                        }, \r\n                        // Error creating the group\r\n                        function () {\r\n                            // Log to the console\r\n                            console.error(\"Site Group '\".concat(groupInfo.Title, \"' was unable to be created.\"));\r\n                            // Check the next group\r\n                            resolve(null);\r\n                        });\r\n                    });\r\n                });\r\n            }).then(resolve, reject);\r\n        });\r\n    };\r\n    // Gets the group id\r\n    ListSecurity.prototype.getGroupId = function (groupName) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var key = groupName.toLowerCase();\r\n            // See if we have already have it\r\n            if (_this._groups[key]) {\r\n                // Resolve the request\r\n                resolve(_this._groups[key].Id);\r\n                return;\r\n            }\r\n            // Get the group information\r\n            switch (key) {\r\n                // Default owner's group\r\n                case exports.ListSecurityDefaultGroups.Owners:\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).AssociatedOwnerGroup().query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        _this.setGroup(group.Title.toLowerCase(), group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n                // Default member's group\r\n                case exports.ListSecurityDefaultGroups.Members:\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).AssociatedMemberGroup().query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        _this.setGroup(group.Title.toLowerCase(), group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n                // Default visitor's group\r\n                case exports.ListSecurityDefaultGroups.Visitors:\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).AssociatedVisitorGroup().query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        _this.setGroup(group.Title.toLowerCase(), group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n                // Default\r\n                default:\r\n                    // Get the group\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).SiteGroups().getByName(groupName).query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n            }\r\n        });\r\n    };\r\n    // Get the permission types\r\n    ListSecurity.prototype.getPermissionTypes = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Get the definitions\r\n            (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).RoleDefinitions().query({\r\n                OrderBy: [\"Name\"]\r\n            }).execute(function (roleDefs) {\r\n                // Clear the permissions and items\r\n                _this._ddlItems = [{ text: \"No Permission\" }];\r\n                _this._permissionTypes = {};\r\n                // Parse the role definitions\r\n                for (var i = 0; i < roleDefs.results.length; i++) {\r\n                    var roleDef = roleDefs.results[i];\r\n                    // Add the role and item\r\n                    var value = roleDef.RoleTypeKind > 0 ? roleDef.RoleTypeKind : roleDef.Name;\r\n                    _this._permissionTypes[value] = roleDef.Id;\r\n                    _this._ddlItems.push({\r\n                        data: roleDef,\r\n                        text: roleDef.Name,\r\n                        value: value.toString()\r\n                    });\r\n                }\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Method to see if a user is w/in a group\r\n    ListSecurity.prototype.isInGroup = function (userId, groupName) {\r\n        // See if we have the user information\r\n        var users = this.getGroupUsers(groupName);\r\n        for (var i = 0; i < users.length; i++) {\r\n            // See if the user is in this group\r\n            if (users[i].Id == userId) {\r\n                return true;\r\n            }\r\n        }\r\n        // Not in the group\r\n        return false;\r\n    };\r\n    // Loads the current user\r\n    ListSecurity.prototype.loadCurrentUser = function () {\r\n        var _this = this;\r\n        // Load the current user\r\n        (0, gd_sprest_bs_1.Web)(this._props.webUrl, { requestDigest: this._requestDigest }).CurrentUser().execute(\r\n        // Success\r\n        function (user) {\r\n            // Set the user\r\n            _this._currentUser = user;\r\n        }, \r\n        // Error\r\n        function () {\r\n            // Log\r\n            console.error(\"Unable to load the current user\");\r\n            // Set the information from the context info\r\n            _this._currentUser = {\r\n                Email: gd_sprest_bs_1.ContextInfo.userEmail,\r\n                Id: gd_sprest_bs_1.ContextInfo.userId,\r\n                LoginName: gd_sprest_bs_1.ContextInfo.userLoginName,\r\n                Title: gd_sprest_bs_1.ContextInfo.userDisplayName,\r\n                UserPrincipalName: gd_sprest_bs_1.ContextInfo.userPrincipalName\r\n            };\r\n        });\r\n    };\r\n    // Loads the security groups\r\n    ListSecurity.prototype.loadGroups = function () {\r\n        var _this = this;\r\n        var groupNames = [];\r\n        // Parse the security groups\r\n        var groups = this._props.groups || [];\r\n        for (var i = 0; i < groups.length; i++) {\r\n            // Add the group name\r\n            groupNames.push(groups[i].Title);\r\n        }\r\n        // Parse the list items\r\n        var loadDefaultOwner = false;\r\n        var loadDefaultMember = false;\r\n        var loadDefaultVisitor = false;\r\n        for (var i = 0; i < this._props.listItems.length; i++) {\r\n            // See if this item uses a default group name\r\n            switch (this._props.listItems[i].groupName) {\r\n                // Members Group\r\n                case exports.ListSecurityDefaultGroups.Members:\r\n                    loadDefaultMember = true;\r\n                    break;\r\n                // Owners Group\r\n                case exports.ListSecurityDefaultGroups.Owners:\r\n                    loadDefaultOwner = true;\r\n                    break;\r\n                // Visitors Group\r\n                case exports.ListSecurityDefaultGroups.Visitors:\r\n                    loadDefaultVisitor = true;\r\n                    break;\r\n            }\r\n        }\r\n        // Append the group names\r\n        loadDefaultMember ? groupNames.push(exports.ListSecurityDefaultGroups.Members) : null;\r\n        loadDefaultOwner ? groupNames.push(exports.ListSecurityDefaultGroups.Owners) : null;\r\n        loadDefaultVisitor ? groupNames.push(exports.ListSecurityDefaultGroups.Visitors) : null;\r\n        // Parse the security groups\r\n        gd_sprest_bs_1.Helper.Executor(groupNames, function (groupName) {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // Load the group\r\n                _this.getGroupId(groupName).then(resolve, resolve);\r\n            });\r\n        }).then(function () {\r\n            // Call the event\r\n            _this._props.onGroupsLoaded ? _this._props.onGroupsLoaded(_this._groups) : null;\r\n        });\r\n    };\r\n    // Method remove a user from a specified group\r\n    ListSecurity.prototype.removeFromGroup = function (userId, groupName) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the user is not in the group\r\n            if (!_this.isInGroup(userId, groupName)) {\r\n                // Resolve the request\r\n                resolve();\r\n                return;\r\n            }\r\n            // Remove the user from the group\r\n            _this._groups[groupName].Users().removeById(userId).execute(function () {\r\n                // Add the user to the group\r\n                _this.removeUser(userId, groupName);\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Render the modal\r\n    ListSecurity.prototype.renderModal = function (onComplete) {\r\n        var _this = this;\r\n        // Clear the modal\r\n        modal_1.Modal.clear();\r\n        // Set the size\r\n        modal_1.Modal.setType(gd_sprest_bs_1.Components.ModalTypes.XLarge);\r\n        // Set the header\r\n        modal_1.Modal.setHeader(\"List Security\");\r\n        // Get the default groups\r\n        var defaultGroups = {};\r\n        defaultGroups[exports.ListSecurityDefaultGroups.Members] = this.getGroup(exports.ListSecurityDefaultGroups.Members);\r\n        defaultGroups[exports.ListSecurityDefaultGroups.Owners] = this.getGroup(exports.ListSecurityDefaultGroups.Owners);\r\n        defaultGroups[exports.ListSecurityDefaultGroups.Visitors] = this.getGroup(exports.ListSecurityDefaultGroups.Visitors);\r\n        // Parse the lists\r\n        var rows = [];\r\n        for (var i = 0; i < this._props.listItems.length; i++) {\r\n            var listItem = this._props.listItems[i];\r\n            // Set the group name\r\n            var groupName = listItem.groupName;\r\n            if (defaultGroups[groupName]) {\r\n                // Set the group name\r\n                groupName = defaultGroups[groupName].Title;\r\n            }\r\n            // Add the row\r\n            rows.push({\r\n                isAutoSized: true,\r\n                columns: [\r\n                    {\r\n                        control: {\r\n                            name: \"listName_\" + i,\r\n                            label: \"List Name\",\r\n                            type: gd_sprest_bs_1.Components.FormControlTypes.Readonly,\r\n                            value: listItem.listName\r\n                        }\r\n                    },\r\n                    {\r\n                        control: {\r\n                            name: \"groupName_\" + i,\r\n                            label: \"Group Name\",\r\n                            type: gd_sprest_bs_1.Components.FormControlTypes.Readonly,\r\n                            value: groupName\r\n                        }\r\n                    },\r\n                    {\r\n                        control: {\r\n                            name: \"permission_\" + i,\r\n                            label: \"Permission\",\r\n                            type: gd_sprest_bs_1.Components.FormControlTypes.Dropdown,\r\n                            items: this._ddlItems,\r\n                            required: true,\r\n                            value: listItem.permission\r\n                        }\r\n                    }\r\n                ]\r\n            });\r\n        }\r\n        // Render the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            className: \"list-security-form\",\r\n            el: modal_1.Modal.BodyElement,\r\n            rows: rows\r\n        });\r\n        // Gets the list names\r\n        var getListNames = function () {\r\n            var lists = [];\r\n            // Get the form values\r\n            var tableData = form.getValues();\r\n            // Parse the # of rows\r\n            for (var i = 0; i < rows.length; i++) {\r\n                // Add the list information\r\n                lists.push({\r\n                    groupName: tableData[\"groupName_\" + i],\r\n                    listName: tableData[\"listName_\" + i],\r\n                    permission: tableData[\"permission_\" + i].value\r\n                });\r\n            }\r\n            // Return the list names\r\n            return lists;\r\n        };\r\n        // Render the footer\r\n        gd_sprest_bs_1.Components.TooltipGroup({\r\n            el: modal_1.Modal.FooterElement,\r\n            tooltips: [\r\n                {\r\n                    content: \"Configure the list to inherit permissions from the web\",\r\n                    btnProps: {\r\n                        text: \"Inherit\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                        onClick: function () {\r\n                            // Reset the list permissions\r\n                            _this.resetPermissions(getListNames(), false).then(onComplete);\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Configure the security for the lists\",\r\n                    btnProps: {\r\n                        text: \"Configure\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                        onClick: function () {\r\n                            // Configure the lists\r\n                            _this.configureLists(getListNames()).then(onComplete);\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Close this modal\",\r\n                    btnProps: {\r\n                        text: \"Close\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSecondary,\r\n                        onClick: function () {\r\n                            // Close the modal\r\n                            modal_1.Modal.hide();\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the modal\r\n        modal_1.Modal.show();\r\n    };\r\n    // Reset list permissions\r\n    ListSecurity.prototype.resetPermissions = function (listItems, breakInheritance) {\r\n        var _this = this;\r\n        if (breakInheritance === void 0) { breakInheritance = true; }\r\n        // Parse the lists\r\n        var lists = {};\r\n        for (var i = 0; i < listItems.length; i++) {\r\n            // Add the list\r\n            lists[listItems[i].listName] = true;\r\n        }\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Parse the list keys\r\n            for (var listName in lists) {\r\n                var list = (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).Lists(listName);\r\n                // Reset the permissions\r\n                list.resetRoleInheritance().execute();\r\n                // Revert to the default\r\n                if (breakInheritance) {\r\n                    list.breakRoleInheritance(false, true).execute(true);\r\n                }\r\n                // Wait for the requests to complete\r\n                list.done(resolve);\r\n            }\r\n        });\r\n    };\r\n    // Shows the modal\r\n    ListSecurity.prototype.show = function (createFl, onComplete, onError) {\r\n        var _this = this;\r\n        if (createFl === void 0) { createFl = true; }\r\n        // Show a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading the User Permissions\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"Checking to see if the user can manage this web...\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Check the user permissions\r\n        this.checkUserPermissions().then(function (hasPermissions) {\r\n            // Ensure they have permissions\r\n            if (!hasPermissions) {\r\n                // Close the dialog\r\n                loadingDialog_1.LoadingDialog.hide();\r\n                // Call the event and do nothing\r\n                onError ? onError() : null;\r\n                return;\r\n            }\r\n            // Update the loading dialog\r\n            loadingDialog_1.LoadingDialog.setHeader(\"Loading the Security Information\");\r\n            loadingDialog_1.LoadingDialog.setBody(\"Loading the security group information...\");\r\n            // Create the groups\r\n            _this.createGroups(createFl).then(function () {\r\n                // Update the loading dialog\r\n                loadingDialog_1.LoadingDialog.setBody(\"Waiting for the permission types to be loaded...\");\r\n                // Ensure the permissions are loaded\r\n                var loopId = setInterval(function () {\r\n                    // See if the permissions exist\r\n                    if (_this._ddlItems && _this._permissionTypes) {\r\n                        // Hide the loading dialog\r\n                        loadingDialog_1.LoadingDialog.hide();\r\n                        // Show the modal\r\n                        _this.renderModal(function () {\r\n                            // Hide the loading dialog\r\n                            loadingDialog_1.LoadingDialog.hide();\r\n                            // Call the event\r\n                            onComplete ? onComplete() : null;\r\n                        });\r\n                        // Stop the loop\r\n                        clearInterval(loopId);\r\n                    }\r\n                }, 10);\r\n            }, function () {\r\n                // Hide the loading dialog\r\n                loadingDialog_1.LoadingDialog.hide();\r\n                // Show an error\r\n                modal_1.Modal.setHeader(\"Security Groups\");\r\n                modal_1.Modal.setBody(\"Error loading/creating the security groups. Please contact your admin.\");\r\n                modal_1.Modal.show();\r\n            });\r\n        });\r\n    };\r\n    return ListSecurity;\r\n}());\r\nexports.ListSecurity = ListSecurity;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/listSecurity.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.ListSecurity = exports.ListSecurityDefaultGroups = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/node_modules/gd-sprest-bs/build/index.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ./loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar methods_1 = __webpack_require__(/*! ./methods */ \"./build/common/methods.js\");\r\nvar modal_1 = __webpack_require__(/*! ./modal */ \"./build/common/modal.js\");\r\n// List Security Default Groups\r\nexports.ListSecurityDefaultGroups = {\r\n    Members: \"member\",\r\n    Owners: \"owner\",\r\n    Visitors: \"visitor\"\r\n};\r\n/**\r\n * List Security\r\n * This component is used for setting the security group/permissions for a list.\r\n */\r\nvar ListSecurity = /** @class */ (function () {\r\n    // Constructor\r\n    function ListSecurity(props) {\r\n        var _this = this;\r\n        this._ddlItems = null;\r\n        this._permissionTypes = null;\r\n        this._props = null;\r\n        this._requestDigest = null;\r\n        // Current User\r\n        this._currentUser = null;\r\n        // Security group information\r\n        this._groups = {};\r\n        // Security group users\r\n        this._groupUsers = {};\r\n        // Save the properties\r\n        this._props = props;\r\n        // Get the context information\r\n        (0, methods_1.getContextInfo)(this._props.webUrl).then(function (requestDigest) {\r\n            // Set the request digest value\r\n            _this._requestDigest = requestDigest;\r\n            // Get the current user information\r\n            _this.loadCurrentUser();\r\n            // Get the permission types\r\n            _this.getPermissionTypes();\r\n            // Load the groups\r\n            _this.loadGroups();\r\n        });\r\n    }\r\n    Object.defineProperty(ListSecurity.prototype, \"CurrentUser\", {\r\n        get: function () { return this._currentUser; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    ListSecurity.prototype.getGroup = function (groupName) { return this._groups[groupName.toLowerCase()]; };\r\n    ListSecurity.prototype.setGroup = function (key, group) {\r\n        // Save the info\r\n        this._groups[key] = group;\r\n        this._groupUsers[key] = [];\r\n        // See if the users exist\r\n        if (group.Users) {\r\n            // Set the users for this group\r\n            this._groupUsers[key] = group.Users.results || [];\r\n        }\r\n    };\r\n    ListSecurity.prototype.getGroupUsers = function (groupName) { return this._groupUsers[groupName.toLowerCase()] || []; };\r\n    ListSecurity.prototype.addUser = function (user, groupName) {\r\n        // Ensure the group exists\r\n        var key = groupName.toLowerCase();\r\n        if (this._groupUsers[key]) {\r\n            // Add the user to the group\r\n            this._groupUsers[key].push(user);\r\n        }\r\n    };\r\n    ListSecurity.prototype.removeUser = function (userId, groupName) {\r\n        // Ensure the group exists\r\n        var key = groupName.toLowerCase();\r\n        if (this._groupUsers[key]) {\r\n            // Find the idx of the user\r\n            for (var i = 0; i < this._groupUsers[key].length; i++) {\r\n                // See if this is the user\r\n                var user = this._groupUsers[key][i];\r\n                if (user.Id == userId) {\r\n                    // Remove the user\r\n                    this._groupUsers[key].splice(i, 1);\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n    };\r\n    // Method to check if the user is w/in a group and add them otherwise\r\n    ListSecurity.prototype.addToGroup = function (userId, groupName) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the user is in the group\r\n            if (_this.isInGroup(userId, groupName)) {\r\n                // Resolve the request\r\n                resolve();\r\n                return;\r\n            }\r\n            // Add the user to the group\r\n            _this._groups[groupName].Users().addUserById(userId).execute(function (user) {\r\n                // Add the user to the group\r\n                _this.addUser(user, groupName);\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Determines if the user has manage web rights\r\n    ListSecurity.prototype.checkUserPermissions = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Ensure this class has been initialized\r\n            _this.hasInit().then(function () {\r\n                // Get the current user permissions\r\n                (0, gd_sprest_bs_1.Web)(_this._props.webUrl).getUserEffectivePermissions(_this.CurrentUser.LoginName).execute(\r\n                // Success\r\n                function (permissions) {\r\n                    // See if the user has manage web rights\r\n                    resolve(gd_sprest_bs_1.Helper.hasPermissions(permissions.GetUserEffectivePermissions, gd_sprest_bs_1.SPTypes.BasePermissionTypes.ManageWeb));\r\n                }, \r\n                // Error\r\n                function () {\r\n                    // Resolve the request\r\n                    resolve(false);\r\n                });\r\n            });\r\n        });\r\n    };\r\n    // Configures a list\r\n    ListSecurity.prototype.configureList = function (listInfo) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Ensure a permission exists\r\n            var permissionId = _this._permissionTypes[listInfo.permission];\r\n            if (permissionId > 0) {\r\n                // Get the group id\r\n                _this.getGroupId(listInfo.groupName).then(\r\n                // Exists\r\n                function (groupId) {\r\n                    // Add the group to the list\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).Lists(listInfo.listName).RoleAssignments().addRoleAssignment(groupId, permissionId).execute(resolve, function () {\r\n                        // Log to the console\r\n                        console.error(\"[\".concat(listInfo.listName, \"] Error adding the group '\").concat(listInfo.groupName, \"' with permission \").concat(listInfo.permission, \" to the list.\"));\r\n                        // Resolve the request\r\n                        resolve();\r\n                    });\r\n                }, \r\n                // Error\r\n                function () {\r\n                    // Log to the console\r\n                    console.error(\"[\".concat(listInfo.listName, \"] Site Group '\").concat(listInfo.groupName, \"' doesn't exist\"));\r\n                    // Resolve the request\r\n                    resolve();\r\n                });\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Configures the lists\r\n    ListSecurity.prototype.configureLists = function (lists) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var counter = 0;\r\n            // Show a loading dialog\r\n            loadingDialog_1.LoadingDialog.setHeader(\"Configuring Lists\");\r\n            loadingDialog_1.LoadingDialog.setBody(\"This will close after the lists are configured...\");\r\n            loadingDialog_1.LoadingDialog.show();\r\n            // Reset the lists\r\n            _this.resetPermissions(lists).then(function () {\r\n                // Parse the lists\r\n                gd_sprest_bs_1.Helper.Executor(lists, function (list) {\r\n                    // Return a promise\r\n                    return new Promise(function (resolve) {\r\n                        // Update the loading dialog\r\n                        loadingDialog_1.LoadingDialog.setBody(\"Configuring \".concat(++counter, \" of \").concat(lists.length, \" lists...\"));\r\n                        // Configure the list\r\n                        _this.configureList(list).then(resolve);\r\n                    });\r\n                }).then(resolve, reject);\r\n            });\r\n        });\r\n    };\r\n    // Creates the security groups\r\n    ListSecurity.prototype.createGroups = function (createFl) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if we aren't creating the groups\r\n            if (!createFl) {\r\n                // Resolve the request\r\n                resolve();\r\n                return;\r\n            }\r\n            // Update the loading dialog\r\n            loadingDialog_1.LoadingDialog.setBody(\"Ensuring the security groups exist...\");\r\n            // Parse the group names\r\n            var groups = _this._props.groups || [];\r\n            gd_sprest_bs_1.Helper.Executor(groups, function (groupInfo) {\r\n                // Return a promise\r\n                return new Promise(function (resolve) {\r\n                    // Get the group\r\n                    _this.getGroupId(groupInfo.Title).then(\r\n                    // Group exists\r\n                    function () {\r\n                        // Check the next group\r\n                        resolve(null);\r\n                    }, \r\n                    // Group doesn't exist\r\n                    function () {\r\n                        // Update the loading dialog\r\n                        loadingDialog_1.LoadingDialog.setBody(\"Creating the security group: \".concat(groupInfo.Title));\r\n                        // Create the properties\r\n                        var props = {\r\n                            Title: groupInfo.Title\r\n                        };\r\n                        // Call the event if it exists\r\n                        props = _this._props.onGroupCreating ? _this._props.onGroupCreating(props) : props;\r\n                        // Create the group\r\n                        (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).SiteGroups().add(props).execute(\r\n                        // Successfully created the group\r\n                        function (group) {\r\n                            // Set the group id\r\n                            _this.setGroup(groupInfo.Title.toLowerCase(), group);\r\n                            // Call the event\r\n                            _this._props.onGroupCreated ? _this._props.onGroupCreated(group) : null;\r\n                            // Check the next group\r\n                            resolve(group);\r\n                        }, \r\n                        // Error creating the group\r\n                        function () {\r\n                            // Log to the console\r\n                            console.error(\"Site Group '\".concat(groupInfo.Title, \"' was unable to be created.\"));\r\n                            // Check the next group\r\n                            resolve(null);\r\n                        });\r\n                    });\r\n                });\r\n            }).then(resolve, reject);\r\n        });\r\n    };\r\n    // Gets the group id\r\n    ListSecurity.prototype.getGroupId = function (groupName) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var key = groupName.toLowerCase();\r\n            // See if we have already have it\r\n            if (_this._groups[key]) {\r\n                // Resolve the request\r\n                resolve(_this._groups[key].Id);\r\n                return;\r\n            }\r\n            // Get the group information\r\n            switch (key) {\r\n                // Default owner's group\r\n                case exports.ListSecurityDefaultGroups.Owners:\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).AssociatedOwnerGroup().query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        _this.setGroup(group.Title.toLowerCase(), group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n                // Default member's group\r\n                case exports.ListSecurityDefaultGroups.Members:\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).AssociatedMemberGroup().query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        _this.setGroup(group.Title.toLowerCase(), group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n                // Default visitor's group\r\n                case exports.ListSecurityDefaultGroups.Visitors:\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).AssociatedVisitorGroup().query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        _this.setGroup(group.Title.toLowerCase(), group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n                // Default\r\n                default:\r\n                    // Get the group\r\n                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).SiteGroups().getByName(groupName).query({\r\n                        Expand: [\"Users\"]\r\n                    }).execute(function (group) {\r\n                        _this.setGroup(key, group);\r\n                        resolve(group.Id);\r\n                    }, reject);\r\n                    break;\r\n            }\r\n        });\r\n    };\r\n    // Get the permission types\r\n    ListSecurity.prototype.getPermissionTypes = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Get the definitions\r\n            (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).RoleDefinitions().query({\r\n                OrderBy: [\"Name\"]\r\n            }).execute(function (roleDefs) {\r\n                // Clear the permissions and items\r\n                _this._ddlItems = [{ text: \"No Permission\" }];\r\n                _this._permissionTypes = {};\r\n                // Parse the role definitions\r\n                for (var i = 0; i < roleDefs.results.length; i++) {\r\n                    var roleDef = roleDefs.results[i];\r\n                    // Add the role and item\r\n                    var value = roleDef.RoleTypeKind > 0 ? roleDef.RoleTypeKind : roleDef.Name;\r\n                    _this._permissionTypes[value] = roleDef.Id;\r\n                    _this._ddlItems.push({\r\n                        data: roleDef,\r\n                        text: roleDef.Name,\r\n                        value: value.toString()\r\n                    });\r\n                }\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Method to ensure this class has initialized\r\n    ListSecurity.prototype.hasInit = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Set a loop\r\n            var loopId = setInterval(function () {\r\n                // Ensure this class has initialized\r\n                if (_this.CurrentUser) {\r\n                    // Stop the loop\r\n                    clearInterval(loopId);\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                }\r\n            }, 10);\r\n        });\r\n    };\r\n    // Method to see if a user is w/in a group\r\n    ListSecurity.prototype.isInGroup = function (userId, groupName) {\r\n        // See if we have the user information\r\n        var users = this.getGroupUsers(groupName);\r\n        for (var i = 0; i < users.length; i++) {\r\n            // See if the user is in this group\r\n            if (users[i].Id == userId) {\r\n                return true;\r\n            }\r\n        }\r\n        // Not in the group\r\n        return false;\r\n    };\r\n    // Loads the current user\r\n    ListSecurity.prototype.loadCurrentUser = function () {\r\n        var _this = this;\r\n        // Load the current user\r\n        (0, gd_sprest_bs_1.Web)(this._props.webUrl, { requestDigest: this._requestDigest }).CurrentUser().execute(\r\n        // Success\r\n        function (user) {\r\n            // Set the user\r\n            _this._currentUser = user;\r\n        }, \r\n        // Error\r\n        function () {\r\n            // Log\r\n            console.error(\"Unable to load the current user\");\r\n            // Set the information from the context info\r\n            _this._currentUser = {\r\n                Email: gd_sprest_bs_1.ContextInfo.userEmail,\r\n                Id: gd_sprest_bs_1.ContextInfo.userId,\r\n                LoginName: gd_sprest_bs_1.ContextInfo.userLoginName,\r\n                Title: gd_sprest_bs_1.ContextInfo.userDisplayName,\r\n                UserPrincipalName: gd_sprest_bs_1.ContextInfo.userPrincipalName\r\n            };\r\n        });\r\n    };\r\n    // Loads the security groups\r\n    ListSecurity.prototype.loadGroups = function () {\r\n        var _this = this;\r\n        var groupNames = [];\r\n        // Parse the security groups\r\n        var groups = this._props.groups || [];\r\n        for (var i = 0; i < groups.length; i++) {\r\n            // Add the group name\r\n            groupNames.push(groups[i].Title);\r\n        }\r\n        // Parse the list items\r\n        var loadDefaultOwner = false;\r\n        var loadDefaultMember = false;\r\n        var loadDefaultVisitor = false;\r\n        for (var i = 0; i < this._props.listItems.length; i++) {\r\n            // See if this item uses a default group name\r\n            switch (this._props.listItems[i].groupName) {\r\n                // Members Group\r\n                case exports.ListSecurityDefaultGroups.Members:\r\n                    loadDefaultMember = true;\r\n                    break;\r\n                // Owners Group\r\n                case exports.ListSecurityDefaultGroups.Owners:\r\n                    loadDefaultOwner = true;\r\n                    break;\r\n                // Visitors Group\r\n                case exports.ListSecurityDefaultGroups.Visitors:\r\n                    loadDefaultVisitor = true;\r\n                    break;\r\n            }\r\n        }\r\n        // Append the group names\r\n        loadDefaultMember ? groupNames.push(exports.ListSecurityDefaultGroups.Members) : null;\r\n        loadDefaultOwner ? groupNames.push(exports.ListSecurityDefaultGroups.Owners) : null;\r\n        loadDefaultVisitor ? groupNames.push(exports.ListSecurityDefaultGroups.Visitors) : null;\r\n        // Parse the security groups\r\n        gd_sprest_bs_1.Helper.Executor(groupNames, function (groupName) {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // Load the group\r\n                _this.getGroupId(groupName).then(resolve, resolve);\r\n            });\r\n        }).then(function () {\r\n            // Call the event\r\n            _this._props.onGroupsLoaded ? _this._props.onGroupsLoaded(_this._groups) : null;\r\n        });\r\n    };\r\n    // Method remove a user from a specified group\r\n    ListSecurity.prototype.removeFromGroup = function (userId, groupName) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the user is not in the group\r\n            if (!_this.isInGroup(userId, groupName)) {\r\n                // Resolve the request\r\n                resolve();\r\n                return;\r\n            }\r\n            // Remove the user from the group\r\n            _this._groups[groupName].Users().removeById(userId).execute(function () {\r\n                // Add the user to the group\r\n                _this.removeUser(userId, groupName);\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Render the modal\r\n    ListSecurity.prototype.renderModal = function (onComplete) {\r\n        var _this = this;\r\n        // Clear the modal\r\n        modal_1.Modal.clear();\r\n        // Set the size\r\n        modal_1.Modal.setType(gd_sprest_bs_1.Components.ModalTypes.XLarge);\r\n        // Set the header\r\n        modal_1.Modal.setHeader(\"List Security\");\r\n        // Get the default groups\r\n        var defaultGroups = {};\r\n        defaultGroups[exports.ListSecurityDefaultGroups.Members] = this.getGroup(exports.ListSecurityDefaultGroups.Members);\r\n        defaultGroups[exports.ListSecurityDefaultGroups.Owners] = this.getGroup(exports.ListSecurityDefaultGroups.Owners);\r\n        defaultGroups[exports.ListSecurityDefaultGroups.Visitors] = this.getGroup(exports.ListSecurityDefaultGroups.Visitors);\r\n        // Parse the lists\r\n        var rows = [];\r\n        for (var i = 0; i < this._props.listItems.length; i++) {\r\n            var listItem = this._props.listItems[i];\r\n            // Set the group name\r\n            var groupName = listItem.groupName;\r\n            if (defaultGroups[groupName]) {\r\n                // Set the group name\r\n                groupName = defaultGroups[groupName].Title;\r\n            }\r\n            // Add the row\r\n            rows.push({\r\n                isAutoSized: true,\r\n                columns: [\r\n                    {\r\n                        control: {\r\n                            name: \"listName_\" + i,\r\n                            label: \"List Name\",\r\n                            type: gd_sprest_bs_1.Components.FormControlTypes.Readonly,\r\n                            value: listItem.listName\r\n                        }\r\n                    },\r\n                    {\r\n                        control: {\r\n                            name: \"groupName_\" + i,\r\n                            label: \"Group Name\",\r\n                            type: gd_sprest_bs_1.Components.FormControlTypes.Readonly,\r\n                            value: groupName\r\n                        }\r\n                    },\r\n                    {\r\n                        control: {\r\n                            name: \"permission_\" + i,\r\n                            label: \"Permission\",\r\n                            type: gd_sprest_bs_1.Components.FormControlTypes.Dropdown,\r\n                            items: this._ddlItems,\r\n                            required: true,\r\n                            value: listItem.permission\r\n                        }\r\n                    }\r\n                ]\r\n            });\r\n        }\r\n        // Render the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            className: \"list-security-form\",\r\n            el: modal_1.Modal.BodyElement,\r\n            rows: rows\r\n        });\r\n        // Gets the list names\r\n        var getListNames = function () {\r\n            var lists = [];\r\n            // Get the form values\r\n            var tableData = form.getValues();\r\n            // Parse the # of rows\r\n            for (var i = 0; i < rows.length; i++) {\r\n                // Add the list information\r\n                lists.push({\r\n                    groupName: tableData[\"groupName_\" + i],\r\n                    listName: tableData[\"listName_\" + i],\r\n                    permission: tableData[\"permission_\" + i].value\r\n                });\r\n            }\r\n            // Return the list names\r\n            return lists;\r\n        };\r\n        // Render the footer\r\n        gd_sprest_bs_1.Components.TooltipGroup({\r\n            el: modal_1.Modal.FooterElement,\r\n            tooltips: [\r\n                {\r\n                    content: \"Configure the list to inherit permissions from the web\",\r\n                    btnProps: {\r\n                        text: \"Inherit\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                        onClick: function () {\r\n                            // Reset the list permissions\r\n                            _this.resetPermissions(getListNames(), false).then(onComplete);\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Configure the security for the lists\",\r\n                    btnProps: {\r\n                        text: \"Configure\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                        onClick: function () {\r\n                            // Configure the lists\r\n                            _this.configureLists(getListNames()).then(onComplete);\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Close this modal\",\r\n                    btnProps: {\r\n                        text: \"Close\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSecondary,\r\n                        onClick: function () {\r\n                            // Close the modal\r\n                            modal_1.Modal.hide();\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the modal\r\n        modal_1.Modal.show();\r\n    };\r\n    // Reset list permissions\r\n    ListSecurity.prototype.resetPermissions = function (listItems, breakInheritance) {\r\n        var _this = this;\r\n        if (breakInheritance === void 0) { breakInheritance = true; }\r\n        // Parse the lists\r\n        var lists = {};\r\n        for (var i = 0; i < listItems.length; i++) {\r\n            // Add the list\r\n            lists[listItems[i].listName] = true;\r\n        }\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Parse the list keys\r\n            for (var listName in lists) {\r\n                var list = (0, gd_sprest_bs_1.Web)(_this._props.webUrl, { requestDigest: _this._requestDigest }).Lists(listName);\r\n                // Reset the permissions\r\n                list.resetRoleInheritance().execute();\r\n                // Revert to the default\r\n                if (breakInheritance) {\r\n                    list.breakRoleInheritance(false, true).execute(true);\r\n                }\r\n                // Wait for the requests to complete\r\n                list.done(resolve);\r\n            }\r\n        });\r\n    };\r\n    // Shows the modal\r\n    ListSecurity.prototype.show = function (createFl, onComplete, onError) {\r\n        var _this = this;\r\n        if (createFl === void 0) { createFl = true; }\r\n        // Show a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading the User Permissions\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"Checking to see if the user can manage this web...\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Check the user permissions\r\n        this.checkUserPermissions().then(function (hasPermissions) {\r\n            // Ensure they have permissions\r\n            if (!hasPermissions) {\r\n                // Close the dialog\r\n                loadingDialog_1.LoadingDialog.hide();\r\n                // Call the event and do nothing\r\n                onError ? onError() : null;\r\n                return;\r\n            }\r\n            // Update the loading dialog\r\n            loadingDialog_1.LoadingDialog.setHeader(\"Loading the Security Information\");\r\n            loadingDialog_1.LoadingDialog.setBody(\"Loading the security group information...\");\r\n            // Create the groups\r\n            _this.createGroups(createFl).then(function () {\r\n                // Update the loading dialog\r\n                loadingDialog_1.LoadingDialog.setBody(\"Waiting for the permission types to be loaded...\");\r\n                // Ensure the permissions are loaded\r\n                var loopId = setInterval(function () {\r\n                    // See if the permissions exist\r\n                    if (_this._ddlItems && _this._permissionTypes) {\r\n                        // Hide the loading dialog\r\n                        loadingDialog_1.LoadingDialog.hide();\r\n                        // Show the modal\r\n                        _this.renderModal(function () {\r\n                            // Hide the loading dialog\r\n                            loadingDialog_1.LoadingDialog.hide();\r\n                            // Call the event\r\n                            onComplete ? onComplete() : null;\r\n                        });\r\n                        // Stop the loop\r\n                        clearInterval(loopId);\r\n                    }\r\n                }, 10);\r\n            }, function () {\r\n                // Hide the loading dialog\r\n                loadingDialog_1.LoadingDialog.hide();\r\n                // Show an error\r\n                modal_1.Modal.setHeader(\"Security Groups\");\r\n                modal_1.Modal.setBody(\"Error loading/creating the security groups. Please contact your admin.\");\r\n                modal_1.Modal.show();\r\n            });\r\n        });\r\n    };\r\n    return ListSecurity;\r\n}());\r\nexports.ListSecurity = ListSecurity;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/listSecurity.js?");
 
 /***/ }),
 
@@ -170,7 +170,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Accordion = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Accordion\r\n */\r\nvar Accordion = /** @class */ (function () {\r\n    // Constructor\r\n    function Accordion(props) {\r\n        this._accordion = null;\r\n        this._activeFilterClass = null;\r\n        this._activeSearchFilter = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the accordion\r\n        this.render();\r\n    }\r\n    // Clears an item\r\n    Accordion.prototype.clearItem = function (elItem) {\r\n        // Hide the item\r\n        elItem.classList.add(\"d-none\");\r\n        // Remove the first/last item classes\r\n        elItem.classList.remove(\"first-item\");\r\n        elItem.classList.remove(\"last-item\");\r\n    };\r\n    // Filters the accordion\r\n    Accordion.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all accordion items\r\n        var items = this._props.el.querySelectorAll(\".accordion-item\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Clear the item\r\n            this.clearItem(elItem);\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\r\n        }\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the dashboard\r\n    Accordion.prototype.render = function () {\r\n        // Render the accordion\r\n        this.renderAccordion();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the accordion\r\n    Accordion.prototype.renderAccordion = function () {\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            var item = this._props.items[i];\r\n            var itemClassNames = [];\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected filters\r\n                var filters = item[this._props.filterField] || [];\r\n                filters = filters[\"results\"] || filters;\r\n                for (var j = 0; j < filters.length; j++) {\r\n                    var filter = filters[j].toLowerCase().replace(/ /g, '-');\r\n                    // Add the filter as a class name\r\n                    if (filter) {\r\n                        itemClassNames.push(filter);\r\n                    }\r\n                }\r\n            }\r\n            // Add an accordion item\r\n            accordionItems.push({\r\n                className: itemClassNames.join(\" \"),\r\n                content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                header: item[this._props.titleField || \"Title\"] || \"\",\r\n                onClick: this._props.onItemClick,\r\n                onRender: this._props.onItemRender,\r\n                showFl: i == 0,\r\n            });\r\n        }\r\n        // Render the accordion\r\n        this._accordion = gd_sprest_bs_1.Components.Accordion({\r\n            el: this._props.el,\r\n            id: \"accordion-list\",\r\n            items: accordionItems\r\n        });\r\n    };\r\n    // Renders the items\r\n    Accordion.prototype.renderItems = function () {\r\n        var _this = this;\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".accordion-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"accordion-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._accordion.el.querySelectorAll(this._activeFilterClass ? \".\" + this._activeFilterClass : \".accordion-item\"));\r\n        // See if a search value exists\r\n        if (this._activeSearchFilter) {\r\n            // Parse the items\r\n            for (var i = elItems.length - 1; i >= 0; i--) {\r\n                var elItem = elItems[i];\r\n                var elContent = elItem.querySelector(\".accordion-body\");\r\n                // See if this item is expanded\r\n                if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                    // Collapse the item\r\n                    var btn = elItem.querySelector(\".accordion-button\");\r\n                    btn === null || btn === void 0 ? void 0 : btn.click();\r\n                }\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0 &&\r\n                    elContent.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Clear the item\r\n                    this.clearItem(elItem);\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Clear the item\r\n                this.clearItem(elItem);\r\n                // Show the item\r\n                elItem.classList.remove(\"d-none\");\r\n                // See if this is the first item\r\n                if (i == 0) {\r\n                    elItem.classList.add(\"first-item\");\r\n                }\r\n            }\r\n            else {\r\n                // Set the class for the last item\r\n                if (elItems[i - 1]) {\r\n                    elItems[i - 1].classList.add(\"last-item\");\r\n                }\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            // Clear the item\r\n            this.clearItem(elItems[i]);\r\n        }\r\n        // Ensure items exist\r\n        if (elItems.length > 0) {\r\n            // Ensure the first item is expanded\r\n            if (elItems[0].querySelector(\".accordion-collapse.show\") == null) {\r\n                // Hide the button\r\n                var btn = elItems[0].querySelector(\".accordion-button\");\r\n                btn === null || btn === void 0 ? void 0 : btn.click();\r\n            }\r\n            // Set the first item class\r\n            elItems[0].classList.add(\"first-item\");\r\n            // Set the last item class\r\n            var lastIdx = paginationLimit - 1;\r\n            elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n        }\r\n        // Render the pagination\r\n        this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n            el: elPagination,\r\n            className: \"d-flex justify-content-end pt-2\",\r\n            numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n            onClick: function (pageNumber) {\r\n                // Parse the items\r\n                for (var i = 0; i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // See if this item is expanded\r\n                    if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                        // Hide the button\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                    // Clear the item\r\n                    _this.clearItem(elItem);\r\n                }\r\n                // Parse the items to show\r\n                var startIdx = (pageNumber - 1) * paginationLimit;\r\n                for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Show the item\r\n                    elItem.classList.remove(\"d-none\");\r\n                    // See if this is the first item\r\n                    if (i == startIdx) {\r\n                        // Set the first item class\r\n                        elItem.classList.add(\"first-item\");\r\n                        // Expand the item\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                }\r\n                // Set the last item class\r\n                var lastIdx = startIdx + paginationLimit - 1;\r\n                elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n            }\r\n        });\r\n    };\r\n    // Searches the accordion\r\n    Accordion.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchFilter = (value || \"\").toLowerCase();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    return Accordion;\r\n}());\r\nexports.Accordion = Accordion;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/accordion.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Accordion = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Accordion\r\n */\r\nvar Accordion = /** @class */ (function () {\r\n    // Constructor\r\n    function Accordion(props) {\r\n        this._accordion = null;\r\n        this._activeFilterClass = null;\r\n        this._activeSearchFilter = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the accordion\r\n        this.render();\r\n    }\r\n    // Clears an item\r\n    Accordion.prototype.clearItem = function (elItem) {\r\n        // Hide the item\r\n        elItem.classList.add(\"d-none\");\r\n        // Remove the first/last item classes\r\n        elItem.classList.remove(\"first-item\");\r\n        elItem.classList.remove(\"last-item\");\r\n    };\r\n    // Filters the accordion\r\n    Accordion.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all accordion items\r\n        var items = this._props.el.querySelectorAll(\".accordion-item\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Clear the item\r\n            this.clearItem(elItem);\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\r\n        }\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the dashboard\r\n    Accordion.prototype.render = function () {\r\n        // Render the accordion\r\n        this.renderAccordion();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    // Renders the accordion\r\n    Accordion.prototype.renderAccordion = function () {\r\n        // Parse the items\r\n        var accordionItems = [];\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            var item = this._props.items[i];\r\n            var itemClassNames = [];\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected filters\r\n                var filters = item[this._props.filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                for (var j = 0; j < filters.length; j++) {\r\n                    var filter = filters[j].toLowerCase().replace(/ /g, '-');\r\n                    // Add the filter as a class name\r\n                    if (filter) {\r\n                        itemClassNames.push(filter);\r\n                    }\r\n                }\r\n            }\r\n            // Add an accordion item\r\n            accordionItems.push({\r\n                className: itemClassNames.join(\" \"),\r\n                content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                header: item[this._props.titleField || \"Title\"] || \"\",\r\n                onClick: this._props.onItemClick,\r\n                onRender: this._props.onItemRender,\r\n                showFl: i == 0,\r\n            });\r\n        }\r\n        // Render the accordion\r\n        this._accordion = gd_sprest_bs_1.Components.Accordion({\r\n            el: this._props.el,\r\n            id: \"accordion-list\",\r\n            items: accordionItems\r\n        });\r\n    };\r\n    // Renders the items\r\n    Accordion.prototype.renderItems = function () {\r\n        var _this = this;\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".accordion-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"accordion-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._accordion.el.querySelectorAll(this._activeFilterClass ? \".\" + this._activeFilterClass : \".accordion-item\"));\r\n        // See if a search value exists\r\n        if (this._activeSearchFilter) {\r\n            // Parse the items\r\n            for (var i = elItems.length - 1; i >= 0; i--) {\r\n                var elItem = elItems[i];\r\n                var elContent = elItem.querySelector(\".accordion-body\");\r\n                // See if this item is expanded\r\n                if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                    // Collapse the item\r\n                    var btn = elItem.querySelector(\".accordion-button\");\r\n                    btn === null || btn === void 0 ? void 0 : btn.click();\r\n                }\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0 &&\r\n                    elContent.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Clear the item\r\n                    this.clearItem(elItem);\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Clear the item\r\n                this.clearItem(elItem);\r\n                // Show the item\r\n                elItem.classList.remove(\"d-none\");\r\n                // See if this is the first item\r\n                if (i == 0) {\r\n                    elItem.classList.add(\"first-item\");\r\n                }\r\n            }\r\n            else {\r\n                // Set the class for the last item\r\n                if (elItems[i - 1]) {\r\n                    elItems[i - 1].classList.add(\"last-item\");\r\n                }\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            // Clear the item\r\n            this.clearItem(elItems[i]);\r\n        }\r\n        // Ensure items exist\r\n        if (elItems.length > 0) {\r\n            // Ensure the first item is expanded\r\n            if (elItems[0].querySelector(\".accordion-collapse.show\") == null) {\r\n                // Hide the button\r\n                var btn = elItems[0].querySelector(\".accordion-button\");\r\n                btn === null || btn === void 0 ? void 0 : btn.click();\r\n            }\r\n            // Set the first item class\r\n            elItems[0].classList.add(\"first-item\");\r\n            // Set the last item class\r\n            var lastIdx = paginationLimit - 1;\r\n            elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n        }\r\n        // Render the pagination\r\n        this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n            el: elPagination,\r\n            className: \"d-flex justify-content-end pt-2\",\r\n            numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n            onClick: function (pageNumber) {\r\n                // Parse the items\r\n                for (var i = 0; i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // See if this item is expanded\r\n                    if (elItem.querySelector(\".accordion-collapse.show\")) {\r\n                        // Hide the button\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                    // Clear the item\r\n                    _this.clearItem(elItem);\r\n                }\r\n                // Parse the items to show\r\n                var startIdx = (pageNumber - 1) * paginationLimit;\r\n                for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Show the item\r\n                    elItem.classList.remove(\"d-none\");\r\n                    // See if this is the first item\r\n                    if (i == startIdx) {\r\n                        // Set the first item class\r\n                        elItem.classList.add(\"first-item\");\r\n                        // Expand the item\r\n                        var btn = elItem.querySelector(\".accordion-button\");\r\n                        btn === null || btn === void 0 ? void 0 : btn.click();\r\n                    }\r\n                }\r\n                // Set the last item class\r\n                var lastIdx = startIdx + paginationLimit - 1;\r\n                elItems[lastIdx < elItems.length ? lastIdx : elItems.length - 1].classList.add(\"last-item\");\r\n            }\r\n        });\r\n    };\r\n    // Searches the accordion\r\n    Accordion.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchFilter = (value || \"\").toLowerCase();\r\n        // Render the items\r\n        this.renderItems();\r\n    };\r\n    return Accordion;\r\n}());\r\nexports.Accordion = Accordion;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/accordion.js?");
 
 /***/ }),
 
@@ -247,7 +247,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Tiles\r\n */\r\nvar Tiles = /** @class */ (function () {\r\n    // Constructor\r\n    function Tiles(props) {\r\n        this._tiles = null;\r\n        this._activeFilterClass = null;\r\n        this._activeSearchFilter = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the tile\r\n        this.render();\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all tile items\r\n        var items = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function () {\r\n        // Render the tile\r\n        this.renderTiles();\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function () {\r\n        var _this = this;\r\n        // Parse the items\r\n        var cards = [];\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            var item = this._props.items[i];\r\n            var itemClassNames = [];\r\n            // Get the filters\r\n            var filters = item[this._props.filterField] || [];\r\n            filters = filters[\"results\"] || filters;\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected filters\r\n                for (var j = 0; j < filters.length; j++) {\r\n                    var filter = filters[j].toLowerCase().replace(/ /g, '-');\r\n                    // Add the filter as a class name\r\n                    if (filter) {\r\n                        itemClassNames.push(filter);\r\n                    }\r\n                }\r\n            }\r\n            // Add an tile\r\n            cards.push({\r\n                className: itemClassNames.join(\" \"),\r\n                body: [{\r\n                        content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                        data: item,\r\n                        subTitle: item[this._props.subTitleField] || \"\",\r\n                        title: item[this._props.titleField || \"Title\"] || \"\",\r\n                        onRender: function (el, card) {\r\n                            var item = card.data;\r\n                            // Call the events\r\n                            _this._props.onTitleRender ? _this._props.onTitleRender(el.querySelector(\".card-title\"), item) : null;\r\n                            _this._props.onSubTitleRender ? _this._props.onSubTitleRender(el.querySelector(\".card-subtitle\"), item) : null;\r\n                            _this._props.onBodyRender ? _this._props.onBodyRender(el.querySelector(\".card-text\"), item) : null;\r\n                            _this._props.onCardRender ? _this._props.onCardRender(el.querySelector(\".card-body\"), item) : null;\r\n                        }\r\n                    }]\r\n            });\r\n        }\r\n        // Render the tiles\r\n        this._tiles = gd_sprest_bs_1.Components.CardGroup({\r\n            el: this._props.el,\r\n            cards: cards\r\n        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".tiles-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"tiles-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._tiles.el.querySelectorAll(this._activeFilterClass ? \".\" + this._activeFilterClass : \".card\"));\r\n        // See if a search value exists\r\n        if (this._activeSearchFilter) {\r\n            // Parse the items\r\n            for (var i = elItems.length - 1; i >= 0; i--) {\r\n                var elItem = elItems[i];\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Show the item\r\n                elItem.classList.remove(\"d-none\");\r\n            }\r\n            else {\r\n                // Set the class for the last item\r\n                if (elItems[i - 1]) {\r\n                    elItems[i - 1].classList.add(\"last-item\");\r\n                }\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            var elItem = elItems[i];\r\n            // Hide the item\r\n            elItem.classList.add(\"d-none\");\r\n        }\r\n        // Render the pagination\r\n        this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n            el: elPagination,\r\n            className: \"d-flex justify-content-end pt-2\",\r\n            numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n            onClick: function (pageNumber) {\r\n                // Parse the items\r\n                for (var i = 0; i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\r\n                }\r\n                // Parse the items to show\r\n                var startIdx = (pageNumber - 1) * paginationLimit;\r\n                for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Show the item\r\n                    elItem.classList.remove(\"d-none\");\r\n                }\r\n            }\r\n        });\r\n    };\r\n    // Searches the tile\r\n    Tiles.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchFilter = (value || \"\").toLowerCase();\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    return Tiles;\r\n}());\r\nexports.Tiles = Tiles;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/tiles.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.99/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Tiles\r\n */\r\nvar Tiles = /** @class */ (function () {\r\n    // Constructor\r\n    function Tiles(props) {\r\n        this._tiles = null;\r\n        this._activeFilterClass = null;\r\n        this._activeSearchFilter = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the tile\r\n        this.render();\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (value) {\r\n        var className = value ? value.toLowerCase().replace(/ /g, \"-\") : null;\r\n        this._activeFilterClass = className;\r\n        // Parse all tile items\r\n        var items = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < items.length; i++) {\r\n            var elItem = items[i];\r\n            // Show the item\r\n            elItem.classList.remove(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function () {\r\n        // Render the tile\r\n        this.renderTiles();\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function () {\r\n        var _this = this;\r\n        // Parse the items\r\n        var cards = [];\r\n        for (var i = 0; i < this._props.items.length; i++) {\r\n            var item = this._props.items[i];\r\n            var itemClassNames = [];\r\n            // Get the filters\r\n            var filters = item[this._props.filterField] || [];\r\n            filters = filters[\"results\"] || [filters];\r\n            // See if the filter field is specified\r\n            if (this._props.filterField) {\r\n                // Parse the selected filters\r\n                for (var j = 0; j < filters.length; j++) {\r\n                    var filter = filters[j].toLowerCase().replace(/ /g, '-');\r\n                    // Add the filter as a class name\r\n                    if (filter) {\r\n                        itemClassNames.push(filter);\r\n                    }\r\n                }\r\n            }\r\n            // Add an tile\r\n            cards.push({\r\n                className: itemClassNames.join(\" \"),\r\n                body: [{\r\n                        content: (this._props.bodyField ? item[this._props.bodyField || \"Description\"] : null) || \"\",\r\n                        data: item,\r\n                        subTitle: item[this._props.subTitleField] || \"\",\r\n                        title: item[this._props.titleField || \"Title\"] || \"\",\r\n                        onRender: function (el, card) {\r\n                            var item = card.data;\r\n                            // Call the events\r\n                            _this._props.onTitleRender ? _this._props.onTitleRender(el.querySelector(\".card-title\"), item) : null;\r\n                            _this._props.onSubTitleRender ? _this._props.onSubTitleRender(el.querySelector(\".card-subtitle\"), item) : null;\r\n                            _this._props.onBodyRender ? _this._props.onBodyRender(el.querySelector(\".card-text\"), item) : null;\r\n                            _this._props.onCardRender ? _this._props.onCardRender(el.querySelector(\".card-body\"), item) : null;\r\n                        }\r\n                    }]\r\n            });\r\n        }\r\n        // Render the tiles\r\n        this._tiles = gd_sprest_bs_1.Components.CardGroup({\r\n            el: this._props.el,\r\n            cards: cards\r\n        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".tiles-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"tiles-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._tiles.el.querySelectorAll(this._activeFilterClass ? \".\" + this._activeFilterClass : \".card\"));\r\n        // See if a search value exists\r\n        if (this._activeSearchFilter) {\r\n            // Parse the items\r\n            for (var i = elItems.length - 1; i >= 0; i--) {\r\n                var elItem = elItems[i];\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchFilter) < 0) {\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Show the item\r\n                elItem.classList.remove(\"d-none\");\r\n            }\r\n            else {\r\n                // Set the class for the last item\r\n                if (elItems[i - 1]) {\r\n                    elItems[i - 1].classList.add(\"last-item\");\r\n                }\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            var elItem = elItems[i];\r\n            // Hide the item\r\n            elItem.classList.add(\"d-none\");\r\n        }\r\n        // Render the pagination\r\n        this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n            el: elPagination,\r\n            className: \"d-flex justify-content-end pt-2\",\r\n            numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n            onClick: function (pageNumber) {\r\n                // Parse the items\r\n                for (var i = 0; i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Hide the item\r\n                    elItem.classList.add(\"d-none\");\r\n                }\r\n                // Parse the items to show\r\n                var startIdx = (pageNumber - 1) * paginationLimit;\r\n                for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                    var elItem = elItems[i];\r\n                    // Show the item\r\n                    elItem.classList.remove(\"d-none\");\r\n                }\r\n            }\r\n        });\r\n    };\r\n    // Searches the tile\r\n    Tiles.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchFilter = (value || \"\").toLowerCase();\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    return Tiles;\r\n}());\r\nexports.Tiles = Tiles;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/tiles.js?");
 
 /***/ }),