dattatable 1.8.0 → 1.8.3

package/build/common/installRequired.js

@@ -205,7 +205,7 @@ var InstallationRequired = /** @class */ (function () {
         modal_1.Modal.setBody(gd_sprest_bs_1.Components.Card({
             body: [
                 {
-                    text: props.errors && props.errors.length > 0 ?
+                    text: this._report.length > 0 || (props.errors && props.errors.length > 0) ?
                         "An installation is required. The following were missing in your environment:" :
                         "No errors were detected."
                 },

package/build/itemForm.d.ts

@@ -3,8 +3,8 @@ import { Components, Helper } from "gd-sprest-bs";
 export interface IItemFormTab {
     title: string;
     fields: string[];
-    onRendered: (el?: HTMLElement, item?: Components.IListGroupItem) => void;
-    onRendering: (item?: Components.IListGroupItem) => any;
+    onRendered?: (el?: HTMLElement, item?: Components.IListGroupItem) => void;
+    onRendering?: (item?: Components.IListGroupItem) => any;
 }
 /** Tab Information */
 export interface IItemFormTabInfo {

package/build/itemForm.js

@@ -352,25 +352,13 @@ var ItemForm = /** @class */ (function () {
         // Validate the forms
         var isValid = true;
         gd_sprest_bs_1.Helper.Executor(forms, function (form) {
-            // Return a promise
-            return new Promise(function (resolve) {
-                // Validate the form
-                _this.validate(form).then(
-                // Valid
-                function () {
-                    // Update the values
-                    values = __assign(__assign({}, values), form.getValues());
-                    // Resolve the request
-                    resolve(null);
-                }, 
-                // Not Valid
-                function () {
-                    // Set the flag
-                    isValid = false;
-                    // Resolve the request
-                    resolve(null);
-                });
-            });
+            // Update the values
+            values = __assign(__assign({}, values), form.getValues());
+            // See if the form is not valid
+            if (!form.isValid()) {
+                // Set the flag
+                isValid = false;
+            }
         }).then(
         // Success
         function () {

package/dist/dattatable.js

@@ -38,7 +38,7 @@ eval("\r\n/** Common Components */\r\nvar __createBinding = (this && this.__crea
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.InstallationRequired = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.0/node_modules/gd-sprest-bs/build/index.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/**\r\n * Installation Required\r\n * Checks the SharePoint configuration file to see if an install is required.\r\n */\r\nvar InstallationRequired = /** @class */ (function () {\r\n    function InstallationRequired() {\r\n    }\r\n    Object.defineProperty(InstallationRequired, \"CustomActionsExist\", {\r\n        get: function () { return this._customActionsExist; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Checks the custom actions\r\n    InstallationRequired.checkCustomActions = function () {\r\n        var _this = this;\r\n        // Clear the flag\r\n        this._customActionsExist = true;\r\n        // Method to check the web custom actions\r\n        var checkWeb = function () {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // Ensure custom actions exist\r\n                if (_this._cfg._configuration.CustomActionCfg == null || _this._cfg._configuration.CustomActionCfg.Web == null || _this._cfg._configuration.CustomActionCfg.Web.length == 0) {\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                    return;\r\n                }\r\n                // Load the web custom actions\r\n                var web = (0, gd_sprest_bs_1.Web)();\r\n                web.UserCustomActions().execute(function (webCustomActions) {\r\n                    // Parse the web custom actions\r\n                    for (var i = 0; i < _this._cfg._configuration.CustomActionCfg.Web.length; i++) {\r\n                        var customAction = _this._cfg._configuration.CustomActionCfg.Web[i];\r\n                        var found = false;\r\n                        // Parse the web custom actions\r\n                        for (var j = 0; j < webCustomActions.results.length; j++) {\r\n                            // See if they match\r\n                            if (customAction.Title == webCustomActions.results[j].Title) {\r\n                                // Set the flag\r\n                                found = true;\r\n                            }\r\n                        }\r\n                        // See if it was not found\r\n                        if (!found) {\r\n                            // Set the error\r\n                            _this._report.push(\"Web Custom Action '\" + customAction.Title + \"' is missing.\");\r\n                            // Set the flag\r\n                            _this._customActionsExist = false;\r\n                        }\r\n                    }\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                });\r\n            });\r\n        };\r\n        // Method to check the site custom actions\r\n        var checkSite = function () {\r\n            return new Promise(function (resolve) {\r\n                // Ensure custom actions exist\r\n                if (_this._cfg._configuration.CustomActionCfg == null || _this._cfg._configuration.CustomActionCfg.Site == null || _this._cfg._configuration.CustomActionCfg.Site.length == 0) {\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                    return;\r\n                }\r\n                // Load the site custom actions\r\n                (0, gd_sprest_bs_1.Site)().UserCustomActions().execute(function (siteCustomActions) {\r\n                    // Parse the site custom actions\r\n                    for (var i = 0; i < _this._cfg._configuration.CustomActionCfg.Site.length; i++) {\r\n                        var customAction = _this._cfg._configuration.CustomActionCfg.Site[i];\r\n                        var found = false;\r\n                        // Parse the web custom actions\r\n                        for (var j = 0; j < siteCustomActions.results.length; j++) {\r\n                            // See if they match\r\n                            if (customAction.Title == siteCustomActions.results[j].Title) {\r\n                                // Set the flag\r\n                                found = true;\r\n                            }\r\n                        }\r\n                        // See if it was not found\r\n                        if (!found) {\r\n                            // Set the error\r\n                            _this._report.push(\"Site Custom Action '\" + customAction.Title + \"' is missing.\");\r\n                            // Set the flag\r\n                            _this._customActionsExist = false;\r\n                        }\r\n                    }\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                });\r\n            });\r\n        };\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Check the site & web\r\n            Promise.all([\r\n                checkSite(),\r\n                checkWeb()\r\n            ]).then(function () {\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    Object.defineProperty(InstallationRequired, \"ListsExist\", {\r\n        get: function () { return this._listsExist; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Checks the lists\r\n    InstallationRequired.checkLists = function () {\r\n        var _this = this;\r\n        // Clear the flag\r\n        this._listsExist = true;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Ensure lists exist\r\n            if (_this._cfg._configuration.ListCfg == null || _this._cfg._configuration.ListCfg.length == 0) {\r\n                // Resolve the request\r\n                resolve(null);\r\n                return;\r\n            }\r\n            // Parse the lists\r\n            gd_sprest_bs_1.Helper.Executor(_this._cfg._configuration.ListCfg, function (listCfg) {\r\n                // Return a promise\r\n                return new Promise(function (resolve) {\r\n                    // Get the list\r\n                    (0, gd_sprest_bs_1.Web)().Lists(listCfg.ListInformation.Title).query({\r\n                        Expand: [\"Fields\"]\r\n                    }).execute(\r\n                    // Success\r\n                    function (list) {\r\n                        // Parse the custom fields\r\n                        gd_sprest_bs_1.Helper.Executor(listCfg.CustomFields, function (cfg) {\r\n                            var exists = false;\r\n                            // Parse the list fields\r\n                            for (var i = 0; i < list.Fields.results.length; i++) {\r\n                                // See if the field exists\r\n                                if (list.Fields.results[i].InternalName == cfg.name) {\r\n                                    // Set the flag\r\n                                    exists = true;\r\n                                    break;\r\n                                }\r\n                            }\r\n                            // See if the field doesn't exist\r\n                            if (!exists) {\r\n                                // Field doesn't exist\r\n                                _this._report.push(\"List '\" + listCfg.ListInformation.Title + \"' is missing a field: \" + cfg.name);\r\n                            }\r\n                        }).then(function () {\r\n                            // Resolve the promise\r\n                            resolve(null);\r\n                        });\r\n                    }, \r\n                    // Error\r\n                    function () {\r\n                        // List doesn't exist\r\n                        _this._report.push(\"List '\" + listCfg.ListInformation.Title + \"' does not exist\");\r\n                        // Set the flag\r\n                        _this._listsExist = false;\r\n                        // Resolve the promise\r\n                        resolve(null);\r\n                    });\r\n                });\r\n            }).then(function () {\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Checks the configuration to see if an installation is required\r\n    InstallationRequired.requiresInstall = function (cfg) {\r\n        var _this = this;\r\n        // Save the configuration\r\n        this._cfg = cfg;\r\n        // Clear the report\r\n        this._report = [];\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Check the configuration\r\n            Promise.all([\r\n                // Check the custom actions\r\n                _this.checkCustomActions(),\r\n                // Check the lists\r\n                _this.checkLists()\r\n            ]).then(function () {\r\n                // Resolve the request\r\n                resolve(_this._report.length > 0);\r\n            });\r\n        });\r\n    };\r\n    InstallationRequired.showDialog = function (props) {\r\n        var _this = this;\r\n        if (props === void 0) { props = {}; }\r\n        // Clear the modal\r\n        modal_1.Modal.clear();\r\n        // Set the header\r\n        modal_1.Modal.setHeader(\"Installation Required\");\r\n        // Set the body\r\n        modal_1.Modal.setBody(gd_sprest_bs_1.Components.Card({\r\n            body: [\r\n                {\r\n                    text: props.errors && props.errors.length > 0 ?\r\n                        \"An installation is required. The following were missing in your environment:\" :\r\n                        \"No errors were detected.\"\r\n                },\r\n                {\r\n                    onRender: function (el) {\r\n                        var items = props.errors || [];\r\n                        // Parse the report\r\n                        for (var i = 0; i < _this._report.length; i++) {\r\n                            // Add the item\r\n                            items.push({ content: _this._report[i] });\r\n                        }\r\n                        // Render a list\r\n                        gd_sprest_bs_1.Components.ListGroup({\r\n                            el: el,\r\n                            items: items\r\n                        });\r\n                    }\r\n                }\r\n            ]\r\n        }).el);\r\n        // Render the install button\r\n        var btnInstall = null;\r\n        gd_sprest_bs_1.Components.Tooltip({\r\n            el: modal_1.Modal.FooterElement,\r\n            content: \"Installs the SharePoint Assets\",\r\n            btnProps: {\r\n                assignTo: function (btn) { btnInstall = btn; },\r\n                text: \"Install\",\r\n                type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSuccess,\r\n                onClick: function () {\r\n                    // Show a loading dialog\r\n                    loadingDialog_1.LoadingDialog.setHeader(\"Installing the Solution\");\r\n                    loadingDialog_1.LoadingDialog.setBody(\"This will close after the assets are installed.\");\r\n                    loadingDialog_1.LoadingDialog.show();\r\n                    _this._cfg.install().then(function () {\r\n                        // Hide the button\r\n                        btnInstall.hide();\r\n                        // Show the refresh button\r\n                        btnRefresh.show();\r\n                        // Close the dialog\r\n                        loadingDialog_1.LoadingDialog.hide();\r\n                    });\r\n                }\r\n            }\r\n        });\r\n        // Render the refresh button\r\n        var btnRefresh = null;\r\n        gd_sprest_bs_1.Components.Tooltip({\r\n            el: modal_1.Modal.FooterElement,\r\n            content: \"Refresh the Page\",\r\n            btnProps: {\r\n                assignTo: function (btn) { btnRefresh = btn; },\r\n                className: \"d-none\",\r\n                text: \"Refresh\",\r\n                type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                onClick: function () {\r\n                    // Refresh the page\r\n                    window.location.reload();\r\n                }\r\n            }\r\n        });\r\n        // Call the events\r\n        props.onHeaderRendered ? props.onHeaderRendered(modal_1.Modal.HeaderElement) : null;\r\n        props.onBodyRendered ? props.onBodyRendered(modal_1.Modal.BodyElement) : null;\r\n        props.onFooterRendered ? props.onFooterRendered(modal_1.Modal.FooterElement) : null;\r\n        // Show the modal\r\n        modal_1.Modal.show();\r\n    };\r\n    InstallationRequired._cfg = null;\r\n    InstallationRequired._report = null;\r\n    // Custom Actions exists\r\n    InstallationRequired._customActionsExist = null;\r\n    // Lists exists\r\n    InstallationRequired._listsExist = null;\r\n    return InstallationRequired;\r\n}());\r\nexports.InstallationRequired = InstallationRequired;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/installRequired.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.InstallationRequired = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.0/node_modules/gd-sprest-bs/build/index.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/**\r\n * Installation Required\r\n * Checks the SharePoint configuration file to see if an install is required.\r\n */\r\nvar InstallationRequired = /** @class */ (function () {\r\n    function InstallationRequired() {\r\n    }\r\n    Object.defineProperty(InstallationRequired, \"CustomActionsExist\", {\r\n        get: function () { return this._customActionsExist; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Checks the custom actions\r\n    InstallationRequired.checkCustomActions = function () {\r\n        var _this = this;\r\n        // Clear the flag\r\n        this._customActionsExist = true;\r\n        // Method to check the web custom actions\r\n        var checkWeb = function () {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // Ensure custom actions exist\r\n                if (_this._cfg._configuration.CustomActionCfg == null || _this._cfg._configuration.CustomActionCfg.Web == null || _this._cfg._configuration.CustomActionCfg.Web.length == 0) {\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                    return;\r\n                }\r\n                // Load the web custom actions\r\n                var web = (0, gd_sprest_bs_1.Web)();\r\n                web.UserCustomActions().execute(function (webCustomActions) {\r\n                    // Parse the web custom actions\r\n                    for (var i = 0; i < _this._cfg._configuration.CustomActionCfg.Web.length; i++) {\r\n                        var customAction = _this._cfg._configuration.CustomActionCfg.Web[i];\r\n                        var found = false;\r\n                        // Parse the web custom actions\r\n                        for (var j = 0; j < webCustomActions.results.length; j++) {\r\n                            // See if they match\r\n                            if (customAction.Title == webCustomActions.results[j].Title) {\r\n                                // Set the flag\r\n                                found = true;\r\n                            }\r\n                        }\r\n                        // See if it was not found\r\n                        if (!found) {\r\n                            // Set the error\r\n                            _this._report.push(\"Web Custom Action '\" + customAction.Title + \"' is missing.\");\r\n                            // Set the flag\r\n                            _this._customActionsExist = false;\r\n                        }\r\n                    }\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                });\r\n            });\r\n        };\r\n        // Method to check the site custom actions\r\n        var checkSite = function () {\r\n            return new Promise(function (resolve) {\r\n                // Ensure custom actions exist\r\n                if (_this._cfg._configuration.CustomActionCfg == null || _this._cfg._configuration.CustomActionCfg.Site == null || _this._cfg._configuration.CustomActionCfg.Site.length == 0) {\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                    return;\r\n                }\r\n                // Load the site custom actions\r\n                (0, gd_sprest_bs_1.Site)().UserCustomActions().execute(function (siteCustomActions) {\r\n                    // Parse the site custom actions\r\n                    for (var i = 0; i < _this._cfg._configuration.CustomActionCfg.Site.length; i++) {\r\n                        var customAction = _this._cfg._configuration.CustomActionCfg.Site[i];\r\n                        var found = false;\r\n                        // Parse the web custom actions\r\n                        for (var j = 0; j < siteCustomActions.results.length; j++) {\r\n                            // See if they match\r\n                            if (customAction.Title == siteCustomActions.results[j].Title) {\r\n                                // Set the flag\r\n                                found = true;\r\n                            }\r\n                        }\r\n                        // See if it was not found\r\n                        if (!found) {\r\n                            // Set the error\r\n                            _this._report.push(\"Site Custom Action '\" + customAction.Title + \"' is missing.\");\r\n                            // Set the flag\r\n                            _this._customActionsExist = false;\r\n                        }\r\n                    }\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                });\r\n            });\r\n        };\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Check the site & web\r\n            Promise.all([\r\n                checkSite(),\r\n                checkWeb()\r\n            ]).then(function () {\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    Object.defineProperty(InstallationRequired, \"ListsExist\", {\r\n        get: function () { return this._listsExist; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Checks the lists\r\n    InstallationRequired.checkLists = function () {\r\n        var _this = this;\r\n        // Clear the flag\r\n        this._listsExist = true;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Ensure lists exist\r\n            if (_this._cfg._configuration.ListCfg == null || _this._cfg._configuration.ListCfg.length == 0) {\r\n                // Resolve the request\r\n                resolve(null);\r\n                return;\r\n            }\r\n            // Parse the lists\r\n            gd_sprest_bs_1.Helper.Executor(_this._cfg._configuration.ListCfg, function (listCfg) {\r\n                // Return a promise\r\n                return new Promise(function (resolve) {\r\n                    // Get the list\r\n                    (0, gd_sprest_bs_1.Web)().Lists(listCfg.ListInformation.Title).query({\r\n                        Expand: [\"Fields\"]\r\n                    }).execute(\r\n                    // Success\r\n                    function (list) {\r\n                        // Parse the custom fields\r\n                        gd_sprest_bs_1.Helper.Executor(listCfg.CustomFields, function (cfg) {\r\n                            var exists = false;\r\n                            // Parse the list fields\r\n                            for (var i = 0; i < list.Fields.results.length; i++) {\r\n                                // See if the field exists\r\n                                if (list.Fields.results[i].InternalName == cfg.name) {\r\n                                    // Set the flag\r\n                                    exists = true;\r\n                                    break;\r\n                                }\r\n                            }\r\n                            // See if the field doesn't exist\r\n                            if (!exists) {\r\n                                // Field doesn't exist\r\n                                _this._report.push(\"List '\" + listCfg.ListInformation.Title + \"' is missing a field: \" + cfg.name);\r\n                            }\r\n                        }).then(function () {\r\n                            // Resolve the promise\r\n                            resolve(null);\r\n                        });\r\n                    }, \r\n                    // Error\r\n                    function () {\r\n                        // List doesn't exist\r\n                        _this._report.push(\"List '\" + listCfg.ListInformation.Title + \"' does not exist\");\r\n                        // Set the flag\r\n                        _this._listsExist = false;\r\n                        // Resolve the promise\r\n                        resolve(null);\r\n                    });\r\n                });\r\n            }).then(function () {\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Checks the configuration to see if an installation is required\r\n    InstallationRequired.requiresInstall = function (cfg) {\r\n        var _this = this;\r\n        // Save the configuration\r\n        this._cfg = cfg;\r\n        // Clear the report\r\n        this._report = [];\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Check the configuration\r\n            Promise.all([\r\n                // Check the custom actions\r\n                _this.checkCustomActions(),\r\n                // Check the lists\r\n                _this.checkLists()\r\n            ]).then(function () {\r\n                // Resolve the request\r\n                resolve(_this._report.length > 0);\r\n            });\r\n        });\r\n    };\r\n    InstallationRequired.showDialog = function (props) {\r\n        var _this = this;\r\n        if (props === void 0) { props = {}; }\r\n        // Clear the modal\r\n        modal_1.Modal.clear();\r\n        // Set the header\r\n        modal_1.Modal.setHeader(\"Installation Required\");\r\n        // Set the body\r\n        modal_1.Modal.setBody(gd_sprest_bs_1.Components.Card({\r\n            body: [\r\n                {\r\n                    text: this._report.length > 0 || (props.errors && props.errors.length > 0) ?\r\n                        \"An installation is required. The following were missing in your environment:\" :\r\n                        \"No errors were detected.\"\r\n                },\r\n                {\r\n                    onRender: function (el) {\r\n                        var items = props.errors || [];\r\n                        // Parse the report\r\n                        for (var i = 0; i < _this._report.length; i++) {\r\n                            // Add the item\r\n                            items.push({ content: _this._report[i] });\r\n                        }\r\n                        // Render a list\r\n                        gd_sprest_bs_1.Components.ListGroup({\r\n                            el: el,\r\n                            items: items\r\n                        });\r\n                    }\r\n                }\r\n            ]\r\n        }).el);\r\n        // Render the install button\r\n        var btnInstall = null;\r\n        gd_sprest_bs_1.Components.Tooltip({\r\n            el: modal_1.Modal.FooterElement,\r\n            content: \"Installs the SharePoint Assets\",\r\n            btnProps: {\r\n                assignTo: function (btn) { btnInstall = btn; },\r\n                text: \"Install\",\r\n                type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSuccess,\r\n                onClick: function () {\r\n                    // Show a loading dialog\r\n                    loadingDialog_1.LoadingDialog.setHeader(\"Installing the Solution\");\r\n                    loadingDialog_1.LoadingDialog.setBody(\"This will close after the assets are installed.\");\r\n                    loadingDialog_1.LoadingDialog.show();\r\n                    _this._cfg.install().then(function () {\r\n                        // Hide the button\r\n                        btnInstall.hide();\r\n                        // Show the refresh button\r\n                        btnRefresh.show();\r\n                        // Close the dialog\r\n                        loadingDialog_1.LoadingDialog.hide();\r\n                    });\r\n                }\r\n            }\r\n        });\r\n        // Render the refresh button\r\n        var btnRefresh = null;\r\n        gd_sprest_bs_1.Components.Tooltip({\r\n            el: modal_1.Modal.FooterElement,\r\n            content: \"Refresh the Page\",\r\n            btnProps: {\r\n                assignTo: function (btn) { btnRefresh = btn; },\r\n                className: \"d-none\",\r\n                text: \"Refresh\",\r\n                type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                onClick: function () {\r\n                    // Refresh the page\r\n                    window.location.reload();\r\n                }\r\n            }\r\n        });\r\n        // Call the events\r\n        props.onHeaderRendered ? props.onHeaderRendered(modal_1.Modal.HeaderElement) : null;\r\n        props.onBodyRendered ? props.onBodyRendered(modal_1.Modal.BodyElement) : null;\r\n        props.onFooterRendered ? props.onFooterRendered(modal_1.Modal.FooterElement) : null;\r\n        // Show the modal\r\n        modal_1.Modal.show();\r\n    };\r\n    InstallationRequired._cfg = null;\r\n    InstallationRequired._report = null;\r\n    // Custom Actions exists\r\n    InstallationRequired._customActionsExist = null;\r\n    // Lists exists\r\n    InstallationRequired._listsExist = null;\r\n    return InstallationRequired;\r\n}());\r\nexports.InstallationRequired = InstallationRequired;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/installRequired.js?");
 
 /***/ }),
 
@@ -170,7 +170,7 @@ eval("\r\nvar __createBinding = (this && this.__createBinding) || (Object.create
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\r\nvar __assign = (this && this.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.ItemForm = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.0/node_modules/gd-sprest-bs/build/index.js\");\r\nvar common_1 = __webpack_require__(/*! ./common */ \"./build/common/index.js\");\r\n/**\r\n * Item Form\r\n */\r\nvar ItemForm = /** @class */ (function () {\r\n    function ItemForm() {\r\n    }\r\n    Object.defineProperty(ItemForm, \"AutoClose\", {\r\n        // Auto Close Flag\r\n        set: function (value) {\r\n            // Update the flag\r\n            this.UseModal ? common_1.Modal.setAutoClose(value) : common_1.CanvasForm.setAutoClose(value);\r\n        },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"DisplayForm\", {\r\n        get: function () { return this._displayForms[0]; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"EditForm\", {\r\n        get: function () { return this._editForms[0]; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"FormInfo\", {\r\n        get: function () { return this._info; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"IsDisplay\", {\r\n        get: function () { return this._controlMode == gd_sprest_bs_1.SPTypes.ControlMode.Display; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"IsEdit\", {\r\n        get: function () { return this._controlMode == gd_sprest_bs_1.SPTypes.ControlMode.Edit; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"IsNew\", {\r\n        get: function () { return this._controlMode == gd_sprest_bs_1.SPTypes.ControlMode.New; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"ListName\", {\r\n        get: function () { return this._listName; },\r\n        set: function (value) { this._listName = value; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"Tabs\", {\r\n        get: function () { return this._tabs; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"UseModal\", {\r\n        get: function () { return this._useModal; },\r\n        set: function (value) { this._useModal = value; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    /** Public Methods */\r\n    // Closes the item form\r\n    ItemForm.close = function () {\r\n        this._useModal ? common_1.Modal.hide() : common_1.CanvasForm.hide();\r\n    };\r\n    // Creates a new task\r\n    ItemForm.create = function (props) {\r\n        if (props === void 0) { props = {}; }\r\n        // Set the properties\r\n        this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.New;\r\n        this._info = props.info;\r\n        this._onCreateEditForm = props.onCreateEditForm;\r\n        this._onFormButtonsRendering = props.onFormButtonsRendering;\r\n        this._onGetListInfo = props.onGetListInfo;\r\n        this._onSave = props.onSave;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._onValidation = props.onValidation;\r\n        this._tabInfo = props.tabInfo;\r\n        this._updateEvent = props.onUpdate;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the item\r\n        this.load(props.webUrl);\r\n    };\r\n    // Edits a task\r\n    ItemForm.edit = function (props) {\r\n        // Set the properties\r\n        this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.Edit;\r\n        this._info = props.info;\r\n        this._onCreateEditForm = props.onCreateEditForm;\r\n        this._onFormButtonsRendering = props.onFormButtonsRendering;\r\n        this._onGetListInfo = props.onGetListInfo;\r\n        this._onSave = props.onSave;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._onValidation = props.onValidation;\r\n        this._tabInfo = props.tabInfo;\r\n        this._updateEvent = props.onUpdate;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the form\r\n        this.load(props.webUrl, props.itemId);\r\n    };\r\n    // Loads the form information\r\n    ItemForm.loadFormInfo = function (props) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Load the form info\r\n            gd_sprest_bs_1.Helper.ListForm.create(props).then(function (info) {\r\n                // Save the information\r\n                _this._info = info;\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Views the task\r\n    ItemForm.view = function (props) {\r\n        // Set the properties\r\n        this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.Display;\r\n        this._info = props.info;\r\n        this._onCreateViewForm = props.onCreateViewForm;\r\n        this._onFormButtonsRendering = props.onFormButtonsRendering;\r\n        this._onGetListInfo = props.onGetListInfo;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._tabInfo = props.tabInfo;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the form\r\n        this.load(props.webUrl, props.itemId);\r\n    };\r\n    /** Private Methods */\r\n    // Load the form information\r\n    ItemForm.load = function (webUrl, itemId) {\r\n        var _this = this;\r\n        // Clear the forms\r\n        this._displayForms = [];\r\n        this._editForms = [];\r\n        // Show a loading dialog\r\n        common_1.LoadingDialog.setHeader(\"Loading the Item\");\r\n        common_1.LoadingDialog.setBody(\"This will close after the form is loaded...\");\r\n        common_1.LoadingDialog.show();\r\n        // Load the form information\r\n        (function () {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // See if the info already exists\r\n                if (_this._info) {\r\n                    // Resolve the request\r\n                    resolve();\r\n                }\r\n                else {\r\n                    // Set the list form properties\r\n                    var listProps = {\r\n                        listName: _this.ListName,\r\n                        itemId: itemId,\r\n                        webUrl: webUrl\r\n                    };\r\n                    // Call the event\r\n                    listProps = _this._onGetListInfo ? _this._onGetListInfo(listProps) : listProps;\r\n                    // Load the form info\r\n                    gd_sprest_bs_1.Helper.ListForm.create(listProps).then(function (info) {\r\n                        // Save the information\r\n                        _this._info = info;\r\n                        // Resolve the request\r\n                        resolve();\r\n                    });\r\n                }\r\n            });\r\n        })().then(function () {\r\n            // Render the form\r\n            _this.renderForm();\r\n        });\r\n    };\r\n    // Renders the display form\r\n    ItemForm.renderDisplayForm = function (el, tab) {\r\n        // Ensure the element exists\r\n        el = el || document.createElement(\"div\");\r\n        // Set the form properties\r\n        var props = {\r\n            el: el,\r\n            info: this._info,\r\n            rowClassName: \"mb-3\",\r\n            includeFields: tab.fields,\r\n            onFormRendered: function (form) {\r\n                /* Remove the bottom margin from the last row of the form */\r\n                form.el.lastChild.classList.remove(\"mb-3\");\r\n            }\r\n        };\r\n        // Call the event if it exists\r\n        props = this._onCreateViewForm ? this._onCreateViewForm(props) : props;\r\n        // Render the display form\r\n        var form = gd_sprest_bs_1.Components.ListForm.renderDisplayForm(props);\r\n        this._displayForms.push(form);\r\n        // Return the form element\r\n        return el;\r\n    };\r\n    // Renders the edit form\r\n    ItemForm.renderEditForm = function (el, tab) {\r\n        // Ensure the element exists\r\n        el = el || document.createElement(\"div\");\r\n        // Set the form properties\r\n        var props = {\r\n            el: el,\r\n            info: this._info,\r\n            rowClassName: \"mb-3\",\r\n            controlMode: this.IsNew ? gd_sprest_bs_1.SPTypes.ControlMode.New : gd_sprest_bs_1.SPTypes.ControlMode.Edit,\r\n            includeFields: tab.fields,\r\n            onFormRendered: function (form) {\r\n                /* Remove the bottom margin from the last row of the form */\r\n                form.el.lastChild.classList.remove(\"mb-3\");\r\n            }\r\n        };\r\n        // Call the event if it exists\r\n        props = this._onCreateEditForm ? this._onCreateEditForm(props) : props;\r\n        // Render the edit form\r\n        var form = gd_sprest_bs_1.Components.ListForm.renderEditForm(props);\r\n        this._editForms.push(form);\r\n        // Return the form element\r\n        return el;\r\n    };\r\n    // Renders the footer\r\n    ItemForm.renderFooter = function () {\r\n        var _this = this;\r\n        // Render the form buttons\r\n        var elButtons = document.createElement(\"div\");\r\n        // Add styling if not using a modal\r\n        if (!this._useModal) {\r\n            elButtons.classList.add(\"float-end\");\r\n            elButtons.style.padding = \"1rem 0\";\r\n        }\r\n        // Append the create/update button\r\n        this._useModal ? common_1.Modal.setFooter(elButtons) : common_1.CanvasForm.BodyElement.appendChild(elButtons);\r\n        // See if we are rendering a display form\r\n        if (this.IsDisplay) {\r\n            // Call the item form button rendering event\r\n            var formButtons = [];\r\n            formButtons = this._onFormButtonsRendering ? this._onFormButtonsRendering(formButtons) : formButtons;\r\n            // Render the form buttons\r\n            formButtons && formButtons.length > 0 ? gd_sprest_bs_1.Components.ButtonGroup({\r\n                el: elButtons,\r\n                buttons: formButtons\r\n            }) : null;\r\n        }\r\n        else {\r\n            // Call the item form button rendering event\r\n            var formButtons = [{\r\n                    text: this.IsNew ? \"Create\" : \"Update\",\r\n                    type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                    onClick: function () { _this.save(); }\r\n                }];\r\n            formButtons = this._onFormButtonsRendering ? this._onFormButtonsRendering(formButtons) : formButtons;\r\n            // Render the form buttons\r\n            formButtons && formButtons.length > 0 ? gd_sprest_bs_1.Components.ButtonGroup({\r\n                el: elButtons,\r\n                buttons: formButtons\r\n            }) : null;\r\n        }\r\n        // Call the footer event\r\n        this._onSetFooter ? this._onSetFooter(this._useModal ? common_1.Modal.FooterElement : elButtons) : null;\r\n    };\r\n    // Renders the form\r\n    ItemForm.renderForm = function () {\r\n        // Set the header\r\n        (this._useModal ? common_1.Modal : common_1.CanvasForm).setHeader('<h5 class=\"m-0\">' + (this._info.item ? this._info.item.Title : \"Create Item\") + '</h5>');\r\n        // Call the header event\r\n        this._onSetHeader ? this._onSetHeader(this._useModal ? common_1.Modal.HeaderElement : common_1.CanvasForm.HeaderElement) : null;\r\n        // See if we are rendering tabs\r\n        if (this._tabInfo) {\r\n            // Render the tabs\r\n            this.renderTabs();\r\n        }\r\n        else {\r\n            // Render the form based on the type\r\n            var elForm = this.IsDisplay ? this.renderDisplayForm() : this.renderEditForm();\r\n            // Update the body\r\n            (this._useModal ? common_1.Modal : common_1.CanvasForm).setBody(elForm);\r\n        }\r\n        // Render the footer\r\n        this.renderFooter();\r\n        // Close the dialog\r\n        common_1.LoadingDialog.hide();\r\n        // Show the form\r\n        (this._useModal ? common_1.Modal : common_1.CanvasForm).show();\r\n    };\r\n    // Generates a tab\r\n    ItemForm.renderTabs = function () {\r\n        var _this = this;\r\n        var tabs = [];\r\n        // Parse the tabs to render\r\n        for (var i = 0; i < this._tabInfo.tabs.length; i++) {\r\n            var tabInfo = this._tabInfo.tabs[i];\r\n            // Generate the tab\r\n            var tab = {\r\n                data: tabInfo,\r\n                isActive: i == 0,\r\n                tabName: tabInfo.title,\r\n                onRender: function (el, item) {\r\n                    // Render the form\r\n                    _this.IsDisplay ? _this.renderDisplayForm(el, item.data) : _this.renderEditForm(el, item.data);\r\n                    // Call the event\r\n                    var tab = item.data;\r\n                    tab.onRendered ? tab.onRendered(el, item) : null;\r\n                }\r\n            };\r\n            // Call the rendering event\r\n            tab = tabInfo.onRendering ? tabInfo.onRendering(tab) : tab;\r\n            if (tab) {\r\n                // Append the tab\r\n                tabs.push(tab);\r\n            }\r\n        }\r\n        // Render the tabs\r\n        this._tabs = gd_sprest_bs_1.Components.ListGroup({\r\n            el: this.UseModal ? common_1.Modal.BodyElement : common_1.CanvasForm.BodyElement,\r\n            colWidth: this._tabInfo.isVertical ? 4 : 12,\r\n            isTabs: true,\r\n            isHorizontal: this._tabInfo.isVertical != true,\r\n            items: tabs\r\n        });\r\n        // Return the tabs element\r\n        return this._tabs.el;\r\n    };\r\n    // Saves the edit form\r\n    ItemForm.save = function (form) {\r\n        var _this = this;\r\n        if (form === void 0) { form = this._editForms[0]; }\r\n        var forms = form ? [form] : this._editForms;\r\n        var values = {};\r\n        // Display a loading dialog\r\n        common_1.LoadingDialog.setHeader(\"Validation\");\r\n        common_1.LoadingDialog.setBody(\"Validating the form...\");\r\n        common_1.LoadingDialog.show();\r\n        // Validate the forms\r\n        var isValid = true;\r\n        gd_sprest_bs_1.Helper.Executor(forms, function (form) {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // Validate the form\r\n                _this.validate(form).then(\r\n                // Valid\r\n                function () {\r\n                    // Update the values\r\n                    values = __assign(__assign({}, values), form.getValues());\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                }, \r\n                // Not Valid\r\n                function () {\r\n                    // Set the flag\r\n                    isValid = false;\r\n                    // Resolve the request\r\n                    resolve(null);\r\n                });\r\n            });\r\n        }).then(\r\n        // Success\r\n        function () {\r\n            // See if the form(s) are valid\r\n            if (isValid) {\r\n                // Call the custom validation event\r\n                _this.validate(values).then(\r\n                // Valid\r\n                function () {\r\n                    // Update the loading dialog\r\n                    common_1.LoadingDialog.setHeader(\"Saving the Item\");\r\n                    common_1.LoadingDialog.setBody((_this.IsNew ? \"Creating\" : \"Updating\") + \" the Item\");\r\n                    // Saves the item\r\n                    var saveItem = function (values) {\r\n                        // Save the item\r\n                        form.save(values).then(function (item) {\r\n                            // Call the update event\r\n                            _this._updateEvent ? _this._updateEvent(item) : null;\r\n                            // Close the dialogs\r\n                            (_this._useModal ? common_1.Modal : common_1.CanvasForm).hide();\r\n                            common_1.LoadingDialog.hide();\r\n                        });\r\n                    };\r\n                    // Call the save event\r\n                    values = _this._onSave ? _this._onSave(values) : values;\r\n                    // See if the onSave event returned a promise\r\n                    if (values && typeof (values[\"then\"]) === \"function\") {\r\n                        // Wait for the promise to complete\r\n                        values[\"then\"](function (values) {\r\n                            // Save the item\r\n                            saveItem(values);\r\n                        });\r\n                    }\r\n                    else {\r\n                        // Save the item\r\n                        saveItem(values);\r\n                    }\r\n                }, \r\n                // Not Valid\r\n                function () {\r\n                    // Do nothing\r\n                });\r\n            }\r\n            else {\r\n                // Close the dialog\r\n                common_1.LoadingDialog.hide();\r\n            }\r\n        });\r\n    };\r\n    // Validates the form\r\n    ItemForm.validate = function (values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var isValid = true;\r\n            // Call the validation event\r\n            var returnVal = _this._onValidation ? _this._onValidation(values) : null;\r\n            if (returnVal && typeof (returnVal.then) === \"function\") {\r\n                // Wait for the promise to complete\r\n                returnVal.then(function (isValid) {\r\n                    // Resolve the request\r\n                    isValid ? resolve() : reject();\r\n                });\r\n            }\r\n            else {\r\n                if (typeof (returnVal) === \"boolean\") {\r\n                    // Update the flag\r\n                    isValid = returnVal;\r\n                }\r\n                // Resolve the request\r\n                isValid ? resolve() : reject();\r\n            }\r\n        });\r\n    };\r\n    ItemForm._onCreateEditForm = null;\r\n    ItemForm._onCreateViewForm = null;\r\n    ItemForm._onFormButtonsRendering = null;\r\n    ItemForm._onGetListInfo = null;\r\n    ItemForm._onSetFooter = null;\r\n    ItemForm._onSetHeader = null;\r\n    ItemForm._onSave = null;\r\n    ItemForm._onValidation = null;\r\n    ItemForm._tabInfo = null;\r\n    ItemForm._updateEvent = null;\r\n    // Display Form\r\n    ItemForm._displayForms = null;\r\n    // Edit Form\r\n    ItemForm._editForms = null;\r\n    // Form Information\r\n    ItemForm._info = null;\r\n    // Form Modes\r\n    ItemForm._controlMode = null;\r\n    // List name\r\n    ItemForm._listName = null;\r\n    // List Form Tabs\r\n    ItemForm._tabs = null;\r\n    // Flag to use a modal or canvas (default)\r\n    ItemForm._useModal = false;\r\n    return ItemForm;\r\n}());\r\nexports.ItemForm = ItemForm;\r\n\n\n//# sourceURL=webpack://dattatable/./build/itemForm.js?");
+eval("\r\nvar __assign = (this && this.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.ItemForm = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.0/node_modules/gd-sprest-bs/build/index.js\");\r\nvar common_1 = __webpack_require__(/*! ./common */ \"./build/common/index.js\");\r\n/**\r\n * Item Form\r\n */\r\nvar ItemForm = /** @class */ (function () {\r\n    function ItemForm() {\r\n    }\r\n    Object.defineProperty(ItemForm, \"AutoClose\", {\r\n        // Auto Close Flag\r\n        set: function (value) {\r\n            // Update the flag\r\n            this.UseModal ? common_1.Modal.setAutoClose(value) : common_1.CanvasForm.setAutoClose(value);\r\n        },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"DisplayForm\", {\r\n        get: function () { return this._displayForms[0]; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"EditForm\", {\r\n        get: function () { return this._editForms[0]; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"FormInfo\", {\r\n        get: function () { return this._info; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"IsDisplay\", {\r\n        get: function () { return this._controlMode == gd_sprest_bs_1.SPTypes.ControlMode.Display; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"IsEdit\", {\r\n        get: function () { return this._controlMode == gd_sprest_bs_1.SPTypes.ControlMode.Edit; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"IsNew\", {\r\n        get: function () { return this._controlMode == gd_sprest_bs_1.SPTypes.ControlMode.New; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"ListName\", {\r\n        get: function () { return this._listName; },\r\n        set: function (value) { this._listName = value; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"Tabs\", {\r\n        get: function () { return this._tabs; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(ItemForm, \"UseModal\", {\r\n        get: function () { return this._useModal; },\r\n        set: function (value) { this._useModal = value; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    /** Public Methods */\r\n    // Closes the item form\r\n    ItemForm.close = function () {\r\n        this._useModal ? common_1.Modal.hide() : common_1.CanvasForm.hide();\r\n    };\r\n    // Creates a new task\r\n    ItemForm.create = function (props) {\r\n        if (props === void 0) { props = {}; }\r\n        // Set the properties\r\n        this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.New;\r\n        this._info = props.info;\r\n        this._onCreateEditForm = props.onCreateEditForm;\r\n        this._onFormButtonsRendering = props.onFormButtonsRendering;\r\n        this._onGetListInfo = props.onGetListInfo;\r\n        this._onSave = props.onSave;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._onValidation = props.onValidation;\r\n        this._tabInfo = props.tabInfo;\r\n        this._updateEvent = props.onUpdate;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the item\r\n        this.load(props.webUrl);\r\n    };\r\n    // Edits a task\r\n    ItemForm.edit = function (props) {\r\n        // Set the properties\r\n        this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.Edit;\r\n        this._info = props.info;\r\n        this._onCreateEditForm = props.onCreateEditForm;\r\n        this._onFormButtonsRendering = props.onFormButtonsRendering;\r\n        this._onGetListInfo = props.onGetListInfo;\r\n        this._onSave = props.onSave;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._onValidation = props.onValidation;\r\n        this._tabInfo = props.tabInfo;\r\n        this._updateEvent = props.onUpdate;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the form\r\n        this.load(props.webUrl, props.itemId);\r\n    };\r\n    // Loads the form information\r\n    ItemForm.loadFormInfo = function (props) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            // Load the form info\r\n            gd_sprest_bs_1.Helper.ListForm.create(props).then(function (info) {\r\n                // Save the information\r\n                _this._info = info;\r\n                // Resolve the request\r\n                resolve();\r\n            });\r\n        });\r\n    };\r\n    // Views the task\r\n    ItemForm.view = function (props) {\r\n        // Set the properties\r\n        this._controlMode = gd_sprest_bs_1.SPTypes.ControlMode.Display;\r\n        this._info = props.info;\r\n        this._onCreateViewForm = props.onCreateViewForm;\r\n        this._onFormButtonsRendering = props.onFormButtonsRendering;\r\n        this._onGetListInfo = props.onGetListInfo;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._tabInfo = props.tabInfo;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the form\r\n        this.load(props.webUrl, props.itemId);\r\n    };\r\n    /** Private Methods */\r\n    // Load the form information\r\n    ItemForm.load = function (webUrl, itemId) {\r\n        var _this = this;\r\n        // Clear the forms\r\n        this._displayForms = [];\r\n        this._editForms = [];\r\n        // Show a loading dialog\r\n        common_1.LoadingDialog.setHeader(\"Loading the Item\");\r\n        common_1.LoadingDialog.setBody(\"This will close after the form is loaded...\");\r\n        common_1.LoadingDialog.show();\r\n        // Load the form information\r\n        (function () {\r\n            // Return a promise\r\n            return new Promise(function (resolve) {\r\n                // See if the info already exists\r\n                if (_this._info) {\r\n                    // Resolve the request\r\n                    resolve();\r\n                }\r\n                else {\r\n                    // Set the list form properties\r\n                    var listProps = {\r\n                        listName: _this.ListName,\r\n                        itemId: itemId,\r\n                        webUrl: webUrl\r\n                    };\r\n                    // Call the event\r\n                    listProps = _this._onGetListInfo ? _this._onGetListInfo(listProps) : listProps;\r\n                    // Load the form info\r\n                    gd_sprest_bs_1.Helper.ListForm.create(listProps).then(function (info) {\r\n                        // Save the information\r\n                        _this._info = info;\r\n                        // Resolve the request\r\n                        resolve();\r\n                    });\r\n                }\r\n            });\r\n        })().then(function () {\r\n            // Render the form\r\n            _this.renderForm();\r\n        });\r\n    };\r\n    // Renders the display form\r\n    ItemForm.renderDisplayForm = function (el, tab) {\r\n        // Ensure the element exists\r\n        el = el || document.createElement(\"div\");\r\n        // Set the form properties\r\n        var props = {\r\n            el: el,\r\n            info: this._info,\r\n            rowClassName: \"mb-3\",\r\n            includeFields: tab.fields,\r\n            onFormRendered: function (form) {\r\n                /* Remove the bottom margin from the last row of the form */\r\n                form.el.lastChild.classList.remove(\"mb-3\");\r\n            }\r\n        };\r\n        // Call the event if it exists\r\n        props = this._onCreateViewForm ? this._onCreateViewForm(props) : props;\r\n        // Render the display form\r\n        var form = gd_sprest_bs_1.Components.ListForm.renderDisplayForm(props);\r\n        this._displayForms.push(form);\r\n        // Return the form element\r\n        return el;\r\n    };\r\n    // Renders the edit form\r\n    ItemForm.renderEditForm = function (el, tab) {\r\n        // Ensure the element exists\r\n        el = el || document.createElement(\"div\");\r\n        // Set the form properties\r\n        var props = {\r\n            el: el,\r\n            info: this._info,\r\n            rowClassName: \"mb-3\",\r\n            controlMode: this.IsNew ? gd_sprest_bs_1.SPTypes.ControlMode.New : gd_sprest_bs_1.SPTypes.ControlMode.Edit,\r\n            includeFields: tab.fields,\r\n            onFormRendered: function (form) {\r\n                /* Remove the bottom margin from the last row of the form */\r\n                form.el.lastChild.classList.remove(\"mb-3\");\r\n            }\r\n        };\r\n        // Call the event if it exists\r\n        props = this._onCreateEditForm ? this._onCreateEditForm(props) : props;\r\n        // Render the edit form\r\n        var form = gd_sprest_bs_1.Components.ListForm.renderEditForm(props);\r\n        this._editForms.push(form);\r\n        // Return the form element\r\n        return el;\r\n    };\r\n    // Renders the footer\r\n    ItemForm.renderFooter = function () {\r\n        var _this = this;\r\n        // Render the form buttons\r\n        var elButtons = document.createElement(\"div\");\r\n        // Add styling if not using a modal\r\n        if (!this._useModal) {\r\n            elButtons.classList.add(\"float-end\");\r\n            elButtons.style.padding = \"1rem 0\";\r\n        }\r\n        // Append the create/update button\r\n        this._useModal ? common_1.Modal.setFooter(elButtons) : common_1.CanvasForm.BodyElement.appendChild(elButtons);\r\n        // See if we are rendering a display form\r\n        if (this.IsDisplay) {\r\n            // Call the item form button rendering event\r\n            var formButtons = [];\r\n            formButtons = this._onFormButtonsRendering ? this._onFormButtonsRendering(formButtons) : formButtons;\r\n            // Render the form buttons\r\n            formButtons && formButtons.length > 0 ? gd_sprest_bs_1.Components.ButtonGroup({\r\n                el: elButtons,\r\n                buttons: formButtons\r\n            }) : null;\r\n        }\r\n        else {\r\n            // Call the item form button rendering event\r\n            var formButtons = [{\r\n                    text: this.IsNew ? \"Create\" : \"Update\",\r\n                    type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,\r\n                    onClick: function () { _this.save(); }\r\n                }];\r\n            formButtons = this._onFormButtonsRendering ? this._onFormButtonsRendering(formButtons) : formButtons;\r\n            // Render the form buttons\r\n            formButtons && formButtons.length > 0 ? gd_sprest_bs_1.Components.ButtonGroup({\r\n                el: elButtons,\r\n                buttons: formButtons\r\n            }) : null;\r\n        }\r\n        // Call the footer event\r\n        this._onSetFooter ? this._onSetFooter(this._useModal ? common_1.Modal.FooterElement : elButtons) : null;\r\n    };\r\n    // Renders the form\r\n    ItemForm.renderForm = function () {\r\n        // Set the header\r\n        (this._useModal ? common_1.Modal : common_1.CanvasForm).setHeader('<h5 class=\"m-0\">' + (this._info.item ? this._info.item.Title : \"Create Item\") + '</h5>');\r\n        // Call the header event\r\n        this._onSetHeader ? this._onSetHeader(this._useModal ? common_1.Modal.HeaderElement : common_1.CanvasForm.HeaderElement) : null;\r\n        // See if we are rendering tabs\r\n        if (this._tabInfo) {\r\n            // Render the tabs\r\n            this.renderTabs();\r\n        }\r\n        else {\r\n            // Render the form based on the type\r\n            var elForm = this.IsDisplay ? this.renderDisplayForm() : this.renderEditForm();\r\n            // Update the body\r\n            (this._useModal ? common_1.Modal : common_1.CanvasForm).setBody(elForm);\r\n        }\r\n        // Render the footer\r\n        this.renderFooter();\r\n        // Close the dialog\r\n        common_1.LoadingDialog.hide();\r\n        // Show the form\r\n        (this._useModal ? common_1.Modal : common_1.CanvasForm).show();\r\n    };\r\n    // Generates a tab\r\n    ItemForm.renderTabs = function () {\r\n        var _this = this;\r\n        var tabs = [];\r\n        // Parse the tabs to render\r\n        for (var i = 0; i < this._tabInfo.tabs.length; i++) {\r\n            var tabInfo = this._tabInfo.tabs[i];\r\n            // Generate the tab\r\n            var tab = {\r\n                data: tabInfo,\r\n                isActive: i == 0,\r\n                tabName: tabInfo.title,\r\n                onRender: function (el, item) {\r\n                    // Render the form\r\n                    _this.IsDisplay ? _this.renderDisplayForm(el, item.data) : _this.renderEditForm(el, item.data);\r\n                    // Call the event\r\n                    var tab = item.data;\r\n                    tab.onRendered ? tab.onRendered(el, item) : null;\r\n                }\r\n            };\r\n            // Call the rendering event\r\n            tab = tabInfo.onRendering ? tabInfo.onRendering(tab) : tab;\r\n            if (tab) {\r\n                // Append the tab\r\n                tabs.push(tab);\r\n            }\r\n        }\r\n        // Render the tabs\r\n        this._tabs = gd_sprest_bs_1.Components.ListGroup({\r\n            el: this.UseModal ? common_1.Modal.BodyElement : common_1.CanvasForm.BodyElement,\r\n            colWidth: this._tabInfo.isVertical ? 4 : 12,\r\n            isTabs: true,\r\n            isHorizontal: this._tabInfo.isVertical != true,\r\n            items: tabs\r\n        });\r\n        // Return the tabs element\r\n        return this._tabs.el;\r\n    };\r\n    // Saves the edit form\r\n    ItemForm.save = function (form) {\r\n        var _this = this;\r\n        if (form === void 0) { form = this._editForms[0]; }\r\n        var forms = form ? [form] : this._editForms;\r\n        var values = {};\r\n        // Display a loading dialog\r\n        common_1.LoadingDialog.setHeader(\"Validation\");\r\n        common_1.LoadingDialog.setBody(\"Validating the form...\");\r\n        common_1.LoadingDialog.show();\r\n        // Validate the forms\r\n        var isValid = true;\r\n        gd_sprest_bs_1.Helper.Executor(forms, function (form) {\r\n            // Update the values\r\n            values = __assign(__assign({}, values), form.getValues());\r\n            // See if the form is not valid\r\n            if (!form.isValid()) {\r\n                // Set the flag\r\n                isValid = false;\r\n            }\r\n        }).then(\r\n        // Success\r\n        function () {\r\n            // See if the form(s) are valid\r\n            if (isValid) {\r\n                // Call the custom validation event\r\n                _this.validate(values).then(\r\n                // Valid\r\n                function () {\r\n                    // Update the loading dialog\r\n                    common_1.LoadingDialog.setHeader(\"Saving the Item\");\r\n                    common_1.LoadingDialog.setBody((_this.IsNew ? \"Creating\" : \"Updating\") + \" the Item\");\r\n                    // Saves the item\r\n                    var saveItem = function (values) {\r\n                        // Save the item\r\n                        form.save(values).then(function (item) {\r\n                            // Call the update event\r\n                            _this._updateEvent ? _this._updateEvent(item) : null;\r\n                            // Close the dialogs\r\n                            (_this._useModal ? common_1.Modal : common_1.CanvasForm).hide();\r\n                            common_1.LoadingDialog.hide();\r\n                        });\r\n                    };\r\n                    // Call the save event\r\n                    values = _this._onSave ? _this._onSave(values) : values;\r\n                    // See if the onSave event returned a promise\r\n                    if (values && typeof (values[\"then\"]) === \"function\") {\r\n                        // Wait for the promise to complete\r\n                        values[\"then\"](function (values) {\r\n                            // Save the item\r\n                            saveItem(values);\r\n                        });\r\n                    }\r\n                    else {\r\n                        // Save the item\r\n                        saveItem(values);\r\n                    }\r\n                }, \r\n                // Not Valid\r\n                function () {\r\n                    // Do nothing\r\n                });\r\n            }\r\n            else {\r\n                // Close the dialog\r\n                common_1.LoadingDialog.hide();\r\n            }\r\n        });\r\n    };\r\n    // Validates the form\r\n    ItemForm.validate = function (values) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            var isValid = true;\r\n            // Call the validation event\r\n            var returnVal = _this._onValidation ? _this._onValidation(values) : null;\r\n            if (returnVal && typeof (returnVal.then) === \"function\") {\r\n                // Wait for the promise to complete\r\n                returnVal.then(function (isValid) {\r\n                    // Resolve the request\r\n                    isValid ? resolve() : reject();\r\n                });\r\n            }\r\n            else {\r\n                if (typeof (returnVal) === \"boolean\") {\r\n                    // Update the flag\r\n                    isValid = returnVal;\r\n                }\r\n                // Resolve the request\r\n                isValid ? resolve() : reject();\r\n            }\r\n        });\r\n    };\r\n    ItemForm._onCreateEditForm = null;\r\n    ItemForm._onCreateViewForm = null;\r\n    ItemForm._onFormButtonsRendering = null;\r\n    ItemForm._onGetListInfo = null;\r\n    ItemForm._onSetFooter = null;\r\n    ItemForm._onSetHeader = null;\r\n    ItemForm._onSave = null;\r\n    ItemForm._onValidation = null;\r\n    ItemForm._tabInfo = null;\r\n    ItemForm._updateEvent = null;\r\n    // Display Form\r\n    ItemForm._displayForms = null;\r\n    // Edit Form\r\n    ItemForm._editForms = null;\r\n    // Form Information\r\n    ItemForm._info = null;\r\n    // Form Modes\r\n    ItemForm._controlMode = null;\r\n    // List name\r\n    ItemForm._listName = null;\r\n    // List Form Tabs\r\n    ItemForm._tabs = null;\r\n    // Flag to use a modal or canvas (default)\r\n    ItemForm._useModal = false;\r\n    return ItemForm;\r\n}());\r\nexports.ItemForm = ItemForm;\r\n\n\n//# sourceURL=webpack://dattatable/./build/itemForm.js?");
 
 /***/ }),