jqwidgets-ng 22.0.3 → 23.0.1

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/jqwidgets.d.ts

@@ -1,7 +1,7 @@
 /*
    jQWidgets TypeScript definitions
 
-   Copyright (c) 2011-2024 jQWidgets.
+   Copyright (c) 2011-2025 jQWidgets.
    License: https://jqwidgets.com/license/
 */
 
@@ -1649,6 +1649,9 @@ declare module jqwidgets {
         borderColor?: string;
         value?: any;
         template: Array<FormTemplateItem>;
+        enableSmartPaste: boolean;
+        aiKey?: string;
+        aiUrl?: string;
     }// FormOptions
 
     export interface jqxForm extends widget, FormOptions {
@@ -1828,6 +1831,9 @@ declare module jqwidgets {
         threestatecheckbox?: boolean;
         sortable?: boolean;
         filterable?: boolean;
+        filternlpinput?: string;
+        aiKey?: string;
+        aiUrl?: string;
         filter?: (cellValue?: any, rowData?: any, dataField?: string, filterGroup?: any, defaultFilterResult?: any) => any;
         buttonclick?: (row: number) => void;
         hideable?: boolean;
@@ -2351,6 +2357,8 @@ declare module jqwidgets {
         getselectedrowindexes(): Array<number>;
         getselectedcell(): GridGetSelectedCell;
         getselectedcells(): Array<GridGetSelectedCell>;
+        showSidePanel(selector: any, width: number, callbackFn: any): void;
+        closeSidePanel(): GridGetSelectedCell;
         selectcell(rowBoundIndex: number, dataField: string): void;
         selectallrows(): void;
         selectrow(rowBoundIndex: number): void;
@@ -4481,8 +4489,10 @@ declare module jqwidgets {
         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;
@@ -4825,6 +4835,8 @@ declare module jqwidgets {
         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/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: undefined, 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.3",
+  "version": "23.0.1",
   "preferGlobal": true,
   "keywords": [
- 	 "Angular 19",
+ 	 "Angular 20",
+	 "Angular 19",
 	 "Angular 14",
 	 "Angular 16",
 	 "Angular 15",