@progress/kendo-angular-dropdowns 12.0.0-develop.6 → 12.0.0-develop.8

package/autocomplete/autocomplete.component.d.ts

@@ -2,7 +2,7 @@
 * 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, TemplateRef, OnDestroy, SimpleChanges, OnChanges, ChangeDetectorRef, NgZone } from '@angular/core';
+import { Renderer2, ElementRef, EventEmitter, ViewContainerRef, TemplateRef, OnDestroy, SimpleChanges, OnChanges, ChangeDetectorRef, NgZone, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SearchBarComponent } from '../common/searchbar.component';
 import { ItemTemplateDirective } from '../common/templates/item-template.directive';
@@ -15,6 +15,7 @@ import { SelectionService } from '../common/selection/selection.service';
 import { NavigationService, NavigationEvent } from '../common/navigation/navigation.service';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
 import { ItemDisabledFn } from '../common/disabled-items/item-disabled';
+import { AdaptiveMode, WindowSize } from '../common/util';
 import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
 import { PreventableEvent } from '../common/models/preventable-event';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -28,6 +29,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
@@ -53,7 +57,7 @@ export declare const AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * }
  * ```
  */
-export declare class AutoCompleteComponent implements ControlValueAccessor, OnDestroy, OnChanges, FilterableComponent {
+export declare class AutoCompleteComponent implements ControlValueAccessor, OnDestroy, AfterViewInit, OnChanges, FilterableComponent {
     private localization;
     private dataService;
     private popupService;
@@ -65,10 +69,26 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     private renderer;
     private hostElement;
     protected touchEnabled: boolean;
+    /**
+     * @hidden
+     */
+    animationDuration: number;
     /**
      * @hidden
      */
     xIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent: ResponsiveRendererComponent;
+    /**
+     * @hidden
+     */
+    get actionSheet(): ActionSheetComponent;
+    /**
+     * @hidden
+     */
+    get actionSheetSearchBar(): TextBoxComponent;
     get width(): any;
     get height(): any;
     get listContainerClasses(): Object;
@@ -78,16 +98,20 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     get ariaControls(): string;
     dataItem: any;
     /**
-     * Toggles the visibility of the popup.
-     * If you use the `toggle` method to open or close the popup, the `open` and `close` events will not be fired.
+     * Toggles the visibility of the popup or actionSheet.
+     * 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.
      */
     toggle(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;
+    /**
+     * @hidden
+     */
+    handleClick(): void;
     /**
      * @hidden
      */
@@ -125,6 +149,25 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
      * The hint which is displayed when the component is empty.
      */
     placeholder: 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.
+    */
+    set subtitle(_subtitle: string);
+    get subtitle(): string;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
     /**
      * Configures the popup of the AutoComplete.
      *
@@ -138,12 +181,16 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     set popupSettings(settings: PopupSettings);
     get popupSettings(): PopupSettings;
     /**
-     * Sets the height of the suggestions 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 suggestions and not the whole popup container.
+     * > 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 and gets the loading state of the AutoComplete.
      */
@@ -290,10 +337,23 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     listBoxId: string;
     optionPrefix: string;
     popupRef: PopupRef;
+    /**
+     * @hidden
+     */
+    windowSize: WindowSize;
+    /**
+     * @hidden
+     */
+    get isActionSheetExpanded(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     protected onChangeCallback: Function;
     protected onTouchedCallback: Function;
     constructor(localization: LocalizationService, dataService: DataService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, _zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, hostElement: ElementRef, touchEnabled: boolean);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -306,6 +366,10 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
      * @hidden
      */
     messageFor(key: string): string;
+    /**
+     * @hidden
+     */
+    onAdaptiveTextBoxChange(text: string): void;
     /**
      * @hidden
      */
@@ -357,6 +421,10 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
      * @hidden
      */
     searchBarChange(text: string): void;
+    /**
+     * @hidden
+     */
+    onFilterChange(text: string): void;
     /**
      * @hidden
      */
@@ -377,18 +445,10 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     private _value;
     private suggestedText;
     private backspacePressed;
-    private valueChangeSubscription;
+    private subs;
     private valueChangeSubject;
-    private changeSubscription;
-    private focusSubscription;
-    private navigationSubscription;
-    private scrollSubscription;
-    private enterSubscription;
-    private escSubscription;
-    private closeSubscription;
-    private openSubscription;
-    private localizationChangeSubscription;
     private touchstartDisposeHandler;
+    private _subtitle;
     private wrapper;
     private _isFocused;
     private direction;
@@ -396,8 +456,8 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     private _rounded;
     private _fillMode;
     private subscribeEvents;
+    private findIndex;
     private subscribeTouchEvents;
-    private unsubscribeEvents;
     private handleItemChange;
     private handleItemFocus;
     private createPopup;
@@ -407,6 +467,8 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     private firstFocusableIndex;
     private findIndexPredicate;
     private setComponentClasses;
+    private closeActionSheet;
+    private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "kendo-autocomplete", ["kendoAutoComplete"], { "highlightFirst": "highlightFirst"; "focusableId": "focusableId"; "data": "data"; "value": "value"; "valueField": "valueField"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "loading": "loading"; "clearButton": "clearButton"; "suggest": "suggest"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "filterable": "filterable"; "virtual": "virtual"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "kendo-autocomplete", ["kendoAutoComplete"], { "highlightFirst": "highlightFirst"; "focusableId": "focusableId"; "data": "data"; "value": "value"; "valueField": "valueField"; "placeholder": "placeholder"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "loading": "loading"; "clearButton": "clearButton"; "suggest": "suggest"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "filterable": "filterable"; "virtual": "virtual"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate"], never>;
 }

package/comboboxes/combobox.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, TemplateRef, EventEmitter, ViewContainerRef, OnDestroy, OnChanges, ChangeDetectorRef, NgZone, Renderer2, SimpleChanges, AfterContentChecked } from '@angular/core';
+import { ElementRef, TemplateRef, EventEmitter, ViewContainerRef, OnDestroy, OnChanges, ChangeDetectorRef, NgZone, Renderer2, SimpleChanges, AfterContentChecked, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SearchBarComponent } from '../common/searchbar.component';
 import { ItemTemplateDirective } from '../common/templates/item-template.directive';
@@ -17,6 +17,7 @@ import { NavigationService } from '../common/navigation/navigation.service';
 import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
 import { ItemDisabledFn } from '../common/disabled-items/item-disabled';
 import { Observable } from 'rxjs';
+import { AdaptiveMode, WindowSize } from '../common/util';
 import { PreventableEvent } from '../common/models/preventable-event';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupService, PopupRef } from '@progress/kendo-angular-popup';
@@ -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 COMBOBOX_VALUE_ACCESSOR: any;
  * }
  * ```
  */
-export declare class ComboBoxComponent implements ControlValueAccessor, OnDestroy, OnChanges, AfterContentChecked, FilterableComponent {
+export declare class ComboBoxComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, OnChanges, AfterContentChecked, FilterableComponent {
     wrapper: ElementRef<HTMLElement>;
     protected localization: LocalizationService;
     protected popupService: PopupService;
@@ -63,10 +67,26 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
     protected cdr: ChangeDetectorRef;
     protected renderer: Renderer2;
     protected touchEnabled: boolean;
+    /**
+     * @hidden
+     */
+    animationDuration: number;
     /**
      * @hidden
      */
     xIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent: ResponsiveRendererComponent;
+    /**
+     * @hidden
+     */
+    get actionSheet(): ActionSheetComponent;
+    /**
+     * @hidden
+     */
+    get actionSheetSearchBar(): TextBoxComponent;
     /**
      * @hidden
      */
@@ -182,6 +202,25 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
      *
      */
     placeholder: 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.
+    */
+    set subtitle(_subtitle: string);
+    get subtitle(): string;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
     /**
      * Configures the popup of the ComboBox.
      *
@@ -195,12 +234,16 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
     set popupSettings(settings: PopupSettings);
     get popupSettings(): PopupSettings;
     /**
-     * Sets the height of the suggestions 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 suggestions and not the whole popup container.
+     * > 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;
     /**
      * @hidden
      */
@@ -352,6 +395,18 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
     get isFocused(): boolean;
     set isFocused(value: boolean);
     get clearButtonVisiblity(): string;
+    /**
+     * @hidden
+     */
+    windowSize: WindowSize;
+    /**
+     * @hidden
+     */
+    get isActionSheetExpanded(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     listBoxId: string;
     optionPrefix: string;
     popupRef: PopupRef;
@@ -382,6 +437,7 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
     private backspacePressed;
     private _popupSettings;
     private _virtualSettings;
+    private _subtitle;
     private popupMouseDownHandler;
     private customValueSubject;
     private valueSubject;
@@ -395,6 +451,7 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
     private _fillMode;
     constructor(wrapper: ElementRef<HTMLElement>, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, touchEnabled: boolean);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     private createValueStream;
     private attachStreams;
     ngOnDestroy(): void;
@@ -414,16 +471,20 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
      */
     blur(): void;
     /**
-     * Toggles the visibility of the popup. If you use the `toggle` method to open or close the popup,
+     * Toggles the visibility of the popup or actionSheet. 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.
      */
     toggle(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;
+    /**
+     * @hidden
+     */
+    handleClick(): void;
     /**
      * Resets the value of the ComboBox.
      * If you use the `reset` method to clear the value of the component,
@@ -488,6 +549,10 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
         index: number;
     };
     protected search(text: any, startFrom?: number): void;
+    /**
+     * @hidden
+     */
+    onAdaptiveTextBoxChange(text: string): void;
     /**
      * @hidden
      */
@@ -547,6 +612,9 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
     private subscribeTouchEvents;
     private attachSelectClickHandler;
     private setComponentClasses;
+    private findIndex;
+    private closeActionSheet;
+    private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "kendo-combobox", ["kendoComboBox"], { "focusableId": "focusableId"; "allowCustom": "allowCustom"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valuePrimitive": "valuePrimitive"; "valueNormalizer": "valueNormalizer"; "placeholder": "placeholder"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "iconClass": "iconClass"; "loading": "loading"; "suggest": "suggest"; "clearButton": "clearButton"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "filterable": "filterable"; "virtual": "virtual"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "kendo-combobox", ["kendoComboBox"], { "focusableId": "focusableId"; "allowCustom": "allowCustom"; "data": "data"; "value": "value"; "textField": "textField"; "valueField": "valueField"; "valuePrimitive": "valuePrimitive"; "valueNormalizer": "valueNormalizer"; "placeholder": "placeholder"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "iconClass": "iconClass"; "loading": "loading"; "suggest": "suggest"; "clearButton": "clearButton"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "readonly": "readonly"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "filterable": "filterable"; "virtual": "virtual"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate"], never>;
 }

package/comboboxes/multicolumncombobox.component.d.ts

@@ -17,6 +17,10 @@ import * as i0 from "@angular/core";
  * Represents the [Kendo UI MultiColumnComboBox component for Angular]({% slug overview_multicolumncombobox %}).
  */
 export declare class MultiColumnComboBoxComponent extends ComboBoxComponent implements AfterViewInit, OnDestroy, FilterableComponent {
+    /**
+     * @hidden
+     */
+    animationDuration: number;
     /**
      * @hidden
      */

package/common/action-sheet.component.d.ts

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { DropDownSize } from './models/size';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-angular-icons';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class ResponsiveRendererComponent {
+    localization: LocalizationService;
+    title: string;
+    showActionButtons: boolean;
+    subtitle: string;
+    size: DropDownSize;
+    showTextInput: boolean;
+    sharedPopupActionSheetTemplate: TemplateRef<any>;
+    isActionSheetExpanded: boolean;
+    text: string;
+    placeholder: string;
+    closePopup: EventEmitter<any>;
+    textInputChange: EventEmitter<any>;
+    navigate: EventEmitter<any>;
+    onExpand: EventEmitter<any>;
+    onCollapse: EventEmitter<any>;
+    onApply: EventEmitter<any>;
+    onCancel: EventEmitter<any>;
+    actionSheet: ActionSheetComponent;
+    actionSheetSearchBar: TextBoxComponent;
+    constructor(localization: LocalizationService);
+    searchBarValue: string;
+    animationDuration: number;
+    xIcon: SVGIcon;
+    messageFor(key: string): string;
+    onValueChange(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResponsiveRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResponsiveRendererComponent, "responsive-renderer", never, { "title": "title"; "showActionButtons": "showActionButtons"; "subtitle": "subtitle"; "size": "size"; "showTextInput": "showTextInput"; "sharedPopupActionSheetTemplate": "sharedPopupActionSheetTemplate"; "isActionSheetExpanded": "isActionSheetExpanded"; "text": "text"; "placeholder": "placeholder"; }, { "closePopup": "closePopup"; "textInputChange": "textInputChange"; "navigate": "navigate"; "onExpand": "onExpand"; "onCollapse": "onCollapse"; "onApply": "onApply"; "onCancel": "onCancel"; }, never, never>;
+}

package/common/list.component.d.ts

@@ -47,6 +47,7 @@ export declare class ListComponent implements OnChanges, OnDestroy, AfterViewIni
     checkboxes: MultiSelectCheckableSettings;
     ariaLive: string;
     isMultiselect: boolean;
+    isActionSheetExpanded: boolean;
     set data(data: any[]);
     get data(): any[];
     set size(size: DropDownSize);
@@ -126,5 +127,5 @@ export declare class ListComponent implements OnChanges, OnDestroy, AfterViewIni
     private firstGroupHeaderInTargetedPage;
     private setComponentClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kendo-list", never, { "selected": "selected"; "focused": "focused"; "textField": "textField"; "valueField": "valueField"; "height": "height"; "template": "template"; "groupTemplate": "groupTemplate"; "fixedGroupTemplate": "fixedGroupTemplate"; "show": "show"; "id": "id"; "optionPrefix": "optionPrefix"; "multipleSelection": "multipleSelection"; "virtual": "virtual"; "type": "type"; "checkboxes": "checkboxes"; "ariaLive": "ariaLive"; "isMultiselect": "isMultiselect"; "data": "data"; "size": "size"; "rounded": "rounded"; }, { "onClick": "onClick"; "pageChange": "pageChange"; "listResize": "listResize"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kendo-list", never, { "selected": "selected"; "focused": "focused"; "textField": "textField"; "valueField": "valueField"; "height": "height"; "template": "template"; "groupTemplate": "groupTemplate"; "fixedGroupTemplate": "fixedGroupTemplate"; "show": "show"; "id": "id"; "optionPrefix": "optionPrefix"; "multipleSelection": "multipleSelection"; "virtual": "virtual"; "type": "type"; "checkboxes": "checkboxes"; "ariaLive": "ariaLive"; "isMultiselect": "isMultiselect"; "isActionSheetExpanded": "isActionSheetExpanded"; "data": "data"; "size": "size"; "rounded": "rounded"; }, { "onClick": "onClick"; "pageChange": "pageChange"; "listResize": "listResize"; }, never, never>;
 }

package/common/localization/messages.d.ts

@@ -32,6 +32,14 @@ export declare class Messages extends ComponentMessages {
      * The text set as aria-label on the popup containing the list of options when its role is `region`.
      */
     popupLabel: string;
+    /**
+     * The text of the Apply button in the MultiSelect action sheet.
+     */
+    applyButton: string;
+    /**
+     * The text of the Cancel button in the MultiSelect action sheet.
+     */
+    cancelButton: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "noDataText": "noDataText"; "clearTitle": "clearTitle"; "checkAllText": "checkAllText"; "selectButtonText": "selectButtonText"; "filterInputLabel": "filterInputLabel"; "popupLabel": "popupLabel"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "noDataText": "noDataText"; "clearTitle": "clearTitle"; "checkAllText": "checkAllText"; "selectButtonText": "selectButtonText"; "filterInputLabel": "filterInputLabel"; "popupLabel": "popupLabel"; "applyButton": "applyButton"; "cancelButton": "cancelButton"; }, {}, never>;
 }

package/common/selection/selectable.directive.d.ts

@@ -12,6 +12,7 @@ export declare class SelectableDirective {
     index: number;
     checkboxes: MultiSelectCheckableSettings;
     height: number;
+    isMultiselect: boolean;
     multipleSelection: boolean;
     private selectionService;
     constructor(selectionService: SelectionService);
@@ -19,5 +20,5 @@ export declare class SelectableDirective {
     get selectedClassName(): boolean;
     onClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableDirective, "[kendoDropDownsSelectable]", never, { "index": "index"; "checkboxes": "checkboxes"; "height": "height"; "multipleSelection": "multipleSelection"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableDirective, "[kendoDropDownsSelectable]", never, { "index": "index"; "checkboxes": "checkboxes"; "height": "height"; "isMultiselect": "isMultiselect"; "multipleSelection": "multipleSelection"; }, {}, never>;
 }

package/common/shared.module.d.ts

@@ -11,17 +11,21 @@ import * as i5 from "./templates/template-context.directive";
 import * as i6 from "./taglist.component";
 import * as i7 from "../dropdowntrees/checked-state/check.directive";
 import * as i8 from "../dropdowntrees/checked-state/check-all.directive";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/forms";
-import * as i11 from "@progress/kendo-angular-popup";
-import * as i12 from "@progress/kendo-angular-common";
-import * as i13 from "./shared-directives.module";
-import * as i14 from "@progress/kendo-angular-icons";
+import * as i9 from "./action-sheet.component";
+import * as i10 from "@angular/common";
+import * as i11 from "@angular/forms";
+import * as i12 from "@progress/kendo-angular-popup";
+import * as i13 from "@progress/kendo-angular-common";
+import * as i14 from "./shared-directives.module";
+import * as i15 from "@progress/kendo-angular-icons";
+import * as i16 from "@progress/kendo-angular-navigation";
+import * as i17 from "@progress/kendo-angular-buttons";
+import * as i18 from "@progress/kendo-angular-inputs";
 /**
  * @hidden
  */
 export declare class SharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.ListComponent, typeof i2.ListItemDirective, typeof i3.SelectableDirective, typeof i4.SearchBarComponent, typeof i5.TemplateContextDirective, typeof i6.TagListComponent, typeof i7.CheckDirective, typeof i8.CheckAllDirective], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i11.PopupModule, typeof i12.ResizeSensorModule, typeof i13.SharedDirectivesModule, typeof i12.EventsModule, typeof i14.IconsModule], [typeof i1.ListComponent, typeof i2.ListItemDirective, typeof i3.SelectableDirective, typeof i4.SearchBarComponent, typeof i5.TemplateContextDirective, typeof i6.TagListComponent, typeof i7.CheckDirective, typeof i8.CheckAllDirective, typeof i9.CommonModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i11.PopupModule, typeof i12.ResizeSensorModule, typeof i13.SharedDirectivesModule, typeof i12.EventsModule, typeof i14.IconsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.ListComponent, typeof i2.ListItemDirective, typeof i3.SelectableDirective, typeof i4.SearchBarComponent, typeof i5.TemplateContextDirective, typeof i6.TagListComponent, typeof i7.CheckDirective, typeof i8.CheckAllDirective, typeof i9.ResponsiveRendererComponent], [typeof i10.CommonModule, typeof i11.FormsModule, typeof i11.ReactiveFormsModule, typeof i12.PopupModule, typeof i13.ResizeSensorModule, typeof i14.SharedDirectivesModule, typeof i13.EventsModule, typeof i15.IconsModule, typeof i16.ActionSheetModule, typeof i17.ButtonModule, typeof i18.TextBoxModule], [typeof i1.ListComponent, typeof i2.ListItemDirective, typeof i3.SelectableDirective, typeof i4.SearchBarComponent, typeof i5.TemplateContextDirective, typeof i6.TagListComponent, typeof i7.CheckDirective, typeof i8.CheckAllDirective, typeof i9.ResponsiveRendererComponent, typeof i10.CommonModule, typeof i11.FormsModule, typeof i11.ReactiveFormsModule, typeof i12.PopupModule, typeof i13.ResizeSensorModule, typeof i14.SharedDirectivesModule, typeof i13.EventsModule, typeof i15.IconsModule, typeof i16.ActionSheetModule, typeof i17.ButtonModule, typeof i18.TextBoxModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/common/util.d.ts

@@ -2,13 +2,14 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef } from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
 import { TreeItem, TreeItemLookup } from '@progress/kendo-angular-treeview';
 import { PopupRef } from '@progress/kendo-angular-popup';
 import { CheckedItem } from '../dropdowntrees/checked-state/checked-item';
 import { DropDownSize } from './models/size';
 import { DropDownRounded } from './models/rounded';
 import { DropDownFillMode } from './models/fillmode';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
 /**
  * @hidden
  */
@@ -178,7 +179,43 @@ export declare const getTextField: (field: string | string[], level: number) =>
 /**
  * @hidden
  */
-export declare const getSearchableItems: (treeViewId: string, popupElement: HTMLElement) => {
+export declare const getSearchableItems: (treeViewId: string, element: HTMLElement) => {
     text: string;
     index: string;
 }[];
+/**
+ * @hidden
+ */
+export declare const windowSize: () => 'large' | 'medium' | 'small';
+/**
+ * Specifies the adaptive rendering of the component.
+ *
+ * The supported values are:
+ * * `none`—(default)
+ * * `auto`
+ */
+export declare type AdaptiveMode = 'none' | 'auto';
+/**
+ * @hidden
+ */
+export declare const isTruthy: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare type WindowSize = 'large' | 'medium' | 'small';
+/**
+ * @hidden
+ */
+export declare const updateActionSheetAdaptiveAppearance: (actionSheet: ActionSheetComponent, windowSize: WindowSize, renderer: Renderer2) => void;
+/**
+ * @hidden
+ */
+export declare const setListBoxAriaLabelLebBy: (optionsList: any, element: ElementRef, renderer: Renderer2) => void;
+/**
+ * @hidden
+ */
+export declare const setActionSheetTitle: (element: ElementRef, actionSheetTitle: string) => string;
+/**
+ * @hidden
+ */
+export declare const animationDuration = 300;