jqwidgets-ng 22.0.2 → 23.0.0

package/jqwidgets/modules/jqxwindow.js

@@ -1,22 +1,38 @@
 
-/* Release Date: Sep-17-2024 
-Copyright (c) 2011-2024 jQWidgets. 
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
 License: https://jqwidgets.com/license/ */
 
 
 /******/ (() => { // webpackBootstrap
 var __webpack_exports__ = {};
 
-/* Release Date: Sep-17-2024 
-Copyright (c) 2011-2024 jQWidgets. 
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
 License: https://jqwidgets.com/license/ */
 
 
 /******/ (() => { // webpackBootstrap
 var __webpack_exports__ = {};
 
-/* Release Date: Sep-17-2024 
-Copyright (c) 2011-2024 jQWidgets. 
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
+License: https://jqwidgets.com/license/ */
+
+
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+
+/* Release Date: Jan-28-2025 
+Copyright (c) 2011-2025 jQWidgets. 
 License: https://jqwidgets.com/license/ */
 
 
@@ -1205,22 +1221,20 @@ License: https://jqwidgets.com/license/ */
         //// End of ToggleButton
 
     })(jqxBaseFramework);
-})();
-
-
+})();
 
 /***/ }),
 
 /***/ 5459:
-/***/ ((module, exports, __nested_webpack_require_52089__) => {
+/***/ ((module, exports, __nested_webpack_require_52085__) => {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disable */
 /* eslint-disable */
-(function () {
-	if (typeof document === 'undefined') {
+(function(){
+	if (typeof document === 'undefined') { 
 		return;
 	}
-
+		
 	var oldBrowser = document.all && !document.addEventListener;
 	if (!oldBrowser) {
 		(function (window, undefined) {
@@ -9392,7 +9406,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 			// file names, and JQXLite is normally delivered in a lowercase file name.
 			// Do this after creating the global so that if an AMD module wants to call
 			// noConflict to hide this version of JQXLite, it will work.
-			if (   true && __nested_webpack_require_52089__.amdO.JQXLite) {
+			if (     true && __nested_webpack_require_52085__.amdO.JQXLite) {
 				!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { return JQXLite; }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
 		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 			}
@@ -9413,19 +9427,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 		}
 
 		if (window.jQuery) {
-			if (window.jQuery.fn.extend) {
-				window.jQuery.fn.stop = window.JQXLite.fn.stop;
-				window.jQuery.fn.animate = window.JQXLite.fn.animate;
-
-				var keys = Object.keys(window.JQXLite.fn);
-				for (var index in keys) {
-					var key = keys[index];
-					if (window.jQuery.fn[key] == undefined) {
-						window.jQuery.fn[key] = window.JQXLite.fn[key];
-					}
-				}
-			}
-
 			window.minQuery = window.JQXLite = window.jQuery;
 			return;
 		}
@@ -11047,7 +11048,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 					if (!$(element).on || !$.access) {
 						return $(element).html(value);
 					}
-					try {
+					try {	
 						return $.access(element, function (value) {
 							var elem = element[0] || {},
 								i = 0,
@@ -11540,12 +11541,12 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 							returnValue = returnValue + $(window).scrollTop();
 						}
 						if (/(Android.*Chrome\/[.0-9]* (!?Mobile))/.exec(navigator.userAgent)) {
-							return returnValue;
-							//       return returnValue + $(window).scrollTop();
+							 return returnValue;
+					//       return returnValue + $(window).scrollTop();
 						}
 						if (/(Android.*Chrome\/[.0-9]* Mobile)/.exec(navigator.userAgent)) {
 							return returnValue;
-							//        return returnValue + $(window).scrollTop();
+					//        return returnValue + $(window).scrollTop();
 						}
 
 						return initialOffset.top;
@@ -12241,9 +12242,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 				}
 			});
 
-		if (!$.easing) {
-			$.easing = {};
-		}
 		$.extend($.easing, {
 			easeOutBack: function (x, t, b, c, d, s) {
 				if (s == undefined) s = 1.70158;
@@ -12583,8 +12581,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 		}
 	})(jqxBaseFramework);
 })();
-
-
 
 
 /***/ }),
@@ -14246,6 +14242,12 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
                         case 'right':
                             this.element.style.left = this._toPx(dragArea.left + dragArea.width - this.host.width());
                             break;
+                        case 'center':
+                            this._centerElement(this.host, dragArea, 'x');
+                            break;
+                        case 'middle':
+                            this._centerElement(this.host, dragArea, 'y');
+                            break;
                         default:
                             if (!this.dragArea) {
                                 dragArea = $(window);
@@ -14702,6 +14704,137 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
                 }
             },
 
+            openAlert: function (message, title) {
+                if (!message) {
+                    message = '';
+                }
+
+                if (!title) {
+                    title = 'Alert';
+                }
+                return this._openDialog(
+                    message,
+                    title,
+                    "alert"
+                );
+            },
+
+            openConfirm: function (message, title) {
+                if (!message) {
+                    message = '';
+                }
+                if (!title) {
+                    title = 'Confirm';
+                }
+
+                return this._openDialog(
+                    message,
+                    title,
+                    "confirm"
+                );
+            },
+
+            _openDialog: function (message, title, type) {
+                var that = this;
+                var $window = this.host;
+
+                if (typeof message !== "string") {
+                    message = '';
+                };
+
+
+                var getDialogSize = function (message, minWidth, minHeight, maxWidth, maxHeight) {
+                    minWidth = typeof minWidth !== 'undefined' ? minWidth : 300;
+                    minHeight = typeof minHeight !== 'undefined' ? minHeight : 150;
+                    maxWidth = typeof maxWidth !== 'undefined' ? maxWidth : 600;
+                    maxHeight = typeof maxHeight !== 'undefined' ? maxHeight : 400;
+
+                    var tempDiv = $("<div>")
+                        .css({
+                            position: "absolute",
+                            visibility: "hidden",
+                            width: maxWidth + "px",
+                            padding: "16px",
+                            fontFamily: "inherit",
+                            fontSize: "14px",
+                            lineHeight: "1.4",
+                            whiteSpace: "normal"
+                        })
+                        .html(message)
+                        .appendTo("body");
+
+                    var width = Math.min(Math.max(tempDiv.outerWidth(true), minWidth), maxWidth);
+                    var height = Math.min(Math.max(tempDiv.outerHeight(true) + 80, minHeight), maxHeight); // +80 for buttons & spacing
+
+                    tempDiv.remove();
+
+                    return {
+                        width: width,
+                        height: height
+                    };
+                };
+
+
+                var size = getDialogSize(message);
+                this.width = size.width;
+                this.height = 30 + size.height;
+
+                that.element.style.height = size.height + 'px';
+                that.element.style.width = size.width + 'px';
+
+                var $content = $window.find(".jqx-window-content"); // scoped to this instance
+                var idSuffix = $window.attr("id") || Math.random().toString(36).substr(2, 5);
+                var isConfirm = type === "confirm";
+
+                return new Promise(function (resolve) {
+                    $window.jqxWindow("setTitle", title);
+
+                    // Use unique IDs for each button per window instance
+                    var okId = 'jqxDialogOkBtn_' + idSuffix;
+                    var cancelId = 'jqxDialogCancelBtn_' + idSuffix;
+
+                    var html =
+                        '<div class="dialog-container" style="display: flex; flex-direction: column; height: 100%;">' +
+                        '<div class="dialog-message" style="flex: 1; padding: 20px; overflow-y: auto;">' +
+                        message +
+                        '</div>' +
+                        '<div class="dialog-buttons" style="' +
+                        'padding: 5px 10px;' +
+                        'text-align: right;' +
+                        'background: var(--jqx-surface);' +
+                        'color: var(--jqx-surface-color);' +
+                        'flex-shrink: 0;' +
+                        '">' +
+                        '<button id="' + okId + '" class="jqx-btn">OK</button>' +
+                        (isConfirm ? '<button id="' + cancelId + '" class="jqx-btn">Cancel</button>' : '') +
+                        '</div>' +
+                        '</div>';
+
+
+                    $content.html(html);
+                    $window.jqxWindow("open");
+
+                    setTimeout(function () {
+                        $('#' + okId).jqxButton({ theme: that.theme, width: 75, height: 28 })
+                            .off("click")
+                            .on("click", function () {
+                                $window.jqxWindow("close");
+                                resolve(true);
+                            });
+
+                        if (isConfirm) {
+                            $('#' + cancelId).jqxButton({ theme: that.theme, width: 75, height: 28 })
+                                .off("click")
+                                .on("click", function () {
+                                    $window.jqxWindow("close");
+                                    resolve(false);
+                                });
+                        }
+                    }, 0);
+
+                });
+            },
+
             open: function (callback, duration) {
                 this.show(callback, duration);
             },
@@ -15588,9 +15721,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
         }(jqxBaseFramework)); //ignore jslint
         $.extend($.jqx._jqxWindow.prototype, resizeModule);
     }(jqxBaseFramework)); //ignore jslint
-})();
-
-
+})();
 
 /***/ })
 
@@ -15600,7 +15731,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __nested_webpack_require_547441__(moduleId) {
+/******/ 	function __nested_webpack_require_552602__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -15614,7 +15745,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_547441__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_552602__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -15623,17 +15754,17 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 /************************************************************************/
 /******/ 	/* webpack/runtime/amd options */
 /******/ 	(() => {
-/******/ 		__nested_webpack_require_547441__.amdO = {};
+/******/ 		__nested_webpack_require_552602__.amdO = {};
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/compat get default export */
 /******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__nested_webpack_require_547441__.n = (module) => {
+/******/ 		__nested_webpack_require_552602__.n = (module) => {
 /******/ 			var getter = module && module.__esModule ?
 /******/ 				() => (module['default']) :
 /******/ 				() => (module);
-/******/ 			__nested_webpack_require_547441__.d(getter, { a: getter });
+/******/ 			__nested_webpack_require_552602__.d(getter, { a: getter });
 /******/ 			return getter;
 /******/ 		};
 /******/ 	})();
@@ -15641,9 +15772,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__nested_webpack_require_547441__.d = (exports, definition) => {
+/******/ 		__nested_webpack_require_552602__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
-/******/ 				if(__nested_webpack_require_547441__.o(definition, key) && !__nested_webpack_require_547441__.o(exports, key)) {
+/******/ 				if(__nested_webpack_require_552602__.o(definition, key) && !__nested_webpack_require_552602__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
@@ -15652,7 +15783,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* tslint:disabl
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
-/******/ 		__nested_webpack_require_547441__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 		__nested_webpack_require_552602__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
 /************************************************************************/
@@ -15660,17 +15791,21 @@ var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
 (() => {
 "use strict";
-/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_547441__(5459);
-/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_547441__.n(_jqxcore__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_547441__(7351);
-/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nested_webpack_require_547441__.n(_jqxbuttons__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _jqxwindow__WEBPACK_IMPORTED_MODULE_2__ = __nested_webpack_require_547441__(7762);
-/* harmony import */ var _jqxwindow__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__nested_webpack_require_547441__.n(_jqxwindow__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_552602__(5459);
+/* harmony import */ var _jqxcore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_552602__.n(_jqxcore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_552602__(7351);
+/* harmony import */ var _jqxbuttons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nested_webpack_require_552602__.n(_jqxbuttons__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _jqxwindow__WEBPACK_IMPORTED_MODULE_2__ = __nested_webpack_require_552602__(7762);
+/* harmony import */ var _jqxwindow__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__nested_webpack_require_552602__.n(_jqxwindow__WEBPACK_IMPORTED_MODULE_2__);
 
 
 
 })();
 
+/******/ })()
+;
+/******/ })()
+;
 /******/ })()
 ;
 /******/ })()

package/jqwidgets/styles/jqx.base.css

@@ -74,6 +74,22 @@
     --jqx-font-family-icon: "jqx-icons";
     --jqx-font-size: 14px;
     --jqx-action-button-size: 25px;
+    --jqx-window-header-height: 48px;
+    --jqx-window-header-background: #ffffff;
+    --jqx-window-header-padding: 5px;
+    --jqx-border-width: 1px;
+    /* Theme border-width */
+    --jqx-border-radius: 4px;
+    /* Theme border-radius */
+    --jqx-border-top-left-radius: var(--jqx-border-radius);
+    /* Theme border-radius */
+    --jqx-border-top-right-radius: var(--jqx-border-radius);
+    /* Theme border-radius */
+    --jqx-border-bottom-left-radius: var(--jqx-border-radius);
+    /* Theme border-radius */
+    --jqx-border-bottom-right-radius: var(--jqx-border-radius);
+    /* Theme border-radius */
+    --jqx-border: #E0E0E0;
 }
 
 /*Rounded Corners*/
@@ -9571,4 +9587,169 @@ input[type=number].jqx-input {
 }
 .jqx-timeline[horizontal] .jqx-timeline-dot {
     margin-top: -6px;
-}   
+}   
+
+
+.jqx-window.jqx-grid-dialog {
+    position: absolute;
+    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px 0 rgba(0, 0, 0, .2);
+    z-index: 99999;
+    display: block;
+    overflow: hidden;
+    box-sizing: border-box;
+    background: var(--jqx-background);
+    border: 1px solid var(--jqx-border);
+    --jqx-window-header-button-size: 13px;
+    --jqx-window-content-padding: 10px;
+    /* Sets the size of the header buttons */
+    --jqx-window-header-icon-size: var(--jqx-font-size);
+  
+  }
+  .jqx-window.jqx-grid-dialog  > .jqx-container:not(.jqx-window) {
+   width: 100%;
+   height: 100%;
+  }
+  .jqx-window.jqx-grid-dialog  .jqx-content-container {
+    display: flex;
+    flex-direction: column;
+    font-family: inherit;
+    font-size: inherit;
+    width: 100%;
+    height: 100%;
+    outline: none;
+    max-height: inherit;
+  }
+  .jqx-window.jqx-grid-dialog  .jqx-content-container > .jqx-header-section {
+    display: flex;
+    justify-content: space-between;
+    cursor: move;
+    overflow: hidden;
+    align-items: center;
+    touch-action: none;
+    width: 100%;
+    font-family: inherit;
+    font-size: inherit;
+    user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    -moz-user-select: none;
+    border-color: var(--jqx-border);
+    color: var(--jqx-surface-color);
+    line-height: initial;
+    height: var(--jqx-window-header-height);
+    min-height: var(--jqx-window-header-height);
+    background: var(--jqx-window-header-background);
+    padding: var(--jqx-window-header-padding);
+    box-sizing: border-box;
+  }
+  .jqx-window.jqx-grid-dialog  .jqx-content-container > .jqx-header-section .jqx-buttons-container {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .jqx-window.jqx-grid-dialog  .jqx-content-container > .jqx-header-section .jqx-buttons-container button {
+    position: relative;
+    margin-left: 1px;
+    margin-right: 1px;
+    cursor: pointer;
+    height: var(--jqx-window-header-button-size);
+    width: var(--jqx-window-header-button-size);
+    padding: 0;
+    min-height: 0;
+    background: transparent;
+    color: inherit;
+    border: none;
+    outline: none;
+  }
+  .jqx-window.jqx-grid-dialog  .jqx-content-container > .jqx-header-section .jqx-buttons-container button:active {
+    outline: none;
+    background-color: initial;
+  }
+  .jqx-window.jqx-grid-dialog  .jqx-content-container > .jqx-content {
+    width: 100%;
+    height: calc(100% - var(--jqx-window-header-height));
+    display: flex;
+    align-items: center;
+    overflow-y: auto;
+    padding: var(--jqx-window-content-padding);
+    background: var(--jqx-background);
+    flex-direction: column;
+    /* There's an issue with display:flex/grid and align-items: center */
+  }
+
+.jqx-window.jqx-grid-dialog {
+    transition: opacity 0.2s, transform 0.2s ease-out;
+    transform: scaleX(0);
+    opacity: 0;
+    font-family: var(--jqx-font-family);
+    font-size: var(--jqx-font-size);
+  }
+
+  
+@font-face {
+    font-family: jqx-icons;
+    src: local("./font/jqx-icons"), url("./font/jqx-icons.woff2") format("woff2"), url("./font/jqx-icons.woff") format("woff"), url("./font/jqx-icons.ttf") format("truetype"), url("./font/jqx-icons.eot") format("embedded-opentype");
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    display: inline-block;
+    font-style: normal;
+    font-weight: normal;
+    speak: none;
+  }
+  
+  .jqx-window.jqx-grid-dialog .jqx-header-section .jqx-close-button {
+    font-family: jqx-icons;
+  }
+
+  .jqx-window.jqx-grid-dialog .jqx-header-section .jqx-close-button:after {
+    content: var(--jqx-icon-close);
+  }
+
+  .jqx-window.jqx-grid-dialog.open {
+    transform: scaleX(1);
+    opacity: 1;
+  }
+
+.jqx-window.jqx-grid-dialog.jqx-grid-dialog.disable-animation {
+    transition: none;
+  }
+
+  
+  .jqx-window.jqx-grid-dialog.jqx-grid-side-panel {
+    transform-origin: top right !important;
+    transform: scaleX(0) !important;
+  }
+  .jqx-window.jqx-grid-dialog.jqx-grid-side-panel.open {
+    transform: scaleX(1) !important;
+  }
+ 
+  .jqx-form-tooltip {
+    background-color: var(--jqx-primary);
+    color: var(--jqx-primary-color);
+    text-align: center;
+    text-decoration: none;
+    font-size: 13px;
+    border-radius: 0px;
+    cursor: pointer;
+    display: flex;
+    opacity: 0.9;
+    align-items: center;
+    position: absolute;
+    padding: 5px;
+}
+.jqx-form-spinner {
+    border: 3px solid var(--jqx-primary-color);
+    border-top: 3px solid var(--jqx-primary);
+    border-radius: 50%;
+    width: 16px;
+    height: 16px;
+    animation: spin 0.8s linear infinite;
+    margin-left: 4px;
+    margin-right: 8px;
+  }
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }

package/jqxform/angular_jqxform.d.ts

@@ -7,6 +7,9 @@ export declare class jqxFormComponent implements OnChanges {
     attrBorderColor: string;
     attrValue: any;
     attrTemplate: Array<jqwidgets.FormTemplateItem>;
+    attrEnableSmartPaste: boolean;
+    attrAiKey: string;
+    attrAiUrl: string;
     attrWidth: string | number;
     attrHeight: string | number;
     autoCreate: boolean;
@@ -30,6 +33,9 @@ export declare class jqxFormComponent implements OnChanges {
     borderColor(arg?: string): string;
     value(arg?: any): any;
     template(arg?: Array<jqwidgets.FormTemplateItem>): Array<jqwidgets.FormTemplateItem>;
+    enableSmartPaste(arg?: boolean): boolean;
+    aiKey(arg?: string): string;
+    aiUrl(arg?: string): string;
     getInstance(): any;
     refresh(): void;
     destroy(): void;
@@ -42,5 +48,5 @@ export declare class jqxFormComponent implements OnChanges {
     onButtonClick: EventEmitter<any>;
     __wireEvents__(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<jqxFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<jqxFormComponent, "jqxForm", never, { "attrPadding": "padding"; "attrBackgroundColor": "backgroundColor"; "attrBorderColor": "borderColor"; "attrValue": "value"; "attrTemplate": "template"; "attrWidth": "width"; "attrHeight": "height"; "autoCreate": "auto-create"; }, { "onFormDataChange": "onFormDataChange"; "onButtonClick": "onButtonClick"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<jqxFormComponent, "jqxForm", never, { "attrPadding": "padding"; "attrBackgroundColor": "backgroundColor"; "attrBorderColor": "borderColor"; "attrValue": "value"; "attrTemplate": "template"; "attrEnableSmartPaste": "enableSmartPaste"; "attrAiKey": "aiKey"; "attrAiUrl": "aiUrl"; "attrWidth": "width"; "attrHeight": "height"; "autoCreate": "auto-create"; }, { "onFormDataChange": "onFormDataChange"; "onButtonClick": "onButtonClick"; }, never, ["*"]>;
 }

package/jqxgrid/angular_jqxgrid.d.ts

@@ -382,6 +382,8 @@ export declare class jqxGridComponent implements OnChanges, AfterViewInit, After
     getselectedrowindexes(): Array<number>;
     getselectedcell(): jqwidgets.GridGetSelectedCell;
     getselectedcells(): Array<jqwidgets.GridGetSelectedCell>;
+    showSidePanel(selector: string, width?: number, callbackFn?: undefined): void;
+    closeSidePanel(): jqwidgets.GridGetSelectedCell;
     selectcell(rowBoundIndex: number, dataField: string): void;
     selectallrows(): void;
     selectrow(rowBoundIndex: number): void;

package/jqxtree/angular_jqxtree.d.ts

@@ -67,8 +67,10 @@ export declare class jqxTreeComponent implements OnChanges {
     collapseAll(): void;
     collapseItem(item: any): void;
     destroy(): void;
+    disableCheckbox(item: any): void;
     disableItem(item: any): void;
     ensureVisible(item: any): void;
+    enableCheckbox(item: any): void;
     enableItem(item: any): void;
     enableAll(): void;
     expandAll(): void;

package/jqxwindow/angular_jqxwindow.d.ts

@@ -100,6 +100,8 @@ export declare class jqxWindowComponent implements OnChanges {
     isOpen(): boolean;
     move(top: number, left: number): void;
     open(): void;
+    openConfirm(): void;
+    openAlert(): void;
     hide(): void;
     resize(top: number, left: number): void;
     setTitle(title: string): void;

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "jqwidgets-ng",
-  "version": "22.0.2",
+  "version": "23.0.0",
   "preferGlobal": true,
   "keywords": [
- 	 "Angular 19",
+ 	 "Angular 20",
+	 "Angular 19",
 	 "Angular 14",
 	 "Angular 16",
 	 "Angular 15",