@progress/kendo-angular-dropdowns 11.6.0 → 12.0.0-develop.10

package/dropdownlist/dropdownlist.component.d.ts

@@ -2,9 +2,10 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Renderer2, ElementRef, EventEmitter, ViewContainerRef, OnDestroy, OnChanges, NgZone, TemplateRef, ChangeDetectorRef, OnInit, SimpleChanges, AfterContentChecked, Injector } from '@angular/core';
+import { Renderer2, ElementRef, EventEmitter, ViewContainerRef, OnDestroy, OnChanges, NgZone, TemplateRef, ChangeDetectorRef, OnInit, SimpleChanges, AfterContentChecked, Injector, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { PopupSettings } from '../common/models/popup-settings';
+import { AdaptiveMode, WindowSize } from '../common/util';
 import { SelectionService } from '../common/selection/selection.service';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { ItemTemplateDirective } from '../common/templates/item-template.directive';
@@ -29,6 +30,9 @@ import { DropDownSize } from '../common/models/size';
 import { DropDownRounded } from '../common/models/rounded';
 import { DropDownFillMode } from '../common/models/fillmode';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { ResponsiveRendererComponent } from '../common/action-sheet.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -51,7 +55,7 @@ export declare const DROPDOWNLIST_VALUE_ACCESSOR: any;
  * }
  * ```
  */
-export declare class DropDownListComponent implements ControlValueAccessor, OnDestroy, OnChanges, AfterContentChecked, OnInit, FilterableComponent {
+export declare class DropDownListComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, OnChanges, AfterContentChecked, OnInit, FilterableComponent {
     wrapper: ElementRef;
     private localization;
     private popupService;
@@ -64,6 +68,14 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     private cdr;
     touchEnabled: boolean;
     private injector;
+    /**
+     * @hidden
+     */
+    animationDuration: number;
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
     /**
      * @hidden
      */
@@ -72,6 +84,18 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * @hidden
      */
     caretAltDownIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent: ResponsiveRendererComponent;
+    /**
+     * @hidden
+     */
+    get actionSheet(): ActionSheetComponent;
+    /**
+     * @hidden
+     */
+    get actionSheetSearchBar(): TextBoxComponent;
     get width(): any;
     get height(): any;
     get widgetTabIndex(): number;
@@ -80,6 +104,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     get ariaControls(): string;
     get ariaActivedescendant(): string;
     get appendTo(): ViewContainerRef;
+    /**
+     * @hidden
+     */
+    onFilterChange(text: string): void;
     /**
      * @hidden
      */
@@ -122,6 +150,36 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * > The `valueField` property can be set to point to a nested property value - e.g. `category.id`.
      */
     valueField: string;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode: AdaptiveMode;
+    /**
+     * Sets the title of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet title uses the text provided for the label of the AutoComplete.
+     */
+    title: string;
+    /**
+     * Sets the subtitle of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet subtitle uses the text provided for the `placeholder` of the AutoComplete.
+    */
+    subtitle: string;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
+    /**
+    * @hidden
+    */
+    windowSize: WindowSize;
+    /**
+     * @hidden
+     */
+    get isActionSheetExpanded(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     /**
      * Configures the popup of the DropDownList.
      *
@@ -135,12 +193,16 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     set popupSettings(settings: PopupSettings);
     get popupSettings(): PopupSettings;
     /**
-     * Sets the height of the options list. By default, `listHeight` is 200px.
+     * Sets the height of the options list in the popup. By default, `listHeight` is 200px.
      *
      * > The `listHeight` property affects only the list of options and not the whole popup container.
      * > To set the height of the popup container, use `popupSettings.height`.
+     *
+     * > When using `adaptiveMode` and the screen size is `small` or `medium` the `listHeight` property is set to null.
      */
-    listHeight: number;
+    set listHeight(_listHeight: number);
+    get listHeight(): number;
+    private _listHeight;
     /**
      * Sets the text of the default empty item. The type of the defined value has to match the data type.
      */
@@ -321,7 +383,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     /**
      * @hidden
      */
-    keydown(event: any): void;
+    keydown(event: KeyboardEvent, input?: HTMLInputElement): void;
     /**
      * @hidden
      */
@@ -329,7 +391,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     /**
      * @hidden
      */
-    click(event: any): void;
+    click(): void;
     groupIndices: any[];
     optionPrefix: string;
     valueLabelId: string;
@@ -364,6 +426,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     private _fillMode;
     constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, _zone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, touchEnabled: boolean, injector: Injector);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     /**
      * @hidden
      * Used by the TextBoxContainer to determine if the component is empty.
@@ -404,7 +467,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      */
     blur(): void;
     /**
-     * Toggles the visibility of the popup
+     * Toggles the visibility of the popup or actionSheet
      * ([see example]({% slug openstate_ddl %}#toc-setting-the-initially-opened-component)).
      * If you use the `toggle` method to open or close the popup, the `open` and `close` events will not be fired.
      *
@@ -418,7 +481,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      */
     togglePopup(open: boolean): void;
     /**
-     * Returns the current open state of the popup.
+     * Returns the current open state. Returns `true` if the popup or actionSheet is open.
      */
     get isOpen(): boolean;
     /**
@@ -518,12 +581,18 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * @hidden
      */
     handleFilter(event: any): void;
+    /**
+     * @hidden
+     */
+    handleClick(): void;
     /**
      * @hidden
      */
     pageChange(event: PageChangeEvent): void;
     private assignAriaDescribedBy;
     private setComponentClasses;
+    private closeActionSheet;
+    private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownListComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownListComponent, "kendo-dropdownlist", ["kendoDropDownList"], { "iconClass": "iconClass"; "loading": "loading"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "defaultItem": "defaultItem"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "filterable": "filterable"; "virtual": "virtual"; "ignoreCase": "ignoreCase"; "delay": "delay"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "focusableId": "id"; }, { "valueChange": "valueChange"; "filterChange": "filterChange"; "selectionChange": "selectionChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate", "groupTemplate", "fixedGroupTemplate", "valueTemplate", "headerTemplate", "footerTemplate", "noDataTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownListComponent, "kendo-dropdownlist", ["kendoDropDownList"], { "iconClass": "iconClass"; "loading": "loading"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "defaultItem": "defaultItem"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "filterable": "filterable"; "virtual": "virtual"; "ignoreCase": "ignoreCase"; "delay": "delay"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "focusableId": "id"; }, { "valueChange": "valueChange"; "filterChange": "filterChange"; "selectionChange": "selectionChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate", "groupTemplate", "fixedGroupTemplate", "valueTemplate", "headerTemplate", "footerTemplate", "noDataTemplate"], never>;
 }

package/dropdowntrees/dropdowntree.component.d.ts

@@ -9,6 +9,7 @@ import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { NavigationService } from '../common/navigation/navigation.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PreventableEvent } from '../common/models/preventable-event';
+import { AdaptiveMode, WindowSize } from '../common/util';
 import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
 import { PopupSettings } from '../common/models/popup-settings';
 import { Direction } from '../common/models/direction';
@@ -21,6 +22,9 @@ import { DropDownSize } from '../common/models/size';
 import { DropDownRounded } from '../common/models/rounded';
 import { DropDownFillMode } from '../common/models/fillmode';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { ResponsiveRendererComponent } from '../common/action-sheet.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
@@ -35,6 +39,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     private cdr;
     private localization;
     touchEnabled: boolean;
+    /**
+     * @hidden
+     */
+    animationDuration: number;
     /**
      * @hidden
      */
@@ -47,7 +55,20 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * @hidden
      */
     xIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent: ResponsiveRendererComponent;
+    /**
+     * @hidden
+     */
+    get actionSheet(): ActionSheetComponent;
+    /**
+     * @hidden
+     */
+    get actionSheetSearchBar(): TextBoxComponent;
     hostClasses: boolean;
+    get isReadonly(): string;
     get hostAriaInvalid(): string;
     get isDisabled(): boolean;
     get isDisabledAttribute(): string;
@@ -61,7 +82,6 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     ariaHasPopup: string;
     get isAriaExpanded(): boolean;
     get hostAriaAutocomplete(): string;
-    get isReadonly(): string;
     noDataTemplate: NoDataTemplateDirective;
     headerTemplate: HeaderTemplateDirective;
     footerTemplate: FooterTemplateDirective;
@@ -195,12 +215,16 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     set dataItem(item: Object);
     get dataItem(): Object;
     /**
-     * Sets the height of the options list. By default, `listHeight` is 200px.
+     * Sets the height of the options list in the popup. By default, `listHeight` is 200px.
      *
      * > The `listHeight` property affects only the list of options and not the whole popup container.
      * > To set the height of the popup container, use `popupSettings.height`.
+     *
+     * > When using `adaptiveMode` and the screen size is `small` or `medium` the `listHeight` property is set to null.
      */
-    listHeight: number;
+    set listHeight(_listHeight: number);
+    get listHeight(): number;
+    private _listHeight;
     /**
      * Sets the disabled state of the component.
      */
@@ -299,7 +323,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     };
     get height(): string;
     /**
-     * Returns the current open state of the popup.
+     * Returns the current open state. Returns `true` if the popup or actionSheet is open.
      */
     get isOpen(): boolean;
     get clearButtonVisiblity(): string;
@@ -317,6 +341,40 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * @hidden
      */
     text: string;
+    /**
+     * @hidden
+     */
+    onFilterChange(text: string): void;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode: AdaptiveMode;
+    /**
+     * Sets the title of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet title uses the text provided for the label of the AutoComplete.
+     */
+    title: string;
+    /**
+     * Sets the subtitle of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet subtitle uses the text provided for the `placeholder` of the AutoComplete.
+    */
+    subtitle: string;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
+    /**
+    * @hidden
+    */
+    windowSize: WindowSize;
+    /**
+     * @hidden
+     */
+    isActionSheetExpanded: boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     /**
      * @hidden
      *
@@ -413,6 +471,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      */
     ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
+    /**
+     * @hidden
+     */
+    onResize(): void;
     /**
      * @hidden
      *
@@ -457,9 +519,9 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      */
     reset(): void;
     /**
-     * Toggles the visibility of the popup
+     * Toggles the visibility of the popup or actionSheet.
      * ([see example]({% slug openstate_ddt %})).
-     * If you use the `toggle` method to open or close the popup, the `open` and `close` events will not be fired.
+     * If you use the `toggle` method to open or close the popup or actionSheet, the `open` and `close` events will not be fired.
      *
      * @param open - The state of the popup.
      */
@@ -504,7 +566,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     /**
      * @hidden
      */
-    handleFilterInputChange(input: Partial<HTMLInputElement>): void;
+    handleFilterInputChange(input: Partial<HTMLInputElement> | string): void;
     /**
      * @hidden
      */
@@ -526,6 +588,14 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * @hidden
      */
     onChildrenLoaded(): void;
+    /**
+     * @hidden
+     */
+    onExpand(): void;
+    /**
+     * @hidden
+     */
+    onCollapse(): void;
     /**
      * @hidden
      *
@@ -554,6 +624,8 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * and the user will not be able to tab to the rest of the browser elements
      */
     private removeTreeViewFromTabOrder;
+    private closeActionSheet;
+    private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeComponent, [null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "kendo-dropdowntree", ["kendoDropDownTree"], { "loading": "loading"; "clearButton": "clearButton"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "dataItem": "dataItem"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "itemDisabled": "itemDisabled"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "focusableId": "focusableId"; }, { "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; "filterChange": "filterChange"; }, ["noDataTemplate", "headerTemplate", "footerTemplate", "nodeTemplate", "valueTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "kendo-dropdowntree", ["kendoDropDownTree"], { "loading": "loading"; "clearButton": "clearButton"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "dataItem": "dataItem"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "itemDisabled": "itemDisabled"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "focusableId": "focusableId"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; "filterChange": "filterChange"; }, ["noDataTemplate", "headerTemplate", "footerTemplate", "nodeTemplate", "valueTemplate"], never>;
 }

package/dropdowntrees/multiselecttree.component.d.ts

@@ -14,6 +14,7 @@ import { PreventableEvent } from '../common/models/preventable-event';
 import { Direction } from '../common/models/direction';
 import { RemoveTagEvent } from '../common/models/remove-tag-event';
 import { CheckedItem } from './checked-state/checked-item';
+import { AdaptiveMode, WindowSize } from '../common/util';
 import { HeaderTemplateDirective } from '../common/templates/header-template.directive';
 import { FooterTemplateDirective } from '../common/templates/footer-template.directive';
 import { NodeTemplateDirective } from './templates/node-template.directive';
@@ -26,6 +27,9 @@ import { DropDownRounded } from '../common/models/rounded';
 import { DropDownFillMode } from '../common/models/fillmode';
 import { MultiSelectTreeLookupService } from './lookup/lookup.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { ResponsiveRendererComponent } from '../common/action-sheet.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI MultiSelectTree component for Angular]({% slug overview_multiselecttree %}).
@@ -41,6 +45,10 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private cdr;
     private lookup;
     touchEnabled: boolean;
+    /**
+     * @hidden
+     */
+    animationDuration: number;
     /**
      * @hidden
      */
@@ -73,7 +81,62 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     /**
      * @hidden
      */
-    handleKeydown(event: any): void;
+    onFilterChange(text: any): void;
+    /**
+     * @hidden
+     */
+    onExpand(): void;
+    /**
+     * @hidden
+     */
+    onCollapse(): void;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode: AdaptiveMode;
+    /**
+     * Sets the title of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet title uses the text provided for the label of the AutoComplete.
+     */
+    title: string;
+    /**
+     * Sets the subtitle of the ActionSheet that is rendered instead of the Popup when using small screen devices.
+     * By default the ActionSheet subtitle uses the text provided for the `placeholder` of the AutoComplete.
+    */
+    set subtitle(_subtitle: string);
+    get subtitle(): string;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
+    /**
+    * @hidden
+    */
+    windowSize: WindowSize;
+    /**
+     * @hidden
+     */
+    isActionSheetExpanded: boolean;
+    /**
+     * @hidden
+     */
+    handleKeydown(event: any, input?: HTMLInputElement): void;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent: ResponsiveRendererComponent;
+    /**
+     * @hidden
+     */
+    get actionSheet(): ActionSheetComponent;
+    /**
+     * @hidden
+     */
+    get actionSheetSearchBar(): TextBoxComponent;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     headerTemplate: HeaderTemplateDirective;
     footerTemplate: FooterTemplateDirective;
     nodeTemplate: NodeTemplateDirective;
@@ -199,12 +262,16 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      */
     placeholder: string;
     /**
-     * Sets the height of the options list. By default, `listHeight` is 200px.
+     * Sets the height of the options list in the popup. By default, `listHeight` is 200px.
      *
      * > The `listHeight` property affects only the list of options and not the whole popup container.
      * > To set the height of the popup container, use `popupSettings.height`.
+     *
+     * > When using `adaptiveMode` and the screen size is `small` or `medium` the `listHeight` property is set to null.
      */
-    listHeight: number;
+    set listHeight(_listHeight: number);
+    get listHeight(): number;
+    private _listHeight;
     /**
      * Sets the disabled state of the component.
      */
@@ -334,7 +401,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     set isFocused(isFocused: boolean);
     get isFocused(): boolean;
     /**
-     * Returns the current open state of the popup.
+     * Returns the current open state. Returns `true` if the popup or actionSheet is open.
      */
     get isOpen(): boolean;
     get width(): {
@@ -398,6 +465,10 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private get isWrapperActive();
     private get isFilterActive();
     private get isCheckAllActive();
+    /**
+     * @hidden
+     */
+    onResize(): void;
     /**
      * @hidden
      */
@@ -431,6 +502,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     tags: any[];
     focusedTagIndex: number;
     disabledIndices: Set<number>;
+    private _subtitle;
     private _nodes;
     private _value;
     private _tabindex;
@@ -439,6 +511,8 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private _isFocused;
     private _treeview;
     private _dataItems;
+    private _tempValue;
+    private _initiallyCheckedItems;
     private _size;
     private _rounded;
     private _fillMode;
@@ -463,6 +537,14 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      * @hidden
      */
     ngAfterContentChecked(): void;
+    /**
+     * @hidden
+     */
+    applyValue(): void;
+    /**
+     * @hidden
+     */
+    cancelValue(): void;
     ngAfterContentInit(): void;
     /**
      * @hidden
@@ -492,7 +574,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      */
     reset(): void;
     /**
-     * Toggles the visibility of the popup
+     * Toggles the visibility of the popup or actionSheet
      * ([see example]({% slug openstate_multiselecttree %})).
      * If you use the `toggle` method to open or close the popup, the `open` and `close` events will not be fired.
      *
@@ -619,6 +701,8 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      */
     private registerLookupItems;
     private registerChildLookupItems;
+    private closeActionSheet;
+    private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTreeComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTreeComponent, "kendo-multiselecttree", ["kendoMultiSelectTree"], { "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "popupSettings": "popupSettings"; "checkableSettings": "checkableSettings"; "data": "data"; "value": "value"; "dataItems": "dataItems"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "loading": "loading"; "placeholder": "placeholder"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "loadOnDemand": "loadOnDemand"; "focusableId": "focusableId"; "clearButton": "clearButton"; "filterable": "filterable"; "checkAll": "checkAll"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "itemDisabled": "itemDisabled"; "tagMapper": "tagMapper"; }, { "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "valueChange": "valueChange"; "removeTag": "removeTag"; "filterChange": "filterChange"; }, ["headerTemplate", "footerTemplate", "nodeTemplate", "noDataTemplate", "tagTemplate", "groupTagTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTreeComponent, "kendo-multiselecttree", ["kendoMultiSelectTree"], { "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "popupSettings": "popupSettings"; "checkableSettings": "checkableSettings"; "data": "data"; "value": "value"; "dataItems": "dataItems"; "textField": "textField"; "valueField": "valueField"; "valueDepth": "valueDepth"; "loading": "loading"; "placeholder": "placeholder"; "listHeight": "listHeight"; "disabled": "disabled"; "readonly": "readonly"; "valuePrimitive": "valuePrimitive"; "loadOnDemand": "loadOnDemand"; "focusableId": "focusableId"; "clearButton": "clearButton"; "filterable": "filterable"; "checkAll": "checkAll"; "hasChildren": "hasChildren"; "fetchChildren": "fetchChildren"; "isNodeExpanded": "isNodeExpanded"; "isNodeVisible": "isNodeVisible"; "itemDisabled": "itemDisabled"; "tagMapper": "tagMapper"; }, { "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "valueChange": "valueChange"; "removeTag": "removeTag"; "filterChange": "filterChange"; }, ["headerTemplate", "footerTemplate", "nodeTemplate", "noDataTemplate", "tagTemplate", "groupTagTemplate"], never>;
 }