dattatable 2.10.6 → 2.10.8

package/build/common/comments.d.ts

@@ -22,10 +22,10 @@ export declare class Comments {
     static configuration(cfg?: Helper.ISPConfig): Helper.ISPConfig;
     static init(listName: string, webUrl?: string): PromiseLike<void>;
     private static load;
-    static new(item: any): void;
+    static new(item: any, el?: HTMLElement): void;
     static security(cfg: {
         principalId: number;
         roleDefId: number;
     }[], webUrl?: string): PromiseLike<void>;
-    static view(item: any): void;
+    static view(item: any, el?: HTMLElement): void;
 }

package/build/common/comments.js

@@ -134,17 +134,20 @@ var Comments = /** @class */ (function () {
         });
     };
     // Displays the new comment form
-    Comments.new = function (item) {
+    Comments.new = function (item, el) {
         var _this = this;
-        // Clear the modal dialog
-        modal_1.Modal.clear();
-        // Hide the close button
-        modal_1.Modal.setCloseButtonVisibility(false);
-        // Set the header
-        modal_1.Modal.setHeader("Add Comment");
+        // See if we are not rendering to an element
+        if (el == null) {
+            // Clear the modal dialog
+            modal_1.Modal.clear();
+            // Hide the close button
+            modal_1.Modal.setCloseButtonVisibility(false);
+            // Set the header
+            modal_1.Modal.setHeader("Add Comment");
+        }
         // Create the form
         var form = gd_sprest_bs_1.Components.Form({
-            el: modal_1.Modal.BodyElement,
+            el: el || modal_1.Modal.BodyElement,
             controls: [{
                     name: "comment",
                     label: "Comment",
@@ -156,7 +159,7 @@ var Comments = /** @class */ (function () {
         });
         // Set the footer
         gd_sprest_bs_1.Components.TooltipGroup({
-            el: modal_1.Modal.FooterElement,
+            el: el || modal_1.Modal.FooterElement,
             tooltips: [
                 {
                     content: "Click to add a comment to the request.",
@@ -193,7 +196,7 @@ var Comments = /** @class */ (function () {
             ]
         });
         // Show the form
-        modal_1.Modal.show();
+        el ? null : modal_1.Modal.show();
     };
     // Security configuration
     Comments.security = function (cfg, webUrl) {
@@ -238,7 +241,7 @@ var Comments = /** @class */ (function () {
         });
     };
     // Displays the comments in a canvas form
-    Comments.view = function (item) {
+    Comments.view = function (item, el) {
         var _this = this;
         // Display a loading dialog
         loadingDialog_1.LoadingDialog.setHeader("Loading Comments");
@@ -246,13 +249,16 @@ var Comments = /** @class */ (function () {
         loadingDialog_1.LoadingDialog.show();
         // Load the items
         this.load(item).then(function (comments) {
-            // Clear the form
-            canvas_1.CanvasForm.clear();
-            // Set the header
-            canvas_1.CanvasForm.setHeader("<h5>Comments</h5>");
+            // See if we are not rendering to an element
+            if (el == null) {
+                // Clear the form
+                canvas_1.CanvasForm.clear();
+                // Set the header
+                canvas_1.CanvasForm.setHeader("<h5>Comments</h5>");
+            }
             // Render a nav
             gd_sprest_bs_1.Components.Navbar({
-                el: canvas_1.CanvasForm.BodyElement,
+                el: el || canvas_1.CanvasForm.BodyElement,
                 itemsEnd: [{
                         text: "+ Add Comment",
                         onClick: function () {
@@ -268,7 +274,7 @@ var Comments = /** @class */ (function () {
                 var comment = comments[i];
                 // Render a toast
                 gd_sprest_bs_1.Components.Toast({
-                    el: canvas_1.CanvasForm.BodyElement,
+                    el: el || canvas_1.CanvasForm.BodyElement,
                     headerText: comment.Author.Title,
                     mutedText: moment(new Date(comment.Created)).toString(),
                     body: (comment.Comment || "").replace(/\r?\n/g, '<br />'),
@@ -281,7 +287,7 @@ var Comments = /** @class */ (function () {
             // Hide the dialog
             loadingDialog_1.LoadingDialog.hide();
             // Show the canvas form
-            canvas_1.CanvasForm.show();
+            el ? null : canvas_1.CanvasForm.show();
         });
     };
     Comments._listId = null;

package/build/common/list.d.ts

@@ -63,6 +63,7 @@ export declare class List<T = Types.SP.ListItem> {
     createItem(values: any): PromiseLike<T>;
     editForm(props: IItemFormEditProps): void;
     getField(name: string): Types.SP.Field;
+    getItem(id: number): T;
     private init;
     private loadItem;
     private loadItems;

package/build/common/list.js

@@ -233,6 +233,20 @@ var List = /** @class */ (function () {
         // Not found
         return null;
     };
+    // Gets a list item by id
+    List.prototype.getItem = function (id) {
+        // Parse the items
+        for (var i = 0; i < this.Items.length; i++) {
+            var item = this.Items[i];
+            // See if this is the target item
+            if (item["Id"] == id || item["ID"] == id) {
+                // Return the item
+                return item;
+            }
+        }
+        // Not found
+        return null;
+    };
     // Initializes the list component
     List.prototype.init = function () {
         var _this = this;

package/dist/dattatable.js

@@ -49,7 +49,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.Comments = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.56/node_modules/gd-sprest-bs/build/index.js\");\r\nvar moment = __webpack_require__(/*! moment */ \"./node_modules/.pnpm/moment@2.29.4/node_modules/moment/moment.js\");\r\nvar canvas_1 = __webpack_require__(/*! ./canvas */ \"./build/common/canvas.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ./loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar modal_1 = __webpack_require__(/*! ./modal */ \"./build/common/modal.js\");\r\n// List Name\r\nvar LIST_NAME = \"Comments\";\r\n/**\r\n * Comments\r\n */\r\nvar Comments = /** @class */ (function () {\r\n    function Comments() {\r\n    }\r\n    Object.defineProperty(Comments, \"CommentsListId\", {\r\n        get: function () { return this._commentsListId; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Adds a comment to an item\r\n    Comments.add = function (item, comment) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a comment exists\r\n            if (comment) {\r\n                // Show a loading dialog\r\n                loadingDialog_1.LoadingDialog.setHeader(\"Adding Comment\");\r\n                loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comment is added.\");\r\n                loadingDialog_1.LoadingDialog.show();\r\n                // Add the item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().add({\r\n                    Comment: comment,\r\n                    Title: _this._listId + \"|\" + item.Id\r\n                }).execute(function () {\r\n                    // Hide the loading dialog\r\n                    loadingDialog_1.LoadingDialog.hide();\r\n                    // Resolve the request\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Configuration\r\n    Comments.configuration = function (cfg) {\r\n        var commentsCfg = gd_sprest_bs_1.Helper.SPConfig({\r\n            ListCfg: [\r\n                {\r\n                    ListInformation: {\r\n                        Title: LIST_NAME,\r\n                        BaseTemplate: gd_sprest_bs_1.SPTypes.ListTemplateType.GenericList,\r\n                        Hidden: true,\r\n                        NoCrawl: true\r\n                    },\r\n                    TitleFieldDisplayName: \"Comment ID\",\r\n                    TitleFieldIndexed: true,\r\n                    CustomFields: [\r\n                        {\r\n                            name: \"Comment\",\r\n                            title: \"Comment\",\r\n                            type: gd_sprest_bs_1.Helper.SPCfgFieldType.Note,\r\n                            noteType: gd_sprest_bs_1.SPTypes.FieldNoteType.TextOnly\r\n                        }\r\n                    ],\r\n                    ViewInformation: [\r\n                        {\r\n                            ViewName: \"All Items\",\r\n                            ViewQuery: \"Author eq [Me]\",\r\n                            ViewFields: [\"LinkTitle\", \"Comment\", \"Author\", \"Created\"]\r\n                        }\r\n                    ]\r\n                }\r\n            ]\r\n        });\r\n        // Append the comments to the configuration if it exists\r\n        if (cfg && cfg._configuration.ListCfg && cfg._configuration.ListCfg.length > 0) {\r\n            // Append the list configuration\r\n            cfg._configuration.ListCfg = cfg._configuration.ListCfg.concat(commentsCfg._configuration.ListCfg);\r\n        }\r\n        // Return the configuration\r\n        return cfg || commentsCfg;\r\n    };\r\n    // Initialization of the component\r\n    Comments.init = function (listName, webUrl) {\r\n        var _this = this;\r\n        // Save the web url\r\n        this._webUrl = webUrl;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Load the list id\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).query({\r\n                Select: [\"Id\"]\r\n            }).execute(function (list) {\r\n                // Set the list id\r\n                _this._commentsListId = list.Id;\r\n            }, reject);\r\n            // Load the List Information\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(listName).execute(function (list) {\r\n                // Set the list id\r\n                _this._listId = list.Id;\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Loads the comments for the item\r\n    Comments.load = function (item) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a list id exists\r\n            if (_this._listId) {\r\n                // Load the comments for this item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().query({\r\n                    Expand: [\"Author\"],\r\n                    Filter: \"Title eq '\" + _this._listId + \"|\" + item.Id + \"'\",\r\n                    OrderBy: [\"Created desc\"],\r\n                    Select: [\"Id\", \"Comment\", \"Created\", \"Title\", \"Author/Id\", \"Author/EMail\", \"Author/Title\"]\r\n                }).execute(function (items) {\r\n                    // Resolve the request\r\n                    resolve(items.results);\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Reject the request\r\n                reject(\"The target list doesn't exist. Please initialize the component before using it.\");\r\n            }\r\n        });\r\n    };\r\n    // Displays the new comment form\r\n    Comments.new = function (item) {\r\n        var _this = this;\r\n        // Clear the modal dialog\r\n        modal_1.Modal.clear();\r\n        // Hide the close button\r\n        modal_1.Modal.setCloseButtonVisibility(false);\r\n        // Set the header\r\n        modal_1.Modal.setHeader(\"Add Comment\");\r\n        // Create the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            el: modal_1.Modal.BodyElement,\r\n            controls: [{\r\n                    name: \"comment\",\r\n                    label: \"Comment\",\r\n                    type: gd_sprest_bs_1.Components.FormControlTypes.TextArea,\r\n                    rows: 10,\r\n                    required: true,\r\n                    errorMessage: \"A value is required\"\r\n                }]\r\n        });\r\n        // Set 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: \"Click to add a comment to the request.\",\r\n                    btnProps: {\r\n                        text: \"Add\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSuccess,\r\n                        onClick: function () {\r\n                            // Ensure the form is valid\r\n                            if (form.isValid()) {\r\n                                // Hide the modal\r\n                                modal_1.Modal.hide();\r\n                                // Add the comment\r\n                                _this.add(item, form.getValues()[\"comment\"]).then(function () {\r\n                                    // View the comments\r\n                                    _this.view(item);\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Closes this dialog and views the comments\",\r\n                    btnProps: {\r\n                        text: \"Close\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,\r\n                        onClick: function () {\r\n                            // Hide the modal\r\n                            modal_1.Modal.hide();\r\n                            // Show the canvas form\r\n                            canvas_1.CanvasForm.show();\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the form\r\n        modal_1.Modal.show();\r\n    };\r\n    // Security configuration\r\n    Comments.security = function (cfg, webUrl) {\r\n        // Resets the list permissions\r\n        var resetPermissions = function () {\r\n            return new Promise(function (resolve) {\r\n                var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n                // Reset the inheritance\r\n                list.resetRoleInheritance().execute();\r\n                // Clear the permissions\r\n                list.breakRoleInheritance(false, true).execute(resolve, true);\r\n            });\r\n        };\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n            // Ensure a configuration exists\r\n            if (cfg && cfg.length > 0) {\r\n                // Reset the list permissions\r\n                resetPermissions().then(function () {\r\n                    var _loop_1 = function (i) {\r\n                        var principalId = cfg[i].principalId;\r\n                        var roleDefId = cfg[i].roleDefId;\r\n                        // Update the list settings\r\n                        list.RoleAssignments().addRoleAssignment(principalId, roleDefId).execute(function () {\r\n                            // Log\r\n                            console.log(\"[Comments List] The user/group (\" + principalId + \") was added successfully.\");\r\n                        });\r\n                    };\r\n                    // Parse the configuration\r\n                    for (var i = 0; i < cfg.length; i++) {\r\n                        _loop_1(i);\r\n                    }\r\n                    // Wait for the requests to complete\r\n                    list.done(resolve);\r\n                });\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Displays the comments in a canvas form\r\n    Comments.view = function (item) {\r\n        var _this = this;\r\n        // Display a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading Comments\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comments are loaded.\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Load the items\r\n        this.load(item).then(function (comments) {\r\n            // Clear the form\r\n            canvas_1.CanvasForm.clear();\r\n            // Set the header\r\n            canvas_1.CanvasForm.setHeader(\"<h5>Comments</h5>\");\r\n            // Render a nav\r\n            gd_sprest_bs_1.Components.Navbar({\r\n                el: canvas_1.CanvasForm.BodyElement,\r\n                itemsEnd: [{\r\n                        text: \"+ Add Comment\",\r\n                        onClick: function () {\r\n                            // Hide the form\r\n                            canvas_1.CanvasForm.hide();\r\n                            // Display a modal to add the comment\r\n                            _this.new(item);\r\n                        }\r\n                    }]\r\n            });\r\n            // Parse the comments\r\n            for (var i = 0; i < comments.length; i++) {\r\n                var comment = comments[i];\r\n                // Render a toast\r\n                gd_sprest_bs_1.Components.Toast({\r\n                    el: canvas_1.CanvasForm.BodyElement,\r\n                    headerText: comment.Author.Title,\r\n                    mutedText: moment(new Date(comment.Created)).toString(),\r\n                    body: (comment.Comment || \"\").replace(/\\r?\\n/g, '<br />'),\r\n                    options: {\r\n                        animation: true,\r\n                        autohide: false\r\n                    }\r\n                });\r\n            }\r\n            // Hide the dialog\r\n            loadingDialog_1.LoadingDialog.hide();\r\n            // Show the canvas form\r\n            canvas_1.CanvasForm.show();\r\n        });\r\n    };\r\n    Comments._listId = null;\r\n    Comments._webUrl = null;\r\n    // Comment's List Id\r\n    Comments._commentsListId = null;\r\n    return Comments;\r\n}());\r\nexports.Comments = Comments;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/comments.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Comments = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.56/node_modules/gd-sprest-bs/build/index.js\");\r\nvar moment = __webpack_require__(/*! moment */ \"./node_modules/.pnpm/moment@2.29.4/node_modules/moment/moment.js\");\r\nvar canvas_1 = __webpack_require__(/*! ./canvas */ \"./build/common/canvas.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ./loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar modal_1 = __webpack_require__(/*! ./modal */ \"./build/common/modal.js\");\r\n// List Name\r\nvar LIST_NAME = \"Comments\";\r\n/**\r\n * Comments\r\n */\r\nvar Comments = /** @class */ (function () {\r\n    function Comments() {\r\n    }\r\n    Object.defineProperty(Comments, \"CommentsListId\", {\r\n        get: function () { return this._commentsListId; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Adds a comment to an item\r\n    Comments.add = function (item, comment) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a comment exists\r\n            if (comment) {\r\n                // Show a loading dialog\r\n                loadingDialog_1.LoadingDialog.setHeader(\"Adding Comment\");\r\n                loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comment is added.\");\r\n                loadingDialog_1.LoadingDialog.show();\r\n                // Add the item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().add({\r\n                    Comment: comment,\r\n                    Title: _this._listId + \"|\" + item.Id\r\n                }).execute(function () {\r\n                    // Hide the loading dialog\r\n                    loadingDialog_1.LoadingDialog.hide();\r\n                    // Resolve the request\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Configuration\r\n    Comments.configuration = function (cfg) {\r\n        var commentsCfg = gd_sprest_bs_1.Helper.SPConfig({\r\n            ListCfg: [\r\n                {\r\n                    ListInformation: {\r\n                        Title: LIST_NAME,\r\n                        BaseTemplate: gd_sprest_bs_1.SPTypes.ListTemplateType.GenericList,\r\n                        Hidden: true,\r\n                        NoCrawl: true\r\n                    },\r\n                    TitleFieldDisplayName: \"Comment ID\",\r\n                    TitleFieldIndexed: true,\r\n                    CustomFields: [\r\n                        {\r\n                            name: \"Comment\",\r\n                            title: \"Comment\",\r\n                            type: gd_sprest_bs_1.Helper.SPCfgFieldType.Note,\r\n                            noteType: gd_sprest_bs_1.SPTypes.FieldNoteType.TextOnly\r\n                        }\r\n                    ],\r\n                    ViewInformation: [\r\n                        {\r\n                            ViewName: \"All Items\",\r\n                            ViewQuery: \"Author eq [Me]\",\r\n                            ViewFields: [\"LinkTitle\", \"Comment\", \"Author\", \"Created\"]\r\n                        }\r\n                    ]\r\n                }\r\n            ]\r\n        });\r\n        // Append the comments to the configuration if it exists\r\n        if (cfg && cfg._configuration.ListCfg && cfg._configuration.ListCfg.length > 0) {\r\n            // Append the list configuration\r\n            cfg._configuration.ListCfg = cfg._configuration.ListCfg.concat(commentsCfg._configuration.ListCfg);\r\n        }\r\n        // Return the configuration\r\n        return cfg || commentsCfg;\r\n    };\r\n    // Initialization of the component\r\n    Comments.init = function (listName, webUrl) {\r\n        var _this = this;\r\n        // Save the web url\r\n        this._webUrl = webUrl;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Load the list id\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).query({\r\n                Select: [\"Id\"]\r\n            }).execute(function (list) {\r\n                // Set the list id\r\n                _this._commentsListId = list.Id;\r\n            }, reject);\r\n            // Load the List Information\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(listName).execute(function (list) {\r\n                // Set the list id\r\n                _this._listId = list.Id;\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Loads the comments for the item\r\n    Comments.load = function (item) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a list id exists\r\n            if (_this._listId) {\r\n                // Load the comments for this item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().query({\r\n                    Expand: [\"Author\"],\r\n                    Filter: \"Title eq '\" + _this._listId + \"|\" + item.Id + \"'\",\r\n                    OrderBy: [\"Created desc\"],\r\n                    Select: [\"Id\", \"Comment\", \"Created\", \"Title\", \"Author/Id\", \"Author/EMail\", \"Author/Title\"]\r\n                }).execute(function (items) {\r\n                    // Resolve the request\r\n                    resolve(items.results);\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Reject the request\r\n                reject(\"The target list doesn't exist. Please initialize the component before using it.\");\r\n            }\r\n        });\r\n    };\r\n    // Displays the new comment form\r\n    Comments.new = function (item, el) {\r\n        var _this = this;\r\n        // See if we are not rendering to an element\r\n        if (el == null) {\r\n            // Clear the modal dialog\r\n            modal_1.Modal.clear();\r\n            // Hide the close button\r\n            modal_1.Modal.setCloseButtonVisibility(false);\r\n            // Set the header\r\n            modal_1.Modal.setHeader(\"Add Comment\");\r\n        }\r\n        // Create the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            el: el || modal_1.Modal.BodyElement,\r\n            controls: [{\r\n                    name: \"comment\",\r\n                    label: \"Comment\",\r\n                    type: gd_sprest_bs_1.Components.FormControlTypes.TextArea,\r\n                    rows: 10,\r\n                    required: true,\r\n                    errorMessage: \"A value is required\"\r\n                }]\r\n        });\r\n        // Set the footer\r\n        gd_sprest_bs_1.Components.TooltipGroup({\r\n            el: el || modal_1.Modal.FooterElement,\r\n            tooltips: [\r\n                {\r\n                    content: \"Click to add a comment to the request.\",\r\n                    btnProps: {\r\n                        text: \"Add\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSuccess,\r\n                        onClick: function () {\r\n                            // Ensure the form is valid\r\n                            if (form.isValid()) {\r\n                                // Hide the modal\r\n                                modal_1.Modal.hide();\r\n                                // Add the comment\r\n                                _this.add(item, form.getValues()[\"comment\"]).then(function () {\r\n                                    // View the comments\r\n                                    _this.view(item);\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Closes this dialog and views the comments\",\r\n                    btnProps: {\r\n                        text: \"Close\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,\r\n                        onClick: function () {\r\n                            // Hide the modal\r\n                            modal_1.Modal.hide();\r\n                            // Show the canvas form\r\n                            canvas_1.CanvasForm.show();\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the form\r\n        el ? null : modal_1.Modal.show();\r\n    };\r\n    // Security configuration\r\n    Comments.security = function (cfg, webUrl) {\r\n        // Resets the list permissions\r\n        var resetPermissions = function () {\r\n            return new Promise(function (resolve) {\r\n                var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n                // Reset the inheritance\r\n                list.resetRoleInheritance().execute();\r\n                // Clear the permissions\r\n                list.breakRoleInheritance(false, true).execute(resolve, true);\r\n            });\r\n        };\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n            // Ensure a configuration exists\r\n            if (cfg && cfg.length > 0) {\r\n                // Reset the list permissions\r\n                resetPermissions().then(function () {\r\n                    var _loop_1 = function (i) {\r\n                        var principalId = cfg[i].principalId;\r\n                        var roleDefId = cfg[i].roleDefId;\r\n                        // Update the list settings\r\n                        list.RoleAssignments().addRoleAssignment(principalId, roleDefId).execute(function () {\r\n                            // Log\r\n                            console.log(\"[Comments List] The user/group (\" + principalId + \") was added successfully.\");\r\n                        });\r\n                    };\r\n                    // Parse the configuration\r\n                    for (var i = 0; i < cfg.length; i++) {\r\n                        _loop_1(i);\r\n                    }\r\n                    // Wait for the requests to complete\r\n                    list.done(resolve);\r\n                });\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Displays the comments in a canvas form\r\n    Comments.view = function (item, el) {\r\n        var _this = this;\r\n        // Display a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading Comments\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comments are loaded.\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Load the items\r\n        this.load(item).then(function (comments) {\r\n            // See if we are not rendering to an element\r\n            if (el == null) {\r\n                // Clear the form\r\n                canvas_1.CanvasForm.clear();\r\n                // Set the header\r\n                canvas_1.CanvasForm.setHeader(\"<h5>Comments</h5>\");\r\n            }\r\n            // Render a nav\r\n            gd_sprest_bs_1.Components.Navbar({\r\n                el: el || canvas_1.CanvasForm.BodyElement,\r\n                itemsEnd: [{\r\n                        text: \"+ Add Comment\",\r\n                        onClick: function () {\r\n                            // Hide the form\r\n                            canvas_1.CanvasForm.hide();\r\n                            // Display a modal to add the comment\r\n                            _this.new(item);\r\n                        }\r\n                    }]\r\n            });\r\n            // Parse the comments\r\n            for (var i = 0; i < comments.length; i++) {\r\n                var comment = comments[i];\r\n                // Render a toast\r\n                gd_sprest_bs_1.Components.Toast({\r\n                    el: el || canvas_1.CanvasForm.BodyElement,\r\n                    headerText: comment.Author.Title,\r\n                    mutedText: moment(new Date(comment.Created)).toString(),\r\n                    body: (comment.Comment || \"\").replace(/\\r?\\n/g, '<br />'),\r\n                    options: {\r\n                        animation: true,\r\n                        autohide: false\r\n                    }\r\n                });\r\n            }\r\n            // Hide the dialog\r\n            loadingDialog_1.LoadingDialog.hide();\r\n            // Show the canvas form\r\n            el ? null : canvas_1.CanvasForm.show();\r\n        });\r\n    };\r\n    Comments._listId = null;\r\n    Comments._webUrl = null;\r\n    // Comment's List Id\r\n    Comments._commentsListId = null;\r\n    return Comments;\r\n}());\r\nexports.Comments = Comments;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/comments.js?");
 
 /***/ }),
 
@@ -104,7 +104,7 @@ eval("\r\nvar __assign = (this && this.__assign) || function () {\r\n    __assig
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.List = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.56/node_modules/gd-sprest-bs/build/index.js\");\r\nvar _1 = __webpack_require__(/*! . */ \"./build/common/index.js\");\r\n/**\r\n * List\r\n */\r\nvar List = /** @class */ (function () {\r\n    // Constructor\r\n    function List(props) {\r\n        var _this = this;\r\n        /** Public Properties */\r\n        // CAML query\r\n        this._camlQuery = null;\r\n        // List Content Types Information\r\n        this._listContentTypes = null;\r\n        // List Fields Information\r\n        this._listFields = null;\r\n        // List Information\r\n        this._listInfo = null;\r\n        // List Url\r\n        this._listUrl = null;\r\n        // List Views Information\r\n        this._listViews = null;\r\n        // Items\r\n        this._items = null;\r\n        // List Name\r\n        this._listName = null;\r\n        // OData query\r\n        this._odata = null;\r\n        // View name\r\n        this._viewName = null;\r\n        // View Xml\r\n        this._viewXml = null;\r\n        // Web Url\r\n        this._webUrl = null;\r\n        /** Private Properties */\r\n        // Error event when loading the items fail\r\n        this._onInitError = null;\r\n        // Event triggered when the component is initialized\r\n        this._onInitialized = null;\r\n        // Items loading event\r\n        this._onItemLoading = null;\r\n        // Items loaded event\r\n        this._onItemsLoaded = null;\r\n        // Error event when loading a form\r\n        this._onLoadFormError = null;\r\n        // Refresh event when refreshing the items\r\n        this._onRefreshItems = null;\r\n        // Event triggered when the form is reset\r\n        this._onResetForm = null;\r\n        // The request digest value of the target site\r\n        this._requestDigest = null;\r\n        // Save the properties\r\n        this._camlQuery = props.camlQuery;\r\n        this._listName = props.listName;\r\n        this._odata = props.itemQuery;\r\n        this._onInitError = props.onInitError;\r\n        this._onInitialized = props.onInitialized;\r\n        this._onItemLoading = props.onItemLoading;\r\n        this._onItemsLoaded = props.onItemsLoaded;\r\n        this._onLoadFormError = props.onLoadFormError;\r\n        this._onRefreshItems = props.onRefreshItems;\r\n        this._onResetForm = props.onResetForm;\r\n        this._viewName = props.viewName;\r\n        this._webUrl = props.webUrl || gd_sprest_bs_1.ContextInfo.webServerRelativeUrl;\r\n        // Set the context information\r\n        (0, _1.getContextInfo)(props.webUrl).then(function (requestDigest) {\r\n            _this._requestDigest = requestDigest;\r\n            // Load the list information\r\n            _this.init().then(function () {\r\n                // Load the items\r\n                _this.loadItems().then(function () {\r\n                    // Call the event\r\n                    _this._onInitialized ? _this._onInitialized() : null;\r\n                    // Call the items loaded event\r\n                    _this._onItemsLoaded ? _this._onItemsLoaded(_this.Items) : null;\r\n                }, function () {\r\n                    var args = [];\r\n                    for (var _i = 0; _i < arguments.length; _i++) {\r\n                        args[_i] = arguments[_i];\r\n                    }\r\n                    // Call the init error event\r\n                    _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n                });\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Call the init error event\r\n                _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n            });\r\n        }, function () {\r\n            var args = [];\r\n            for (var _i = 0; _i < arguments.length; _i++) {\r\n                args[_i] = arguments[_i];\r\n            }\r\n            // Call the init error event\r\n            _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n        });\r\n    }\r\n    Object.defineProperty(List.prototype, \"CAMLQuery\", {\r\n        get: function () { return this._camlQuery; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForm\", {\r\n        // Reference to the edit form\r\n        get: function () { return _1.ItemForm.EditForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForms\", {\r\n        // Reference to the edit forms, if tabs are used\r\n        get: function () { return _1.ItemForm.EditForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListContentTypes\", {\r\n        get: function () { return this._listContentTypes; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListFields\", {\r\n        get: function () { return this._listFields; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListInfo\", {\r\n        get: function () { return this._listInfo; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListSettingsUrl\", {\r\n        // List Settings Url\r\n        get: function () { return \"\".concat(this.WebUrl, \"/\").concat(gd_sprest_bs_1.ContextInfo.layoutsUrl, \"/listedit.aspx?List=\").concat(this.ListInfo.Id); },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListUrl\", {\r\n        get: function () { return this._listUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListViews\", {\r\n        get: function () { return this._listViews; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"Items\", {\r\n        get: function () { return this._items; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListName\", {\r\n        get: function () { return this._listName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"OData\", {\r\n        get: function () { return this._odata; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForm\", {\r\n        // Reference to the display form\r\n        get: function () { return _1.ItemForm.DisplayForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForms\", {\r\n        // Reference to the display forms, if tabs are used\r\n        get: function () { return _1.ItemForm.DisplayForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewName\", {\r\n        get: function () { return this._viewName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewXml\", {\r\n        get: function () { return this._viewXml; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"WebUrl\", {\r\n        get: function () { return this._webUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the modal or canvas\r\n    List.prototype.clear = function (el) {\r\n        // Ensure we rendering to a modal/canvas\r\n        if (el == null) {\r\n            // Clear the modal/form\r\n            _1.ItemForm.UseModal ? _1.Modal.clear() : _1.CanvasForm.clear();\r\n        }\r\n        // Set the list name\r\n        _1.ItemForm.ListName = this.ListName;\r\n        // Call the event\r\n        this._onResetForm ? this._onResetForm() : null;\r\n    };\r\n    // Reference to the create item method\r\n    List.prototype.createItem = function (values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items().add(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the edit form\r\n    List.prototype.editForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear(props.elForm);\r\n        // Display the form\r\n        _1.ItemForm.edit(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Gets a list field by internal or title\r\n    List.prototype.getField = function (name) {\r\n        // Parse the fields\r\n        for (var i = 0; i < this.ListFields.length; i++) {\r\n            var field = this.ListFields[i];\r\n            // See if this is the target field\r\n            if (field.InternalName == name || field.Title == name) {\r\n                // Return the field\r\n                return field;\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Initializes the list component\r\n    List.prototype.init = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var list = (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName);\r\n            // Query the list content types\r\n            list.execute(function (list) {\r\n                // Save the list information\r\n                _this._listInfo = list;\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            });\r\n            // Get the root folder\r\n            list.RootFolder().execute(function (folder) {\r\n                // Set the url\r\n                _this._listUrl = folder.ServerRelativeUrl;\r\n            }, true);\r\n            // Query the content types\r\n            list.ContentTypes().query({\r\n                Expand: [\"FieldLinks\", \"Fields\"]\r\n            }).execute(function (cts) {\r\n                // Save the content types\r\n                _this._listContentTypes = cts.results;\r\n            }, true);\r\n            // Query the list fields\r\n            list.Fields().execute(function (fields) {\r\n                // Save the fields\r\n                _this._listFields = fields.results;\r\n            }, true);\r\n            // Query the list views\r\n            list.Views().query({\r\n                Expand: [\"ViewFields\"]\r\n            }).execute(function (views) {\r\n                // Save the views\r\n                _this._listViews = views.results;\r\n            }, true);\r\n            // Wait for the requests to complete\r\n            list.done(function () {\r\n                // See if the view name is specified\r\n                if (_this.ViewName) {\r\n                    // Parse the views\r\n                    for (var i = 0; i < _this.ListViews.length; i++) {\r\n                        var view = _this.ListViews[i];\r\n                        if (view.Title.toLowerCase() == _this.ViewName.toLowerCase()) {\r\n                            // Set the view xml\r\n                            _this._viewXml = view.ListViewXml;\r\n                        }\r\n                    }\r\n                }\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItem = function (itemId, query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items(itemId).query({\r\n                Custom: query ? query.Custom : null,\r\n                Expand: query ? query.Expand : null,\r\n                Select: query ? query.Select : null\r\n            }).execute(function (newItem) {\r\n                var itemFound = false;\r\n                // Parse the items\r\n                for (var i = 0; i < _this._items.length; i++) {\r\n                    var item = _this._items[i];\r\n                    // See if this is the item\r\n                    if (itemId == item.Id) {\r\n                        // Call the event\r\n                        _this._onItemLoading ? _this._onItemLoading(newItem) : null;\r\n                        // Replace the item\r\n                        _this._items[i] = newItem;\r\n                        // Set the flag and break from the loop\r\n                        itemFound = true;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the item wasn't found\r\n                if (!itemFound) {\r\n                    // Append the item\r\n                    _this._items.push(newItem);\r\n                }\r\n                // Resolve the request\r\n                resolve(newItem);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItems = function (query) {\r\n        // See if the caml query exists\r\n        if (this.CAMLQuery) {\r\n            return this.loadItemsByCAMLQuery();\r\n        }\r\n        // Else, see if the view xml exists\r\n        else if (this.ViewXml) {\r\n            // Get the items by the view name\r\n            return this.loadItemsByView();\r\n        }\r\n        else {\r\n            // Get the items by odata\r\n            return this.loadItemsByQuery(query);\r\n        }\r\n    };\r\n    // Loads the items by CAML query\r\n    List.prototype.loadItemsByCAMLQuery = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItemsByQuery(_this.CAMLQuery).execute(function (items) {\r\n                // See if the event exists\r\n                if (_this._onItemLoading) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < items.results.length; i++) {\r\n                        // Call the event\r\n                        _this._onItemLoading(items.results[i]);\r\n                    }\r\n                }\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by odata query\r\n    List.prototype.loadItemsByQuery = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items().query(query).execute(function (items) {\r\n                // See if the event exists\r\n                if (_this._onItemLoading) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < items.results.length; i++) {\r\n                        // Call the event\r\n                        _this._onItemLoading(items.results[i]);\r\n                    }\r\n                }\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by view name\r\n    List.prototype.loadItemsByView = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItems(_this.ViewXml).execute(function (items) {\r\n                // See if the event exists\r\n                if (_this._onItemLoading) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < items.results.length; i++) {\r\n                        // Call the event\r\n                        _this._onItemLoading(items.results[i]);\r\n                    }\r\n                }\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Displays the new form\r\n    List.prototype.newForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear(props.elForm);\r\n        // Display the form\r\n        _1.ItemForm.create(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refresh = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Clear the items\r\n        this._items = null;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Refresh the context information\r\n            _this.refreshContextInfo().then(function () {\r\n                // Load the data\r\n                _this.loadItems(query).then(function (items) {\r\n                    // Call the event\r\n                    var callback = _this._onRefreshItems ? _this._onRefreshItems(items) : null;\r\n                    if (callback && typeof (callback.then) === \"function\") {\r\n                        // Wait for the request to complete\r\n                        callback.then(resolve, reject);\r\n                    }\r\n                    else {\r\n                        // Resolve the request\r\n                        resolve(items);\r\n                    }\r\n                }, reject);\r\n            }, reject);\r\n        });\r\n    };\r\n    // Refreshes the context information\r\n    List.prototype.refreshContextInfo = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the request digest is set\r\n            if (_this._requestDigest) {\r\n                // Get the context information\r\n                (0, _1.getContextInfo)(_this.WebUrl).then(function (requestDigest) {\r\n                    // Save the value and resolve the request\r\n                    _this._requestDigest = requestDigest;\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refreshItem = function (itemId, query) {\r\n        if (query === void 0) { query = this.OData; }\r\n        // Load the item\r\n        return this.loadItem(itemId, query);\r\n    };\r\n    // Updates an item\r\n    List.prototype.updateItem = function (itemId, values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items(itemId).update(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the view form\r\n    List.prototype.viewForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear(props.elForm);\r\n        // Display the form\r\n        _1.ItemForm.view(props).then(null, this._onLoadFormError);\r\n    };\r\n    return List;\r\n}());\r\nexports.List = List;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/list.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.List = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.56/node_modules/gd-sprest-bs/build/index.js\");\r\nvar _1 = __webpack_require__(/*! . */ \"./build/common/index.js\");\r\n/**\r\n * List\r\n */\r\nvar List = /** @class */ (function () {\r\n    // Constructor\r\n    function List(props) {\r\n        var _this = this;\r\n        /** Public Properties */\r\n        // CAML query\r\n        this._camlQuery = null;\r\n        // List Content Types Information\r\n        this._listContentTypes = null;\r\n        // List Fields Information\r\n        this._listFields = null;\r\n        // List Information\r\n        this._listInfo = null;\r\n        // List Url\r\n        this._listUrl = null;\r\n        // List Views Information\r\n        this._listViews = null;\r\n        // Items\r\n        this._items = null;\r\n        // List Name\r\n        this._listName = null;\r\n        // OData query\r\n        this._odata = null;\r\n        // View name\r\n        this._viewName = null;\r\n        // View Xml\r\n        this._viewXml = null;\r\n        // Web Url\r\n        this._webUrl = null;\r\n        /** Private Properties */\r\n        // Error event when loading the items fail\r\n        this._onInitError = null;\r\n        // Event triggered when the component is initialized\r\n        this._onInitialized = null;\r\n        // Items loading event\r\n        this._onItemLoading = null;\r\n        // Items loaded event\r\n        this._onItemsLoaded = null;\r\n        // Error event when loading a form\r\n        this._onLoadFormError = null;\r\n        // Refresh event when refreshing the items\r\n        this._onRefreshItems = null;\r\n        // Event triggered when the form is reset\r\n        this._onResetForm = null;\r\n        // The request digest value of the target site\r\n        this._requestDigest = null;\r\n        // Save the properties\r\n        this._camlQuery = props.camlQuery;\r\n        this._listName = props.listName;\r\n        this._odata = props.itemQuery;\r\n        this._onInitError = props.onInitError;\r\n        this._onInitialized = props.onInitialized;\r\n        this._onItemLoading = props.onItemLoading;\r\n        this._onItemsLoaded = props.onItemsLoaded;\r\n        this._onLoadFormError = props.onLoadFormError;\r\n        this._onRefreshItems = props.onRefreshItems;\r\n        this._onResetForm = props.onResetForm;\r\n        this._viewName = props.viewName;\r\n        this._webUrl = props.webUrl || gd_sprest_bs_1.ContextInfo.webServerRelativeUrl;\r\n        // Set the context information\r\n        (0, _1.getContextInfo)(props.webUrl).then(function (requestDigest) {\r\n            _this._requestDigest = requestDigest;\r\n            // Load the list information\r\n            _this.init().then(function () {\r\n                // Load the items\r\n                _this.loadItems().then(function () {\r\n                    // Call the event\r\n                    _this._onInitialized ? _this._onInitialized() : null;\r\n                    // Call the items loaded event\r\n                    _this._onItemsLoaded ? _this._onItemsLoaded(_this.Items) : null;\r\n                }, function () {\r\n                    var args = [];\r\n                    for (var _i = 0; _i < arguments.length; _i++) {\r\n                        args[_i] = arguments[_i];\r\n                    }\r\n                    // Call the init error event\r\n                    _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n                });\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Call the init error event\r\n                _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n            });\r\n        }, function () {\r\n            var args = [];\r\n            for (var _i = 0; _i < arguments.length; _i++) {\r\n                args[_i] = arguments[_i];\r\n            }\r\n            // Call the init error event\r\n            _this._onInitError ? _this._onInitError.apply(_this, args) : null;\r\n        });\r\n    }\r\n    Object.defineProperty(List.prototype, \"CAMLQuery\", {\r\n        get: function () { return this._camlQuery; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForm\", {\r\n        // Reference to the edit form\r\n        get: function () { return _1.ItemForm.EditForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"EditForms\", {\r\n        // Reference to the edit forms, if tabs are used\r\n        get: function () { return _1.ItemForm.EditForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListContentTypes\", {\r\n        get: function () { return this._listContentTypes; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListFields\", {\r\n        get: function () { return this._listFields; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListInfo\", {\r\n        get: function () { return this._listInfo; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListSettingsUrl\", {\r\n        // List Settings Url\r\n        get: function () { return \"\".concat(this.WebUrl, \"/\").concat(gd_sprest_bs_1.ContextInfo.layoutsUrl, \"/listedit.aspx?List=\").concat(this.ListInfo.Id); },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListUrl\", {\r\n        get: function () { return this._listUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListViews\", {\r\n        get: function () { return this._listViews; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"Items\", {\r\n        get: function () { return this._items; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ListName\", {\r\n        get: function () { return this._listName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"OData\", {\r\n        get: function () { return this._odata; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForm\", {\r\n        // Reference to the display form\r\n        get: function () { return _1.ItemForm.DisplayForm; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewForms\", {\r\n        // Reference to the display forms, if tabs are used\r\n        get: function () { return _1.ItemForm.DisplayForms; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewName\", {\r\n        get: function () { return this._viewName; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"ViewXml\", {\r\n        get: function () { return this._viewXml; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(List.prototype, \"WebUrl\", {\r\n        get: function () { return this._webUrl; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the modal or canvas\r\n    List.prototype.clear = function (el) {\r\n        // Ensure we rendering to a modal/canvas\r\n        if (el == null) {\r\n            // Clear the modal/form\r\n            _1.ItemForm.UseModal ? _1.Modal.clear() : _1.CanvasForm.clear();\r\n        }\r\n        // Set the list name\r\n        _1.ItemForm.ListName = this.ListName;\r\n        // Call the event\r\n        this._onResetForm ? this._onResetForm() : null;\r\n    };\r\n    // Reference to the create item method\r\n    List.prototype.createItem = function (values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items().add(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the edit form\r\n    List.prototype.editForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear(props.elForm);\r\n        // Display the form\r\n        _1.ItemForm.edit(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Gets a list field by internal or title\r\n    List.prototype.getField = function (name) {\r\n        // Parse the fields\r\n        for (var i = 0; i < this.ListFields.length; i++) {\r\n            var field = this.ListFields[i];\r\n            // See if this is the target field\r\n            if (field.InternalName == name || field.Title == name) {\r\n                // Return the field\r\n                return field;\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Gets a list item by id\r\n    List.prototype.getItem = function (id) {\r\n        // Parse the items\r\n        for (var i = 0; i < this.Items.length; i++) {\r\n            var item = this.Items[i];\r\n            // See if this is the target item\r\n            if (item[\"Id\"] == id || item[\"ID\"] == id) {\r\n                // Return the item\r\n                return item;\r\n            }\r\n        }\r\n        // Not found\r\n        return null;\r\n    };\r\n    // Initializes the list component\r\n    List.prototype.init = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var list = (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName);\r\n            // Query the list content types\r\n            list.execute(function (list) {\r\n                // Save the list information\r\n                _this._listInfo = list;\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            });\r\n            // Get the root folder\r\n            list.RootFolder().execute(function (folder) {\r\n                // Set the url\r\n                _this._listUrl = folder.ServerRelativeUrl;\r\n            }, true);\r\n            // Query the content types\r\n            list.ContentTypes().query({\r\n                Expand: [\"FieldLinks\", \"Fields\"]\r\n            }).execute(function (cts) {\r\n                // Save the content types\r\n                _this._listContentTypes = cts.results;\r\n            }, true);\r\n            // Query the list fields\r\n            list.Fields().execute(function (fields) {\r\n                // Save the fields\r\n                _this._listFields = fields.results;\r\n            }, true);\r\n            // Query the list views\r\n            list.Views().query({\r\n                Expand: [\"ViewFields\"]\r\n            }).execute(function (views) {\r\n                // Save the views\r\n                _this._listViews = views.results;\r\n            }, true);\r\n            // Wait for the requests to complete\r\n            list.done(function () {\r\n                // See if the view name is specified\r\n                if (_this.ViewName) {\r\n                    // Parse the views\r\n                    for (var i = 0; i < _this.ListViews.length; i++) {\r\n                        var view = _this.ListViews[i];\r\n                        if (view.Title.toLowerCase() == _this.ViewName.toLowerCase()) {\r\n                            // Set the view xml\r\n                            _this._viewXml = view.ListViewXml;\r\n                        }\r\n                    }\r\n                }\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItem = function (itemId, query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items(itemId).query({\r\n                Custom: query ? query.Custom : null,\r\n                Expand: query ? query.Expand : null,\r\n                Select: query ? query.Select : null\r\n            }).execute(function (newItem) {\r\n                var itemFound = false;\r\n                // Parse the items\r\n                for (var i = 0; i < _this._items.length; i++) {\r\n                    var item = _this._items[i];\r\n                    // See if this is the item\r\n                    if (itemId == item.Id) {\r\n                        // Call the event\r\n                        _this._onItemLoading ? _this._onItemLoading(newItem) : null;\r\n                        // Replace the item\r\n                        _this._items[i] = newItem;\r\n                        // Set the flag and break from the loop\r\n                        itemFound = true;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the item wasn't found\r\n                if (!itemFound) {\r\n                    // Append the item\r\n                    _this._items.push(newItem);\r\n                }\r\n                // Resolve the request\r\n                resolve(newItem);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items\r\n    List.prototype.loadItems = function (query) {\r\n        // See if the caml query exists\r\n        if (this.CAMLQuery) {\r\n            return this.loadItemsByCAMLQuery();\r\n        }\r\n        // Else, see if the view xml exists\r\n        else if (this.ViewXml) {\r\n            // Get the items by the view name\r\n            return this.loadItemsByView();\r\n        }\r\n        else {\r\n            // Get the items by odata\r\n            return this.loadItemsByQuery(query);\r\n        }\r\n    };\r\n    // Loads the items by CAML query\r\n    List.prototype.loadItemsByCAMLQuery = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItemsByQuery(_this.CAMLQuery).execute(function (items) {\r\n                // See if the event exists\r\n                if (_this._onItemLoading) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < items.results.length; i++) {\r\n                        // Call the event\r\n                        _this._onItemLoading(items.results[i]);\r\n                    }\r\n                }\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by odata query\r\n    List.prototype.loadItemsByQuery = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).Items().query(query).execute(function (items) {\r\n                // See if the event exists\r\n                if (_this._onItemLoading) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < items.results.length; i++) {\r\n                        // Call the event\r\n                        _this._onItemLoading(items.results[i]);\r\n                    }\r\n                }\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Loads the items by view name\r\n    List.prototype.loadItemsByView = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the items already exist\r\n            if (_this._items) {\r\n                resolve(_this._items);\r\n                return;\r\n            }\r\n            // Query the items\r\n            (0, gd_sprest_bs_1.Web)(_this.WebUrl, { requestDigest: _this._requestDigest }).Lists(_this.ListName).getItems(_this.ViewXml).execute(function (items) {\r\n                // See if the event exists\r\n                if (_this._onItemLoading) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < items.results.length; i++) {\r\n                        // Call the event\r\n                        _this._onItemLoading(items.results[i]);\r\n                    }\r\n                }\r\n                // Save the items\r\n                _this._items = items.results;\r\n                // Resolve the request\r\n                resolve(_this._items);\r\n            }, function () {\r\n                var args = [];\r\n                for (var _i = 0; _i < arguments.length; _i++) {\r\n                    args[_i] = arguments[_i];\r\n                }\r\n                // Reject the request\r\n                reject.apply(void 0, args);\r\n            }, true);\r\n        });\r\n    };\r\n    // Displays the new form\r\n    List.prototype.newForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear(props.elForm);\r\n        // Display the form\r\n        _1.ItemForm.create(props).then(null, this._onLoadFormError);\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refresh = function (query) {\r\n        var _this = this;\r\n        if (query === void 0) { query = this.OData; }\r\n        // Clear the items\r\n        this._items = null;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Refresh the context information\r\n            _this.refreshContextInfo().then(function () {\r\n                // Load the data\r\n                _this.loadItems(query).then(function (items) {\r\n                    // Call the event\r\n                    var callback = _this._onRefreshItems ? _this._onRefreshItems(items) : null;\r\n                    if (callback && typeof (callback.then) === \"function\") {\r\n                        // Wait for the request to complete\r\n                        callback.then(resolve, reject);\r\n                    }\r\n                    else {\r\n                        // Resolve the request\r\n                        resolve(items);\r\n                    }\r\n                }, reject);\r\n            }, reject);\r\n        });\r\n    };\r\n    // Refreshes the context information\r\n    List.prototype.refreshContextInfo = function () {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // See if the request digest is set\r\n            if (_this._requestDigest) {\r\n                // Get the context information\r\n                (0, _1.getContextInfo)(_this.WebUrl).then(function (requestDigest) {\r\n                    // Save the value and resolve the request\r\n                    _this._requestDigest = requestDigest;\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Refresh the data\r\n    List.prototype.refreshItem = function (itemId, query) {\r\n        if (query === void 0) { query = this.OData; }\r\n        // Load the item\r\n        return this.loadItem(itemId, query);\r\n    };\r\n    // Updates an item\r\n    List.prototype.updateItem = function (itemId, values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Create the item\r\n            _this.ListInfo.Items(itemId).update(values).execute(resolve, reject);\r\n        });\r\n    };\r\n    // Displays the view form\r\n    List.prototype.viewForm = function (props) {\r\n        // Clear the modal/canvas\r\n        this.clear(props.elForm);\r\n        // Display the form\r\n        _1.ItemForm.view(props).then(null, this._onLoadFormError);\r\n    };\r\n    return List;\r\n}());\r\nexports.List = List;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/list.js?");
 
 /***/ }),