dattatable 2.10.40 → 2.10.42

package/build/common/itemForm.d.ts

@@ -24,6 +24,7 @@ export interface IItemFormCreateProps {
     onCreateEditForm?: (props: Components.IListFormEditProps) => Components.IListFormEditProps;
     onFormButtonsRendering?: (buttons: Components.IButtonProps[]) => Components.IButtonProps[];
     onGetListInfo?: (props: Helper.IListFormProps) => Helper.IListFormProps;
+    onResetForm?: () => void;
     onSave?: (values: any) => object | PromiseLike<object>;
     onSetFooter?: (el: HTMLElement) => void;
     onSetHeader?: (el: HTMLElement) => void;
@@ -42,6 +43,7 @@ export interface IItemFormEditProps {
     onCreateEditForm?: (props: Components.IListFormEditProps) => Components.IListFormEditProps;
     onFormButtonsRendering?: (buttons: Components.IButtonProps[]) => Components.IButtonProps[];
     onGetListInfo?: (props: Helper.IListFormProps) => Helper.IListFormProps;
+    onResetForm?: () => void;
     onSave?: (values: any) => object | PromiseLike<object>;
     onSetFooter?: (el: HTMLElement) => void;
     onSetHeader?: (el: HTMLElement) => void;
@@ -60,6 +62,7 @@ export interface IItemFormViewProps {
     onCreateViewForm?: (props: Components.IListFormDisplayProps) => Components.IListFormDisplayProps;
     onFormButtonsRendering?: (buttons: Components.IButtonProps[]) => Components.IButtonProps[];
     onGetListInfo?: (props: Helper.IListFormProps) => Helper.IListFormProps;
+    onResetForm?: () => void;
     onSetFooter?: (el: HTMLElement) => void;
     onSetHeader?: (el: HTMLElement) => void;
     onShowForm?: (form?: CanvasForm | Modal) => void;
@@ -76,6 +79,7 @@ export declare class ItemForm {
     private static _onCreateViewForm;
     private static _onFormButtonsRendering;
     private static _onGetListInfo;
+    private static _onResetForm;
     private static _onSetFooter?;
     private static _onSetHeader?;
     private static _onShowForm?;

package/build/common/itemForm.js

@@ -106,6 +106,7 @@ var ItemForm = /** @class */ (function () {
         this._onCreateEditForm = props.onCreateEditForm;
         this._onFormButtonsRendering = props.onFormButtonsRendering;
         this._onGetListInfo = props.onGetListInfo;
+        this._onResetForm = props.onResetForm;
         this._onSave = props.onSave;
         this._onSetFooter = props.onSetFooter;
         this._onSetHeader = props.onSetHeader;
@@ -339,6 +340,8 @@ var ItemForm = /** @class */ (function () {
         if (this._elForm == null) {
             // Clear the form
             (this._useModal ? _1.Modal : _1.CanvasForm).clear();
+            // Call the event
+            this._onResetForm ? this._onResetForm() : null;
             // Set the header
             (this._useModal ? _1.Modal : _1.CanvasForm).setHeader('<h5 class="m-0">' + (this._info.item ? this._info.item.Title : "Create Item") + '</h5>');
             // Call the header event
@@ -543,6 +546,7 @@ var ItemForm = /** @class */ (function () {
     ItemForm._onCreateViewForm = null;
     ItemForm._onFormButtonsRendering = null;
     ItemForm._onGetListInfo = null;
+    ItemForm._onResetForm = null;
     ItemForm._onSetFooter = null;
     ItemForm._onSetHeader = null;
     ItemForm._onShowForm = null;

package/build/dashboard/tiles.js

@@ -121,7 +121,7 @@ var Tiles = /** @class */ (function () {
                     title: titleContent,
                     onClick: function (card, ev) {
                         // Call the event
-                        _this._props.onClick ? _this._props.onClick(ev.currentTarget, card.body[0].data) : null;
+                        _this._props.onClick ? _this._props.onClick(ev.currentTarget, card) : null;
                     },
                     onRender: function (el, card) {
                         var item = card.data;

package/dist/dattatable.js

@@ -93,7 +93,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ (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@10.11.82/node_modules/gd-sprest-bs/build/index.js\");\r\nvar _1 = __webpack_require__(/*! . */ \"./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 ? _1.Modal.setAutoClose(value) : _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, \"DisplayForms\", {\r\n        get: function () { return this._displayForms; },\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, \"EditForms\", {\r\n        get: function () { return this._editForms; },\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    // Sets the size of the modal or canvas\r\n    ItemForm.setSize = function (value) {\r\n        // Set the modal type or offcanvas size\r\n        this._useModal ? _1.Modal.setType(value) : _1.CanvasForm.setSize(value);\r\n    };\r\n    /** Public Methods */\r\n    // Closes the item form\r\n    ItemForm.close = function () {\r\n        this._useModal ? _1.Modal.hide() : _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._elForm = props.elForm;\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._onShowForm = props.onShowForm;\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        return 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._elForm = props.elForm;\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._onShowForm = props.onShowForm;\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        return 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._elForm = props.elForm;\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._onShowForm = props.onShowForm;\r\n        this._tabInfo = props.tabInfo;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the form\r\n        return 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        _1.LoadingDialog.setHeader(\"Loading the Item\");\r\n        _1.LoadingDialog.setBody(\"This will close after the form is loaded...\");\r\n        _1.LoadingDialog.show();\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Code to run after the data is loaded\r\n            var onComplete = function () {\r\n                // Render the form\r\n                _this.renderForm();\r\n                // Resolve the request\r\n                resolve(null);\r\n            };\r\n            // Get the context information\r\n            (0, _1.getContextInfo)(webUrl).then(function (requestDigest) {\r\n                // Set the request digest\r\n                _this._requestDigest = requestDigest;\r\n                // See if the info already exists\r\n                if (_this._info) {\r\n                    // Form information is already loaded\r\n                    onComplete();\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                        requestDigest: requestDigest,\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                        // Form information is already loaded\r\n                        onComplete();\r\n                    }, reject);\r\n                }\r\n            });\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 displayAttachments = tab ? tab.fields && tab.fields.indexOf(\"Attachments\") >= 0 : this.FormInfo.attachments != null;\r\n        var props = {\r\n            el: el,\r\n            displayAttachments: displayAttachments,\r\n            excludeFields: tab ? tab.excludeFields : null,\r\n            includeFields: tab ? tab.fields : null,\r\n            info: this._info,\r\n            rowClassName: \"mb-3\"\r\n        };\r\n        // See if we are rendering a tab\r\n        if (tab && tab.onCreateForm) {\r\n            // Call the event\r\n            props = tab.onCreateForm(props);\r\n        }\r\n        // Call the event if it exists\r\n        props = this._onCreateViewForm ? this._onCreateViewForm(props) : props;\r\n        // Override the form rendered event\r\n        var customEvent = props.onFormRendered;\r\n        props.onFormRendered = function (listForm) {\r\n            /* Remove the bottom margin from the last row of the form */\r\n            listForm.el.lastChild.classList.remove(\"mb-3\");\r\n            // Call the event if it exists\r\n            tab && tab.onFormRendered ? tab.onFormRendered(form) : null;\r\n            // Call the custom event if it exists\r\n            customEvent ? customEvent(listForm) : null;\r\n        };\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 displayAttachments = tab ? tab.fields && tab.fields.indexOf(\"Attachments\") >= 0 : this.FormInfo.attachments != null;\r\n        var props = {\r\n            el: el,\r\n            displayAttachments: displayAttachments,\r\n            excludeFields: tab ? tab.excludeFields : null,\r\n            includeFields: tab ? tab.fields : null,\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        };\r\n        // See if we are rendering a tab\r\n        if (tab && tab.onCreateForm) {\r\n            // Call the event\r\n            props = tab.onCreateForm(props);\r\n        }\r\n        // Call the event if it exists\r\n        props = this._onCreateEditForm ? this._onCreateEditForm(props) : props;\r\n        // Override the form rendered event\r\n        var customEvent = props.onFormRendered;\r\n        props.onFormRendered = function (listForm) {\r\n            /* Remove the bottom margin from the last row of the form */\r\n            listForm.el.lastChild.classList.remove(\"mb-3\");\r\n            // Call the event if it exists\r\n            tab && tab.onFormRendered ? tab.onFormRendered(form) : null;\r\n            // Call the custom event if it exists\r\n            customEvent ? customEvent(listForm) : null;\r\n        };\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 ? _1.Modal.setFooter(elButtons) : _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 ? _1.Modal.FooterElement : elButtons) : null;\r\n    };\r\n    // Renders the form\r\n    ItemForm.renderForm = function () {\r\n        // See if we are not rendering to a custom element\r\n        if (this._elForm == null) {\r\n            // Clear the form\r\n            (this._useModal ? _1.Modal : _1.CanvasForm).clear();\r\n            // Set the header\r\n            (this._useModal ? _1.Modal : _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 ? _1.Modal.HeaderElement : _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 ? _1.Modal : _1.CanvasForm).setBody(elForm);\r\n            }\r\n            // Render the footer\r\n            this.renderFooter();\r\n            // Call the event\r\n            this._onShowForm ? this._onShowForm(this._useModal ? _1.Modal : _1.CanvasForm) : null;\r\n            // Show the form\r\n            (this._useModal ? _1.Modal : _1.CanvasForm).show();\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            // Copy the elements\r\n            for (var i = 0; i < elForm.children.length; i++) {\r\n                // Append the element\r\n                this._elForm.appendChild(elForm.children[i]);\r\n            }\r\n        }\r\n        // Close the dialog\r\n        _1.LoadingDialog.hide();\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                onClick: this._tabInfo.onClick,\r\n                onRender: function (el, item) {\r\n                    var tab = item.data;\r\n                    // Render the form\r\n                    _this.IsDisplay ? _this.renderDisplayForm(el, tab) : _this.renderEditForm(el, tab);\r\n                    // Call the event\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 ? _1.Modal.BodyElement : _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        var values = {};\r\n        // Default the form\r\n        var forms = form ? [form] : this._editForms;\r\n        var defaultForm = forms[0];\r\n        // Display a loading dialog\r\n        _1.LoadingDialog.setHeader(\"Validation\");\r\n        _1.LoadingDialog.setBody(\"Validating the form...\");\r\n        _1.LoadingDialog.show();\r\n        // Validate the forms\r\n        var isValid = true;\r\n        var counter = 0;\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 this form has attachments\r\n            if (form.hasAttachments()) {\r\n                // Set the default form\r\n                defaultForm = form;\r\n            }\r\n            // Validate the form\r\n            var tabIsValid = form.isValid();\r\n            // See if we are using tabs and an event exists\r\n            var tabInfo = _this._tabInfo && _this._tabInfo.tabs[counter];\r\n            if (tabInfo && tabInfo.onValidation) {\r\n                // Call the event\r\n                tabIsValid = tabInfo.onValidation(values);\r\n            }\r\n            // See if the form is not valid\r\n            if (!tabIsValid) {\r\n                // Set the flag\r\n                isValid = false;\r\n            }\r\n            // See if tabs exist\r\n            if (_this.Tabs) {\r\n                // Get the tab\r\n                var tab = _this.Tabs.el.querySelectorAll(\".list-group-item\")[counter++];\r\n                if (tab) {\r\n                    // Clear the class name\r\n                    tab.classList.remove(\"is-valid\");\r\n                    tab.classList.remove(\"is-invalid\");\r\n                    // Set the class name\r\n                    tab.classList.add(tabIsValid ? \"is-valid\" : \"is-invalid\");\r\n                }\r\n            }\r\n            // Set the tab class\r\n        }).then(\r\n        // Success\r\n        function () {\r\n            // Call the custom validation event\r\n            _this.validate(values, isValid).then(\r\n            // Valid\r\n            function (isValid) {\r\n                // See if the form(s) are valid\r\n                if (isValid) {\r\n                    // Update the loading dialog\r\n                    _1.LoadingDialog.setHeader(\"Saving the Item\");\r\n                    _1.LoadingDialog.setBody((_this.IsNew ? \"Creating\" : \"Updating\") + \" the Item\");\r\n                    // Saves the item\r\n                    var saveItem_1 = function (values) {\r\n                        // If values is null then do nothing. This would happen when the\r\n                        // onSave event wants to cancel the save and do something custom\r\n                        if (values) {\r\n                            // Save the item\r\n                            defaultForm.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 ? _1.Modal : _1.CanvasForm).hide();\r\n                                _1.LoadingDialog.hide();\r\n                            });\r\n                        }\r\n                    };\r\n                    // Call the save event and ensure values exist\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_1(values);\r\n                        });\r\n                    }\r\n                    else {\r\n                        // Save the item\r\n                        saveItem_1(values);\r\n                    }\r\n                }\r\n                else {\r\n                    // Close the dialog\r\n                    _1.LoadingDialog.hide();\r\n                }\r\n            }, \r\n            // Not Valid\r\n            function () {\r\n                // Close the dialog\r\n                _1.LoadingDialog.hide();\r\n            });\r\n        });\r\n    };\r\n    // Validates the form\r\n    ItemForm.validate = function (values, isValid) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Call the validation event\r\n            var returnVal = _this._onValidation ? _this._onValidation(values, isValid) : null;\r\n            // See if it's a promise function\r\n            if (returnVal && typeof (returnVal.then) === \"function\") {\r\n                // Wait for the promise to complete\r\n                returnVal.then(function (returnVal) {\r\n                    // Resolve the request\r\n                    isValid = typeof (returnVal) === \"boolean\" ? returnVal : isValid;\r\n                    isValid ? resolve(isValid) : reject();\r\n                });\r\n            }\r\n            else {\r\n                // Update the flag\r\n                isValid = typeof (returnVal) === \"boolean\" ? returnVal : isValid;\r\n                // Resolve the request\r\n                isValid ? resolve(isValid) : reject();\r\n            }\r\n        });\r\n    };\r\n    ItemForm._elForm = null;\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._onShowForm = null;\r\n    ItemForm._onSave = null;\r\n    ItemForm._onValidation = null;\r\n    ItemForm._requestDigest = 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/common/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@10.11.82/node_modules/gd-sprest-bs/build/index.js\");\r\nvar _1 = __webpack_require__(/*! . */ \"./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 ? _1.Modal.setAutoClose(value) : _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, \"DisplayForms\", {\r\n        get: function () { return this._displayForms; },\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, \"EditForms\", {\r\n        get: function () { return this._editForms; },\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    // Sets the size of the modal or canvas\r\n    ItemForm.setSize = function (value) {\r\n        // Set the modal type or offcanvas size\r\n        this._useModal ? _1.Modal.setType(value) : _1.CanvasForm.setSize(value);\r\n    };\r\n    /** Public Methods */\r\n    // Closes the item form\r\n    ItemForm.close = function () {\r\n        this._useModal ? _1.Modal.hide() : _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._elForm = props.elForm;\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._onResetForm = props.onResetForm;\r\n        this._onSave = props.onSave;\r\n        this._onSetFooter = props.onSetFooter;\r\n        this._onSetHeader = props.onSetHeader;\r\n        this._onShowForm = props.onShowForm;\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        return 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._elForm = props.elForm;\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._onShowForm = props.onShowForm;\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        return 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._elForm = props.elForm;\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._onShowForm = props.onShowForm;\r\n        this._tabInfo = props.tabInfo;\r\n        typeof (props.useModal) === \"boolean\" ? this._useModal = props.useModal : false;\r\n        // Load the form\r\n        return 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        _1.LoadingDialog.setHeader(\"Loading the Item\");\r\n        _1.LoadingDialog.setBody(\"This will close after the form is loaded...\");\r\n        _1.LoadingDialog.show();\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Code to run after the data is loaded\r\n            var onComplete = function () {\r\n                // Render the form\r\n                _this.renderForm();\r\n                // Resolve the request\r\n                resolve(null);\r\n            };\r\n            // Get the context information\r\n            (0, _1.getContextInfo)(webUrl).then(function (requestDigest) {\r\n                // Set the request digest\r\n                _this._requestDigest = requestDigest;\r\n                // See if the info already exists\r\n                if (_this._info) {\r\n                    // Form information is already loaded\r\n                    onComplete();\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                        requestDigest: requestDigest,\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                        // Form information is already loaded\r\n                        onComplete();\r\n                    }, reject);\r\n                }\r\n            });\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 displayAttachments = tab ? tab.fields && tab.fields.indexOf(\"Attachments\") >= 0 : this.FormInfo.attachments != null;\r\n        var props = {\r\n            el: el,\r\n            displayAttachments: displayAttachments,\r\n            excludeFields: tab ? tab.excludeFields : null,\r\n            includeFields: tab ? tab.fields : null,\r\n            info: this._info,\r\n            rowClassName: \"mb-3\"\r\n        };\r\n        // See if we are rendering a tab\r\n        if (tab && tab.onCreateForm) {\r\n            // Call the event\r\n            props = tab.onCreateForm(props);\r\n        }\r\n        // Call the event if it exists\r\n        props = this._onCreateViewForm ? this._onCreateViewForm(props) : props;\r\n        // Override the form rendered event\r\n        var customEvent = props.onFormRendered;\r\n        props.onFormRendered = function (listForm) {\r\n            /* Remove the bottom margin from the last row of the form */\r\n            listForm.el.lastChild.classList.remove(\"mb-3\");\r\n            // Call the event if it exists\r\n            tab && tab.onFormRendered ? tab.onFormRendered(form) : null;\r\n            // Call the custom event if it exists\r\n            customEvent ? customEvent(listForm) : null;\r\n        };\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 displayAttachments = tab ? tab.fields && tab.fields.indexOf(\"Attachments\") >= 0 : this.FormInfo.attachments != null;\r\n        var props = {\r\n            el: el,\r\n            displayAttachments: displayAttachments,\r\n            excludeFields: tab ? tab.excludeFields : null,\r\n            includeFields: tab ? tab.fields : null,\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        };\r\n        // See if we are rendering a tab\r\n        if (tab && tab.onCreateForm) {\r\n            // Call the event\r\n            props = tab.onCreateForm(props);\r\n        }\r\n        // Call the event if it exists\r\n        props = this._onCreateEditForm ? this._onCreateEditForm(props) : props;\r\n        // Override the form rendered event\r\n        var customEvent = props.onFormRendered;\r\n        props.onFormRendered = function (listForm) {\r\n            /* Remove the bottom margin from the last row of the form */\r\n            listForm.el.lastChild.classList.remove(\"mb-3\");\r\n            // Call the event if it exists\r\n            tab && tab.onFormRendered ? tab.onFormRendered(form) : null;\r\n            // Call the custom event if it exists\r\n            customEvent ? customEvent(listForm) : null;\r\n        };\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 ? _1.Modal.setFooter(elButtons) : _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 ? _1.Modal.FooterElement : elButtons) : null;\r\n    };\r\n    // Renders the form\r\n    ItemForm.renderForm = function () {\r\n        // See if we are not rendering to a custom element\r\n        if (this._elForm == null) {\r\n            // Clear the form\r\n            (this._useModal ? _1.Modal : _1.CanvasForm).clear();\r\n            // Call the event\r\n            this._onResetForm ? this._onResetForm() : null;\r\n            // Set the header\r\n            (this._useModal ? _1.Modal : _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 ? _1.Modal.HeaderElement : _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 ? _1.Modal : _1.CanvasForm).setBody(elForm);\r\n            }\r\n            // Render the footer\r\n            this.renderFooter();\r\n            // Call the event\r\n            this._onShowForm ? this._onShowForm(this._useModal ? _1.Modal : _1.CanvasForm) : null;\r\n            // Show the form\r\n            (this._useModal ? _1.Modal : _1.CanvasForm).show();\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            // Copy the elements\r\n            for (var i = 0; i < elForm.children.length; i++) {\r\n                // Append the element\r\n                this._elForm.appendChild(elForm.children[i]);\r\n            }\r\n        }\r\n        // Close the dialog\r\n        _1.LoadingDialog.hide();\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                onClick: this._tabInfo.onClick,\r\n                onRender: function (el, item) {\r\n                    var tab = item.data;\r\n                    // Render the form\r\n                    _this.IsDisplay ? _this.renderDisplayForm(el, tab) : _this.renderEditForm(el, tab);\r\n                    // Call the event\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 ? _1.Modal.BodyElement : _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        var values = {};\r\n        // Default the form\r\n        var forms = form ? [form] : this._editForms;\r\n        var defaultForm = forms[0];\r\n        // Display a loading dialog\r\n        _1.LoadingDialog.setHeader(\"Validation\");\r\n        _1.LoadingDialog.setBody(\"Validating the form...\");\r\n        _1.LoadingDialog.show();\r\n        // Validate the forms\r\n        var isValid = true;\r\n        var counter = 0;\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 this form has attachments\r\n            if (form.hasAttachments()) {\r\n                // Set the default form\r\n                defaultForm = form;\r\n            }\r\n            // Validate the form\r\n            var tabIsValid = form.isValid();\r\n            // See if we are using tabs and an event exists\r\n            var tabInfo = _this._tabInfo && _this._tabInfo.tabs[counter];\r\n            if (tabInfo && tabInfo.onValidation) {\r\n                // Call the event\r\n                tabIsValid = tabInfo.onValidation(values);\r\n            }\r\n            // See if the form is not valid\r\n            if (!tabIsValid) {\r\n                // Set the flag\r\n                isValid = false;\r\n            }\r\n            // See if tabs exist\r\n            if (_this.Tabs) {\r\n                // Get the tab\r\n                var tab = _this.Tabs.el.querySelectorAll(\".list-group-item\")[counter++];\r\n                if (tab) {\r\n                    // Clear the class name\r\n                    tab.classList.remove(\"is-valid\");\r\n                    tab.classList.remove(\"is-invalid\");\r\n                    // Set the class name\r\n                    tab.classList.add(tabIsValid ? \"is-valid\" : \"is-invalid\");\r\n                }\r\n            }\r\n            // Set the tab class\r\n        }).then(\r\n        // Success\r\n        function () {\r\n            // Call the custom validation event\r\n            _this.validate(values, isValid).then(\r\n            // Valid\r\n            function (isValid) {\r\n                // See if the form(s) are valid\r\n                if (isValid) {\r\n                    // Update the loading dialog\r\n                    _1.LoadingDialog.setHeader(\"Saving the Item\");\r\n                    _1.LoadingDialog.setBody((_this.IsNew ? \"Creating\" : \"Updating\") + \" the Item\");\r\n                    // Saves the item\r\n                    var saveItem_1 = function (values) {\r\n                        // If values is null then do nothing. This would happen when the\r\n                        // onSave event wants to cancel the save and do something custom\r\n                        if (values) {\r\n                            // Save the item\r\n                            defaultForm.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 ? _1.Modal : _1.CanvasForm).hide();\r\n                                _1.LoadingDialog.hide();\r\n                            });\r\n                        }\r\n                    };\r\n                    // Call the save event and ensure values exist\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_1(values);\r\n                        });\r\n                    }\r\n                    else {\r\n                        // Save the item\r\n                        saveItem_1(values);\r\n                    }\r\n                }\r\n                else {\r\n                    // Close the dialog\r\n                    _1.LoadingDialog.hide();\r\n                }\r\n            }, \r\n            // Not Valid\r\n            function () {\r\n                // Close the dialog\r\n                _1.LoadingDialog.hide();\r\n            });\r\n        });\r\n    };\r\n    // Validates the form\r\n    ItemForm.validate = function (values, isValid) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Call the validation event\r\n            var returnVal = _this._onValidation ? _this._onValidation(values, isValid) : null;\r\n            // See if it's a promise function\r\n            if (returnVal && typeof (returnVal.then) === \"function\") {\r\n                // Wait for the promise to complete\r\n                returnVal.then(function (returnVal) {\r\n                    // Resolve the request\r\n                    isValid = typeof (returnVal) === \"boolean\" ? returnVal : isValid;\r\n                    isValid ? resolve(isValid) : reject();\r\n                });\r\n            }\r\n            else {\r\n                // Update the flag\r\n                isValid = typeof (returnVal) === \"boolean\" ? returnVal : isValid;\r\n                // Resolve the request\r\n                isValid ? resolve(isValid) : reject();\r\n            }\r\n        });\r\n    };\r\n    ItemForm._elForm = null;\r\n    ItemForm._onCreateEditForm = null;\r\n    ItemForm._onCreateViewForm = null;\r\n    ItemForm._onFormButtonsRendering = null;\r\n    ItemForm._onGetListInfo = null;\r\n    ItemForm._onResetForm = null;\r\n    ItemForm._onSetFooter = null;\r\n    ItemForm._onSetHeader = null;\r\n    ItemForm._onShowForm = null;\r\n    ItemForm._onSave = null;\r\n    ItemForm._onValidation = null;\r\n    ItemForm._requestDigest = 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/common/itemForm.js?");
 
 /***/ }),
 
@@ -247,7 +247,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.82/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Tiles\r\n */\r\nvar Tiles = /** @class */ (function () {\r\n    // Constructor\r\n    function Tiles(props) {\r\n        this._tiles = null;\r\n        this._activeFilterValue = null;\r\n        this._activeSearchValue = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the tile\r\n        this.render(this._props.items);\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (values) {\r\n        if (values === void 0) { values = []; }\r\n        this._activeFilterValue = values.join('|');\r\n        // Parse all tile\r\n        var tiles = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < tiles.length; i++) {\r\n            // Hide the tile\r\n            tiles[i].parentElement.classList.add(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Generate the card properties\r\n    Tiles.prototype.generateCard = function (item) {\r\n        var _this = this;\r\n        var filterValues = [];\r\n        // See if the filter field is specified\r\n        if (this._props.filterFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.filterFields.length; i++) {\r\n                var filterField = this._props.filterFields[i];\r\n                // Get the filter values\r\n                var filters = item[filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                // Append the values\r\n                filterValues = filterValues.concat(filters);\r\n            }\r\n        }\r\n        // See if the body fields exist\r\n        var bodyContent = this._props.bodyTemplate || \"\";\r\n        if (this._props.bodyFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.bodyFields.length; i++) {\r\n                var field = this._props.bodyFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.bodyTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    bodyContent = bodyContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    bodyContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var subTitleContent = this._props.subTitleTemplate || \"\";\r\n        if (this._props.subTitleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.subTitleFields.length; i++) {\r\n                var field = this._props.subTitleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.subTitleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    subTitleContent = subTitleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    subTitleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var titleContent = this._props.titleTemplate || \"\";\r\n        if (this._props.titleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.titleFields.length; i++) {\r\n                var field = this._props.titleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.titleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    titleContent = titleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    titleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // Set the card props\r\n        var cardProps = {\r\n            onRender: function (el, card) {\r\n                // See if filters exist\r\n                if (filterValues && filterValues.length > 0) {\r\n                    // Set the data filter value\r\n                    el.setAttribute(\"data-filter\", filterValues.join('|'));\r\n                }\r\n                // Call the event\r\n                _this._props.onCardRendered ? _this._props.onCardRendered(el, card) : null;\r\n            },\r\n            body: [{\r\n                    content: bodyContent,\r\n                    data: item,\r\n                    subTitle: subTitleContent,\r\n                    title: titleContent,\r\n                    onClick: function (card, ev) {\r\n                        // Call the event\r\n                        _this._props.onClick ? _this._props.onClick(ev.currentTarget, card.body[0].data) : null;\r\n                    },\r\n                    onRender: function (el, card) {\r\n                        var item = card.data;\r\n                        // Call the events\r\n                        _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(\".card-title\"), item) : null;\r\n                        _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(\".card-subtitle\"), item) : null;\r\n                        _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;\r\n                    }\r\n                }]\r\n        };\r\n        // See if we are showing the header\r\n        var showHeader = typeof (this._props.showHeader) === \"boolean\" ? this._props.showHeader : true;\r\n        if (showHeader) {\r\n            cardProps.header = {\r\n                onRender: function (el) {\r\n                    _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // See if we are showing the footer\r\n        var showFooter = typeof (this._props.showFooter) === \"boolean\" ? this._props.showFooter : true;\r\n        if (showFooter) {\r\n            cardProps.footer = {\r\n                onRender: function (el) {\r\n                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // Call the event\r\n        this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;\r\n        // Return the card properties\r\n        return cardProps;\r\n    };\r\n    // Method to reload the data\r\n    Tiles.prototype.refresh = function (items) {\r\n        if (items === void 0) { items = []; }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the accordion\r\n        this.render(items);\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function (items) {\r\n        // Render the tile\r\n        this.renderTiles(items);\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function (items) {\r\n        // Parse the items\r\n        var cards = [];\r\n        for (var i = 0; i < items.length; i++) {\r\n            var item = items[i];\r\n            // Add an tile\r\n            cards.push(this.generateCard(item));\r\n        }\r\n        // Render the tiles\r\n        this._tiles = gd_sprest_bs_1.Components.CardGroup({\r\n            el: this._props.el,\r\n            cards: cards,\r\n            colSize: this._props.colSize || 4,\r\n            onColRender: this._props.onColumnRendered\r\n        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var _this = this;\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".tiles-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"tiles-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._tiles.el.querySelectorAll(\".card\"));\r\n        // Parse the items\r\n        for (var i = elItems.length - 1; i >= 0; i--) {\r\n            var elItem = elItems[i];\r\n            // See if a filter value exists\r\n            if (this._activeFilterValue) {\r\n                var filterValues = (elItem.dataset.filter || \"\").split('|');\r\n                // Parse the active filters\r\n                var activeFilters = this._activeFilterValue.split('|');\r\n                var showItem = false;\r\n                for (var j = 0; j < activeFilters.length; j++) {\r\n                    // See if the item contains the filter value\r\n                    if (filterValues.indexOf(activeFilters[j]) >= 0) {\r\n                        // Set the flag and break from the loop\r\n                        showItem = true;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if we are hiding the item\r\n                if (!showItem) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n            // See if a search value exists\r\n            if (this._activeSearchValue) {\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue.toLowerCase()) < 0) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Show the item\r\n                elItem.parentElement.classList.remove(\"d-none\");\r\n            }\r\n            else {\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            var elItem = elItems[i];\r\n            // Hide the item\r\n            elItem.parentElement.classList.add(\"d-none\");\r\n        }\r\n        // See if we are showing pagination\r\n        var showPagination = typeof (this._props.showPagination) === \"boolean\" ? this._props.showPagination : true;\r\n        if (showPagination) {\r\n            // Render the pagination\r\n            this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n                el: elPagination,\r\n                className: \"d-flex justify-content-end pt-2\",\r\n                numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n                onClick: function (pageNumber) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < elItems.length; i++) {\r\n                        var elItem = elItems[i];\r\n                        // Hide the item\r\n                        elItem.parentElement.classList.add(\"d-none\");\r\n                    }\r\n                    // Parse the items to show\r\n                    var startIdx = (pageNumber - 1) * paginationLimit;\r\n                    for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                        var elItem = elItems[i];\r\n                        // Show the item\r\n                        elItem.parentElement.classList.remove(\"d-none\");\r\n                    }\r\n                    // Call the event\r\n                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;\r\n                }\r\n            });\r\n            // Call the event\r\n            this._props.onPaginationRendered ? this._props.onPaginationRendered(elPagination) : null;\r\n        }\r\n    };\r\n    // Searches the tile\r\n    Tiles.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchValue = value || \"\";\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    return Tiles;\r\n}());\r\nexports.Tiles = Tiles;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/tiles.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Tiles = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.82/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Tiles\r\n */\r\nvar Tiles = /** @class */ (function () {\r\n    // Constructor\r\n    function Tiles(props) {\r\n        this._tiles = null;\r\n        this._activeFilterValue = null;\r\n        this._activeSearchValue = null;\r\n        this._pagination = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the tile\r\n        this.render(this._props.items);\r\n    }\r\n    // Filters the tile\r\n    Tiles.prototype.filter = function (values) {\r\n        if (values === void 0) { values = []; }\r\n        this._activeFilterValue = values.join('|');\r\n        // Parse all tile\r\n        var tiles = this._props.el.querySelectorAll(\".card\");\r\n        for (var i = 0; i < tiles.length; i++) {\r\n            // Hide the tile\r\n            tiles[i].parentElement.classList.add(\"d-none\");\r\n        }\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Generate the card properties\r\n    Tiles.prototype.generateCard = function (item) {\r\n        var _this = this;\r\n        var filterValues = [];\r\n        // See if the filter field is specified\r\n        if (this._props.filterFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.filterFields.length; i++) {\r\n                var filterField = this._props.filterFields[i];\r\n                // Get the filter values\r\n                var filters = item[filterField] || [];\r\n                filters = filters[\"results\"] || [filters];\r\n                // Append the values\r\n                filterValues = filterValues.concat(filters);\r\n            }\r\n        }\r\n        // See if the body fields exist\r\n        var bodyContent = this._props.bodyTemplate || \"\";\r\n        if (this._props.bodyFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.bodyFields.length; i++) {\r\n                var field = this._props.bodyFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.bodyTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    bodyContent = bodyContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    bodyContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var subTitleContent = this._props.subTitleTemplate || \"\";\r\n        if (this._props.subTitleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.subTitleFields.length; i++) {\r\n                var field = this._props.subTitleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.subTitleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    subTitleContent = subTitleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    subTitleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // See if the sub-title fields exist\r\n        var titleContent = this._props.titleTemplate || \"\";\r\n        if (this._props.titleFields) {\r\n            // Parse the fields\r\n            for (var i = 0; i < this._props.titleFields.length; i++) {\r\n                var field = this._props.titleFields[i];\r\n                var value = item[field] || \"\";\r\n                // See if there is a template\r\n                if (this._props.titleTemplate) {\r\n                    // Replace the values\r\n                    var pattern = new RegExp(\"({\" + field + \"})\", \"g\");\r\n                    titleContent = titleContent.replace(pattern, value);\r\n                }\r\n                else {\r\n                    // Append the value\r\n                    titleContent += value;\r\n                }\r\n            }\r\n        }\r\n        // Set the card props\r\n        var cardProps = {\r\n            onRender: function (el, card) {\r\n                // See if filters exist\r\n                if (filterValues && filterValues.length > 0) {\r\n                    // Set the data filter value\r\n                    el.setAttribute(\"data-filter\", filterValues.join('|'));\r\n                }\r\n                // Call the event\r\n                _this._props.onCardRendered ? _this._props.onCardRendered(el, card) : null;\r\n            },\r\n            body: [{\r\n                    content: bodyContent,\r\n                    data: item,\r\n                    subTitle: subTitleContent,\r\n                    title: titleContent,\r\n                    onClick: function (card, ev) {\r\n                        // Call the event\r\n                        _this._props.onClick ? _this._props.onClick(ev.currentTarget, card) : null;\r\n                    },\r\n                    onRender: function (el, card) {\r\n                        var item = card.data;\r\n                        // Call the events\r\n                        _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(\".card-title\"), item) : null;\r\n                        _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(\".card-subtitle\"), item) : null;\r\n                        _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;\r\n                    }\r\n                }]\r\n        };\r\n        // See if we are showing the header\r\n        var showHeader = typeof (this._props.showHeader) === \"boolean\" ? this._props.showHeader : true;\r\n        if (showHeader) {\r\n            cardProps.header = {\r\n                onRender: function (el) {\r\n                    _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // See if we are showing the footer\r\n        var showFooter = typeof (this._props.showFooter) === \"boolean\" ? this._props.showFooter : true;\r\n        if (showFooter) {\r\n            cardProps.footer = {\r\n                onRender: function (el) {\r\n                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;\r\n                }\r\n            };\r\n        }\r\n        // Call the event\r\n        this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;\r\n        // Return the card properties\r\n        return cardProps;\r\n    };\r\n    // Method to reload the data\r\n    Tiles.prototype.refresh = function (items) {\r\n        if (items === void 0) { items = []; }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the accordion\r\n        this.render(items);\r\n    };\r\n    // Renders the dashboard\r\n    Tiles.prototype.render = function (items) {\r\n        // Render the tile\r\n        this.renderTiles(items);\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    // Renders the tiles\r\n    Tiles.prototype.renderTiles = function (items) {\r\n        // Parse the items\r\n        var cards = [];\r\n        for (var i = 0; i < items.length; i++) {\r\n            var item = items[i];\r\n            // Add an tile\r\n            cards.push(this.generateCard(item));\r\n        }\r\n        // Render the tiles\r\n        this._tiles = gd_sprest_bs_1.Components.CardGroup({\r\n            el: this._props.el,\r\n            cards: cards,\r\n            colSize: this._props.colSize || 4,\r\n            onColRender: this._props.onColumnRendered\r\n        });\r\n    };\r\n    // Updates the visibility of the tiles\r\n    Tiles.prototype.updateTiles = function () {\r\n        var _this = this;\r\n        var paginationLimit = this._props.paginationLimit || 10;\r\n        // Get the pagination element\r\n        var elPagination = this._props.el.querySelector(\".tiles-pagination\");\r\n        if (elPagination) {\r\n            // Clear the element\r\n            while (elPagination.firstChild) {\r\n                elPagination.removeChild(elPagination.firstChild);\r\n            }\r\n        }\r\n        else {\r\n            // Create the element\r\n            elPagination = document.createElement(\"div\");\r\n            elPagination.classList.add(\"tiles-pagination\");\r\n            this._props.el.appendChild(elPagination);\r\n        }\r\n        // Get the elements as an array\r\n        var elItems = Array.from(this._tiles.el.querySelectorAll(\".card\"));\r\n        // Parse the items\r\n        for (var i = elItems.length - 1; i >= 0; i--) {\r\n            var elItem = elItems[i];\r\n            // See if a filter value exists\r\n            if (this._activeFilterValue) {\r\n                var filterValues = (elItem.dataset.filter || \"\").split('|');\r\n                // Parse the active filters\r\n                var activeFilters = this._activeFilterValue.split('|');\r\n                var showItem = false;\r\n                for (var j = 0; j < activeFilters.length; j++) {\r\n                    // See if the item contains the filter value\r\n                    if (filterValues.indexOf(activeFilters[j]) >= 0) {\r\n                        // Set the flag and break from the loop\r\n                        showItem = true;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if we are hiding the item\r\n                if (!showItem) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n            // See if a search value exists\r\n            if (this._activeSearchValue) {\r\n                // See if the item doesn't contains the search value\r\n                if (elItem.innerText.toLowerCase().indexOf(this._activeSearchValue.toLowerCase()) < 0) {\r\n                    // Hide the item\r\n                    elItem.parentElement.classList.add(\"d-none\");\r\n                    // Exclude the item from the array\r\n                    elItems.splice(i, 1);\r\n                    // Continue the loop\r\n                    continue;\r\n                }\r\n            }\r\n        }\r\n        // Parse the active items to show\r\n        for (var i = 0; i < paginationLimit; i++) {\r\n            var elItem = elItems[i];\r\n            // Ensure the item exists\r\n            if (elItem) {\r\n                // Show the item\r\n                elItem.parentElement.classList.remove(\"d-none\");\r\n            }\r\n            else {\r\n                // Break from the loop\r\n                break;\r\n            }\r\n        }\r\n        // Parse the active items to hide\r\n        for (var i = paginationLimit; i < elItems.length; i++) {\r\n            var elItem = elItems[i];\r\n            // Hide the item\r\n            elItem.parentElement.classList.add(\"d-none\");\r\n        }\r\n        // See if we are showing pagination\r\n        var showPagination = typeof (this._props.showPagination) === \"boolean\" ? this._props.showPagination : true;\r\n        if (showPagination) {\r\n            // Render the pagination\r\n            this._pagination = gd_sprest_bs_1.Components.Pagination({\r\n                el: elPagination,\r\n                className: \"d-flex justify-content-end pt-2\",\r\n                numberOfPages: Math.ceil(elItems.length / paginationLimit),\r\n                onClick: function (pageNumber) {\r\n                    // Parse the items\r\n                    for (var i = 0; i < elItems.length; i++) {\r\n                        var elItem = elItems[i];\r\n                        // Hide the item\r\n                        elItem.parentElement.classList.add(\"d-none\");\r\n                    }\r\n                    // Parse the items to show\r\n                    var startIdx = (pageNumber - 1) * paginationLimit;\r\n                    for (var i = startIdx; i < startIdx + paginationLimit && i < elItems.length; i++) {\r\n                        var elItem = elItems[i];\r\n                        // Show the item\r\n                        elItem.parentElement.classList.remove(\"d-none\");\r\n                    }\r\n                    // Call the event\r\n                    _this._props.onPaginationClick ? _this._props.onPaginationClick(pageNumber) : null;\r\n                }\r\n            });\r\n            // Call the event\r\n            this._props.onPaginationRendered ? this._props.onPaginationRendered(elPagination) : null;\r\n        }\r\n    };\r\n    // Searches the tile\r\n    Tiles.prototype.search = function (value) {\r\n        // Set the search value\r\n        this._activeSearchValue = value || \"\";\r\n        // Update the tiles\r\n        this.updateTiles();\r\n    };\r\n    return Tiles;\r\n}());\r\nexports.Tiles = Tiles;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/tiles.js?");
 
 /***/ }),