smart-webcomponents-react 13.1.1 → 13.1.26

package/dialogwindow/dialogwindow.d.ts

@@ -97,6 +97,16 @@ export declare class DialogWindow extends React.Component<React.HTMLAttributes<E
     */
     get disableSnap(): boolean;
     set disableSnap(value: boolean);
+    /** By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableEscape(): boolean;
+    set disableEscape(value: boolean);
+    /** By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableKeyboard(): boolean;
+    set disableKeyboard(value: boolean);
     /** Determines how the characters are displayed inside the input. Applicable to Prompt Window.
     *	Property type: WindowDisplayMode
     */

package/dialogwindow/dialogwindow.esm.js

@@ -176,6 +176,28 @@ class DialogWindow extends React.Component {
             this.nativeElement.disableSnap = value;
         }
     }
+    /** By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableEscape() {
+        return this.nativeElement ? this.nativeElement.disableEscape : undefined;
+    }
+    set disableEscape(value) {
+        if (this.nativeElement) {
+            this.nativeElement.disableEscape = value;
+        }
+    }
+    /** By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+    *	Property type: boolean
+    */
+    get disableKeyboard() {
+        return this.nativeElement ? this.nativeElement.disableKeyboard : undefined;
+    }
+    set disableKeyboard(value) {
+        if (this.nativeElement) {
+            this.nativeElement.disableKeyboard = value;
+        }
+    }
     /** Determines how the characters are displayed inside the input. Applicable to Prompt Window.
     *	Property type: WindowDisplayMode
     */
@@ -783,7 +805,7 @@ class DialogWindow extends React.Component {
     }
     // Gets the properties of the React component.
     get properties() {
-        return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
+        return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "disableEscape", "disableKeyboard", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
     }
     // Gets the events of the React component.
     get eventListeners() {

package/dialogwindow/dialogwindow.umd.js

@@ -182,6 +182,28 @@ require('../source/modules/smart.dialogwindow');
                 this.nativeElement.disableSnap = value;
             }
         }
+        /** By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+        *	Property type: boolean
+        */
+        get disableEscape() {
+            return this.nativeElement ? this.nativeElement.disableEscape : undefined;
+        }
+        set disableEscape(value) {
+            if (this.nativeElement) {
+                this.nativeElement.disableEscape = value;
+            }
+        }
+        /** By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+        *	Property type: boolean
+        */
+        get disableKeyboard() {
+            return this.nativeElement ? this.nativeElement.disableKeyboard : undefined;
+        }
+        set disableKeyboard(value) {
+            if (this.nativeElement) {
+                this.nativeElement.disableKeyboard = value;
+            }
+        }
         /** Determines how the characters are displayed inside the input. Applicable to Prompt Window.
         *	Property type: WindowDisplayMode
         */
@@ -789,7 +811,7 @@ require('../source/modules/smart.dialogwindow');
         }
         // Gets the properties of the React component.
         get properties() {
-            return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
+            return ["addNewTab", "animation", "autoCapitalize", "autoExpand", "cancelLabel", "completeLabel", "confirmLabel", "collapsed", "closeOnMaskClick", "dataSource", "disabled", "disableSnap", "disableEscape", "disableKeyboard", "displayMode", "dropPosition", "formatFunction", "footerPosition", "footerTemplate", "headerButtons", "headerTemplate", "headerPosition", "hint", "indeterminate", "inverted", "label", "liveResize", "layout", "locale", "locked", "localizeFormatFunction", "maximized", "messages", "modal", "max", "min", "minimized", "maxLength", "minLength", "opened", "pinned", "placeholder", "promptLabel", "readonly", "resizeIndicator", "resizeMode", "rightToLeft", "required", "requiredMessage", "selectAllOnFocus", "selectedIndex", "selectionMode", "selectionEnd", "selectionStart", "showProgressValue", "siblings", "size", "spellCheck", "tabCloseButtons", "tabCloseButtonMode", "tabOverflow", "tabPosition", "tabScrollButtonsPosition", "tabTextOrientation", "theme", "unfocusable", "value", "windowParent", "wrap"];
         }
         // Gets the events of the React component.
         get eventListeners() {

package/dockinglayout/dockinglayout.d.ts

@@ -250,6 +250,12 @@ export declare class DockingLayout extends React.Component<React.HTMLAttributes<
     * @param {any} tabsWindow. An instance of a TabsWindow or an Object with the fields "label", "items" and other additional.
     */
     insertOutsideTargetGroupRight(index: number | HTMLElement | string, tabsWindow: any): void;
+    /** Inserts a new TabsWindow. The window is in floating mode and is undocked.
+    * @param {any} item. An instance of a TabsWindow or an Object with the fields "label", "items" and other additional.
+    * @param {number | string} left?. The left position of the new window. You can use number, px or %. For example: '10px'.
+    * @param {number | string} top?. The top position of the new window. You can use number, px or %. For example: '10px'.
+    */
+    insertFloatingWindow(item: any, left?: number | string, top?: number | string): void;
     /** The method returns an array of all autohidden items.
     * @param {string} orientation?. Determines which auto hidden items to return ( vertical or horizontal ). If not set the method will return all autohidden items. Possible values: 'vertical', 'horizontal'.
     * @returns {any[]}

package/dockinglayout/dockinglayout.esm.js

@@ -568,6 +568,21 @@ class DockingLayout extends React.Component {
             });
         }
     }
+    /** Inserts a new TabsWindow. The window is in floating mode and is undocked.
+    * @param {any} item. An instance of a TabsWindow or an Object with the fields "label", "items" and other additional.
+    * @param {number | string} left?. The left position of the new window. You can use number, px or %. For example: '10px'.
+    * @param {number | string} top?. The top position of the new window. You can use number, px or %. For example: '10px'.
+    */
+    insertFloatingWindow(item, left, top) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.insertFloatingWindow(item, left, top);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.insertFloatingWindow(item, left, top);
+            });
+        }
+    }
     /** The method returns an array of all autohidden items.
     * @param {string} orientation?. Determines which auto hidden items to return ( vertical or horizontal ). If not set the method will return all autohidden items. Possible values: 'vertical', 'horizontal'.
     * @returns {any[]}

package/dockinglayout/dockinglayout.umd.js

@@ -574,6 +574,21 @@ require('../source/modules/smart.dockinglayout');
                 });
             }
         }
+        /** Inserts a new TabsWindow. The window is in floating mode and is undocked.
+        * @param {any} item. An instance of a TabsWindow or an Object with the fields "label", "items" and other additional.
+        * @param {number | string} left?. The left position of the new window. You can use number, px or %. For example: '10px'.
+        * @param {number | string} top?. The top position of the new window. You can use number, px or %. For example: '10px'.
+        */
+        insertFloatingWindow(item, left, top) {
+            if (this.nativeElement.isRendered) {
+                this.nativeElement.insertFloatingWindow(item, left, top);
+            }
+            else {
+                this.nativeElement.whenRendered(() => {
+                    this.nativeElement.insertFloatingWindow(item, left, top);
+                });
+            }
+        }
         /** The method returns an array of all autohidden items.
         * @param {string} orientation?. Determines which auto hidden items to return ( vertical or horizontal ). If not set the method will return all autohidden items. Possible values: 'vertical', 'horizontal'.
         * @returns {any[]}

package/grid/grid.d.ts

@@ -673,9 +673,13 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     *  @param event. The custom event. 	*/
     onPage?: ((event?: Event) => void) | undefined;
     /**  This event is triggered, when a sorting column is added or removed.
-    *  @param event. The custom event. 	Custom event was created with: event.detail(	columns, 	data)
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	columns, 	data, 	dataFields, 	dataTypes, 	orders, 	indexes)
     *   columns - Array of columns.
     *   data - Array of {dataField: string, sortOrder: string, sortIndex: number}. <em>dataField</em> is the column's data field. <em>sortOrder</em> is 'asc' or 'desc', <em>sortIndex</em> is the index of the column in multi column sorting.
+    *   dataFields - Array of column data fields.
+    *   dataTypes - Array of column data types. The values in the array would be 'string', 'date', 'boolean' or 'number'.
+    *   orders - Array of column orders. The values in the array would be 'asc' or 'desc'.
+    *   indexes - Array of column sort indexes. When multiple sorting is applied the sort index is an important parameter as it specifies the priority of sorting.
     */
     onSort?: ((event?: Event) => void) | undefined;
     /**  This event is triggered, when the user reaches the bottom of the grid.
@@ -1050,6 +1054,17 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     */
     setRowProperty(rowId: string | number, propertyName: string, value: any): void;
     /** Sets a property to a row.
+    * @param {string | number} rowId. row bound id
+    * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+    */
+    setRowStyle(rowId: string | number, rowStyle: any): void;
+    /** Sets a style to a row.
+    * @param {string | number} rowId. row bound id
+    * @param {string} dataField. Column bound field name.
+    * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+    */
+    setCellStyle(rowId: string | number, dataField: string, rowStyle: any): void;
+    /** Sets a style to a row.
     * @param {number} value. The new scroll position
     */
     setVerticalScrollValue(value: number): void;

package/grid/grid.esm.js

@@ -1878,6 +1878,35 @@ class Grid extends React.Component {
         }
     }
     /** Sets a property to a row.
+    * @param {string | number} rowId. row bound id
+    * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+    */
+    setRowStyle(rowId, rowStyle) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.setRowStyle(rowId, rowStyle);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.setRowStyle(rowId, rowStyle);
+            });
+        }
+    }
+    /** Sets a style to a row.
+    * @param {string | number} rowId. row bound id
+    * @param {string} dataField. Column bound field name.
+    * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+    */
+    setCellStyle(rowId, dataField, rowStyle) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.setCellStyle(rowId, dataField, rowStyle);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.setCellStyle(rowId, dataField, rowStyle);
+            });
+        }
+    }
+    /** Sets a style to a row.
     * @param {number} value. The new scroll position
     */
     setVerticalScrollValue(value) {

package/grid/grid.umd.js

@@ -1884,6 +1884,35 @@ require('../source/modules/smart.grid');
             }
         }
         /** Sets a property to a row.
+        * @param {string | number} rowId. row bound id
+        * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+        */
+        setRowStyle(rowId, rowStyle) {
+            if (this.nativeElement.isRendered) {
+                this.nativeElement.setRowStyle(rowId, rowStyle);
+            }
+            else {
+                this.nativeElement.whenRendered(() => {
+                    this.nativeElement.setRowStyle(rowId, rowStyle);
+                });
+            }
+        }
+        /** Sets a style to a row.
+        * @param {string | number} rowId. row bound id
+        * @param {string} dataField. Column bound field name.
+        * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+        */
+        setCellStyle(rowId, dataField, rowStyle) {
+            if (this.nativeElement.isRendered) {
+                this.nativeElement.setCellStyle(rowId, dataField, rowStyle);
+            }
+            else {
+                this.nativeElement.whenRendered(() => {
+                    this.nativeElement.setCellStyle(rowId, dataField, rowStyle);
+                });
+            }
+        }
+        /** Sets a style to a row.
         * @param {number} value. The new scroll position
         */
         setVerticalScrollValue(value) {

package/index.d.ts

@@ -659,9 +659,11 @@ export interface BarCode extends BaseElement, BarCodeProperties {
   [name: string]: any;
   /**
    * This event is triggered when the value of the barcode is invalid. 
-	* @param event. The custom event. Custom data event was created with: ev.detail(value, invalidCharacters)
-   *  value - the invalid value of the barcode.
+	* @param event. The custom event. Custom data event was created with: ev.detail(invalidCharacters, lengthValidity, patternValidity, value)
    *  invalidCharacters - An array indicating the invalid characters.
+   *  lengthValidity - A boolean indicating the length validity.
+   *  patternValidity - A boolean indicating the pattern validity.
+   *  value - the invalid value of the barcode.
    */
   onInvalid?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
@@ -7460,6 +7462,16 @@ export interface DateTimePicker extends BaseElement, DateTimePickerProperties {
    * Selects the text inside the input.
    */
   select(): void;
+  /**
+   * Gets a Date object.
+   * @returns {Date}
+   */
+  getDate(): Date;
+  /**
+   * Sets the date of the DateTimePicker.
+   * @param {Date} date. The date object to be set.
+   */
+  setDate(date: Date): void;
 }
 
 declare global {
@@ -7752,6 +7764,13 @@ export interface DockingLayout extends BaseElement, DockingLayoutProperties {
    * @param {any} tabsWindow. An instance of a TabsWindow or an Object with the fields "label", "items" and other additional.
    */
   insertOutsideTargetGroupRight(index: number | HTMLElement | string, tabsWindow: any): void;
+  /**
+   * Inserts a new TabsWindow. The window is in floating mode and is undocked.
+   * @param {any} item. An instance of a TabsWindow or an Object with the fields "label", "items" and other additional.
+   * @param {number | string} left?. The left position of the new window. You can use number, px or %. For example: '10px'.
+   * @param {number | string} top?. The top position of the new window. You can use number, px or %. For example: '10px'.
+   */
+  insertFloatingWindow(item: any, left?: number | string, top?: number | string): void;
   /**
    * The method returns an array of all autohidden items.
    * @param {string} orientation?. Determines which auto hidden items to return ( vertical or horizontal ). If not set the method will return all autohidden items. Possible values: 'vertical', 'horizontal'.
@@ -14276,9 +14295,13 @@ export interface Grid extends BaseElement, GridProperties {
   onPage?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered, when a sorting column is added or removed.
-	* @param event. The custom event. Custom data event was created with: ev.detail(columns, data)
+	* @param event. The custom event. Custom data event was created with: ev.detail(columns, data, dataFields, dataTypes, orders, indexes)
    *  columns - Array of columns.
    *  data - Array of {dataField: string, sortOrder: string, sortIndex: number}. <em>dataField</em> is the column's data field. <em>sortOrder</em> is 'asc' or 'desc', <em>sortIndex</em> is the index of the column in multi column sorting.
+   *  dataFields - Array of column data fields.
+   *  dataTypes - Array of column data types. The values in the array would be 'string', 'date', 'boolean' or 'number'.
+   *  orders - Array of column orders. The values in the array would be 'asc' or 'desc'.
+   *  indexes - Array of column sort indexes. When multiple sorting is applied the sort index is an important parameter as it specifies the priority of sorting.
    */
   onSort?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
@@ -14736,6 +14759,19 @@ export interface Grid extends BaseElement, GridProperties {
    * @param {any} value. The new property value.
    */
   setRowProperty(rowId: string | number, propertyName: string, value: any): void;
+  /**
+   * Sets a style to a row.
+   * @param {string | number} rowId. row bound id
+   * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+   */
+  setRowStyle(rowId: string | number, rowStyle: any): void;
+  /**
+   * Sets a style to a row.
+   * @param {string | number} rowId. row bound id
+   * @param {string} dataField. Column bound field name.
+   * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+   */
+  setCellStyle(rowId: string | number, dataField: string, rowStyle: any): void;
   /**
    * Sets the position of the vertical scrollbar. You can use this method in combination with the getVerticalScrollValue and getVerticalScrollMax.
    * @param {number} value. The new scroll position
@@ -17444,6 +17480,21 @@ export interface KanbanProperties {
    * Default value: false
    */
   columnColors?: boolean;
+  /**
+   * Displays background in the Kanban column.
+   * Default value: false
+   */
+  columnColorEntireSurface?: boolean;
+  /**
+   * Displays a column footer which shows the summary of the column.
+   * Default value: false
+   */
+  columnFooter?: boolean;
+  /**
+   * Callback function which can be used for customizing the column footer rendering. The Kanban calls it with 3 arguments - column header html element and column data and column data field.
+   * Default value: null
+   */
+  onColumnFooterRender?: any;
   /**
    * Describes the columns properties.
    * Default value: 
@@ -17474,6 +17525,16 @@ export interface KanbanProperties {
    * Default value: 
    */
   currentUser?: string | number;
+  /**
+   * Sets or gets whether the default dialog for adding/removing tasks or comments is disabled.
+   * Default value: false
+   */
+  disableDialog?: boolean;
+  /**
+   * Sets or gets whether a customization function for the dialog. The Kanban calls this function with 4 arguments - 'dialog', 'taskOrComment', 'purpose' and 'type'. The dialog is the 'smart-window' instance used as a default Kanban dialog. 'taskOrComment' is object which could be Kanban task or comment. 'purpose' could be 'add' or 'edit' and 'type' could be 'task' or 'column' depending on the action.
+   * Default value: null
+   */
+  dialogCustomizationFunction?: any;
   /**
    * Determines the data source to be visualized in the kanban board.
    * Default value: null
@@ -17816,7 +17877,7 @@ export interface Kanban extends BaseElement, KanbanProperties {
 	* @param event. The custom event.    */
   onOpen?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
-   * This event is triggered when the edit/prompt dialog is about to be opened. The opening operation can be canceled by calling event.preventDefault() in the event handler function.
+   * This event is triggered when the edit/prompt dialog is about to be opened. The opening operation can be canceled by calling event.preventDefault() in the event handler function. If you want to cancel the default Kanban dialog, call event.preventDefault();
 	* @param event. The custom event. Custom data event was created with: ev.detail(comment, purpose, task)
    *  comment - The comment that is about to be removed (if applicable).
    *  purpose - The purpose of the dialog to be opened - <em>'edit'</em> or <em>'prompt'</em>.
@@ -18146,7 +18207,7 @@ export interface KanbanDataSource {
    */
   onTaskRender?: any;
   /**
-   * Callback function which can be used for customizing the column header rendering. The Kanban calls it with 2 arguments - column header html element and column data.
+   * Callback function which can be used for customizing the column header rendering. The Kanban calls it with 3 arguments - column header html element and column data and column data field.
    * Default value: null
    */
   onColumnHeaderRender?: any;
@@ -23481,6 +23542,138 @@ declare global {
     }
 }
 
+export interface QRcodeProperties {
+  /**
+   * Sets the background color of the QR Code element.
+   * Default value: "white"
+   */
+  backgroundColor?: string;
+  /**
+   * Sets whether the QR Code label is visible.
+   * Default value: false
+   */
+  disaplyLabel?: boolean;
+  /**
+   * Sets an embedded image.
+   * Default value: ""
+   */
+  embedImage?: string;
+  /**
+   * Sets the height of the embedded image.
+   * Default value: 15
+   */
+  imageHeight?: number;
+  /**
+   * Sets the width of the embedded image.
+   * Default value: 15
+   */
+  imageWidth?: number;
+  /**
+   * Sets the color of the QR Code label.
+   * Default value: "black"
+   */
+  labelCOlor?: string;
+  /**
+   * Sets the font family of the QR Code label.
+   * Default value: "monospace"
+   */
+  labelFont?: string;
+  /**
+   * Sets the font size of the QR Code label.
+   * Default value: 14
+   */
+  labelFontSize?: number;
+  /**
+   * Sets the bottom margin of the QR Code label.
+   * Default value: 5
+   */
+  labelMarginBottom?: number;
+  /**
+   * Sets the top margin of the QR Code label.
+   * Default value: 5
+   */
+  labelMarginTop?: number;
+  /**
+   * Sets the position of the QR Code label.
+   * Default value: bottom
+   */
+  labelPosition?: QRcodeLabelPosition;
+  /**
+   * Sets the color of the QR Code lines.
+   * Default value: "black"
+   */
+  lineColor?: string;
+  /**
+   * Sets the width of the QR Code square.
+   * Default value: 7
+   */
+  squareWidth?: number;
+  /**
+   * Sets the rendering mode of the QR Code.
+   * Default value: svg
+   */
+  renderAs?: QRcodeRenderAs;
+  /**
+   * Sets or gets the value of the QR Code.
+   * Default value: ""
+   */
+  value?: string;
+}
+/**
+ QR Codes encode text values in a two-dimensional pattern.
+*/
+export interface QRcode extends BaseElement, QRcodeProperties {
+
+  /* Get a member by its name */
+  [name: string]: any;
+  /**
+   * This event is triggered when the value of the QR Code is invalid. 
+	* @param event. The custom event. Custom data event was created with: ev.detail(invalidCharacters, lengthValidity, patternValidity, value)
+   *  invalidCharacters - An array indicating the invalid characters.
+   *  lengthValidity - A boolean indicating the length validity.
+   *  patternValidity - A boolean indicating the pattern validity.
+   *  value - the invalid value of the QR Code.
+   */
+  onInvalid?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * Exports the QR Code.
+   * @param {string} format. The format of the exported file - svg, png, jpg
+   * @param {string} fileName?. The name of the exported file
+   */
+  export(format: string, fileName?: string): void;
+  /**
+   * Gets the base64 string of the QR Code
+   * @param {string} format. The dataURL format of the string - svg, png, jpg
+   * @returns {string}
+   */
+  getDataURL(format: string): string;
+  /**
+   * Gets the base64 string of the QR Code
+   * @param {string} format. The dataURL format of the string - svg, png, jpg
+   * @returns {any}
+   */
+  getDataURLAsync(format: string): any;
+  /**
+   * Gets the validity of the QR Code
+   * @returns {boolean}
+   */
+  isValid(): boolean;
+}
+
+declare global {
+    interface Document {
+        createElement(tagName: "smart-qrcode"): QRcode;
+        querySelector(selectors: "smart-qrcode"): QRcode | null;
+        querySelectorAll(selectors: "smart-qrcode"): NodeListOf<QRcode>;
+        getElementsByTagName(qualifiedName: "smart-qrcode"): HTMLCollectionOf<QRcode>;
+        getElementsByName(elementName: "smart-qrcode"): NodeListOf<QRcode>;
+    }
+}
+
+/**Sets the position of the QR Code label. */
+export declare type QRcodeLabelPosition = 'top' | 'bottom';
+/**Sets the rendering mode of the QR Code. */
+export declare type QRcodeRenderAs = 'svg' | 'canvas';
 export interface QueryBuilderProperties {
   /**
    * Enables the dragging of conditions inside a group or between groups.
@@ -30065,6 +30258,11 @@ export interface Tree extends BaseElement, TreeProperties {
    * @returns {HTMLElement}
    */
   getItem(id: string): HTMLElement;
+  /**
+   * Gets the selected values. If value is not defined, returns the selected labels.
+   * @returns {string[]}
+   */
+  getSelectedValues(): string[];
   /**
    * Returns SmartTree's state
    * @returns {any}
@@ -30102,15 +30300,25 @@ export interface Tree extends BaseElement, TreeProperties {
    */
   saveState(): any;
   /**
-   * Selects an item.
+   * Selects an item by its index or by HTMLElement id.
    * @param {HTMLElement | string} item. The smart-tree-item/smart-tree-items-group (or its id or numeric path) to remove.
    */
   select(item: HTMLElement | string): void;
   /**
-   * Unselects an item.
+   * Selects an item or items by values.
+   * @param {string | string[]} items. The smart-tree-item/smart-tree-items-group values or labels, if values are not defined.
+   */
+  setSelectedValues(items: string | string[]): void;
+  /**
+   * Unselects an item by its index or by HTMLElement id.
    * @param {HTMLElement | string} item. The smart-tree-item/smart-tree-items-group (or its id or numeric path) to remove.
    */
   unselect(item: HTMLElement | string): void;
+  /**
+   * Unselects an item or items by values.
+   * @param {string | string[]} items. The smart-tree-item/smart-tree-items-group values or labels, if values are not defined.
+   */
+  unselectValues(items: string | string[]): void;
   /**
    * Updates an item.
    * @param {HTMLElement | string} item. smart-tree-item/smart-tree-items-group (or its id or numeric path).
@@ -30421,6 +30629,16 @@ export interface WindowProperties {
    * Default value: false
    */
   disableSnap?: boolean;
+  /**
+   * By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that.
+   * Default value: false
+   */
+  disableEscape?: boolean;
+  /**
+   * By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that.
+   * Default value: false
+   */
+  disableKeyboard?: boolean;
   /**
    * Determines how the characters are displayed inside the input. Applicable to Prompt Window.
    * Default value: default

package/kanban/kanban.d.ts

@@ -112,6 +112,21 @@ export declare class Kanban extends React.Component<React.HTMLAttributes<Element
     */
     get columnColors(): boolean;
     set columnColors(value: boolean);
+    /** Displays background in the Kanban column.
+    *	Property type: boolean
+    */
+    get columnColorEntireSurface(): boolean;
+    set columnColorEntireSurface(value: boolean);
+    /** Displays a column footer which shows the summary of the column.
+    *	Property type: boolean
+    */
+    get columnFooter(): boolean;
+    set columnFooter(value: boolean);
+    /** Callback function which can be used for customizing the column footer rendering. The Kanban calls it with 3 arguments - column header html element and column data and column data field.
+    *	Property type: any
+    */
+    get onColumnFooterRender(): any;
+    set onColumnFooterRender(value: any);
     /** Describes the columns properties.
     *	Property type: KanbanColumn[]
     */
@@ -142,6 +157,16 @@ export declare class Kanban extends React.Component<React.HTMLAttributes<Element
     */
     get currentUser(): string | number;
     set currentUser(value: string | number);
+    /** Sets or gets whether the default dialog for adding/removing tasks or comments is disabled.
+    *	Property type: boolean
+    */
+    get disableDialog(): boolean;
+    set disableDialog(value: boolean);
+    /** Sets or gets whether a customization function for the dialog. The Kanban calls this function with 4 arguments - 'dialog', 'taskOrComment', 'purpose' and 'type'. The dialog is the 'smart-window' instance used as a default Kanban dialog. 'taskOrComment' is object which could be Kanban task or comment. 'purpose' could be 'add' or 'edit' and 'type' could be 'task' or 'column' depending on the action.
+    *	Property type: any
+    */
+    get dialogCustomizationFunction(): any;
+    set dialogCustomizationFunction(value: any);
     /** Determines the data source to be visualized in the kanban board.
     *	Property type: KanbanDataSource[]
     */
@@ -491,7 +516,7 @@ export declare class Kanban extends React.Component<React.HTMLAttributes<Element
     /**  This event is triggered when the edit/prompt dialog is opened.
     *  @param event. The custom event. 	*/
     onOpen?: ((event?: Event) => void) | undefined;
-    /**  This event is triggered when the edit/prompt dialog is about to be opened. The opening operation can be canceled by calling event.preventDefault() in the event handler function.
+    /**  This event is triggered when the edit/prompt dialog is about to be opened. The opening operation can be canceled by calling event.preventDefault() in the event handler function. If you want to cancel the default Kanban dialog, call event.preventDefault();
     *  @param event. The custom event. 	Custom event was created with: event.detail(	comment, 	purpose, 	task)
     *   comment - The comment that is about to be removed (if applicable).
     *   purpose - The purpose of the dialog to be opened - <em>'edit'</em> or <em>'prompt'</em>.