@smart-webcomponents-angular/phoneinput 10.3.4 → 13.0.9

package/index.d.ts

@@ -4209,6 +4209,11 @@ export interface CheckInputProperties {
    * Default value: false
    */
   selectAll?: boolean;
+  /**
+   * Gets or sets an array of selected values.
+   * Default value: 
+   */
+  selectedValues?: any;
   /**
    * Determines whether the items are sorted alphabetically or not
    * Default value: false
@@ -5394,11 +5399,6 @@ declare global {
 }
 
 export interface ComboBoxProperties {
-  /**
-   * Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
-   * Default value: advanced
-   */
-  animation?: Animation;
   /**
    * Used only when dropDownOpenMode is set to 'auto'. Determines the delay before the opened drop down closes if the pointer is not over the element.
    * Default value: 100
@@ -8761,6 +8761,11 @@ export interface EditorProperties {
    * Default value: ""
    */
   placeholder?: string;
+  /**
+   * Determines whether the clearFormat toolbar action should also remove inline styles from the currently selected node.
+   * Default value: false
+   */
+  removeStylesOnClearFormat?: boolean;
   /**
    * Determines whether Editor's content is required ot not. If set and the Editor's content is empty, a notification will appear to notify that the Editor cannot be empty.
    * Default value: false
@@ -9694,6 +9699,11 @@ export interface FileUploadProperties {
    * Default value: false
    */
   unfocusable?: boolean;
+  /**
+   * Gets the file upload value.
+   * Default value: null
+   */
+  value?: any;
   /**
    * Callback used to validate the files immediatelly after their selection. Retuns a boolean value. If the returned value is false, the file is removed from list and a 'validationError is fired.
    * Default value: null
@@ -12056,7 +12066,7 @@ export interface GanttChartProperties {
    */
   popupWindowCustomizationFunction?: any;
   /**
-   * Determines which Tab items are visible inside the popup window. Three possible values are allowed: general - the general tab with task properties determines by the taskColumns property.dependency - the dependency tab which shows the connections to the task and allows to create/delete connections.segments - the segments tab which shows the segments of the task and allows to created/delete segments./ul>.
+   * Determines which Tab items are visible inside the popup window. Three possible values are allowed: general - the general tab with task properties determines by the taskColumns property.dependency - the dependency tab which shows the connections to the task and allows to create/delete connections.segments - the segments tab which shows the segments of the task and allows to created/delete segments..
    * Default value: ['general', 'dependency', 'segments']
    */
   popupWindowTabs?: string[];
@@ -13763,6 +13773,16 @@ export interface GridProperties {
    * Default value: null
    */
   onCommand?: {(name: string, command: any, details: GridCell, event: Event | KeyboardEvent | PointerEvent, handled: boolean): void};
+  /**
+   * Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
+   * Default value: 
+   */
+  currentUser?: string | number;
+  /**
+   * Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
+   * Default value: []
+   */
+  users?: any[];
   /**
    * Describes the paging settings.
    * Default value: [object Object]
@@ -14056,9 +14076,10 @@ export interface Grid extends BaseElement, GridProperties {
   onEndEdit?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered, when a filter 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, expressions)
    *  columns - Array of columns.
-   *  data - Array of {dataField: string, filter: string}. <em>dataField</em> is the column's data field. <em>filter</em> is a filter expression like 'startsWith B'
+   *  data - Array of {dataField: string, filter: object}. <em>dataField</em> is the column's data field. <em>filter</em> is a FilterGroup object.
+   *  expressions - Array of {dataField: string, filter: string}. <em>dataField</em> is the column's data field. <em>filter</em> is a filter expression like 'startsWith B'. In each array item, you will have an object with column's name and filter string. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '&lt;= 3 and &gt;= 8']], [['firstName', 'EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']], [['lastName','CONTAINS' 'burke' or 'CONTAINS' 'peterson']]. Filter conditions used in the filter expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    */
   onFilter?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
@@ -14132,19 +14153,19 @@ export interface Grid extends BaseElement, GridProperties {
   addUnboundRow(count: number, position?: string): boolean;
   /**
    * Adds a filter to a column. This method will apply a filter to the Grid data.
-   * @param {string} dataField. column bound data field
-   * @param {string} filter. Filter expression like: 'startsWith B'
-   * @param {boolean} refreshFilters?. 
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
+   * @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3:  ['quantity', '&lt;= 3 and &gt;= 8'].  Filter conditions which you can use in the expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
+   * @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
    */
   addFilter(dataField: string, filter: string, refreshFilters?: boolean): void;
   /**
    * Groups the Grid by a data field. This method will add a group to the Grid when grouping is enabled.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   addGroup(dataField: string): void;
   /**
    * Sorts the Grid by a data field. This method will add a sorting to the Grid when sorting is enabled.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} sortOrder. column's sort order. Use 'asc' or 'desc'.
    */
   addSort(dataField: string, sortOrder: string): void;
@@ -14168,7 +14189,7 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Begins row, cell or column. This method allows you to programmatically start a cell, row or column editing. After calling it, an editor HTMLElement will be created and displayed in the Grid.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField?. column bound data field
+   * @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   beginEdit(rowId: string | number, dataField?: string): void;
   /**
@@ -14232,7 +14253,7 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Scrolls to a row or cell. This method scrolls to a row or cell, when scrolling is necessary. If pagination is enabled, it will automatically change the page.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField?. column bound data field
+   * @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @returns {boolean}
    */
   ensureVisible(rowId: string | number, dataField?: string): boolean;
@@ -14358,13 +14379,13 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Gets a value of a cell.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @returns {any}
    */
   getCellValue(rowId: string | number, dataField: string): any;
   /**
    * Gets a value of a column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} propertyName. The property name.
    * @returns {any}
    */
@@ -14405,13 +14426,13 @@ export interface Grid extends BaseElement, GridProperties {
   hideDetail(rowId: string | number): void;
   /**
    * Highlights a column. Highlights a Grid column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   highlightColumn(dataField: string): void;
   /**
    * Highlights a cell. Calling the method a second time toggle the highlight state.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} className?. CSS Class Name
    */
   highlightCell(rowId: string | number, dataField: string, className?: string): void;
@@ -14423,7 +14444,7 @@ export interface Grid extends BaseElement, GridProperties {
   highlightRow(rowId: string | number, className?: string): void;
   /**
    * Opens a column drop-down menu.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   openMenu(dataField: string): void;
   /**
@@ -14444,18 +14465,18 @@ export interface Grid extends BaseElement, GridProperties {
   refreshView(): void;
   /**
    * Removes a column filter. 
-   * @param {string} dataField. column bound data field
-   * @param {boolean} refreshFilters?. 
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
+   * @param {boolean} refreshFilters?. Set this to false, if you need to make multiple removeFilter calls.
    */
   removeFilter(dataField: string, refreshFilters?: boolean): void;
   /**
    * Removes a group by data field. This method will remove a group to the Grid when grouping is enabled.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   removeGroup(dataField: string): void;
   /**
    * Removes a sorting by data field. This method will remove a sorting from a Grid column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   removeSort(dataField: string): void;
   /**
@@ -14475,7 +14496,7 @@ export interface Grid extends BaseElement, GridProperties {
   reorderColumns(dataField: string | number, referenceDataField: string | number, insertAfter?: boolean): void;
   /**
    * Sorts the Grid by a data field. This method will add or remove sorting, when sorting is enabled. To remove the sorting, use 'null' for the sortOrder parameter.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string | null} sortOrder. column's sort order. Use 'asc', 'desc' or null.
    */
   sortBy(dataField: string, sortOrder: string | null): void;
@@ -14526,13 +14547,13 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Sets a new value to a cell.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string | number | Date | boolean} value. New Cell value.
    */
   setCellValue(rowId: string | number, dataField: string, value: string | number | Date | boolean): void;
   /**
    * Sets a property to a column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} propertyName. The column property's name.
    * @param {any} value. The new property value.
    */
@@ -14569,7 +14590,7 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Unselects a row, cell or column.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField?. column bound data field
+   * @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   unselect(rowId: string | number, dataField?: string): void;
   /**
@@ -14750,6 +14771,11 @@ export interface GridAppearance {
    * Default value: true
    */
   showRowLines?: boolean;
+  /**
+   * Shows column groups in the Hide columns panel. Column groups and columns are shown in a tree-like structure. When the property is set to false, the column groups are not displayed and the column labels contain the column group name.
+   * Default value: false
+   */
+  showColumnGroupsInColumnPanel?: boolean;
   /**
    * Shows filtered column background, when filter is applied.
    * Default value: true
@@ -14839,6 +14865,11 @@ export interface GridBehavior {
    * Default value: false
    */
   allowColumnReorder?: boolean;
+  /**
+   * Determines whether column freeze with drag and drop is enabled. When other columns are frozen/pinned, drag the column to the existing frozen area. When no columns are pinned, drag the column to the edge of the grid and wait for approximately one second. The grid will then assume you want to freeze/pin and create a frozen/pinned area and place the column into it.
+   * Default value: false
+   */
+  allowColumnFreeze?: boolean;
   /**
    * Sets the column resize mode. split resize mode 'grows' or 'shrinks' the resize element's size and 'shrinks' or 'grows' the next sibling element's size. growAndShrink resize mode 'grows' or 'shrinks' the resize element's size
    * Default value: none
@@ -14858,6 +14889,11 @@ export interface GridLayout {
    * Default value: false
    */
   allowCellsWrap?: boolean;
+  /**
+   * Automatically sets width to any new Column which does not have its 'width' property set.
+   * Default value: false
+   */
+  autoSizeNewColumn?: boolean;
   /**
    * Sets the width of the auto-generated Grid columns.
    * Default value: null
@@ -15041,7 +15077,7 @@ export interface GridColumn {
    */
   freeze?: Position;
   /**
-   * Sets or gets the filter of the column.
+   * Sets or gets the filter of the column. Example: ['contains Andrew or contains Nancy']. Example with numeric filter ['quantity', '&lt;= 3 and &gt;= 8']. Additional example with filter which we want to apply to a column with filterMenuMode='excel' - ['EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']. Example with a string filter applied to a string column - ['CONTAINS' 'burke' or 'CONTAINS' 'peterson']. Filter conditions which you can use in the expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * Default value: ""
    */
   filter?: string;
@@ -15111,7 +15147,7 @@ export interface GridColumn {
    */
   width?: string | number;
   /**
-   * Sets or gets the column's template. The property expects the 'id' of HTMLTemplateElement or HTML string which is displayed in the cells. Built-in string values are: 'checkBox', 'switchButton', 'radioButton', 'url', 'email', 'dropdownlist', 'list', 'tags', 'autoNumber', 'modifiedBy', 'createdBy', 'createdTime', 'modifiedTime', 'images. For example, when you set the template to 'url', the cells will be render anchor tags. When you set the template property to HTMLTemplateElement you should consider that once a template is rendered, the formatObject.template property stores the rendered template component for further use.
+   * Sets or gets the column's template. The property expects the 'id' of HTMLTemplateElement or HTML string which is displayed in the cells. Built-in string values are: 'checkBox', 'switchButton', 'radioButton', 'url', 'email', 'dropdownlist', 'list', 'progress', 'tags', 'autoNumber', 'modifiedBy', 'createdBy', 'createdTime', 'modifiedTime', 'images. For example, when you set the template to 'url', the cells will be render anchor tags. When you set the template property to HTMLTemplateElement you should consider that once a template is rendered, the formatObject.template property stores the rendered template component for further use.
    * Default value: 
    */
   template?: any;
@@ -15862,7 +15898,7 @@ export interface GridFiltering {
    */
   enabled?: boolean;
   /**
-   * An array of filtering conditions to apply to the DataGrid. Each member of the filter array is an array with two members. The first one is the column dataField to apply the filter to. The second one is the filtering condition. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '&lt;= 3 and &gt;= 8']]
+   * An array of filtering conditions to apply to the DataGrid. Each member of the filter array is an array with two members. The first one is the column dataField to apply the filter to. The second one is the filtering condition. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '&lt;= 3 and &gt;= 8']]. Additional example with filter which we want to apply to a column with filterMenuMode='excel' - [['firstName', 'EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']]. Example with a string filter applied to a string column - [['lastName','CONTAINS' 'burke' or 'CONTAINS' 'peterson']]. Filter conditions which you can use in the expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * Default value: 
    */
   filter?: any[];
@@ -16291,6 +16327,11 @@ export interface GridSummaryRow {
    * Default value: false
    */
   visible?: boolean;
+  /**
+   * Sets the summary row editor. When you point over a summary row cell, an editor is displayed and you will be able to dynamically change the summary type.
+   * Default value: false
+   */
+  editing?: boolean;
 }
 
 /**Describes the settings for the group header. */
@@ -17142,11 +17183,21 @@ export interface KanbanProperties {
    * Default value: false
    */
   allowColumnRemove?: boolean;
+  /**
+   * Enables or disables column hiding. When this property is set to true, users will be able to dynamically hide a column through the column actions menu. the 'columnActions' property should be true.
+   * Default value: false
+   */
+  allowColumnHide?: boolean;
   /**
    * Toggles the visibility of the column buttons for adding tasks. A particular button can be disabled by setting addNewButton in the column's definition to false.
    * Default value: false
    */
   addNewButton?: boolean;
+  /**
+   * Determines whether the add button is visible in the column header and/or after the tasks in the column.
+   * Default value: both
+   */
+  addNewButtonDisplayMode?: KanbanAddNewButtonDisplayMode;
   /**
    * Sets or gets whether a column with a button for adding new status columns to the Kanban will be displayed.
    * Default value: false
@@ -17162,11 +17213,6 @@ export interface KanbanProperties {
    * Default value: true
    */
   allowDrop?: boolean;
-  /**
-   * Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
-   * Default value: advanced
-   */
-  animation?: Animation;
   /**
    * Enables or disables auto load state from the browser's localStorage. Information about tasks and their position and selected state, filtering, sorting, collapsed columns, as well as the values of the properties taskActions, taskComments, taskDue, taskPriority, taskProgress, taskTags, and taskUserIcon is loaded.
    * Default value: true
@@ -17182,6 +17228,11 @@ export interface KanbanProperties {
    * Default value: false
    */
   collapsible?: boolean;
+  /**
+   * Displays colors in the column header, when the column's color property is set.
+   * Default value: false
+   */
+  columnColors?: boolean;
   /**
    * Describes the columns properties.
    * Default value: 
@@ -17267,6 +17318,16 @@ export interface KanbanProperties {
    * Default value: zeroOrOne
    */
   selectionMode?: KanbanSelectionMode;
+  /**
+   * Sets or gets whether the tasks history will be stored and displayed in the task dialog.
+   * Default value: false
+   */
+  storeHistory?: boolean;
+  /**
+   * Sets or gets the task history items that will be stored when storeHistory is enabled.
+   * Default value: 20
+   */
+  storeHistoryItems?: number;
   /**
    * Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
    * Default value: false
@@ -17322,6 +17383,26 @@ export interface KanbanProperties {
    * Default value: false
    */
   taskProgress?: boolean;
+  /**
+   * Sets the task custom fields displayed in the card. Each array item should have 'dataField', 'label' 'dataType' and optionally 'visible' properties. The 'dataField' determines the value, the label is displayed as title, 'dataType' is used for formatting and 'visible' determines whether the field will be displayed.
+   * Default value: 
+   */
+  taskCustomFields?: any;
+  /**
+   * The task's background color depends on the task's color property. By default the color is rendered within the task's left border.
+   * Default value: false
+   */
+  taskColorEntireSurface?: boolean;
+  /**
+   * Displays an input in the task's card for adding dynamically a sub task. The 'taskSubTasks' property should be set to a value different than 'none'.
+   * Default value: true
+   */
+  taskSubTasksInput?: boolean;
+  /**
+   * Sets the rendering mode of sub tasks. 'none' - default value. Sub tasks are displayed only in the edit dialog. 'onePerRow' - all sub tasks are displayed in the task's card. 'onlyUnfinished' - only tasks which are not completed are displayed in the task's card.
+   * Default value: none
+   */
+  taskSubTasks?: KanbanTaskSubTasks;
   /**
    * Toggles the visibility of task tags.
    * Default value: true
@@ -17342,6 +17423,16 @@ export interface KanbanProperties {
    * Default value: ""
    */
   theme?: string;
+  /**
+   * Determines whether the priority list (as defined by the priority property) will be shown when clicking the priority icon. Only applicable if editable privileges are enabled.
+   * Default value: false
+   */
+  priorityList?: boolean;
+  /**
+   * Determines the priority Kanban tasks can be assigned to. Example: [{label: 'low', value: 'low'}, {label: 'high', value: 'high'}]
+   * Default value: 
+   */
+  priority?: KanbanPriority[];
   /**
    * Determines whether the user list (as defined by the users property) will be shown when clicking the user icon. Only applicable if editable privileges are enabled.
    * Default value: false
@@ -17424,6 +17515,55 @@ export interface Kanban extends BaseElement, KanbanProperties {
    *  collapsed - The column's collapsed state.
    */
   onColumnDoubleClick?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a column is shown by using the column's action menu or the Kanban's 'show' method.
+	* @param event. The custom event. Custom data event was created with: ev.detail(label, dataField)
+   *  label - The column label.
+   *  dataField - The column data field.
+   */
+  onColumnShow?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a column is hidden by using the column's action menu or the Kanban's 'hide' method.
+	* @param event. The custom event. Custom data event was created with: ev.detail(label, dataField)
+   *  label - The column label.
+   *  dataField - The column data field.
+   */
+  onColumnHide?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a column is collapsed  by using the column's action menu or the Kanban's 'collapse' method.
+	* @param event. The custom event. Custom data event was created with: ev.detail(label, dataField)
+   *  label - The column label.
+   *  dataField - The column data field.
+   */
+  onColumnCollapse?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a column is expanded by using the column's action menu or the Kanban's 'expand' method.
+	* @param event. The custom event. Custom data event was created with: ev.detail(label, dataField)
+   *  label - The column label.
+   *  dataField - The column data field.
+   */
+  onColumnExpand?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a comment is added to the Kanban Task.
+	* @param event. The custom event. Custom data event was created with: ev.detail(id, value)
+   *  id - The task's id.
+   *  value - The comment object. It has 'text: string, time: Date and userId:number' properties.
+   */
+  onCommentAdd?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a comment is removed from the Kanban Task.
+	* @param event. The custom event. Custom data event was created with: ev.detail(id, value)
+   *  id - The task's id.
+   *  value - The comment object. It has 'text: string, time: Date and userId:number' properties.
+   */
+  onCommentRemove?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a comment is updated in the Kanban Task.
+	* @param event. The custom event. Custom data event was created with: ev.detail(id, value)
+   *  id - The task's id.
+   *  value - The comment object. It has 'text: string, time: Date and userId:number' properties.
+   */
+  onCommentUpdate?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when a task is dropped somewhere in the DOM. The dragging operation can be canceled by calling event.preventDefault() in the event handler function.
 	* @param event. The custom event. Custom data event was created with: ev.detail(container, data, item, items, originalEvent, previousContainer, target)
@@ -17478,16 +17618,26 @@ export interface Kanban extends BaseElement, KanbanProperties {
   onSort?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when a new task is added.
-	* @param event. The custom event. Custom data event was created with: ev.detail(value)
+	* @param event. The custom event. Custom data event was created with: ev.detail(value, id)
    *  value - The task data that is added to the Kanban.
+   *  id - The task data id.
    */
   onTaskAdd?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when a task is removed.
-	* @param event. The custom event. Custom data event was created with: ev.detail(value)
+	* @param event. The custom event. Custom data event was created with: ev.detail(value, id)
    *  value - The task data that is removed from the Kanban.
+   *  id - The task data id.
    */
   onTaskRemove?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when a task is updated.
+	* @param event. The custom event. Custom data event was created with: ev.detail(value, oldValue, id)
+   *  value - The task data that is updated.
+   *  oldValue - The update task's old data.
+   *  id - The task data id.
+   */
+  onTaskUpdate?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * Adds filtering
    * @param {string[]} filters. Filter information
@@ -17528,6 +17678,15 @@ export interface Kanban extends BaseElement, KanbanProperties {
    * @param {number | string} column. The index or dataField of the column to collapse
    */
   collapse(column: number | string): void;
+  /**
+   * Clears the Kanban's selection.
+   */
+  clearSelection(): void;
+  /**
+   * Hides a Kanban column.
+   * @param {number | string} column. The index or dataField of the column to hide
+   */
+  hide(column: number | string): void;
   /**
    * Creates a copy of a task in the same column.
    * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
@@ -17566,6 +17725,18 @@ export interface Kanban extends BaseElement, KanbanProperties {
    * @returns {any}
    */
   getColumn(dataField: string): any;
+  /**
+   * Gets the data of a task. The returned value is a JSON object with the following fields: 'checklist', 'id', 'color', 'comments', 'history', 'dueDate', 'startDate', 'priority', 'progress', 'status', 'swimlane', 'tags', 'text', 'description', 'userId', 'createdUserId', 'createdDate', 'updatedUserId', 'updatedDate'
+   * @param {number} id. The task's id
+   * @returns {any}
+   */
+  getTask(id: number): any;
+  /**
+   * Gets the selected ids. The returned value is an array. Each item in the array is the 'id' of a selected task.
+   * @param {number} id. The task's id
+   * @returns {any}
+   */
+  getSelectedTasks(id: number): any;
   /**
    * Gets the Kanban's state.
    * @returns 
@@ -17617,6 +17788,25 @@ export interface Kanban extends BaseElement, KanbanProperties {
    * Saves the Kanban's state to the browser's localStorage.
    */
   saveState(): void;
+  /**
+   * Shows a Kanban column.
+   * @param {number | string} column. The index or dataField of the column to show
+   */
+  show(column: number | string): void;
+  /**
+   * Shows all Kanban columns.
+   */
+  showAllColumns(): void;
+  /**
+   * Selects a task.
+   * @param {number | string} task. The task's id.
+   */
+  selectTask(task: number | string): void;
+  /**
+   * Unselects a task.
+   * @param {number | string} task. The task's id.
+   */
+  unselectTask(task: number | string): void;
   /**
    * Updates a task.
    * @param {number | string | HTMLElement} task. The task's id or corresponding HTMLElement
@@ -17672,6 +17862,11 @@ export interface KanbanColumn {
    * Default value: true
    */
   editable?: boolean;
+  /**
+   * Sets or gets whether a column is visible.
+   * Default value: true
+   */
+  visible?: boolean;
   /**
    * Sets or gets whether a column can be reordered.
    * Default value: true
@@ -17720,6 +17915,16 @@ export interface KanbanDataSource {
    * Default value: null
    */
   dueDate?: Date;
+  /**
+   * Callback function which can be used for customizing the tasks rendering. The Kanban calls it with 2 arguments - task html element and task data.
+   * Default value: null
+   */
+  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.
+   * Default value: null
+   */
+  onColumnHeaderRender?: any;
   /**
    * The task's priority.
    * Default value: normal
@@ -17780,6 +17985,19 @@ export interface KanbanSwimlane {
   label?: string;
 }
 
+export interface KanbanPriority {
+  /**
+   * The priority label displayed.
+   * Default value: ""
+   */
+  label?: string;
+  /**
+   * The priority value.
+   * Default value: ""
+   */
+  value?: string;
+}
+
 export interface KanbanUser {
   /**
    * Sets whether the user has a privilege to add or copy tasks.
@@ -17833,6 +18051,8 @@ declare global {
     }
 }
 
+/**Determines whether the add button is visible in the column header and/or after the tasks in the column. */
+export declare type KanbanAddNewButtonDisplayMode = 'top' | 'bottom' | 'both';
 /**Sets or gets whether the tasks in the column flow vertically or horizontally. */
 export declare type KanbanColumnOrientation = 'vertical' | 'horizontal';
 /**Determines the column edit behavior. With the 'header' option, edit starts on double click on the column's label. In 'menu' mode, edit is allowed from the 'columnActions' menu. In 'headerAndMenu' option, column editing includes both options. */
@@ -17847,6 +18067,8 @@ export declare type KanbanHierarchy = 'columns' | 'tabs';
 export declare type KanbanSelectionMode = 'zeroOrOne' | 'zeroOrManyExtended';
 /**Sets or gets whether tasks can be shown in all levels of column hierarchy or only on leaf columns. */
 export declare type KanbanTaskPosition = 'all' | 'leaf';
+/**Sets the rendering mode of sub tasks. 'none' - default value. Sub tasks are displayed only in the edit dialog. 'onePerRow' - all sub tasks are displayed in the task's card. 'onlyUnfinished' - only tasks which are not completed are displayed in the task's card. */
+export declare type KanbanTaskSubTasks = 'none' | 'onePerRow' | 'onlyUnfinished';
 export interface LayoutProperties {
   /**
    * Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
@@ -20153,6 +20375,11 @@ export interface MultiComboInputProperties {
    * Default value: false
    */
   selectAll?: boolean;
+  /**
+   * Gets or sets an array of selected values.
+   * Default value: 
+   */
+  selectedValues?: any;
   /**
    * Determines whether the items are sorted alphabetically or not
    * Default value: false
@@ -20355,6 +20582,11 @@ export interface MultiInputProperties {
    * Default value: ","
    */
   separator?: string;
+  /**
+   * Gets or sets an array of selected values.
+   * Default value: 
+   */
+  selectedValues?: any;
   /**
    * Determines whether an additional item is displayed as the first item in the options list, which allows to select/unselect all items.
    * Default value: false
@@ -22621,11 +22853,11 @@ export interface PivotTable extends BaseElement, PivotTableProperties {
   /**
    * Exports the PivotTable's data.
    * @param {string} dataFormat. The file format to export to. Supported formats: 'csv', 'html', 'json', 'pdf', 'tsv', 'xlsx', 'xml'.
-   * @param {string} fileName?. The name of the file to export to
+   * @param {string} fileName. The name of the file to export to
    * @param {Function} callback?. A callback function to pass the exported data to (if fileName is not provided)
    * @returns {any}
    */
-  exportData(dataFormat: string, fileName?: string, callback?: Function): any;
+  exportData(dataFormat: string, fileName: string, callback?: Function): any;
   /**
    * Returns the current dynamic pivot columns.
    * @returns {any}
@@ -23294,7 +23526,7 @@ export interface QueryBuilderCustomOperation {
   handleValue?: any;
   /**
    * A boolean condition that specifies whether the operation requires a value or not.
-   * Default value: null
+   * Default value: false
    */
   hideValue?: boolean;
   /**
@@ -23979,6 +24211,11 @@ export interface SchedulerProperties {
    * Default value: near
    */
   legendPosition?: SchedulerLegendPosition;
+  /**
+   * Determines the mouse wheel step. When this property is set to a positive number, the scroll step with mouse wheel or trackpad will depend on the property value.
+   * Default value: -1
+   */
+  mouseWheelStep?: number;
   /**
    * Determines weather or not horizontal scrollbar is shown.
    * Default value: auto
@@ -24079,6 +24316,21 @@ export interface SchedulerProperties {
    * Default value: false
    */
   showLegend?: boolean;
+  /**
+   * Determines the name of the resource data item property that will be used for sorting the resource data defined as the resource.dataSource.
+   * Default value: "null"
+   */
+  sortBy?: string;
+  /**
+   * Allows to define a custom sorting function that will be used to sort the resource data. The sortFunction is used when sortOrder is set to custom.
+   * Default value: null
+   */
+  sortFunction?: any;
+  /**
+   * Determines the sorting order of the resource data items. When set to custom, a custom sorting function has to be defined for the sortFunction property. The asc stands for 'ascending' while desc means 'descending' sorting order.
+   * Default value: asc
+   */
+  sortOrder?: SchedulerSortOrder;
   /**
    * Determines the repeating delay of the repeat buttons inside the header of the element. Such buttons are the Date navigation buttons and the view scroll buttons.
    * Default value: 80
@@ -24295,6 +24547,14 @@ export interface Scheduler extends BaseElement, SchedulerProperties {
    *  originalEvent - The original event object.
    */
   onDragEnd: ((this: any, ev: Event) => any) | null;
+  /**
+   * This event is triggered when the user drops an item over a cell.
+	* @param event. The custom event. Custom data event was created with: ev.detail(target, date, allDay)
+   *  target - The HTMLElement that corresponds to the event that is dragged.
+   *  date - The cell's date under the pointer.
+   *  allDay - Boolean value, which is true when the cell under the pointer is all day cell.
+   */
+  onDropoverCell?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when resizing of a task starts. This event allows to cancel the operation by calling event.preventDefault() in the event handler function.
 	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, itemDateRange, originalEvent)
@@ -24462,6 +24722,15 @@ export interface Scheduler extends BaseElement, SchedulerProperties {
    * Starts an update operation. This is appropriate when calling multiple methods or set multiple properties at once.
    */
   beginUpdate(): void;
+  /**
+   * Creates an event and adds it to the Scheduler.
+   * @param {string} label. Event label.
+   * @param {string} value. Event value.
+   * @param {string} dateStart. Event date start.
+   * @param {string} dateEnd. Event date end.
+   * @param {boolean} allDay. Event all day. Set it to true to create all day event.
+   */
+  createEvent(label: string, value: string, dateStart: string, dateEnd: string, allDay: boolean): void;
   /**
    * Ends the update operation. This method will resume the rendering and will refresh the element.
    */
@@ -24487,6 +24756,20 @@ export interface Scheduler extends BaseElement, SchedulerProperties {
    * @returns {any}
    */
   getResources(): any;
+  /**
+   * Gets a date from coordinates
+   * @param {number} x. X coordinate.
+   * @param {number} y. Y coordinate.
+   * @returns {string}
+   */
+  getDateFromCoordinates(x: number, y: number): string;
+  /**
+   * Gets whether a cell is all day cell from coordinates
+   * @param {number} x. X coordinate.
+   * @param {number} y. Y coordinate.
+   * @returns {boolean}
+   */
+  getIsAllDayCellFromCoordinates(x: number, y: number): boolean;
   /**
    * Returns the current state of the Scheduler. Includes the current <b>dateCurernt</b>, <b>dataSource</b> and <b>timeZone</b> properties.
    * @returns {any}
@@ -24571,8 +24854,14 @@ export interface Scheduler extends BaseElement, SchedulerProperties {
    * Scrolls the Scheduler to a Date.
    * @param {Date} date. The date to scroll to.
    * @param {boolean} strictScroll?. Determines whether to scroll strictly to the date or not. This mean sthat the Scheduler wll scroll to the begining of the cell that corresponds to the target date.
+   * @param {boolean} autoScroll?. Calculates the scroll positions and element bounds, then adds an offset to scroll within the middle of the view.
    */
-  scrollToDate(date: Date, strictScroll?: boolean): void;
+  scrollToDate(date: Date, strictScroll?: boolean, autoScroll?: boolean): void;
+  /**
+   * Navigates the Scheduler to a Date.
+   * @param {Date} date. The date to navigate to.
+   */
+  navigateToDate(date: Date): void;
   /**
    * Scrolls the Scheduler to an event.
    * @param {any} index. The index of a Scheduler event or the actual event object to scroll to.
@@ -24855,6 +25144,21 @@ export interface SchedulerResource {
    * Default value: 
    */
   dataSource?: any;
+  /**
+   * Determines the property name to sort the dataSource by.
+   * Default value: "null"
+   */
+  sortBy?: string;
+  /**
+   * Determines the custom sorting function that will be used to sort the resource dataSource. The sortFunction is used when sortOrder is set to custom.
+   * Default value: null
+   */
+  sortFunction?: any;
+  /**
+   * Determines the sorting order. When set to custom, a custom sorting function has to be defined for the sortFunction property. The asc stands for 'ascending' while desc means 'descending' sorting order.
+   * Default value: asc
+   */
+  sortOrder?: SchedulerResourceSortOrder;
 }
 
 export interface SchedulerStatuse {
@@ -24908,8 +25212,12 @@ export declare type SchedulerLegendPosition = 'near' | 'far';
 export declare type MinuteFormat = '2-digit' | 'numeric';
 /**Determines the visibility of the resize handles. */
 export declare type ResizeHandlesVisibility = 'auto' | 'hidden' | 'visible';
+/**Determines the sorting order. When set to <b>custom</b>, a custom sorting function has to be defined for the <b>sortFunction</b> property. The <b>asc</b> stands for 'ascending' while <b>desc</b> means 'descending' sorting order. */
+export declare type SchedulerResourceSortOrder = 'asc' | 'desc' | 'custom';
 /** Determines the position of the date navigation navigation buttons inside the header of the element. */
 export declare type SchedulerScrollButtonsPosition = 'both' | 'far' | 'near';
+/**Determines the sorting order of the resource data items. When set to <b>custom</b>, a custom sorting function has to be defined for the <b>sortFunction</b> property. The <b>asc</b> stands for 'ascending' while <b>desc</b> means 'descending' sorting order. */
+export declare type SchedulerSortOrder = 'asc' | 'desc' | 'custom';
 /**Determines the date scale for the timeline cells. */
 export declare type SchedulerTimelineDayScale = 'hour' | 'halfHour' | 'quarterHour' | 'tenMinutes' | 'fiveMinutes';
 /**Determines the timeZone for the element. By default if the local time zone is used if the property is not set. */
@@ -26326,6 +26634,11 @@ export interface TableProperties {
    * Default value: null
    */
   conditionalFormatting?: TableConditionalFormatting[];
+  /**
+   * Sets or gets the column menu. When you set this property to true, each column will have a column menu. From the column menu, you will be able to sort, filter, show or hide columns.
+   * Default value: false
+   */
+  columnMenu?: boolean;
   /**
    * Sets or gets the column sizing behavior. In 'auto' mode Columns are automatically sized based on their content and the value of the columnMinWidth property, unless there is not enough space in the Table, in which case ellipses are shown. User-set static column width is still respected. In 'default' mode Columns are sized according to the rules of the standard HTML table element's table-layout: fixed. Custom width can also be applied to columns in this case by setting the column width property.
    * Default value: default
@@ -26436,6 +26749,11 @@ export interface TableProperties {
    * Default value: false
    */
   keyboardNavigation?: boolean;
+  /**
+   * Sets or gets whether the checkboxes are displayed in the selection column.
+   * Default value: false
+   */
+  hideSelectionColumn?: boolean;
   /**
    * Sets or gets the behavior when loading column settings either via autoLoadState or loadState. Applicable only when stateSettings contains 'columns'.
    * Default value: implementationOnly
@@ -27146,10 +27464,15 @@ export interface TableDataSourceSettings {
    */
   root?: string;
   /**
-   * Sets or gets the XML binding root.
+   * Sets or gets the Table values espace mode. This property specifies how html tags will be espaced by the table. The default 'blackList' value includes the most commonly used tags for espace such as 'script'. The 'all' value espaces all tags, whereas 'none' does not escape any tags.
    * Default value: blackList
    */
   sanitizeHTML?: TableDataSourceSettingsSanitizeHTML;
+  /**
+   * Determines whether cell values will display the espaced values as text or html.
+   * Default value: text
+   */
+  sanitizeHTMLRender?: TableDataSourceSettingsSanitizeHTMLRender;
   /**
    * Sets or gets the XML binding record.
    * Default value: ""
@@ -27242,8 +27565,10 @@ export declare type TableConditionalFormattingFontFamily = 'The default fontFami
 export declare type TableConditionalFormattingFontSize = '8px' | '9px' | '10px' | '11px' | '12px' | '13px' | '14px' | '15px' | '16px';
 /**Sets or gets the column sizing behavior. In 'auto' mode Columns are automatically sized based on their content and the value of the columnMinWidth property, unless there is not enough space in the Table, in which case ellipses are shown. User-set static column width is still respected. In 'default' mode Columns are sized according to the rules of the standard HTML table element's table-layout: fixed. Custom width can also be applied to columns in this case by setting the column width property. */
 export declare type TableColumnSizeMode = 'auto' | 'default';
-/**Sets or gets the XML binding root. */
+/**Sets or gets the Table values espace mode. This property specifies how html tags will be espaced by the table. The default 'blackList' value includes the most commonly used tags for espace such as 'script'. The 'all' value espaces all tags, whereas 'none' does not escape any tags. */
 export declare type TableDataSourceSettingsSanitizeHTML = 'all' | 'blackList' | 'none';
+/**Determines whether cell values will display the espaced values as text or html. */
+export declare type TableDataSourceSettingsSanitizeHTMLRender = 'text' | 'html';
 /**Sets the dataField type. */
 export declare type TableDataSourceSettingsDataFieldDataType = 'string' | 'date' | 'boolean' | 'number' | 'array' | 'any';
 /**Sets or gets whether the data source type. */