@progress/kendo-angular-dropdowns 12.0.0-develop.1 → 12.0.0-develop.11

package/index.d.ts

@@ -54,6 +54,7 @@ export { ComboBoxModule } from './comboboxes/combobox.module';
 export { DropDownListModule } from './dropdownlist/dropdownlist.module';
 export { SharedDirectivesModule } from './common/shared-directives.module';
 export { ListComponent } from './common/list.component';
+export { ResponsiveRendererComponent } from './common/action-sheet.component';
 /**
  * @hidden
  * TODO: See if the export could be removed (AOT should pass)
@@ -67,3 +68,4 @@ export { DropDownSize } from './common/models/size';
 export { DropDownRounded } from './common/models/rounded';
 export { DropDownFillMode } from './common/models/fillmode';
 export { MultiSelectCheckableSettings } from './common/models/checkboxes-settings';
+export { AdaptiveMode } from './common/util';

package/multiselect/multiselect.component.d.ts

@@ -2,6 +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 { AdaptiveMode, WindowSize } from '../common/util';
 import { SearchBarComponent } from '../common/searchbar.component';
 import { Renderer2, ViewContainerRef, ElementRef, TemplateRef, OnDestroy, OnChanges, DoCheck, EventEmitter, AfterContentChecked, AfterViewInit, ChangeDetectorRef, KeyValueDiffers, NgZone, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
@@ -33,6 +34,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 MultiSelect component for Angular]({% slug overview_multiselect %}).
@@ -64,6 +68,10 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private renderer;
     private _zone;
     private touchEnabled;
+    /**
+     * @hidden
+     */
+    animationDuration: number;
     /**
      * @hidden
      */
@@ -80,6 +88,18 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     text: string;
     tags: any[];
     focusedTagIndex: number;
+    /**
+     * @hidden
+     */
+    responsiveRendererComponent: ResponsiveRendererComponent;
+    /**
+     * @hidden
+     */
+    get actionSheet(): ActionSheetComponent;
+    /**
+     * @hidden
+     */
+    get actionSheetSearchBar(): TextBoxComponent;
     /**
      * @hidden
      */
@@ -98,6 +118,10 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      * @hidden
      */
     onSearchBarFocus(): void;
+    /**
+     * @hidden
+     */
+    onAdaptiveTextBoxChange(text: string): void;
     /**
      * Blurs the MultiSelect.
      */
@@ -210,6 +234,25 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      */
     set placeholder(text: string);
     get 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;
     /**
      * Sets the disabled state of the component.
      */
@@ -250,12 +293,16 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     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;
     /**
      * Specifies the type of the selected value.
      * If set to `true`, the selected value has to be of the primitive type
@@ -393,11 +440,25 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     get dir(): string;
     get disabledClass(): boolean;
     get isLoading(): boolean;
+    /**
+     * @hidden
+     */
+    windowSize: WindowSize;
+    /**
+     * @hidden
+     */
+    get isActionSheetExpanded(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     disabledIndices: Set<number>;
     private initialized;
     private _size;
     private _rounded;
     private _fillMode;
+    private _subtitle;
+    private _valueHolder;
     constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, dataService: DataService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, cdr: ChangeDetectorRef, differs: KeyValueDiffers, renderer: Renderer2, _zone: NgZone, touchEnabled: boolean);
     get listContainerClasses(): any[];
     /**
@@ -408,6 +469,14 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     get height(): any;
     get activeDescendant(): string;
     get clearButtonVisiblity(): string;
+    /**
+     * @hidden
+     */
+    applyValue(): void;
+    /**
+     * @hidden
+     */
+    cancelValue(): void;
     /**
      * @hidden
      */
@@ -458,15 +527,15 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
-     * Toggles the visibility of the popup
+     * Toggles the visibility of the popup or actionSheet
      * ([see example]({% slug openstate_multiselect %}#toc-setting-the-initially-opened-component)).
-     * If you use the `toggle` method to open or close the popup, the respective `open` and `close` events will not be fired.
+     * If you use the `toggle` method to open or close the popup or actionSheet, the respective `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;
     /**
@@ -499,6 +568,10 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      * @hidden
      */
     onTagMapperChange(): void;
+    /**
+     * @hidden
+     */
+    handleClick(): void;
     protected onChangeCallback: Function;
     protected onTouchedCallback: Function;
     private _placeholder;
@@ -515,8 +588,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private popupMouseDownHandler;
     private customValueSubject;
     private customValueSubscription;
-    private observableSubscriptions;
-    private localizationChangeSubscription;
+    private subs;
     private touchstartDisposeHandler;
     private direction;
     private differ;
@@ -559,7 +631,10 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private searchTextAndFocus;
     private closePopup;
     private openPopup;
-    private togglePopup;
+    /**
+     * @hidden
+     */
+    togglePopup(open: boolean): void;
     private triggerPopupEvents;
     private _toggle;
     private destroyPopup;
@@ -569,6 +644,8 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private firstFocusableIndex;
     private nextTick;
     private setComponentClasses;
+    private closeActionSheet;
+    private openActionSheet;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "kendo-multiselect", ["kendoMultiSelect"], { "focusableId": "focusableId"; "autoClose": "autoClose"; "loading": "loading"; "data": "data"; "value": "value"; "valueField": "valueField"; "textField": "textField"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "placeholder": "placeholder"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "checkboxes": "checkboxes"; "readonly": "readonly"; "filterable": "filterable"; "virtual": "virtual"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "valuePrimitive": "valuePrimitive"; "clearButton": "clearButton"; "tagMapper": "tagMapper"; "allowCustom": "allowCustom"; "valueNormalizer": "valueNormalizer"; }, { "filterChange": "filterChange"; "valueChange": "valueChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; "removeTag": "removeTag"; }, ["template", "customItemTemplate", "groupTemplate", "fixedGroupTemplate", "headerTemplate", "footerTemplate", "tagTemplate", "groupTagTemplate", "noDataTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "kendo-multiselect", ["kendoMultiSelect"], { "focusableId": "focusableId"; "autoClose": "autoClose"; "loading": "loading"; "data": "data"; "value": "value"; "valueField": "valueField"; "textField": "textField"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "placeholder": "placeholder"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "itemDisabled": "itemDisabled"; "checkboxes": "checkboxes"; "readonly": "readonly"; "filterable": "filterable"; "virtual": "virtual"; "popupSettings": "popupSettings"; "listHeight": "listHeight"; "valuePrimitive": "valuePrimitive"; "clearButton": "clearButton"; "tagMapper": "tagMapper"; "allowCustom": "allowCustom"; "valueNormalizer": "valueNormalizer"; }, { "filterChange": "filterChange"; "valueChange": "valueChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; "removeTag": "removeTag"; }, ["template", "customItemTemplate", "groupTemplate", "fixedGroupTemplate", "headerTemplate", "footerTemplate", "tagTemplate", "groupTagTemplate", "noDataTemplate"], never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "12.0.0-develop.1",
+  "version": "12.0.0-develop.11",
   "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,17 +24,18 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "12.0.0-develop.1",
-    "@progress/kendo-angular-l10n": "12.0.0-develop.1",
-    "@progress/kendo-angular-popup": "12.0.0-develop.1",
-    "@progress/kendo-angular-icons": "12.0.0-develop.1",
-    "@progress/kendo-angular-treeview": "12.0.0-develop.1",
+    "@progress/kendo-angular-common": "12.0.0-develop.11",
+    "@progress/kendo-angular-l10n": "12.0.0-develop.11",
+    "@progress/kendo-angular-popup": "12.0.0-develop.11",
+    "@progress/kendo-angular-icons": "12.0.0-develop.11",
+    "@progress/kendo-angular-treeview": "12.0.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-label": "12.0.0-develop.1"
+    "@progress/kendo-angular-navigation": "12.0.0-develop.11",
+    "@progress/kendo-angular-label": "12.0.0-develop.11"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "12.0.0-develop.1",
+    "@progress/kendo-angular-schematics": "12.0.0-develop.11",
     "@progress/kendo-common": "^0.2.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
             // peers of the treeview
-            '@progress/kendo-angular-inputs': '12.0.0-develop.1',
+            '@progress/kendo-angular-inputs': '12.0.0-develop.11',
             // peers of inputs
-            '@progress/kendo-angular-intl': '12.0.0-develop.1',
+            '@progress/kendo-angular-intl': '12.0.0-develop.11',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^1.0.0'