dattatable 1.7.7 → 1.7.8

package/build/common/canvas.js

@@ -26,6 +26,9 @@ var CanvasForm = /** @class */ (function () {
         // Clear the header and body
         this.setHeader("");
         this.setBody("");
+        // Set the default properties
+        this.setAutoClose(true);
+        this.setType(gd_sprest_bs_1.Components.OffcanvasTypes.End);
     };
     Object.defineProperty(CanvasForm, "el", {
         // Element

package/build/common/modal.js

@@ -32,6 +32,16 @@ var Modal = /** @class */ (function () {
         this.setHeader("");
         this.setBody("");
         this.setFooter("");
+        // Set the default properties
+        this.setAutoClose(false);
+        this.setBackdrop(true);
+        this.setCloseButtonVisibility(true);
+        this.setCloseEvent(null);
+        this.setFocus(false);
+        this.setIsCentered(true);
+        this.setKeyboard(true);
+        this.setScrollable(false);
+        this.setType(gd_sprest_bs_1.Components.ModalTypes.Large);
     };
     // Hides the modal
     Modal.hide = function () { this._modal.hide(); };

package/dist/dattatable.js

@@ -16,7 +16,7 @@
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.CanvasForm = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.5.1/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Canvas Form\r\n */\r\nvar CanvasForm = /** @class */ (function () {\r\n    // Constructor\r\n    function CanvasForm() {\r\n        // Render the canvas\r\n        CanvasForm.render();\r\n    }\r\n    Object.defineProperty(CanvasForm, \"BodyElement\", {\r\n        get: function () { return this._elBody; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(CanvasForm, \"HeaderElement\", {\r\n        get: function () { return this._elHeader; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the canvas form\r\n    CanvasForm.clear = function () {\r\n        // Clear the header and body\r\n        this.setHeader(\"\");\r\n        this.setBody(\"\");\r\n    };\r\n    Object.defineProperty(CanvasForm, \"el\", {\r\n        // Element\r\n        get: function () { return this._canvas.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Hides the canvas\r\n    CanvasForm.hide = function () { this._canvas.hide(); };\r\n    // Renders the canvas\r\n    CanvasForm.render = function () {\r\n        var _this = this;\r\n        // Create the element\r\n        var el = document.createElement(\"div\");\r\n        el.id = \"core-canvas\";\r\n        // Ensure the body exists\r\n        if (document.body) {\r\n            // Append the element\r\n            document.body.appendChild(el);\r\n        }\r\n        else {\r\n            // Create an event\r\n            window.addEventListener(\"load\", function () {\r\n                // Append the element\r\n                document.body.appendChild(el);\r\n            });\r\n        }\r\n        // Render the canvas\r\n        this._canvas = gd_sprest_bs_1.Components.Offcanvas({\r\n            el: el,\r\n            options: {\r\n                autoClose: true,\r\n                backdrop: true,\r\n                focus: true,\r\n                keyboard: true,\r\n                scroll: true\r\n            },\r\n            onRenderBody: function (el) { _this._elBody = el; },\r\n            onRenderHeader: function (el) { _this._elHeader = el; }\r\n        });\r\n    };\r\n    // Sets the auto close flag\r\n    CanvasForm.setAutoClose = function (value) { this._canvas.setAutoClose(value); };\r\n    // Sets the body\r\n    CanvasForm.setBody = function (content) {\r\n        // Clear the body\r\n        while (this._elBody.firstChild) {\r\n            this._elBody.removeChild(this._elBody.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elBody.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elBody.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the header\r\n    CanvasForm.setHeader = function (content) {\r\n        // Clear the body\r\n        while (this._elHeader.firstChild) {\r\n            this._elHeader.removeChild(this._elHeader.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elHeader.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elHeader.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the modal type\r\n    CanvasForm.setType = function (type) { this._canvas.setType(type); };\r\n    // Shows the canvas\r\n    CanvasForm.show = function () { this._canvas.show(); };\r\n    CanvasForm._canvas = null;\r\n    // Modal Body\r\n    CanvasForm._elBody = null;\r\n    // Modal Header\r\n    CanvasForm._elHeader = null;\r\n    return CanvasForm;\r\n}());\r\nexports.CanvasForm = CanvasForm;\r\n// Create an instance of the canvas form\r\nnew CanvasForm();\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/canvas.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.CanvasForm = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.5.1/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Canvas Form\r\n */\r\nvar CanvasForm = /** @class */ (function () {\r\n    // Constructor\r\n    function CanvasForm() {\r\n        // Render the canvas\r\n        CanvasForm.render();\r\n    }\r\n    Object.defineProperty(CanvasForm, \"BodyElement\", {\r\n        get: function () { return this._elBody; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(CanvasForm, \"HeaderElement\", {\r\n        get: function () { return this._elHeader; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the canvas form\r\n    CanvasForm.clear = function () {\r\n        // Clear the header and body\r\n        this.setHeader(\"\");\r\n        this.setBody(\"\");\r\n        // Set the default properties\r\n        this.setAutoClose(true);\r\n        this.setType(gd_sprest_bs_1.Components.OffcanvasTypes.End);\r\n    };\r\n    Object.defineProperty(CanvasForm, \"el\", {\r\n        // Element\r\n        get: function () { return this._canvas.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Hides the canvas\r\n    CanvasForm.hide = function () { this._canvas.hide(); };\r\n    // Renders the canvas\r\n    CanvasForm.render = function () {\r\n        var _this = this;\r\n        // Create the element\r\n        var el = document.createElement(\"div\");\r\n        el.id = \"core-canvas\";\r\n        // Ensure the body exists\r\n        if (document.body) {\r\n            // Append the element\r\n            document.body.appendChild(el);\r\n        }\r\n        else {\r\n            // Create an event\r\n            window.addEventListener(\"load\", function () {\r\n                // Append the element\r\n                document.body.appendChild(el);\r\n            });\r\n        }\r\n        // Render the canvas\r\n        this._canvas = gd_sprest_bs_1.Components.Offcanvas({\r\n            el: el,\r\n            options: {\r\n                autoClose: true,\r\n                backdrop: true,\r\n                focus: true,\r\n                keyboard: true,\r\n                scroll: true\r\n            },\r\n            onRenderBody: function (el) { _this._elBody = el; },\r\n            onRenderHeader: function (el) { _this._elHeader = el; }\r\n        });\r\n    };\r\n    // Sets the auto close flag\r\n    CanvasForm.setAutoClose = function (value) { this._canvas.setAutoClose(value); };\r\n    // Sets the body\r\n    CanvasForm.setBody = function (content) {\r\n        // Clear the body\r\n        while (this._elBody.firstChild) {\r\n            this._elBody.removeChild(this._elBody.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elBody.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elBody.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the header\r\n    CanvasForm.setHeader = function (content) {\r\n        // Clear the body\r\n        while (this._elHeader.firstChild) {\r\n            this._elHeader.removeChild(this._elHeader.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elHeader.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elHeader.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the modal type\r\n    CanvasForm.setType = function (type) { this._canvas.setType(type); };\r\n    // Shows the canvas\r\n    CanvasForm.show = function () { this._canvas.show(); };\r\n    CanvasForm._canvas = null;\r\n    // Modal Body\r\n    CanvasForm._elBody = null;\r\n    // Modal Header\r\n    CanvasForm._elHeader = null;\r\n    return CanvasForm;\r\n}());\r\nexports.CanvasForm = CanvasForm;\r\n// Create an instance of the canvas form\r\nnew CanvasForm();\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/canvas.js?");
 
 /***/ }),
 
@@ -71,7 +71,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.Modal = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.5.1/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Modal\r\n */\r\nvar Modal = /** @class */ (function () {\r\n    // Constructor\r\n    function Modal() {\r\n        // Render the canvas\r\n        Modal.render();\r\n    }\r\n    Object.defineProperty(Modal, \"BodyElement\", {\r\n        get: function () { return this._elBody; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Modal, \"FooterElement\", {\r\n        get: function () { return this._elFooter; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Modal, \"HeaderElement\", {\r\n        get: function () { return this._elHeader; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the canvas form\r\n    Modal.clear = function () {\r\n        // Clear the header, body and footer\r\n        this.setHeader(\"\");\r\n        this.setBody(\"\");\r\n        this.setFooter(\"\");\r\n    };\r\n    // Hides the modal\r\n    Modal.hide = function () { this._modal.hide(); };\r\n    // Renders the canvas\r\n    Modal.render = function () {\r\n        var _this = this;\r\n        // Create the element\r\n        var el = document.createElement(\"div\");\r\n        el.id = \"core-modal\";\r\n        // Ensure the body exists\r\n        if (document.body) {\r\n            // Append the element\r\n            document.body.appendChild(el);\r\n        }\r\n        else {\r\n            // Create an event\r\n            window.addEventListener(\"load\", function () {\r\n                // Append the element\r\n                document.body.appendChild(el);\r\n            });\r\n        }\r\n        // Render the canvas\r\n        this._modal = gd_sprest_bs_1.Components.Modal({\r\n            el: el,\r\n            type: gd_sprest_bs_1.Components.ModalTypes.Large,\r\n            options: {\r\n                autoClose: false,\r\n                backdrop: true,\r\n                centered: true,\r\n                keyboard: true\r\n            },\r\n            onRenderBody: function (el) { _this._elBody = el; },\r\n            onRenderFooter: function (el) { _this._elFooter = el; },\r\n            onRenderHeader: function (el) { _this._elHeader = el.querySelector(\".modal-title\"); ; },\r\n            onClose: function () {\r\n                // Call the close event\r\n                _this._onCloseEvent ? _this._onCloseEvent() : null;\r\n            }\r\n        });\r\n    };\r\n    // Sets the auto close flag\r\n    Modal.setAutoClose = function (value) { this._modal.setAutoClose(value); };\r\n    // Sets the backdrop option\r\n    Modal.setBackdrop = function (value) { this._modal.setBackdrop(value); };\r\n    // Sets the body\r\n    Modal.setBody = function (content) {\r\n        // Clear the body\r\n        while (this._elBody.firstChild) {\r\n            this._elBody.removeChild(this._elBody.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elBody.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elBody.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the close button visibility\r\n    Modal.setCloseButtonVisibility = function (showFl) { this._modal.setCloseButtonVisibility(showFl); };\r\n    // Sets the close event\r\n    Modal.setCloseEvent = function (event) { this._onCloseEvent = event; };\r\n    // Sets the focus option\r\n    Modal.setFocus = function (value) { this._modal.setFocus(value); };\r\n    // Sets the footer\r\n    Modal.setFooter = function (content) {\r\n        // Clear the body\r\n        while (this._elFooter.firstChild) {\r\n            this._elFooter.removeChild(this._elFooter.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elFooter.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elFooter.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the header\r\n    Modal.setHeader = function (content) {\r\n        // Clear the body\r\n        while (this._elHeader.firstChild) {\r\n            this._elHeader.removeChild(this._elHeader.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elHeader.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elHeader.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the center option\r\n    Modal.setIsCentered = function (value) { this._modal.setIsCentered(value); };\r\n    // Sets the keyboard option\r\n    Modal.setKeyboard = function (value) { this._modal.setKeyboard(value); };\r\n    // Sets the scrollable option\r\n    Modal.setScrollable = function (value) { this._modal.setScrollable(value); };\r\n    // Sets the modal type\r\n    Modal.setType = function (type) { this._modal.setType(type); };\r\n    // Shows the modal\r\n    Modal.show = function () { this._modal.show(); };\r\n    Modal._modal = null;\r\n    Modal._onCloseEvent = null;\r\n    // Modal Body\r\n    Modal._elBody = null;\r\n    // Modal Footer\r\n    Modal._elFooter = null;\r\n    // Modal Header\r\n    Modal._elHeader = null;\r\n    return Modal;\r\n}());\r\nexports.Modal = Modal;\r\n// Create an instance of the modal\r\nnew Modal();\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/modal.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Modal = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.5.1/node_modules/gd-sprest-bs/build/index.js\");\r\n/**\r\n * Modal\r\n */\r\nvar Modal = /** @class */ (function () {\r\n    // Constructor\r\n    function Modal() {\r\n        // Render the canvas\r\n        Modal.render();\r\n    }\r\n    Object.defineProperty(Modal, \"BodyElement\", {\r\n        get: function () { return this._elBody; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Modal, \"FooterElement\", {\r\n        get: function () { return this._elFooter; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(Modal, \"HeaderElement\", {\r\n        get: function () { return this._elHeader; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Clears the canvas form\r\n    Modal.clear = function () {\r\n        // Clear the header, body and footer\r\n        this.setHeader(\"\");\r\n        this.setBody(\"\");\r\n        this.setFooter(\"\");\r\n        // Set the default properties\r\n        this.setAutoClose(false);\r\n        this.setBackdrop(true);\r\n        this.setCloseButtonVisibility(true);\r\n        this.setCloseEvent(null);\r\n        this.setFocus(false);\r\n        this.setIsCentered(true);\r\n        this.setKeyboard(true);\r\n        this.setScrollable(false);\r\n        this.setType(gd_sprest_bs_1.Components.ModalTypes.Large);\r\n    };\r\n    // Hides the modal\r\n    Modal.hide = function () { this._modal.hide(); };\r\n    // Renders the canvas\r\n    Modal.render = function () {\r\n        var _this = this;\r\n        // Create the element\r\n        var el = document.createElement(\"div\");\r\n        el.id = \"core-modal\";\r\n        // Ensure the body exists\r\n        if (document.body) {\r\n            // Append the element\r\n            document.body.appendChild(el);\r\n        }\r\n        else {\r\n            // Create an event\r\n            window.addEventListener(\"load\", function () {\r\n                // Append the element\r\n                document.body.appendChild(el);\r\n            });\r\n        }\r\n        // Render the canvas\r\n        this._modal = gd_sprest_bs_1.Components.Modal({\r\n            el: el,\r\n            type: gd_sprest_bs_1.Components.ModalTypes.Large,\r\n            options: {\r\n                autoClose: false,\r\n                backdrop: true,\r\n                centered: true,\r\n                keyboard: true\r\n            },\r\n            onRenderBody: function (el) { _this._elBody = el; },\r\n            onRenderFooter: function (el) { _this._elFooter = el; },\r\n            onRenderHeader: function (el) { _this._elHeader = el.querySelector(\".modal-title\"); ; },\r\n            onClose: function () {\r\n                // Call the close event\r\n                _this._onCloseEvent ? _this._onCloseEvent() : null;\r\n            }\r\n        });\r\n    };\r\n    // Sets the auto close flag\r\n    Modal.setAutoClose = function (value) { this._modal.setAutoClose(value); };\r\n    // Sets the backdrop option\r\n    Modal.setBackdrop = function (value) { this._modal.setBackdrop(value); };\r\n    // Sets the body\r\n    Modal.setBody = function (content) {\r\n        // Clear the body\r\n        while (this._elBody.firstChild) {\r\n            this._elBody.removeChild(this._elBody.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elBody.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elBody.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the close button visibility\r\n    Modal.setCloseButtonVisibility = function (showFl) { this._modal.setCloseButtonVisibility(showFl); };\r\n    // Sets the close event\r\n    Modal.setCloseEvent = function (event) { this._onCloseEvent = event; };\r\n    // Sets the focus option\r\n    Modal.setFocus = function (value) { this._modal.setFocus(value); };\r\n    // Sets the footer\r\n    Modal.setFooter = function (content) {\r\n        // Clear the body\r\n        while (this._elFooter.firstChild) {\r\n            this._elFooter.removeChild(this._elFooter.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elFooter.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elFooter.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the header\r\n    Modal.setHeader = function (content) {\r\n        // Clear the body\r\n        while (this._elHeader.firstChild) {\r\n            this._elHeader.removeChild(this._elHeader.firstChild);\r\n        }\r\n        // See if content exists\r\n        if (content) {\r\n            // See if this is text\r\n            if (typeof (content) == \"string\") {\r\n                // Set the html\r\n                this._elHeader.innerHTML = content;\r\n            }\r\n            else {\r\n                // Append the element\r\n                this._elHeader.appendChild(content);\r\n            }\r\n        }\r\n    };\r\n    // Sets the center option\r\n    Modal.setIsCentered = function (value) { this._modal.setIsCentered(value); };\r\n    // Sets the keyboard option\r\n    Modal.setKeyboard = function (value) { this._modal.setKeyboard(value); };\r\n    // Sets the scrollable option\r\n    Modal.setScrollable = function (value) { this._modal.setScrollable(value); };\r\n    // Sets the modal type\r\n    Modal.setType = function (type) { this._modal.setType(type); };\r\n    // Shows the modal\r\n    Modal.show = function () { this._modal.show(); };\r\n    Modal._modal = null;\r\n    Modal._onCloseEvent = null;\r\n    // Modal Body\r\n    Modal._elBody = null;\r\n    // Modal Footer\r\n    Modal._elFooter = null;\r\n    // Modal Header\r\n    Modal._elHeader = null;\r\n    return Modal;\r\n}());\r\nexports.Modal = Modal;\r\n// Create an instance of the modal\r\nnew Modal();\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/modal.js?");
 
 /***/ }),