@smart-webcomponents-angular/window 24.0.16 → 25.5.5

package/index.d.ts

@@ -2027,7 +2027,7 @@ export interface BreadcrumbProperties {
    */
   disabled?: boolean;
   /**
-   * Defines the template used to render each breadcrumb item. This property accepts either the ID of an '' element (as a string) or a reference to an actual 'HTMLTemplateElement'. When specified, the template determines the structure and content of each breadcrumb item. If set to 'null', the default rendering is used and no custom template is applied.
+   * Defines the template used to render each breadcrumb item. This property accepts either the ID of an '<template>' element (as a string) or a reference to an actual 'HTMLTemplateElement'. When specified, the template determines the structure and content of each breadcrumb item. If set to 'null', the default rendering is used and no custom template is applied.
    * Default value: null
    */
   itemTemplate?: any;
@@ -2436,7 +2436,7 @@ export interface CalendarProperties {
    */
   firstDayOfWeek?: number;
   /**
-   * Defines a custom footer template for the component. You can provide either the ID of an existing '' element in the DOM, or pass a direct reference to an 'HTMLTemplateElement'. The specified template will be used to render the footer section of the component.
+   * Defines a custom footer template for the component. You can provide either the ID of an existing '<template>' element in the DOM, or pass a direct reference to an 'HTMLTemplateElement'. The specified template will be used to render the footer section of the component.
    * Default value: null
    */
   footerTemplate?: any;
@@ -2466,7 +2466,7 @@ export interface CalendarProperties {
    */
   importantDates?: string[] | Date[];
   /**
-   * Defines a template for displaying important dates. This property accepts either the ID of an HTML '' element present in the DOM, or a direct reference to that template element. The specified template will be used to render each important date in the component.
+   * Defines a template for displaying important dates. This property accepts either the ID of an HTML '<template>' element present in the DOM, or a direct reference to that template element. The specified template will be used to render each important date in the component.
    * Default value: null
    */
   importantDatesTemplate?: any;
@@ -2607,7 +2607,7 @@ export interface CalendarProperties {
    */
   tooltipPosition?: TooltipPosition | string;
   /**
-   * Defines the template used for the tooltip's content. You can provide either the ID of an existing '' element in the DOM or a direct reference to an HTMLTemplateElement. The tooltip will render its content based on the markup and structure defined within the specified template.
+   * Defines the template used for the tooltip's content. You can provide either the ID of an existing '<template>' element in the DOM or a direct reference to an HTMLTemplateElement. The tooltip will render its content based on the markup and structure defined within the specified template.
    * Default value: null
    */
   tooltipTemplate?: any;
@@ -2768,7 +2768,7 @@ export interface CardProperties {
    */
   disabled?: boolean;
   /**
-   * Specifies a custom card template for rendering card content. The template can be provided either as a string representing the ID of an '' element present in the DOM, or as a direct reference to an HTMLTemplateElement. Within the template’s HTML content, you may include one or more property placeholders using the double curly braces syntax. During rendering, each placeholder will be dynamically replaced with the corresponding property value from the associated 'dataSource' object. If you set this property using a template ID, the expected type is a string.
+   * Specifies a custom card template for rendering card content. The template can be provided either as a string representing the ID of an '<template>' element present in the DOM, or as a direct reference to an HTMLTemplateElement. Within the template’s HTML content, you may include one or more property placeholders using the double curly braces syntax. During rendering, each placeholder will be dynamically replaced with the corresponding property value from the associated 'dataSource' object. If you set this property using a template ID, the expected type is a string.
    * Default value: null
    */
   itemTemplate?: any;
@@ -5802,7 +5802,7 @@ export interface ChipProperties {
    */
   disabled?: boolean;
   /**
-   * Specifies a custom template for the chip component. The template can be provided either as a string representing the ID of an existing '' element in the DOM, or as a direct reference to an 'HTMLTemplateElement' instance. This allows developers to define and reuse custom chip layouts within the application.
+   * Specifies a custom template for the chip component. The template can be provided either as a string representing the ID of an existing '<template>' element in the DOM, or as a direct reference to an 'HTMLTemplateElement' instance. This allows developers to define and reuse custom chip layouts within the application.
    * Default value: null
    */
   itemTemplate?: any;
@@ -6474,7 +6474,7 @@ export interface ColorPickerProperties {
    */
   disableUndo?: boolean;
   /**
-   * Defines the parent container in which the dropDown (popup) will be rendered. Accepts a CSS selector string, an element ID, or the literal value 'body'. This setting is helpful when the dropDown’s visibility is affected by CSS properties (such as overflow or z-index) applied to its parent elements. Specify 'body' to attach the dropDown directly to the  element for maximum visibility. Example: 'body'.
+   * Defines the parent container in which the dropDown (popup) will be rendered. Accepts a CSS selector string, an element ID, or the literal value 'body'. This setting is helpful when the dropDown’s visibility is affected by CSS properties (such as overflow or z-index) applied to its parent elements. Specify 'body' to attach the dropDown directly to the document body element for maximum visibility. Example: 'body'.
    * Default value: "body"
    */
   dropDownAppendTo?: string;
@@ -7087,7 +7087,7 @@ export interface ComboBoxProperties {
    */
   itemMeasureMode?: ListItemMeasureMode | string;
   /**
-   * A getter method that retrieves and returns an array containing all list ('') elements currently present within the dropdown menu. This allows you to easily access and manipulate every item displayed in the dropdown.
+   * A getter method that retrieves and returns an array containing all list ('li') elements currently present within the dropdown menu. This allows you to easily access and manipulate every item displayed in the dropdown.
    * Default value: 
    */
   items?: {label: string, value: string}[];
@@ -8657,7 +8657,7 @@ export interface DateTimePickerProperties {
    */
   importantDates?: string[] | Date[];
   /**
-   * Defines the template used to display important dates within the calendar pop-up. This property accepts either the ID of an existing '' element or a direct reference to an 'HTMLTemplateElement' in the DOM. The specified template determines how important dates are rendered inside the calendar interface, allowing for custom formatting and content.
+   * Defines the template used to display important dates within the calendar pop-up. This property accepts either the ID of an existing '<template>' element or a direct reference to an 'HTMLTemplateElement' in the DOM. The specified template determines how important dates are rendered inside the calendar interface, allowing for custom formatting and content.
    * Default value: null
    */
   importantDatesTemplate?: string | HTMLTemplateElement;
@@ -8791,7 +8791,7 @@ export interface DateTimePickerProperties {
    */
   tooltipPosition?: TooltipPosition | string;
   /**
-   * Defines a custom template for the tooltip content displayed in the calendar pop-up. This property accepts either the ID of an HTML  element or a direct reference to an HTMLTemplateElement. The specified template will be used to render the tooltip, allowing for customized layout and content in the calendar interface.
+   * Defines a custom template for the tooltip content displayed in the calendar pop-up. This property accepts either the ID of an HTML <template> element or a direct reference to an HTMLTemplateElement. The specified template will be used to render the tooltip, allowing for customized layout and content in the calendar interface.
    * Default value: null
    */
   tooltipTemplate?: string | HTMLTemplateElement;
@@ -9683,7 +9683,7 @@ export interface DropDownListProperties {
    */
   itemMeasureMode?: ListItemMeasureMode | string;
   /**
-   * A getter that retrieves and returns an array containing all list item elements ('') currently present within the dropdown menu. This allows easy access to each item for further processing or manipulation.
+   * A getter that retrieves and returns an array containing all list item elements ('li') currently present within the dropdown menu. This allows easy access to each item for further processing or manipulation.
    * Default value: 
    */
   items?: any;
@@ -14355,6 +14355,11 @@ export interface GanttChart extends BaseElement, GanttChartProperties {
    * @param {boolean} fullRefresh?. If set the GanttChart will be re-rendered completely.
    */
   refresh(fullRefresh?: boolean): void;
+  /**
+   * Collapses all rows.
+   * @returns {any}
+   */
+  collapseAllRows(): any;
   /**
    * Ensures that the specified task element is brought into view within the scrollable container by automatically scrolling the page or container if necessary, so the task is fully visible to the user.
    * @param {string | number} taskId. The id of the target Task.
@@ -14371,6 +14376,11 @@ export interface GanttChart extends BaseElement, GanttChartProperties {
    * @param {any} callback?. A callback that allows to format the exported data based on a condition. For additional details, refer ro the Smart Export Documentation.
    */
   exportData(dataFormat: string, callback?: any): void;
+  /**
+   * Expands all rows.
+   * @returns {any}
+   */
+  expandAllRows(): any;
   /**
    * Retrieves a complete list of all current connections. The returned value is an array of objects, where each object represents a single connection and includes comprehensive metadata about that connection. Each connection object contains the following properties:<br/><br/>- **id**: A unique identifier for the connection.<br/>- **type**: The type or category of the connection (e.g., dependency, sequential, etc.).<br/>- **startTaskId**: The unique identifier of the task where the connection originates.<br/>- **endTaskId**: The unique identifier of the task where the connection terminates.<br/>- **startIndex**: The index position within the start task from which the connection begins (useful for tasks with multiple connection points).<br/>- **endIndex**: The index position within the end task where the connection attaches.<br/>- **lag**: The lag time, typically in milliseconds or a project-specific unit, representing any delay between the linked tasks.<br/><br/>This structure provides all necessary details for understanding the relationship and timing between connected tasks.
    * @returns {any}
@@ -15473,10 +15483,20 @@ export interface GridProperties {
    */
   columnGroups?: GridColumnGroup[];
   /**
-   * 
+   * Enables or disables the dropdown mode for the component. When true, the component displays as a dropdown instead of a standard input or list.
    * Default value: false
    */
   dropDownMode?: boolean;
+  /**
+   * Determines whether the dropdown mode allows text input. When true, users can type in the dropdown field; otherwise, selection is restricted to the provided list items.
+   * Default value: false
+   */
+  dropDownModeInput?: boolean;
+  /**
+   * Specifies the data field or property to display in dropdown mode. This is the field from the data source that will be shown as the dropdown options.
+   * Default value: ""
+   */
+  dropDownModeDataField?: string;
   /**
    * Defines or retrieves the rules and settings for conditional formatting applied to the Grid's cells, allowing you to customize cell appearance (such as background color, font style, or icons) based on specific conditions or cell values.
    * Default value: null
@@ -15506,7 +15526,7 @@ export interface GridProperties {
    * Configures the grid’s data source when the dataSource property is assigned either a JavaScript array (for local data) or a URL (for remote data). This setting determines how the grid retrieves and displays its data, supporting both direct array binding and remote data fetching via HTTP requests.
    * Default value: [object Object]
    */
-  dataSourceSettings?: GridDataSourceSettings;
+  dataSourceSettings?: any;
   /**
    * Provides comprehensive configuration options for controlling the grid's editing behavior, including enabling or disabling editing features, specifying editing modes (such as inline, popup, or batch), setting validation rules, and customizing editors for specific columns.
    * Default value: [object Object]
@@ -15558,7 +15578,7 @@ export interface GridProperties {
    */
   locale?: string;
   /**
-   * 'Key Handling:'  You can customize how key presses are handled by defining key mappings within the configuration. For each key (e.g., '"Enter"'), you can assign:- 'Another key as the value' (e.g., '"Enter": "Tab"'): When the specified key is pressed, it will be treated as if the mapped key was pressed instead.- 'A predefined action' (e.g., ''copy'', ''copyPrev'', ''copyNext'', ''delete''): When the key is pressed, the associated action will be executed.- 'A custom function': Assign a function as the value to execute custom logic whenever the key is pressed.This allows you to remap keys, trigger built-in actions, or define entirely custom behaviors based on key events in your application.
+   * 'Key Handling:'  You can customize how key presses are handled by defining key map within the configuration. For each key (e.g., '"Enter"'), you can assign:- 'Another key as the value' (e.g., '"Enter": "Tab"'): When the specified key is pressed, it will be treated as if the mapped key was pressed instead.- 'A predefined action' (e.g., ''copy'', ''copyPrev'', ''copyNext'', ''delete''): When the key is pressed, the associated action will be executed.- 'A custom function': Assign a function as the value to execute custom logic whenever the key is pressed.This allows you to remap keys, trigger built-in actions, or define entirely custom behaviors based on key events in your application.
    * Default value: null
    */
   keys?: any;
@@ -16133,8 +16153,9 @@ export interface Grid extends BaseElement, GridProperties {
    * @param {any} data. An object representing the row data, matching the structure of the grid's data source.
    * @param {boolean} insertAtBottom?. Determines whether the new row is added at the bottom (true) or top (false) of the grid. Defaults to true.
    * @param  callback?. A callback function invoked after the row is successfully added. Receives the newly added row as an argument.
+   * @returns {any}
    */
-  addRow(data: any, insertAtBottom?: boolean, callback?: {(row: GridRow): void}): void;
+  addRow(data: any, insertAtBottom?: boolean, callback?: {(row: GridRow): void}): any;
   /**
    * Inserts a new row into the grid and automatically activates edit mode for that row, allowing users to begin entering data right away. If batch editing is enabled, any changes made will be temporarily stored and will not be saved to the data source until the batch edit session is explicitly committed. This helps prevent partial or unsaved changes from being applied before the user finalizes all edits in the session.
    * @param {string} position?. Specifies the position where the new row will be added. Acceptable values are 'near' (top) or 'far' (bottom).
@@ -16486,6 +16507,12 @@ export interface Grid extends BaseElement, GridProperties {
    * @returns {GridRow}
    */
   getRowByIndex(rowIndex: number): GridRow;
+  /**
+   * Returns the Grid row object by its HTML Element, allowing access to all data and properties associated with that specific row. 
+   * @param {any} rowElement. The row's element.
+   * @returns {GridRow}
+   */
+  getRowByElement(rowElement: any): GridRow;
   /**
    * Fetches the original data source object directly linked to the given row ID, allowing access to all underlying data fields for that specific row as stored in the source dataset.
    * @param {string | number} rowId. The unique identifier of the row.
@@ -16531,13 +16558,41 @@ export interface Grid extends BaseElement, GridProperties {
    * @param {string} className?. Optional CSS class name for custom highlight styling.
    */
   highlightRow(rowId: string | number, className?: string): void;
+  /**
+   * Emphasizes a specific cell within the grid, identified by its row ID and column data field.
+   * @param {string | number} rowId. The unique identifier of the row containing the cell.
+   * @param {string} dataField. The data field name of the column.
+   */
+  flashCell(rowId: string | number, dataField: string): void;
+  /**
+   * Enhances visibility of the table row corresponding to the provided row ID by applying a flash effect.
+   * @param {string | number} rowId. The unique identifier of the row to highlight.
+   */
+  flashRow(rowId: string | number): void;
   /**
    * Adds a new row to the grid using the provided data object. If batch editing mode is active, the row will be added only as a pending change and will not be permanently committed to the data source until the batch is saved. You may optionally specify the index at which the new row should be inserted; if omitted, the row will be added at the default position (usually at the end). Additionally, you can provide a callback function that will be executed after the row has been successfully added to the grid.
    * @param {any} data. The data object for the new row, matching the grid's data source schema.
    * @param {number} index?. The zero-based index at which to insert the new row. Defaults to the last position if omitted.
    * @param  callback?. Optional callback function executed after the row is inserted, receiving the newly added row object.
+   * @returns {any}
    */
-  insertRow(data: any, index?: number, callback?: {(row: GridRow): void}): void;
+  insertRow(data: any, index?: number, callback?: {(row: GridRow): void}): any;
+  /**
+   * Adds a new row to the grid using the provided data object. If batch editing mode is active, the row will be added only as a pending change and will not be permanently committed to the data source until the batch is saved. You may optionally specify the index at which the new row should be inserted; if omitted, the row will be added at the default position (usually at the end). Additionally, you can provide a callback function that will be executed after the row has been successfully added to the grid.
+   * @param {any} data. The data object for the new row, matching the grid's data source schema.
+   * @param {any} row?. The Grid row after which the new row will be added.
+   * @param  callback?. Optional callback function executed after the row is inserted, receiving the newly added row object.
+   * @returns {any}
+   */
+  insertRowAfter(data: any, row?: any, callback?: {(row: GridRow): void}): any;
+  /**
+   * Adds a new row to the grid using the provided data object. If batch editing mode is active, the row will be added only as a pending change and will not be permanently committed to the data source until the batch is saved. You may optionally specify the index at which the new row should be inserted; if omitted, the row will be added at the default position (usually at the end). Additionally, you can provide a callback function that will be executed after the row has been successfully added to the grid.
+   * @param {any} data. The data object for the new row, matching the grid's data source schema.
+   * @param {any} row?. The Grid row before which the new row will be added.
+   * @param  callback?. Optional callback function executed after the row is inserted, receiving the newly added row object.
+   * @returns {any}
+   */
+  insertRowBefore(data: any, row?: any, callback?: {(row: GridRow): void}): any;
   /**
    * Restored a previously saved grid state by accepting either the name of the saved state or a state object. The state object can include detailed settings such as current sorting and filtering criteria, column visibility and order, expanded or collapsed row status, grouping configurations, paging information (such as current page and page size), and selected rows. This allows the grid to be reconfigured exactly as it was when the state was saved, providing a consistent user experience across sessions.
    * @param {any} state. A state name (string) previously saved or a state object representing the grid configuration to load.
@@ -16747,7 +16802,14 @@ export interface Grid extends BaseElement, GridProperties {
    */
   closeSidePanel(): void;
   /**
-   * Displays the Grid's side panel, providing access to additional settings, filters, and customization options related to the Grid's content and layout.
+   * Displays the Grid's side panel, and displays Element in it. This is useful if you have HTML Element on a page and want to move it and display it as a Side panel of the Grid.
+   * @param {any} content. This is the content which will be displayed in the side panel. It can be String, HTML Element, HTML Template Element or Component
+   * @param {number} width?. This is the width of the side panel
+   * @param {any} callback?. Function called when the panel is opened. It can be used for dynamically showing content and initializing it.
+   */
+  openSidePanel(content: any, width?: number, callback?: any): void;
+  /**
+   * Displays the Grid's side panel showing custom content in it. It creates a clone of the content and displays it.
    * @param {any} content. This is the content which will be displayed in the side panel. It can be String, HTML Element, HTML Template Element or Component
    * @param {number} width?. This is the width of the side panel
    * @param {any} callback?. Function called when the panel is opened. It can be used for dynamically showing content and initializing it.
@@ -17093,6 +17155,16 @@ export interface GridAi {
    * Default value: ""
    */
   key?: string;
+  /**
+   * Sets or gets the AI Assistant's prompts.
+   * Default value: []
+   */
+  prompts?: any[];
+  /**
+   * Sets or gets the AI Assistant's prompts variables which will be replaced in the AI prompts. Ex: promptVariables: [{ name: 'review', dataField: 'review' }, { name: 'rating', dataField: 'rating' } ]
+   * Default value: []
+   */
+  promptVariables?: any[];
 }
 
 /**An object that defines configuration options controlling the grid’s behavior, such as layout properties, sorting and filtering capabilities, selection modes, and responsiveness settings. */
@@ -17273,6 +17345,11 @@ export interface GridColumn {
    * Default value: null
    */
   cellsCSSRules?: any;
+  /**
+   * Sets or gets whether the column is collapsed.
+   * Default value: false
+   */
+  collapsed?: boolean;
   /**
    * Sets or gets the column's cells renderer function for custom html rendering in the cells. For more advanced scenarios use formatFunction or template, but for simple html rendering, you can use this.
    * Default value: null
@@ -17308,6 +17385,11 @@ export interface GridColumn {
    * Default value: null
    */
   dataSet?: any;
+  /**
+   * Sets or gets which columns will be expanded/collapsed when the column is collapsible. The property expects an array of data fields.
+   * Default value: 
+   */
+  detailColumns?: any[];
   /**
    * Gets the HTML Element. The property returns null when the Column is not in the View.
    * Default value: null
@@ -17325,9 +17407,9 @@ export interface GridColumn {
   freeze?: Position | string;
   /**
    * 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: ""
+   * Default value: 
    */
-  filter?: string;
+  filter?: any;
   /**
    * Sets or gets the filter menu mode of the column. In 'basic' mode, a single input is displayed in the filter menu. In 'default' mode, two input options are available for more precise filtering. In 'excel' mode, checked list with unique values is displayed.
    * Default value: default
@@ -17383,11 +17465,21 @@ export interface GridColumn {
    * Default value: 
    */
   labelTemplate?: string | HTMLTemplateElement | HTMLElement | {(label: string): string};
+  /**
+   * Sets or gets the column header's template function. The property expects a function(element) { } which can be used to set up the column's header label.
+   * Default value: null
+   */
+  headerTemplate?: HTMLElement;
   /**
    * Sets or gets the minimum width.
    * Default value: 30
    */
   minWidth?: number;
+  /**
+   * Sets or gets the column's click handler.
+   * Default value: null
+   */
+  onClick?: {(event: any, rowId: string | number, dataField: string, cellValue: any, rowData: any, cellElement: any): string};
   /**
    * Sets or gets the column's rowSpan function. Allows you to dynamically span cells.
    * Default value: null
@@ -17443,6 +17535,16 @@ export interface GridColumn {
    * Default value: 
    */
   width?: string | number;
+  /**
+   * Sets or gets the column's tooltip.
+   * Default value: ""
+   */
+  tooltip?: string;
+  /**
+   * Sets or gets the column's tooltip renderer which renders tooltips for the column cells. (rowId, dataField, cellValue, formattedValue, data)
+   * Default value: null
+   */
+  tooltipRenderer?: any;
   /**
    * 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', 'url', 'email', 'dropdownlist', 'list', 'progress', 'tags', 'autoNumber', 'modifiedBy', 'createdBy', 'createdTime', 'modifiedTime', 'images', 'checklist', 'attachments', 'sparklines', 'richText', 'color', 'rating', 'duration', 'startDate', 'dueDates'. 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: 
@@ -17696,6 +17798,11 @@ export interface GridColumnGroup {
    * Default value: center
    */
   align?: HorizontalAlignment | string;
+  /**
+   * Sets whether the column group can be collapsed.
+   * Default value: false
+   */
+  collapsible?: boolean;
   /**
    * Sets the name of the column group.
    * Default value: ""
@@ -17935,6 +18042,11 @@ export interface GridDataExport {
    * Default value: false
    */
   freezeHeader?: boolean;
+  /**
+   * Determines whether the pinned columns remains fixed (frozen) at the left of the worksheet when the data is exported to Excel. If enabled, users can scroll through the exported data while still viewing the pinned column.
+   * Default value: false
+   */
+  freezeColumns?: boolean;
   /**
    * Determines if formulas in the exported Excel file will be automatically converted to their corresponding calculated values. When enabled, all formulas are replaced with their results in the export; when disabled, original formulas are preserved in the Excel sheet.
    * Default value: true
@@ -17950,103 +18062,11 @@ export interface GridDataExport {
    * Default value: false
    */
   exportAsTable?: boolean;
-}
-
-/**Configures the grid’s data source when the <em>dataSource</em> property is assigned either a JavaScript array (for local data) or a URL (for remote data). This setting determines how the grid retrieves and displays its data, supporting both direct array binding and remote data fetching via HTTP requests. */
-export interface GridDataSourceSettings {
-  /**
-   * Specifies whether a column should be automatically generated by the system (such as for identity or timestamp fields). When set, the column’s value will be created by the database or application rather than provided manually. This property can be read to determine if the column is currently set to auto-generate its values, or written to enable or disable automatic generation.
-   * Default value: false
-   */
-  autoGenerateColumns?: boolean;
   /**
-   * Specifies the name of the data field—such as 'children' or 'items'—that contains nested child items within each object in the data source. When this property is set, the dataAdapter searches for this specified field in each item while processing the data. If the field is present, the dataAdapter treats the data as hierarchical and automatically constructs a hierarchical data structure, allowing for nested or tree-like representations. This property can be both retrieved (get) and updated (set) as needed.
-   * Default value: ""
-   */
-  childrenDataField?: string;
-  /**
-   * Sets or retrieves the root element used for XML data binding. This property specifies the top-level XML element that serves as the entry point for mapping XML data to objects, or for serializing objects to XML.
-   * Default value: blackList
-   */
-  sanitizeHTML?: GridDataSourceSettingsSanitizeHTML | string;
-  /**
-   * Gets or sets the root element used for XML data binding, which serves as the primary node for mapping XML data to object structures or vice versa.
-   * Default value: ""
-   */
-  root?: string;
-  /**
-   * Gets or sets the XML binding record, which defines the mapping between XML data and the corresponding data structure in the application. Use this property to retrieve the current binding configuration or to assign a new XML binding record for data serialization and deserialization operations.
-   * Default value: ""
-   */
-  record?: string;
-  /**
-   * Specifies or retrieves the fields used to group the data. When set, this property determines which data fields will be used to organize the dataset into groups, allowing for aggregation or categorization based on the specified fields.
-   * Default value: []
-   */
-  groupBy?: string[];
-  /**
-   * Defines or retrieves the schema that describes the structure of the loaded data, including both the field names and their corresponding data types. For example: ['id: number', 'firstName: string', 'lastName: string'] specifies that the data has three fields—id as a number, firstName as a string, and lastName as a string. This property ensures that the data adheres to the expected format for processing and validation.
-   * Default value: null
-   */
-  dataFields?: GridDataSourceSettingsDataField[];
-  /**
-   * Specifies or retrieves the type of data source being used, allowing you to define or query the data source format (such as JSON, XML, or a database connection).
-   * Default value: array
-   */
-  dataSourceType?: GridDataSourceSettingsDataSourceType | string;
-  /**
-   * Sets or retrieves the unique identifier (ID) associated with the dataAdapter instance. This ID can be used to distinguish between multiple dataAdapters in your application and for referencing or managing them programmatically.
-   * Default value: ""
-   */
-  id?: string;
-  /**
-   * Specifies the data field that uniquely identifies each item in the hierarchy, typically using the 'id' field. This property works in conjunction with the parentDataField property, which defines the field that refers to the parent item's identifier (commonly 'parentId'). Together, these fields establish the hierarchical structure by linking each child item to its parent. This property can be used to both set and retrieve the key field used for building the hierarchy.
-   * Default value: ""
-   */
-  keyDataField?: string;
-  /**
-   * Specifies the data field that identifies the parent node for each item in a hierarchical data structure. This property is used together with the keyDataField property to establish relationships between items—typically, keyDataField refers to the unique identifier of an item (commonly the 'id' field), while the parentDataField references the identifier of the item's parent (often the 'parentId' field). This setup allows the component to construct the hierarchy by linking each item to its parent based on matching key and parent values.
-   * Default value: ""
-   */
-  parentDataField?: string;
-  /**
-   * Updates the value of the 'mapChar' field within the record, assigning it a specified character or string. This field typically stores data related to mapping or identification purposes within the record object.
-   * Default value: "."
-   */
-  mapChar?: string;
-  /**
-   * Controls the grid’s relational data configuration. This property accepts an array of relation definition objects, where each object must include the following fields:  - 'id' *(string)*: A unique identifier for the relation.  - 'label' *(string)*: A descriptive name for the relation, used for display purposes.  - 'columns' *(GridColumn[])*: An array of grid column definitions associated with this relation.  - 'dataSource' *(any)*: The data source from which related records are retrieved (e.g., an array, function, or external API endpoint).Once you have defined the grid relations, you can reference them in individual column configurations by specifying the 'relationId' (to link the column to a relation) and 'relationField' (to indicate which field from the related data to use). When these properties are set, the grid will automatically generate an appropriate column editor (such as a dropdown or lookup field) that leverages the provided relation settings, streamlining data entry and ensuring data consistency.
-   * Default value: null
-   */
-  relations?: any;
-  /**
-   * Defines the virtual data source function, which is invoked by the Grid every time it needs to fetch data—such as when the user scrolls or sorts. This function should use the provided parameters to retrieve or generate the required data, and then pass the results back to the Grid by calling the callback function with the new data set. For example: resultCallbackFunction({dataSource: data}); This approach enables efficient data loading for large datasets by fetching only the necessary records as needed (virtual scrolling). For a working example, refer to the Grid demos page: https://www.htmlelements.com/demos/grid/virtualscroll/
-   * Default value: null
-   */
-  virtualDataSource?: {(resultCallbackFunction: any, details: DataAdapterVirtualDataSourceDetails): void};
-  /**
-   * Enhances the virtual data source during node expansion in Tree and TreeGrid components. When these components are configured with a virtualDataSource, this function is triggered each time a node is expanded and additional data needs to be loaded on demand. It enables efficient, real-time loading of child node data only as needed, supporting large data sets without preloading the entire hierarchy. For implementation details and a live demonstration, see: https://www.htmlelements.com/demos/grid/virtual-tree-grid/
+   * Specifies whether the data should be exported as an Excel protected sheet. You can set a password by setting an object like this: { password: 'secret'} 
    * Default value: null
    */
-  virtualDataSourceOnExpand?: any;
-}
-
-export interface GridDataSourceSettingsDataField {
-  /**
-   * Sets the dataField name.
-   * Default value: ""
-   */
-  name?: string;
-  /**
-   * Sets the dataField mapping path. For nested mapping, use '.'. Example: 'name.firstName'.
-   * Default value: ""
-   */
-  map?: string;
-  /**
-   * Sets the dataField type.
-   * Default value: string
-   */
-  dataType?: GridDataSourceSettingsDataFieldDataType | string;
+  protectSheet?: any;
 }
 
 /**Provides comprehensive configuration options for controlling the grid's editing behavior, including enabling or disabling editing features, specifying editing modes (such as inline, popup, or batch), setting validation rules, and customizing editors for specific columns. */
@@ -18061,6 +18081,11 @@ export interface GridEditing {
    * Default value: false
    */
   allowColumnHeaderEdit?: boolean;
+  /**
+   * Shows a Calendar or Spin Buttons when you hover an editable Date or Number Cells.
+   * Default value: false
+   */
+  allowDynamicButtons?: any;
   /**
    * Automatically reapplies any previously set column filters and sort orders after an edit is made, ensuring that user-defined table views remain consistent and uninterrupted following data modifications.
    * Default value: true
@@ -18071,6 +18096,11 @@ export interface GridEditing {
    * Default value: true
    */
   allowListOpenOnContentClick?: boolean;
+  /**
+   * This feature sets the Input's caret position by the mouse click which activates the Input editor.
+   * Default value: false
+   */
+  caretPosition?: boolean;
   /**
    * Allows users to modify or update existing content directly within the interface. This feature typically provides editing controls, such as input fields or rich text editors, enabling seamless changes to data or text as needed.
    * Default value: false
@@ -18092,7 +18122,7 @@ export interface GridEditing {
    */
   readOnlyEdit?: boolean;
   /**
-   * Provides detailed definitions and mappings for command keyboard shortcuts, specifying the key combinations used to trigger various actions within an application or system.
+   * Provides detailed definitions for command keyboard shortcuts, specifying the key combinations used to trigger various actions within an application or system.
    * Default value: [object Object]
    */
   commandKeys?: GridEditingCommandKeys;
@@ -18138,7 +18168,7 @@ export interface GridEditing {
   deleteDialog?: Dialog;
 }
 
-/**Provides detailed definitions and mappings for command keyboard shortcuts, specifying the key combinations used to trigger various actions within an application or system. */
+/**Provides detailed definitions for command keyboard shortcuts, specifying the key combinations used to trigger various actions within an application or system. */
 export interface GridEditingCommandKeys {
   /**
    * Provides details about the keyboard shortcut or key binding assigned to trigger the edit command within the application. This property specifies which key or key combination the user can press to activate editing functionality.
@@ -18351,7 +18381,7 @@ export interface GridFiltering {
    * An array specifying the filtering conditions to be applied to the DataGrid. Each element in the 'filter' array represents a single filter and is itself an array with two elements:1. 'Column dataField:' The name of the column to which the filter will be applied.2. 'Filter condition(s):' A string or expression that defines the criteria to filter the column’s data. This can include a condition or multiple conditions combined using logical operators such as 'or' and 'and'.'Example 1:'  To search for rows where the "firstName" column contains 'Andrew' or 'Nancy', and the "quantity" column is either less than or equal to 3 or greater than or equal to 8:'''js[  ['firstName', 'contains Andrew or contains Nancy'],  ['quantity', '= 8']]''''Example 2:'  For columns configured with 'filterMenuMode: "excel"', you can express multiple "equals" conditions:'''js[  ['firstName', 'EQUAL Andrew or EQUAL Antoni or EQUAL Beate']]''''Example 3:'  To filter a string column for values containing either 'burke' or 'peterson':'''js[  ['lastName', 'CONTAINS burke or CONTAINS peterson']]''''Supported filter operators:'  You may use a variety of filter operators and keywords within filter expressions. Common operators include:- Equality: '=', 'EQUAL'- Inequality: '!=', '- Comparison: '', 'GREATER_THAN', '=', 'GREATER_THAN_OR_EQUAL'- String matching: 'CONTAINS', 'DOES_NOT_CONTAIN', 'STARTS_WITH', 'ENDS_WITH'- Special: 'EMPTY', 'NULL', 'NOT_NULL'Multiple conditions can be combined in a single expression with logical operators ('and', 'or').  This flexible structure enables complex filtering based on your DataGrid’s current columns and data types.
    * Default value: 
    */
-  filter?: any[];
+  filter?: any;
   /**
    * Provides detailed configuration options for the filter row, including its appearance, behavior, available filter types, and display settings. This allows developers to customize how the filter row is shown and how users interact with filtering features in the component.
    * Default value: [object Object]
@@ -18602,7 +18632,7 @@ export interface GridHeader {
    * Specifies which action buttons are shown in the Grid header. The available options are:- ''columns'': Displays a button that opens the columns chooser panel, allowing users to show or hide grid columns.- ''filter'': Displays a button that opens the filtering panel, enabling users to apply filters to grid data.- ''group'': Displays a button that opens the grouping panel, allowing users to group data by specific columns.- ''sort'': Displays a button that opens the sorting panel, letting users sort grid data by one or more columns.- ''format'': Displays a button that opens the conditional formatting panel, providing options to format cells based on specific conditions.- ''search'': Displays a button that opens the search panel, enabling users to search within the grid data.- ''colors'': Displays a button that opens a color options panel, allowing users to customize color formatting for the grid.Include one or more of these options in an array to control the set of action buttons visible in the Grid header.
    * Default value: [ "columns", "filter", "group", "sort", "format", "search" ]
    */
-  buttons?: string[];
+  buttons?: any;
   /**
    * Specifies the type of search command to be executed, determining how the search operation is performed (e.g., basic, advanced, or filtered search). This setting influences the logic and options available during the search process.
    * Default value: search
@@ -19457,19 +19487,13 @@ export declare type GridClipboardAutoFillMode = 'none' | 'copy' | 'fillSeries';
 /**Sets or retrieves the position of the checkbox selection column within a table or grid, allowing you to specify whether the checkbox column appears at the start (left) or end (right) of the columns. */
 export declare type Position = 'near' | 'far';
 /**Sets or gets the filter menu mode of the column. In 'basic' mode, a single input is displayed in the filter menu. In 'default' mode, two input options are available for more precise filtering. In 'excel' mode, checked list with unique values is displayed. */
-export declare type GridColumnFilterMenuMode = 'basic' | 'default' | 'excel';
+export declare type GridColumnFilterMenuMode = 'basic' | 'default' | 'excel' | 'multi';
 /**Sets or gets the sort order of the column. Accepts: 'asc', 'desc', 'none' and null. */
 export declare type GridColumnSortOrder = 'asc' | 'desc' | 'none';
 /**The formatting condition. */
 export declare type GridConditionalFormattingCondition = 'between' | 'equal' | 'greaterThan' | 'lessThan' | 'notEqual';
 /**Specifies the orientation of the page (portrait or landscape) when exporting the document to PDF format. This setting determines how the content is laid out on each PDF page. */
 export declare type GridDataExportPageOrientation = 'landscape' | 'portrait';
-/**Sets or retrieves the root element used for XML data binding. This property specifies the top-level XML element that serves as the entry point for mapping XML data to objects, or for serializing objects to XML. */
-export declare type GridDataSourceSettingsSanitizeHTML = 'all' | 'blackList' | 'none';
-/**Sets the dataField type. */
-export declare type GridDataSourceSettingsDataFieldDataType = 'string' | 'date' | 'boolean' | 'number' | 'array' | 'any';
-/**Specifies or retrieves the type of data source being used, allowing you to define or query the data source format (such as JSON, XML, or a database connection). */
-export declare type GridDataSourceSettingsDataSourceType = 'array' | 'json' | 'xml' | 'csv' | 'tsv';
 /**Specifies the method by which the editing mode is activated, such as through a single click, double click, or keyboard action. */
 export declare type GridEditingAction = 'none' | 'click' | 'doubleClick';
 /**Defines the content or label displayed within the buttons of the command column, such as text, icons, or custom HTML elements. This determines what users see and interact with in each command button cell. */
@@ -20012,6 +20036,11 @@ export interface KanbanProperties {
    * Default value: 
    */
   currentUser?: string | number;
+  /**
+   * Controls whether a confirm dialog is displayed when a task is dragged and dropped to a new position
+   * Default value: false
+   */
+  confirmDialog?: boolean;
   /**
    * Controls whether the default dialog for adding or removing tasks or comments is enabled or disabled. When set to true, the dialog will not appear, allowing for custom handling of these actions. When set to false, the standard dialog will be shown as usual. This property can be used to either retrieve the current setting (get) or define its behavior (set).
    * Default value: false
@@ -20033,7 +20062,7 @@ export interface KanbanProperties {
    */
   dataSource?: KanbanDataSource[];
   /**
-   * Specifies how the Kanban board's default fields (e.g., title, status, assignee) correspond to the fields in your data source. Use this mapping only if your data source uses field names that differ from the Kanban's expected keywords. If the field names already match, this mapping is optional. Note that only certain default fields support custom mapping; not all default mappings can be overridden.
+   * Specifies how the Kanban board's default fields (e.g., title, status, assignee) correspond to the fields in your data source. Use this mapping only if your data source uses field names that differ from the Kanban's expected keywords. If the field names already match, this mapping is optional. Note that only certain default fields support custom mapping; not all default map can be overridden.
    * Default value: { checklist: 'checklist', color: 'color', comments: 'comments', dueDate: 'dueDate', id: 'id', priority: 'priority', progress: 'progress', startDate: 'startDate', status: 'status', swimlane: 'swimlane', tags: 'tags', text: 'text', userId: 'userId'. createdUserId: 'createdUserId', createdDate: 'createdDate', updatedUserId: 'updatedUserId', updatedDate: 'updatedDate' }
    */
   dataSourceMap?: { checklist: string; color: string; comments: string; dueDate: string; id: string; priority: string; progress: string; startDate: string; status: string; swimlane: string; tags: string; text: string; userId: string; createdUserId: string; upDatedUserId: string; createdDate: Date; upDatedDate: Date;};
@@ -20223,7 +20252,7 @@ export interface KanbanProperties {
    */
   taskUserIcon?: boolean;
   /**
-   * Specifies the template to use for rendering task text. This property accepts multiple value types:- A string starting with #, which references the id of a  element on the page. The contents of this element will be used as the template.- A string containing HTML or template markup, which will be parsed and applied directly to the task text.- A function, which receives the task text (or a template) as input and returns the modified text or template to be used.This property can be both set to define the template for future tasks, or retrieved to access the currently applied template.
+   * Specifies the template to use for rendering task text. This property accepts multiple value types:- A string starting with #, which references the id of a template element on the page. The contents of this element will be used as the template.- A string containing HTML or template markup, which will be parsed and applied directly to the task text.- A function, which receives the task text (or a template) as input and returns the modified text or template to be used.This property can be both set to define the template for future tasks, or retrieved to access the currently applied template.
    * Default value: null
    */
   textTemplate?: any;
@@ -20375,11 +20404,12 @@ export interface Kanban extends BaseElement, KanbanProperties {
   onCommentUpdate?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when a task is dropped onto a target element within the DOM during a drag-and-drop operation. It allows developers to handle the completion of a drag action by responding to where the task is released. To prevent the default drop behavior—such as moving the element or initiating a browser action—you can call event.preventDefault() within the event handler. This enables you to implement custom logic for handling dropped tasks, such as updating data models, modifying the UI, or triggering other application-specific actions."
-	* @param event. The custom event. Custom data event was created with: ev.detail(container, data, item, items, originalEvent, previousContainer, target)
+	* @param event. The custom event. Custom data event was created with: ev.detail(container, data, item, items, confirmDrop, originalEvent, previousContainer, target)
    *  container - the Kanban the dragged task(s) is dropped to
    *  data - an object with additional drag details
    *  item - the task that is dragged; if multiple tasks are dragged, this is the task that has been clicked when initiating the drag operation
    *  items - an array with all dragged tasks
+   *  confirmDrop - parameter which you can set to a function. When this is defined, the DROP operation is confirmed once this function is called. Otherwise, the drop is canceled. This feature can be combined with the Kanban's getConfirmDialog(label, content, callbackFn) method or with a custom confirm dialog.
    *  originalEvent - the original, browser, event that initiates the drag operation
    *  previousContainer - the Kanban the dragged item(s) is dragged from
    *  target - the element the dragged tasks are dropped to
@@ -20512,6 +20542,14 @@ export interface Kanban extends BaseElement, KanbanProperties {
    * Removes any currently selected items or cards within the Kanban board, ensuring that no items remain selected. This action resets the selection state of the Kanban component.
    */
   clearSelection(): void;
+  /**
+   * Create an instance of the Window component which is used as a confirm dialog. It gets 3 arguments, label, content and confirm function.
+   * @param {string} label. The label shown in the header of the window. For example: Confirm move.
+   * @param {string} content. The label shown in the content of the window. For example: Are you sure you want to move this task?
+   * @param {any} confirmFn. The function called when the OK button is clicked.
+   * @returns {any}
+   */
+  getConfirmDialog(label: string, content: string, confirmFn: any): any;
   /**
    * Conceals a specific column within a Kanban board, making its contents and tasks temporarily invisible to users without deleting any data. This action helps declutter the board or focus attention on other columns. The hidden column can typically be shown again through board settings or controls.
    * @param {number | string} column. The index or dataField of the column to hide
@@ -21530,6 +21568,11 @@ export interface ListBoxProperties {
    * Default value: false
    */
   rightToLeft?: boolean;
+  /**
+   * Controls whether the select all item is displayed when Checkboxes are enabled.
+   * Default value: false
+   */
+  selectAll?: boolean;
   /**
    * Gets or sets the selected indexes. The selected indexes property is an array containing the numerical indexes of the items that are currently selected. Assigning an array of indexes will update the selection to match those items; retrieving this property returns the array of currently selected item indexes.
    * Default value: 
@@ -21724,6 +21767,11 @@ export interface ListBox extends BaseElement, ListBoxProperties {
    * @returns {{label: string, value: string}[]}
    */
   getItems(): {label: string, value: string}[];
+  /**
+   * Returns an array of the selected values.
+   * @returns {any[]}
+   */
+  getSelectedValues(): any[];
   /**
    * Inserts a new item into the collection at the specified index, shifting existing items at and after that position one place to the right. The index determines the position in the array or list where the new item will be placed.
    * @param {number} index. The index where the item must be inserted.
@@ -23580,7 +23628,7 @@ export interface MultilineTextBoxProperties {
    */
   autoFocus?: boolean;
   /**
-   * The cols attribute sets the visible width (measured in average character columns) of a textarea input field in a form. Its value must be a positive integer, determining how many characters are visible in a single row. If the cols attribute is not provided, the textarea defaults to displaying 20 character columns in width. Note: The cols attribute is not applicable to  elements; it is specific to  elements.
+   * The cols attribute sets the visible width (measured in average character columns) of a textarea input field in a form. Its value must be a positive integer, determining how many characters are visible in a single row. If the cols attribute is not provided, the textarea defaults to displaying 20 character columns in width. Note: The cols attribute is not applicable to Input elements; it is specific to Textarea elements.
    * Default value: 20
    */
   cols?: number;
@@ -23600,7 +23648,7 @@ export interface MultilineTextBoxProperties {
    */
   enterKeyBehavior?: MultilineTextBoxEnterKeyBehavior | string;
   /**
-   * Specifies the form element with which this element is associated, known as its "form owner." The value of this attribute must be the ID of an existing  element within the same HTML document. This allows input or button elements to be associated with a form, even if they are not nested inside the form tag itself.
+   * Specifies the form element with which this element is associated, known as its "form owner." The value of this attribute must be the ID of an existing Form element within the same HTML document. This allows input or button elements to be associated with a form, even if they are not nested inside the form tag itself.
    * Default value: ""
    */
   form?: string;
@@ -27722,7 +27770,7 @@ export interface SchedulerProperties {
    */
   groupOrientation?: SchedulerGroupOrientation | string;
   /**
-   * Enhances customization for group cell headers by allowing you to define how each group cell is rendered within the header section. You can specify one of the following as the template:- 'HTMLTemplateElement': Supply an HTML '' element that will be applied to all group header cells. Within your template, you can use property bindings that correspond to properties of the group cell object. These bindings will be automatically populated with the respective values for each cell.- 'Template ID (String)': Provide the 'id' attribute of an existing HTML '' element. The identified template will be used for rendering all group header cells.- 'Custom Function': Specify a function that will be called for each group cell. The function will receive two parameters:  - 'cellContent': A DOM element that acts as a container for the group cell’s content.  - 'cellObj': The data object associated with the current group cell.This approach gives you full flexibility to display custom content, styles, and data for group header cells according to your requirements. If you use an HTMLTemplateElement, you can leverage dynamic property bindings that map directly to the properties of each group cell’s data object.
+   * Enhances customization for group cell headers by allowing you to define how each group cell is rendered within the header section. You can specify one of the following as the template:- 'HTMLTemplateElement': Supply an HTML '&lt;template&gt;' element that will be applied to all group header cells. Within your template, you can use property bindings that correspond to properties of the group cell object. These bindings will be automatically populated with the respective values for each cell.- 'Template ID (String)': Provide the 'id' attribute of an existing HTML '&lt;template&gt;' element. The identified template will be used for rendering all group header cells.- 'Custom Function': Specify a function that will be called for each group cell. The function will receive two parameters:  - 'cellContent': A DOM element that acts as a container for the group cell’s content.  - 'cellObj': The data object associated with the current group cell.This approach gives you full flexibility to display custom content, styles, and data for group header cells according to your requirements. If you use an HTMLTemplateElement, you can leverage dynamic property bindings that map directly to the properties of each group cell’s data object.
    * Default value: null
    */
   groupTemplate?: any;
@@ -30379,12 +30427,12 @@ export interface TableProperties {
    */
   filterOperator?: boolean;
   /**
-   * Gets or sets the ID of an HTML  element to be used as a custom filter template. This allows you to define and apply your own filter UI by referencing the specified template’s ID.
+   * Gets or sets the ID of an HTML &lt;template&gt; element to be used as a custom filter template. This allows you to define and apply your own filter UI by referencing the specified template’s ID.
    * Default value: "null"
    */
   filterTemplate?: string;
   /**
-   * Specifies or retrieves the ID of an HTML '' element whose content will be used to render the footer row(s) of the component. This allows you to define custom footer layouts using template markup and apply them dynamically by referencing the template's ID.
+   * Specifies or retrieves the ID of an HTML '&lt;template&gt;' element whose content will be used to render the footer row(s) of the component. This allows you to define custom footer layouts using template markup and apply them dynamically by referencing the template's ID.
    * Default value: "null"
    */
   footerRow?: string;
@@ -30439,7 +30487,7 @@ export interface TableProperties {
    */
   unlockKey?: string;
   /**
-   * Specifies or retrieves the currently selected language code (e.g., "en", "fr", "es") for localization purposes. This property works together with the messages property to determine which set of localized messages should be displayed or used by the application. Adjusting this property changes which language mappings from messages are active.
+   * Specifies or retrieves the currently selected language code (e.g., "en", "fr", "es") for localization purposes. This property works together with the messages property to determine which set of localized messages should be displayed or used by the application. Adjusting this property changes which language map from messages are active.
    * Default value: "en"
    */
   locale?: string;
@@ -32000,7 +32048,7 @@ export interface TextAreaProperties {
    */
   unfocusable?: boolean;
   /**
-   * Defines the list of users available for mentioning in the TextArea component. Expects an array where each element is an object containing both id and name properties (e.g., { id: string | number, name: string }). When users type the '@' character, a dropdown appears, allowing them to select a user from this array to mention within the TextArea.
+   * Defines the list of users available for mentioning in the TextArea component. Expects an array where each element is an object containing both id and name properties (e.g., { id: string | number, name: string }). When users type the at symbol, a dropdown appears, allowing them to select a user from this array to mention within the TextArea.
    * Default value: []
    */
   users?: any[];
@@ -33333,6 +33381,21 @@ export interface TreeProperties {
    * Default value: false
    */
   dropDownMode?: boolean;
+  /**
+   * 
+   * Default value: null
+   */
+  dropDownSelectTemplate?: any;
+  /**
+   * 
+   * Default value: label
+   */
+  dropDownSelectionMode?: TreeDropDownSelectionMode | string;
+  /**
+   * 
+   * Default value: "→"
+   */
+  dropDownSelectionPathSymbol?: string;
   /**
    * Specifies the width, in pixels, of the Tree component when it appears within a drop-down interface. Adjusting this value controls how wide the drop-down Tree is rendered, allowing for customization to fit various layouts or content requirements.
    * Default value: 300
@@ -33790,6 +33853,8 @@ declare global {
     }
 }
 
+
+export declare type TreeDropDownSelectionMode = 'label' | 'path';
 /**Specifies how TreeItemGroups within the Tree expand or collapse, controlling whether multiple groups can be expanded simultaneously, only one group can be expanded at a time, or all groups are collapsed by default. This setting defines the expand/collapse interaction pattern for grouped items in the Tree structure. */
 export declare type TreeExpandMode = 'multiple' | 'single';
 /**Specifies whether to display a traditional scrollbar or to use scroll buttons for navigating content when the element’s content exceeds its visible area. This setting controls the user’s method of scrolling in overflow situations. */
@@ -33810,6 +33875,11 @@ export interface TreeItemProperties {
    * Default value: false
    */
   disabled?: boolean;
+  /**
+   * 
+   * Default value: false
+   */
+  disableDrag?: boolean;
   /**
    * 
    * Default value: 
@@ -33871,6 +33941,11 @@ export interface TreeItemsGroupProperties {
    * Default value: false
    */
   disabled?: boolean;
+  /**
+   * 
+   * Default value: false
+   */
+  disableDrag?: boolean;
   /**
    * 
    * Default value: false